mirror of
https://github.com/istiyakaminsanto/tailShape.git
synced 2025-12-27 22:07:02 +00:00
54 lines
2.3 KiB
HTML
54 lines
2.3 KiB
HTML
<!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 33 start -->
|
|
<section class="section_divider">
|
|
<div>Footer 32</div>
|
|
</section>
|
|
<!-- This is an example component -->
|
|
<div class=" bg-gray-900">
|
|
<div class="max-w-2xl mx-auto text-white py-10">
|
|
<div class="text-center">
|
|
<h3 class="text-3xl mb-3"> Download our fitness app </h3>
|
|
<p> Stay fit. All day, every day. </p>
|
|
<div class="flex justify-center my-10">
|
|
<div class="flex items-center border w-auto rounded-lg px-4 py-2 w-52 mx-2">
|
|
<img src="https://cdn-icons-png.flaticon.com/512/888/888857.png" class="w-7 md:w-8">
|
|
<div class="text-left ml-3">
|
|
<p class='text-xs text-gray-200'>Download on </p>
|
|
<p class="text-sm md:text-base"> Google Play Store </p>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center border w-auto rounded-lg px-4 py-2 w-44 mx-2">
|
|
<img src="https://cdn-icons-png.flaticon.com/512/888/888841.png" class="w-7 md:w-8">
|
|
<div class="text-left ml-3">
|
|
<p class='text-xs text-gray-200'>Download on </p>
|
|
<p class="text-sm md:text-base"> Apple Store </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mt-28 flex flex-col md:flex-row md:justify-between items-center text-sm text-gray-400">
|
|
<p class="order-2 md:order-1 mt-8 md:mt-0"> © Beautiful Footer, 2021. </p>
|
|
<div class="order-1 md:order-2">
|
|
<span class="px-2">About us</span>
|
|
<span class="px-2 border-l">Contact us</span>
|
|
<span class="px-2 border-l">Privacy Policy</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- footer 33 end -->
|
|
|
|
|
|
|
|
</body>
|
|
</html> |