Mirrors/tailShape
1
0
Fork 0
mirror of https://github.com/istiyakaminsanto/tailShape.git synced 2025-12-17 14:57:01 +00:00
Code Issues Projects Releases Wiki Activity

added 31 number footer

Browse Source
This commit is contained in:
merajjahir
2022-02-16 15:35:09 +06:00
parent 617a8d63e8
commit 3d042c5c32
3 changed files with 192 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
public/componets/footer/31_footer.html Normal file
View File

@@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./../../../dist/tailshape.css">
<title>footer 1</title>
</head>
<body>
<!-- footer 31 start -->
<section class="section_divider " id="footer_31">
<div>Footer 31</div>
</section>
<footer class="w-full flex h-50 bg-indigo-50 py-10 px-20 justify-between dark:bg-gradient-to-r dark:from-black dark:via-emerald-500 dark:to-green-800">
<div class="w-2/3">
<h1 class="text-2xl font-bold bg-white dark:bg-indigo-600 dark:text-white dark:ring-2 dark:ring-green-400 inline-block p-4 rounded-md text-gray-700 mb-4">Ready to get started?</h1>
<p class="w-2/3 text-gray-600 dark:text-white font-semibold">Lorem ipsum dolor sit amet, consectetur adipiscing elit, br sed do eiusmod tempor incididunt.</p>
<button class="block bg-indigo-600 font-bold px-4 py-2 dark:ring-2 dark:ring-green-400 rounded-md text-white tracking-wide mt-4">Get started</button>
</div>
<div class="w-1/3 flex items-center justify-center dark:text-white dark:font-bold">
<di>
<p class="hover:text-indigo-600 transition duration-100 cursor-pointer font">Navigation</p>
<p class="hover:text-indigo-600 transition duration-100 cursor-pointer font">Email Marketing</p>
<p class="hover:text-indigo-600 transition duration-100 cursor-pointer font">Campaigns</p>
<p class="hover:text-indigo-600 transition duration-100 cursor-pointer font">Branding</p>
<p class="hover:text-indigo-600 transition duration-100 cursor-pointer font">Offline</p>
</div>
</div>
</footer>
<!-- footer 31 end -->
</body>
</html>

25
public/componets/footer/footer.html
View File

@@ -3023,6 +3023,31 @@
<!-- footer 30 end -->
<!-- footer 31 start -->
<section class="section_divider " id="footer_31">
<div>Footer 31</div>
</section>
<footer class="w-full flex h-50 bg-indigo-50 py-10 px-20 justify-between dark:bg-gradient-to-r dark:from-black dark:via-emerald-500 dark:to-green-800">
<div class="w-2/3">
<h1 class="text-2xl font-bold bg-white dark:bg-indigo-600 dark:text-white dark:ring-2 dark:ring-green-400 inline-block p-4 rounded-md text-gray-700 mb-4">Ready to get started?</h1>
<p class="w-2/3 text-gray-600 dark:text-white font-semibold">Lorem ipsum dolor sit amet, consectetur adipiscing elit, br sed do eiusmod tempor incididunt.</p>
<button class="block bg-indigo-600 font-bold px-4 py-2 dark:ring-2 dark:ring-green-400 rounded-md text-white tracking-wide mt-4">Get started</button>
</div>
<div class="w-1/3 flex items-center justify-center dark:text-white dark:font-bold">
<di>
<p class="hover:text-indigo-600 transition duration-100 cursor-pointer font">Navigation</p>
<p class="hover:text-indigo-600 transition duration-100 cursor-pointer font">Email Marketing</p>
<p class="hover:text-indigo-600 transition duration-100 cursor-pointer font">Campaigns</p>
<p class="hover:text-indigo-600 transition duration-100 cursor-pointer font">Branding</p>
<p class="hover:text-indigo-600 transition duration-100 cursor-pointer font">Offline</p>
</div>
</div>
</footer>
<!-- footer 31 end -->
<!-- start of script section -->
<script type="text/javascript">
let toogler = document.getElementById("dark_mood_toogler");