Mirrors/tailShape
1
0
Fork 0
mirror of https://github.com/istiyakaminsanto/tailShape.git synced 2026-01-06 07:47:01 +00:00
Code Issues Projects Releases Wiki Activity

added 15 templates

Browse Source
This commit is contained in:
merajjahir
2022-03-05 20:20:27 +06:00
parent 06099f5d1e
commit 1821d148e9
25 changed files with 5776 additions and 310 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
public/componets/hero/6_header.html → public/componets/hero/6_hero.html
View File

62
public/componets/hero/8_hero.html
View File

@@ -16,39 +16,35 @@
<div>Hero 8</div>
</section>
<div class="flex items-center justify-between dark:bg-gray-800">
<div class="float-left h-full">
<div class="mx-16 my-6">
<div class="py-2 text-6xl font-bold leading-none text-purple-700">
<h1>Shopping <br>
Made Easier!
</h1>
</div>
<div>
<p class="text-xl text-gray-600">
We've designed the best shopping experience. <br>
Now just one click away!
</p>
</div>
<div class="my-10">
<a href=#>
<span class="p-4 px-6 font-medium text-white bg-green-500 border-4 border-transparent rounded-lg hover:bg-green-600">Start Shopping</span>
</a>
<a href=#>
<span class="p-4 px-8 mx-8 font-medium text-gray-700 bg-gray-300 border-4 border-transparent rounded-lg hover:bg-gray-500">Learn More</span>
</a>
</div>
</div>
<div>
</div>
</div>
<div class="float-right px-20 my-8">
<img class="rounded-lg hover:translate-y-2 transition duration-300" src="https://images.unsplash.com/photo-1557860537-4ca8968f344e?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=450&ixid=MnwxfDB8MXxyYW5kb218MHx8c2ltcGxlfHx8fHx8MTY0NTEwNDMyMg&ixlib=rb-1.2.1&q=80&utm_campaign=api-credit&utm_medium=referral&utm_source=unsplash_source&w=400" alt="shopping">
<!-- <img src="https://source.unsplash.com/400x450/?simple" alt="shopping"> -->
</div>
</div>
<div class=" p-24 flex items-center justify-around dark:bg-gray-800">
<div class="float-left my-6">
<div class="">
<div class="py-2 text-6xl font-bold leading-none text-purple-700">
<h1>Shopping <br>
Made Easier!
</h1>
</div>
<div>
<p class="text-xl text-gray-600">
We've designed the best shopping experience. <br>
Now just one click away!
</p>
</div>
<div class="my-10 flex flex-col md:flex-row ">
<a href="#" class=" m-3 py-4 px-6 font-medium text-white bg-green-500 border-4 border-transparent rounded-lg hover:bg-green-600 ">
<span >Start Shopping</span>
</a>
<a href="#" class="m-3 py-4 px-8 font-medium text-gray-700 bg-gray-300 border-4 border-transparent rounded-lg hover:bg-gray-500">
<span >Learn More</span>
</a>
</div>
</div>
</div>
<div class="float-right px-20 my-8 hidden md:block">
<img class="rounded-lg hover:translate-y-2 transition duration-300" src="https://images.unsplash.com/photo-1557860537-4ca8968f344e?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=450&ixid=MnwxfDB8MXxyYW5kb218MHx8c2ltcGxlfHx8fHx8MTY0NTEwNDMyMg&ixlib=rb-1.2.1&q=80&utm_campaign=api-credit&utm_medium=referral&utm_source=unsplash_source&w=400" alt="shopping">
<!-- <img src="https://source.unsplash.com/400x450/?simple" alt="shopping"> -->
</div>
</div>
<!-- hero 8 end -->