components/branding/zap/zap--all-styles.html

{% render '@zap', { title_el: 'h2', zap_number: '1', title: 'An <strong>example</strong> of Zap 1' } %}
{% render '@zap', { title_el: 'h2', zap_number: '2', title: 'An <strong>example</strong> of Zap 2' } %}
{% render '@zap', { title_el: 'h2', zap_number: '3', title: 'An <strong>example</strong> of Zap 3' } %}
{% render '@zap', { title_el: 'h2', zap_number: '4', title: 'An <strong>example</strong> of Zap 4' } %}
{% render '@zap', { title_el: 'h2', zap_number: '5', title: 'An <strong>example</strong> of Zap 5' } %}
{% render '@zap', { title_el: 'h2', zap_number: '6', title: 'An <strong>example</strong> of Zap 6' } %}
{% render '@zap', { title_el: 'h2', zap_number: '7', title: 'An <strong>example</strong> of Zap 7' } %}
{% render '@zap', { title_el: 'h2', zap_number: '8', title: 'An <strong>example</strong> of Zap 8' } %}
{% render '@zap', { title_el: 'h2', zap_number: '9', title: 'An <strong>example</strong> of Zap 9' } %}
{% render '@zap', { title_el: 'h2', zap_number: '10', title: 'An <strong>example</strong> of Zap 10' } %}
{% render '@zap', { title_el: 'h2', zap_number: '11', title: 'An <strong>example</strong> of Zap 11' } %}
{% render '@zap', { title_el: 'h2', zap_number: '12', title: 'An <strong>example</strong> of Zap 12' } %}
{% render '@zap', { title_el: 'h2', zap_number: '13', title: 'An <strong>example</strong> of Zap 13' } %}
{% render '@zap', { title_el: 'h2', zap_number: '14', title: 'An <strong>example</strong> of Zap 14' } %}
{% render '@zap', { title_el: 'h2', zap_number: '15', title: 'An <strong>example</strong> of Zap 15' } %}
{% render '@zap', { title_el: 'h2', zap_number: '16', title: 'An <strong>example</strong> of Zap 16' } %}
{% render '@zap', { title_el: 'h2', zap_number: '17', title: 'An <strong>example</strong> of Zap 17' } %}
{% render '@zap', { title_el: 'h2', zap_number: '18', title: 'An <strong>example</strong> of Zap 18' } %}