Mirrors/tailShape
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

nothing much added the darkmode for the testimonial's and fixed the responsive issue's

Browse Source
This commit is contained in:
merajjahir
2022-02-24 18:31:49 +06:00
parent b1cc326149
commit 80db37c506
20 changed files with 4914 additions and 3017 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
public/componets/testimonial/7_testimonial.html
View File

@@ -16,6 +16,70 @@
<!-- testimonial 7 start -->
<section class="section_divider">
<div>Testimonial 7</div>
</section>
<div class="flex items-center justify-center min-h-screen dark:bg-gray-800 bg-white min-w-screen">
<div class="px-10 ">
<div class="container flex flex-col items-center justify-center py-12 mx-auto">
<p class="text-lg font-medium tracking-wider text-teal-500 uppercase">Testimonials</p>
<h2 class="max-w-3xl pr-12 text-5xl font-bold dark:text-white text-center">People Like Us 🥰</h2>
<div class="items-center justify-center w-full mt-16 mb-4 lg:flex">
<div class="flex flex-col items-start justify-start w-full h-auto mb-12 lg:w-1/3 lg:mb-0">
<div class="flex items-center justify-center">
<div class="w-16 h-16 mr-4 overflow-hidden bg-gray-200 rounded-full">
<img src="https://images.unsplash.com/photo-1527980965255-d3b416303d12?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1700&q=80"
class="object-cover w-full h-full">
</div>
<div class="flex flex-col items-start justify-center">
<h4 class="font-bold text-gray-800 dark:text-white">John Doe</h4>
<p class="text-gray-600 dark:text-teal-500">CEO of Something</p>
</div>
</div>
<blockquote class="mt-8 text-lg text-gray-500">"This is some rad shit! Pop lockin, Boom shockin
radical. I
immediately wet my pants after trying this service."</blockquote>
</div>
<div
class="flex flex-col items-start justify-start w-full h-auto px-0 mx-0 mb-12 border-l border-r border-transparent lg:w-1/3 lg:mb-0 lg:px-8 lg:mx-8 lg:border-gray-200">
<div class="flex items-center justify-center">
<div class="w-16 h-16 mr-4 overflow-hidden bg-gray-200 rounded-full">
<img src="https://images.unsplash.com/photo-1544725176-7c40e5a71c5e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2547&q=80"
class="object-cover w-full h-full">
</div>
<div class="flex flex-col items-start justify-center">
<h4 class="font-bold text-gray-800 dark:text-white">Jane Doe</h4>
<p class="text-gray-600 dark:text-teal-500">CTO of Business</p>
</div>
</div>
<blockquote class="mt-8 text-lg text-gray-500">"Thanks for creating this service. My life is so much
easier.
Thanks for making such a great product."</blockquote>
</div>
<div class="flex flex-col items-start justify-start w-full h-auto lg:w-1/3">
<div class="flex items-center justify-center">
<div class="w-16 h-16 mr-4 overflow-hidden bg-gray-200 rounded-full">
<img src="https://images.unsplash.com/photo-1545167622-3a6ac756afa4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1256&q=80"
class="object-cover w-full h-full">
</div>
<div class="flex flex-col items-start justify-center">
<h4 class="font-bold text-gray-800 dark:text-white">John Smith</h4>
<p class="text-gray-600 dark:text-teal-500">Creator of Stuff</p>
</div>
</div>
<blockquote class="mt-8 text-lg text-gray-500">"Packed with awesome content and exactly what I was
looking
for. I would highly recommend this to anyone."</blockquote>
</div>
</div>
</div>
</div>
</div>
<!-- testimonial 7 end -->
<!-- start of script section -->
<script type="text/javascript">
let toogler = document.getElementById("dark_mood_toogler");