# Block #17.1, #17.2, #17.3

{% tabs %}
{% tab title="Preview" %}

<figure><img src="https://1517109349-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAEb2xvTC9MyvJ5piB0eJ%2Fuploads%2FZsOoa6rmVgxUzDI6KUf8%2Fblock-17-1.png?alt=media&#x26;token=88d9b406-a0a9-4046-b4fb-773263e9ae11" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="HTML Code" %}
{% embed url="<https://gist.github.com/mczaja/57bb33bab9697fd02b2ce536d97a8f91>" %}
{% endtab %}
{% endtabs %}

{% tabs %}
{% tab title="Preview" %}

<figure><img src="https://1517109349-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAEb2xvTC9MyvJ5piB0eJ%2Fuploads%2FUYbLCpQAGs6c6W6lvTpT%2Fblock-17-2.png?alt=media&#x26;token=1bcf93ab-b86e-4e00-9dbe-724c7c2b1591" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="HTML Code" %}
{% embed url="<https://gist.github.com/mczaja/adc69728cf490d0f5bc0e4028bc987cf>" %}
{% endtab %}
{% endtabs %}

{% tabs %}
{% tab title="Preview" %}

<figure><img src="https://1517109349-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAEb2xvTC9MyvJ5piB0eJ%2Fuploads%2F2A8AjMBMXkUEBWaLehky%2Fblock-17-3.png?alt=media&#x26;token=478bdfe8-e890-4325-bbb1-0d37132bd002" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="HTML Code" %}
{% embed url="<https://gist.github.com/mczaja/f3cc9dc3d970cd4d1b6ff625b1234870>" %}
{% endtab %}
{% endtabs %}