nothing much added the darkmode for the testimonial's and fixed the responsive issue's
This commit is contained in:
merajjahir
@@ -30,24 +30,24 @@
|
||||
<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="flex items-center 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>
|
||||
<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 w-20 h-20 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="flex items-center justify-between w-full col-span-1 p-6 mt-4 bg-white rounded-lg shadow">
|
||||
<div class="flex flex-col pr-10">
|
||||
<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>
|
||||
@@ -60,9 +60,9 @@
|
||||
</h3>
|
||||
<p class="mt-1 text-sm leading-5 text-gray-500 truncate"></p>
|
||||
</div>
|
||||
<img class="flex-shrink-0 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="">
|
||||
<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="flex items-center justify-between w-full col-span-1 p-6 mt-4 bg-white rounded-lg shadow">
|
||||
<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">
|
||||
@@ -77,7 +77,7 @@
|
||||
</h3>
|
||||
<p class="mt-1 text-sm leading-5 text-gray-500 truncate"></p>
|
||||
</div>
|
||||
<img class="flex-shrink-0 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="">
|
||||
<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>
|
||||
|
||||
Reference in New Issue
Block a user