Feature

<div class="feature">
    <svg class="inline-block align-middle -mt-1 stroke-current w-12 h-12 mb-2 text-teal-500" aria-hidden="true" focusable="false" role="img">
        <use xlink:href="../../icons.svg#key" />
    </svg>

    <h4 class="text-lg md:text-xl lg:text-2xl font-medium mb-2">Approachable</h4>
    <p class="text-gray-600">Lorem ipsum dolor sit amet consectetur adipisicing elit. Expedita sequi cumque odio perspiciatis soluta iste voluptatem eveniet magni assumenda distinctio.</p>
</div>
<div class="feature">
    {% render '@icon', { id: icon, class: 'mb-2 text-teal-500' }, true %}
    <h4 class="text-lg md:text-xl lg:text-2xl font-medium mb-2">{{ title }}</h4>
    <p class="text-gray-600">{{ body }}</p>
</div>
{
  "icon": "key",
  "title": "Approachable",
  "body": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Expedita sequi cumque odio perspiciatis soluta iste voluptatem eveniet magni assumenda distinctio."
}

No notes defined.