forked from tfcoop/www_duniayetu
30 lines
1.5 KiB
HTML
30 lines
1.5 KiB
HTML
<div class="bg-white py-6 sm:py-8 lg:py-12">
|
|
<div class="mx-auto max-w-screen-2xl px-4 md:px-8">
|
|
<!-- text - start -->
|
|
<div class="mb-10 md:mb-16">
|
|
<h2 class="mb-4 text-center text-2xl font-bold text-gray-800 md:mb-6 lg:text-3xl">Our competitive advantage</h2>
|
|
|
|
<p class="mx-auto max-w-screen-md text-center text-gray-500 md:text-lg">This is a section of some simple filler text, also known as placeholder text. It shares some characteristics of a real written text but is random or otherwise generated.</p>
|
|
</div>
|
|
<!-- text - end -->
|
|
{% for item in items %}
|
|
<div class="grid gap-8 sm:grid-cols-2 md:gap-12 xl:grid-cols-3 xl:gap-16">
|
|
<!-- feature - start -->
|
|
<div class="flex gap-4 md:gap-6">
|
|
<div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-lg bg-indigo-500 text-white shadow-lg md:h-14 md:w-14 md:rounded-xl">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6" />
|
|
</svg>
|
|
</div>
|
|
|
|
<div>
|
|
<h3 class="mb-2 text-lg font-semibold md:text-xl">{{ header}}</h3>
|
|
<p class="mb-2 text-gray-500">{{ text }}</p>
|
|
<a href="#" class="font-bold text-indigo-500 transition duration-100 hover:text-indigo-600 active:text-indigo-700">{{ link }}</a>
|
|
</div>
|
|
</div>
|
|
<!-- feature - end -->
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div> |