<!-- Start Footer Section -->
<footer class="bg-[#00103F] text-white mt-20">
<div class="container mx-auto px-5 py-16">
<div class="flex flex-col md:flex-row">
<div class="basis-2/6">
<div class="p-5">
<img src="{{ asset('images/logo-mini.png') }}" alt="" class="w-10">
<div>
<h3 class="font-medium mt-4 mb-3">
Call Us
</h3>
<div class="text-sm">
<h4 class="mb-2">+88019626352323</h4>
<h4 class="mb-2">hello@gmail.com</h4>
<h4 class="mb-2">9AM- 5PM, Monday - Friday</h4>
<h4 class="mb-2">PO Box 567, Hostain st. 433 Los Angeles, California, US</h4>
</div>
</div>
</div>
</div>
<div class="basis-1/6">
<div class="p-4">
<h3 class="font-medium mt-4 mb-3">
Links
</h3>
<ul class="list-none mt-4">
<li>
<a href="#" class="text-sm">
<i class="fa-solid fa-chevron-right text-xs mr-3"></i>
Start here
</a>
</li>
<li>
<a href="#" class="text-sm">
<i class="fa-solid fa-chevron-right text-xs mr-3"></i>
Blogs
</a>
</li>
<li>
<a href="#" class="text-sm">
<i class="fa-solid fa-chevron-right text-xs mr-3"></i>
About us
</a>
</li>
<li>
<a href="#" class="text-sm">
<i class="fa-solid fa-chevron-right text-xs mr-3"></i>
Contact Us
</a>
</li>
<li>
<a href="#" class="text-sm">
<i class="fa-solid fa-chevron-right text-xs mr-3"></i>
Career
</a>
</li>
<li>
<a href="#" class="text-sm">
<i class="fa-solid fa-chevron-right text-xs mr-3"></i>
Courses
</a>
</li>
</ul>
</div>
</div>
<div class="basis-1/6">
<div class="p-4">
<h3 class="font-medium mt-4 mb-3">
Information
</h3>
<ul class="list-none mt-4">
<li>
<a href="#" class="text-sm">
<i class="fa-solid fa-chevron-right text-xs mr-3"></i>
Start here
</a>
</li>
<li>
<a href="#" class="text-sm">
<i class="fa-solid fa-chevron-right text-xs mr-3"></i>
Blogs
</a>
</li>
<li>
<a href="#" class="text-sm">
<i class="fa-solid fa-chevron-right text-xs mr-3"></i>
About us
</a>
</li>
<li>
<a href="#" class="text-sm">
<i class="fa-solid fa-chevron-right text-xs mr-3"></i>
Contact Us
</a>
</li>
<li>
<a href="#" class="text-sm">
<i class="fa-solid fa-chevron-right text-xs mr-3"></i>
Career
</a>
</li>
<li>
<a href="#" class="text-sm">
<i class="fa-solid fa-chevron-right text-xs mr-3"></i>
Courses
</a>
</li>
</ul>
</div>
</div>
<div class="basis-2/6">
<div class="p-4">
<h3 class="font-medium mt-4 mb-3">
Sign up for our newsletter
</h3>
<p class="text-sm">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aut odit magnam officia sequi
aliquid
facere corporis dolorem beatae? Dolore pariatur illo odio nulla atque quibusdam dicta ut
tempore, suscipit est.
</p>
<form id="subscriber-form" method="post">
<p class="mt-4 relative">
<input type="email" id="subscriber_email" placeholder="Your e-mail"
class="w-full p-3 pl-5 bg-white rounded-full text-gray-700 placeholder:text-gray-700">
<button class="absolute top-1 right-2 bg-red-600 px-5 p-2 rounded-full uppercase">
Subscribe
</button>
</p>
<p id="subscription-message" class="text-success"></p>
</form>
</div>
</div>
</div>
<div class="text-center mt-4">
© 2022 All rights reserved.
</div>
<div>
<a id="scroll-to-top" href="#top"
class="transition hidden shadow bottom-1 right-1 w-14 h-14 rounded-[50%] bg-red-600 hover:opacity-80 z-50 border group">
<i class="fa-solid fa-arrow-up transition pt-5 pl-5 text-white group-hover:-translate-y-2"></i>
</a>
</div>
</div>
</footer>
<!-- End Footer Section -->
<script>
const baseUrl = "{{ url('/') }}";
const apiBaseUrl = `${baseUrl}/api`;
</script>
|
Download
