mirror of
https://github.com/istiyakaminsanto/tailShape.git
synced 2025-12-18 03:57:00 +00:00
86 lines
3.7 KiB
HTML
86 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" class="">
|
|
<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 37</title>
|
|
</head>
|
|
<body>
|
|
|
|
|
|
<!-- footer 38 start -->
|
|
<section class="section_divider">
|
|
<div>Footer 38</div>
|
|
</section>
|
|
<!-- component -->
|
|
<section class="">
|
|
<div class=" bg-grey-400 dark:bg-gray-800 p-8">
|
|
<div class="sm:flex mb-4">
|
|
<div class="sm:w-1/4 h-auto">
|
|
<div class="text-orange-500 mb-2">Orange</div>
|
|
<ul class="list-reset leading-normal">
|
|
<li class="hover:text-orange-500 text-grey-400">One</li>
|
|
<li class="hover:text-orange-500 text-grey-400">Two</li>
|
|
<li class="hover:text-orange-500 text-grey-400">Three</li>
|
|
<li class="hover:text-orange-500 text-grey-400">Four</li>
|
|
<li class="hover:text-orange-500 text-grey-400">Five</li>
|
|
<li class="hover:text-orange-500 text-grey-400">Six</li>
|
|
<li class="hover:text-orange-500 text-grey-400">Seven</li>
|
|
<li class="hover:text-orange-500 text-grey-400">Eight</li>
|
|
</ul>
|
|
</div>
|
|
<div class="sm:w-1/4 h-auto sm:mt-0 mt-8">
|
|
<div class="text-blue-700 mb-2">Blue</div>
|
|
<ul class="list-reset leading-normal">
|
|
<li class="hover:text-blue-700 text-grey-400">One</li>
|
|
<li class="hover:text-blue-700 text-grey-400">Two</li>
|
|
<li class="hover:text-blue-700 text-grey-400">Three</li>
|
|
</ul>
|
|
|
|
<div class="text-blue-400 mb-2 mt-4">Blue-light</div>
|
|
<ul class="list-reset leading-normal">
|
|
<li class="hover:text-blue-400 text-grey-400">One</li>
|
|
<li class="hover:text-blue-400 text-grey-400">Two</li>
|
|
<li class="hover:text-blue-400 text-grey-400">Three</li>
|
|
</ul>
|
|
|
|
</div>
|
|
<div class="sm:w-1/4 h-auto sm:mt-0 mt-8">
|
|
<div class="text-green-700 mb-2">Green-dark</div>
|
|
<ul class="list-reset leading-normal">
|
|
<li class="hover:text-green-700 text-grey-400">One</li>
|
|
<li class="hover:text-green-700 text-grey-400">Two</li>
|
|
<li class="hover:text-green-700 text-grey-400">Three</li>
|
|
</ul>
|
|
|
|
<div class="text-green-400 mb-2 mt-4">Green-light</div>
|
|
<ul class="list-reset leading-normal">
|
|
<li class="hover:text-green-400 text-grey-darker">One</li>
|
|
<li class="hover:text-green-400 text-grey-darker">Two</li>
|
|
<li class="hover:text-green-400 text-grey-darker">Three</li>
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
<div class="sm:w-1/2 sm:mt-0 mt-8 h-auto">
|
|
<div class="text-red-light mb-2 font-bold underline dark:text-gray-400 hover:text-cyan-300">Newsletter</div>
|
|
<p class="text-grey-darker leading-normal text-gray-500">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi, consectetur. </p>
|
|
<div class="mt-4 flex">
|
|
<input type="text" class="p-2 border border-grey-light round text-grey-dark text-sm h-auto" placeholder="Your email address">
|
|
<button class="bg-orange-500 text-gray-300 font-semibold rounded-sm h-auto text-xs p-3">Subscribe</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- footer 38 end -->
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
</html> |