added other tempalte parts
This commit is contained in:
merajjahir
@@ -72,7 +72,7 @@
|
||||
|
||||
<!-- start cta 3 -->
|
||||
|
||||
<section class="flex flex-col md:flex-row justify-around py-24 bg-white border-gray-200 dark:bg-gray-800 ">
|
||||
<section class="flex flex-col md:flex-row justify-around py-24 bg-white border-gray-200 dark:bg-gray-900 ">
|
||||
|
||||
|
||||
<div class="max-w-sm my-3 bg-white rounded-lg border border-gray-200 shadow-md dark:bg-gray-800 dark:border-gray-700">
|
||||
@@ -128,7 +128,7 @@
|
||||
|
||||
<!-- feature 6 start -->
|
||||
|
||||
<section class="py-24 bg-white dark:bg-gray-900">
|
||||
<section class="py-24 bg-white dark:bg-gray-800">
|
||||
<div class="container px-6 py-10 mx-auto">
|
||||
<h1 class="text-3xl font-semibold text-gray-800 capitalize lg:text-4xl dark:text-white">explore our <br> awesome Components</h1>
|
||||
|
||||
@@ -210,7 +210,7 @@
|
||||
|
||||
<!-- pricing 5 start -->
|
||||
|
||||
<section class="py-24 dark:bg-gray-800">
|
||||
<section class="py-24 dark:bg-gray-900">
|
||||
<div class="px-4 py-16 mx-auto container md:px-24 lg:px-8 lg:py-20 ">
|
||||
<div class="max-w-xl mb-10 md:mx-auto sm:text-center lg:max-w-2xl md:mb-12">
|
||||
<div>
|
||||
@@ -394,9 +394,78 @@
|
||||
<!-- pricing 5 end -->
|
||||
|
||||
|
||||
|
||||
<!-- testimonial 5 start -->
|
||||
<section class="flex items-center justify-center py-16 bg-gray-100 dark:bg-gray-800 min-w-screen">
|
||||
<div class="max-w-6xl px-12 mx-auto dark:bg-gray-800 bg-gray-100 md:px-16 xl:px-10">
|
||||
<div class="flex flex-col items-center lg:flex-row">
|
||||
<div class="flex flex-col items-start justify-center w-full h-full pr-8 mb-10 lg:mb-0 lg:w-1/2">
|
||||
<p class="mb-2 text-base font-medium tracking-tight text-indigo-500 uppercase">Our customers love our product</p>
|
||||
<h2 class="text-4xl font-extrabold leading-10 tracking-tight dark:text-white text-gray-900 sm:text-5xl sm:leading-none md:text-6xl lg:text-5xl xl:text-6xl">Testimonials</h2>
|
||||
<p class="my-6 text-lg text-gray-600 dark:text-gray-300">Don't just take our word for it, read from our extensive list of case studies and customer testimonials.</p>
|
||||
<a href="#_" class="flex items-center justify-center px-8 py-3 text-base font-medium leading-6 text-white transition duration-150 ease-in-out bg-indigo-600 border border-transparent rounded-md shadow hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 focus:shadow-outline-indigo md:py-4 md:text-lg md:px-10">View Case Studies</a>
|
||||
</div>
|
||||
<div class="w-full lg:w-1/2">
|
||||
<blockquote class="sm:flex justify-center sm:justify-between w-full col-span-1 p-6 bg-white rounded-lg shadow">
|
||||
<div class="flex flex-col pr-8">
|
||||
<div class="relative pl-12">
|
||||
<svg class="absolute left-0 w-10 h-10 text-indigo-500 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 125">
|
||||
<path d="M30.7 42c0 6.1 12.6 7 12.6 22 0 11-7.9 19.2-18.9 19.2C12.7 83.1 5 72.6 5 61.5c0-19.2 18-44.6 29.2-44.6 2.8 0 7.9 2 7.9 5.4S30.7 31.6 30.7 42zM82.4 42c0 6.1 12.6 7 12.6 22 0 11-7.9 19.2-18.9 19.2-11.8 0-19.5-10.5-19.5-21.6 0-19.2 18-44.6 29.2-44.6 2.8 0 7.9 2 7.9 5.4S82.4 31.6 82.4 42z"></path>
|
||||
</svg>
|
||||
<p class="mt-2 text-sm text-gray-600 sm:text-base lg:text-sm xl:text-base">Awesome product! And the customer service is exceptionally well.</p>
|
||||
</div>
|
||||
|
||||
<h3 class="pl-12 mt-3 text-sm font-medium leading-5 text-gray-800 truncate sm:text-base lg:text-sm lg:text-base">
|
||||
Jane Cooper
|
||||
<span class="mt-1 text-sm leading-5 text-gray-500 truncate">- CEO SomeCompany</span>
|
||||
</h3>
|
||||
</div>
|
||||
<img class="flex-shrink-0 mx-auto mt-5 w-24 h-24 bg-gray-300 rounded-full xl:w-24 xl:h-24" src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=4&w=256&h=256&q=60" alt="">
|
||||
</blockquote>
|
||||
<blockquote class="sm:flex justify-center sm:justify-between w-full col-span-1 p-6 mt-4 bg-white rounded-lg shadow">
|
||||
<div class="flex flex-col pr-10 mx-auto">
|
||||
<div class="relative pl-12">
|
||||
<svg class="absolute left-0 w-10 h-10 text-indigo-500 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 125">
|
||||
<path d="M30.7 42c0 6.1 12.6 7 12.6 22 0 11-7.9 19.2-18.9 19.2C12.7 83.1 5 72.6 5 61.5c0-19.2 18-44.6 29.2-44.6 2.8 0 7.9 2 7.9 5.4S30.7 31.6 30.7 42zM82.4 42c0 6.1 12.6 7 12.6 22 0 11-7.9 19.2-18.9 19.2-11.8 0-19.5-10.5-19.5-21.6 0-19.2 18-44.6 29.2-44.6 2.8 0 7.9 2 7.9 5.4S82.4 31.6 82.4 42z"></path>
|
||||
</svg>
|
||||
<p class="mt-2 text-sm text-gray-600 sm:text-base lg:text-sm xl:text-base">I can't express enough, how amazing this service has been for my company.</p>
|
||||
</div>
|
||||
<h3 class="pl-12 mt-3 text-sm font-medium leading-5 text-gray-800 truncate sm:text-base lg:text-sm lg:text-base">
|
||||
John Doe
|
||||
<span class="mt-1 text-sm leading-5 text-gray-500 truncate">- CEO SomeCompany</span>
|
||||
</h3>
|
||||
<p class="mt-1 text-sm leading-5 text-gray-500 truncate"></p>
|
||||
</div>
|
||||
<img class="flex-shrink-0 mx-auto mt-5 w-24 h-24 bg-gray-300 rounded-full" src="https://images.unsplash.com/photo-1527980965255-d3b416303d12?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&aauto=format&fit=facearea&facepad=4&w=256&h=256&q=60" alt="">
|
||||
</blockquote>
|
||||
<blockquote class="sm:flex justify-center sm:justify-between w-full col-span-1 p-6 mt-4 bg-white rounded-lg shadow">
|
||||
<div class="flex flex-col pr-10">
|
||||
<div class="relative pl-12">
|
||||
<svg class="absolute left-0 w-10 h-10 text-indigo-500 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 125">
|
||||
<path d="M30.7 42c0 6.1 12.6 7 12.6 22 0 11-7.9 19.2-18.9 19.2C12.7 83.1 5 72.6 5 61.5c0-19.2 18-44.6 29.2-44.6 2.8 0 7.9 2 7.9 5.4S30.7 31.6 30.7 42zM82.4 42c0 6.1 12.6 7 12.6 22 0 11-7.9 19.2-18.9 19.2-11.8 0-19.5-10.5-19.5-21.6 0-19.2 18-44.6 29.2-44.6 2.8 0 7.9 2 7.9 5.4S82.4 31.6 82.4 42z"></path>
|
||||
</svg>
|
||||
<p class="mt-2 text-sm text-gray-600 sm:text-base lg:text-sm xl:text-base">I can't express enough, how amazing this service has been for my company.</p>
|
||||
</div>
|
||||
|
||||
<h3 class="pl-12 mt-3 text-sm font-medium leading-5 text-gray-800 truncate sm:text-base lg:text-sm lg:text-base">
|
||||
John Smith
|
||||
<span class="mt-1 text-sm leading-5 text-gray-500 truncate">- CEO SomeCompany</span>
|
||||
</h3>
|
||||
<p class="mt-1 text-sm leading-5 text-gray-500 truncate"></p>
|
||||
</div>
|
||||
<img class="flex-shrink-0 mx-auto mt-5 w-24 h-24 bg-gray-300 rounded-full" src="https://images.unsplash.com/photo-1545167622-3a6ac756afa4?ixlib=rrb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&aauto=format&fit=facearea&facepad=4&w=256&h=256&q=60" alt="">
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- testimonial 5 end -->
|
||||
|
||||
|
||||
|
||||
<!--footer 5 start-->
|
||||
|
||||
<footer class="bg-gray-50 dark:bg-gray-800">
|
||||
<footer class="bg-gray-50 dark:bg-gray-900">
|
||||
<div class="max-w-screen-xl px-4 py-16 mx-auto sm:px-6 lg:px-8">
|
||||
<div class="grid grid-cols-1 gap-8 lg:grid-cols-3">
|
||||
<div>
|
||||
|
||||
Reference in New Issue
Block a user