sashaastiadi/www_duniayetu
1
0
Fork 0
forked from duniayetu/www_duniayetu
Code Pull Requests Activity

update cta

Browse Source
This commit is contained in:
Ehab Hassan
2023-11-29 17:02:44 +02:00
parent 15c17995ec
commit defc94c867
3 changed files with 56 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
templates/shortcodes/content1.html
View File

@@ -9,15 +9,15 @@
<h2 class="mb-2 text-xl font-semibold text-gray-800 sm:text-2xl md:mb-4">{{ content1_subtitle }}</h2>
<p class="mb-6 text-gray-500 sm:text-lg md:mb-8">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. It may be used to display a sample of fonts or generate text for testing. Filler text is dummy text which has no meaning however looks very similar to real text.</p>
<p class="mb-6 text-gray-500 sm:text-lg md:mb-8">{{ content1_title2 }}</p>
<ul class="mb-6 list-inside list-disc text-gray-500 sm:text-lg md:mb-8">
<li>This is a section of some simple filler text</li>
<li>Also known as placeholder text</li>
<li>It shares some characteristics of a real written text</li>
<li>{{ content1_item1 }}</li>
<li>{{ content1_item2 }}</li>
<li>{{ content1_item3 }}</li>
</ul>
<blockquote class="mb-6 border-l-4 pl-4 italic text-gray-500 sm:text-lg md:mb-8 md:pl-6">“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.”</blockquote>
<blockquote class="mb-6 border-l-4 pl-4 italic text-gray-500 sm:text-lg md:mb-8 md:pl-6">{{ quate_title }}</blockquote>
<div class="relative mb-6 overflow-hidden rounded-lg bg-gray-100 shadow-lg md:mb-8">
<img src="{{ content1_photo }}" loading="lazy" alt="Photo by Minh Pham" class="h-full w-full object-cover object-center" />

23
templates/shortcodes/cta.html Normal file
View File

@@ -0,0 +1,23 @@
<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="#" 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">Save now</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>