forked from duniayetu/www_duniayetu
23 lines
1.1 KiB
HTML
23 lines
1.1 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">
|
|
<div class="flex flex-col overflow-hidden rounded-lg bg-gray-900 sm:flex-row md:h-80">
|
|
<!-- content - start -->
|
|
<div class="flex w-full flex-col p-4 sm:w-1/2 sm:p-8 lg:w-2/5">
|
|
<h2 class="mb-4 text-xl font-bold text-white md:text-2xl lg:text-4xl">{{ cta_title}}</h2>
|
|
|
|
<p class="mb-8 max-w-md text-gray-400">{{ cta_text}}</p>
|
|
|
|
<div class="mt-auto">
|
|
<a href="{{ cta_link }}" class="inline-block rounded-lg bg-white px-8 py-3 text-center text-sm font-semibold text-gray-800 outline-none ring-indigo-300 transition duration-100 hover:bg-gray-100 focus-visible:ring active:bg-gray-200 md:text-base">{{ cta_link_name }}</a>
|
|
</div>
|
|
</div>
|
|
<!-- content - end -->
|
|
|
|
<!-- image - start -->
|
|
<div class="order-first h-48 w-full bg-gray-700 sm:order-none sm:h-auto sm:w-1/2 lg:w-3/5">
|
|
<img src="{{ cta_img }}" loading="lazy" alt="Photo by Dom Hill" class="h-full w-full object-cover object-center" />
|
|
</div>
|
|
<!-- image - end -->
|
|
</div>
|
|
</div>
|
|
</div> |