76 lines
3.9 KiB
PHP
76 lines
3.9 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Footer</title>
|
|
<link rel="stylesheet" href="../assests/css/styles.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css"
|
|
integrity="sha512-5Hs3dF2AEPkpNAR7UiOHba+lRSJNeM2ECkwxUIxC1Q/FLycGTbNapWXB4tP889k5T5Ju8fs4b1P5z/iB4nMfSQ=="
|
|
crossorigin="anonymous" referrerpolicy="no-referrer" />
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
</head>
|
|
<body>
|
|
<section class="bgfoot" id="footer">
|
|
<footer class="py-10 text-gray-200">
|
|
<div class="container mx-auto px-4">
|
|
<!-- Top Section -->
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 text-center md:text-left">
|
|
<!-- Mailing List -->
|
|
<div>
|
|
<h2 class="text-xl font-bold">Join Our Mailing List</h2>
|
|
<p class="text-sm mt-2">Sign up now and get news and special offers.</p>
|
|
<form action="#" method="POST" class="mt-4 flex justify-center md:justify-start">
|
|
<input type="email" name="email" placeholder="Enter Your Email Address"
|
|
class="p-2 w-full md:w-auto flex-grow rounded-l-lg bg-white text-black">
|
|
<button type="submit"
|
|
class="bg-red-500 px-4 py-2 rounded-r-lg text-white hover:bg-red-600">
|
|
<i class="fas fa-envelope"></i>
|
|
</button>
|
|
</form>
|
|
</div>
|
|
|
|
<!-- Social Media Links -->
|
|
<div>
|
|
<h2 class="text-xl font-bold">Stay Connected</h2>
|
|
<p class="text-sm mt-2">Follow us on social media channels</p>
|
|
<div class="flex justify-center md:justify-start mt-4 space-x-4 text-xl">
|
|
<a href="#" class="text-[#F2A057] hover:text-white"><i class="fab fa-facebook"></i></a>
|
|
<a href="#" class="text-[#F2A057] hover:text-white"><i class="fab fa-twitter"></i></a>
|
|
<a href="#" class="text-[#F2A057] hover:text-white"><i class="fab fa-instagram"></i></a>
|
|
<a href="#" class="text-[#F2A057] hover:text-white"><i class="fab fa-youtube"></i></a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Awards -->
|
|
<div>
|
|
<h2 class="text-xl font-bold">Our Awards</h2>
|
|
<div class="flex justify-center md:justify-start mt-4 space-x-4">
|
|
<img src="../assests/images/footer-image.png" alt="Award 1" class="h-12">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Bottom Section -->
|
|
<div class="border-t border-gray-700 mt-8 pt-4">
|
|
<div class="flex flex-col md:flex-row justify-between items-center">
|
|
<nav class="space-x-4 text-sm text-gray-400">
|
|
<a href="#" class="hover:text-orange-500">Home</a>
|
|
<a href="#" class="hover:text-orange-500">About</a>
|
|
<a href="#" class="hover:text-orange-500">Menu</a>
|
|
<a href="#" class="hover:text-orange-500">News</a>
|
|
<a href="#" class="hover:text-orange-500">Contact</a>
|
|
<a href="#" class="hover:text-orange-500">Reservation</a>
|
|
</nav>
|
|
<p class="mt-4 md:mt-0 text-sm text-gray-400">
|
|
Copyright © <?php echo date("Y"); ?> Hotels.com. All Rights Reserved.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</section>
|
|
</body>
|
|
</html>
|