Karriereveiledning

Gallery 

<h2>Two column gallery</h2>

<div class="grid-base grid-items-2">

    <div class="grid-item">

        Grid item

    </div>

    <div class="grid-item">

        Grid item

    </div>

    <div class="grid-item">

        Grid item

    </div>

    <div class="grid-item">

        Grid item

    </div>

</div>

<h2>Three column gallery</h2>

<div class="grid-base grid-items-3">

    <div class="grid-item">

        Grid item

    </div>

    <div class="grid-item">

        Grid item

    </div>

    <div class="grid-item">

        Grid item

    </div>

    <div class="grid-item">

        Grid item

    </div>

    <div class="grid-item">

        Grid item

    </div>

    <div class="grid-item">

        Grid item

    </div>

</div>

<h2>Two column gallery in narrow context</h2>

<div class="grid-base">

    <div class="grid-item-narrow grid-base grid-items-2">
        <div class="grid-item">

            Grid item

        </div>

        <div class="grid-item">

            Grid item

        </div>

        <div class="grid-item">

            Grid item

        </div>

        <div class="grid-item">

            Grid item

        </div>

    </div>

</div>
 
{% include '@header--h2' with {
  copy: 'Two column gallery'
} %}
{% embed '@grid'
  with {
    grid_class: 'grid-base grid-items-2'
  }
%}
  {% block grid_items %}
    {% include '@grid-item' %}
    {% include '@grid-item' %}
    {% include '@grid-item' %}
    {% include '@grid-item' %}
  {% endblock %}
{% endembed %}

{% include '@header--h2' with {
  copy: 'Three column gallery'
} %}
{% embed '@grid'
  with {
    grid_class: 'grid-base grid-items-3'
  }
%}
  {% block grid_items %}
    {% include '@grid-item' %}
    {% include '@grid-item' %}
    {% include '@grid-item' %}
    {% include '@grid-item' %}
    {% include '@grid-item' %}
    {% include '@grid-item' %}
  {% endblock %}
{% endembed %}

{% include '@header--h2' with {
  copy: 'Two column gallery in narrow context'
} %}
{% embed '@grid'
  with {
    grid_class: 'grid-base'
  }
%}
  {% block grid_items %}
    <div class="grid-item-narrow grid-base grid-items-2">
      {% include '@grid-item' %}
      {% include '@grid-item' %}
      {% include '@grid-item' %}
      {% include '@grid-item' %}
    </div>
  {% endblock %}
{% endembed %}
 
/* No context defined. */

No notes defined.