<!--begin:Footer-->
<footer id="footer" class="bg-body text-body footer position-relative">
<div class="container pt-9 pt-lg-11 pb-5 position-relative z-1">
<div class="row">
<!--Footer col-->
<div class="col-md-7 col-lg-3 mb-7">
<a class="navbar-brand width-10x" href="index.html">
<img src="assets/img/logo/logo.svg" alt="" class="img-fluid navbar-brand-light">
<img src="assets/img/logo/logo-white.svg" alt="" class="img-fluid navbar-brand-dark">
</a>
<hr>
<small class="text-body-secondary d-block">
Enquiries
</small>
<a href="#!mailto:yourmail.domain.com">info@domian.com</a>
<hr>
<small class="text-body-secondary mb-3 d-block">
Join Us Today
</small>
<a href="#!" class="btn btn-secondary d-table">Upgrade to Pro</a>
<!--:Dark Mode:-->
<div class="d-inline-flex align-items-center dropup mt-6">
<button class="btn border text-body py-2 px-2 d-flex align-items-center" id="assan-theme" type="button" aria-expanded="false" data-bs-toggle="dropdown" data-bs-display="static">
<span class="theme-icon-active d-flex align-items-center">
<i class="bx align-middle" href="null"></i>
</span>
</button>
<!--:Dark Mode Options:-->
<ul class="dropdown-menu" aria-labelledby="assan-theme" style="--bs-dropdown-min-width: 9rem;">
<li class="mb-1">
<button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="light">
<span class="theme-icon d-flex align-items-center">
<i class="bx bx-sun align-middle me-2"> </i>
</span>
Light
</button>
</li>
<li class="mb-1">
<button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark">
<span class="theme-icon d-flex align-items-center">
<i class="bx bx-moon align-middle me-2"></i>
</span>
Dark
</button>
</li>
<li>
<button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="auto">
<span class="theme-icon d-flex align-items-center">
<i class="bx bx-color-fill align-middle me-2"></i>
</span>
Auto
</button>
</li>
</ul>
</div>
</div>
<!--Footer col-->
<div class="col-md-4 col-lg-2 ms-md-auto mb-7 col-7">
<h6 class="mb-2">Links</h6>
<ul class="nav flex-column">
<li class="nav-item">
<a href="#" class="nav-link">
About us
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
Newsletter
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
Contact
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
Career <span class="badge bg-success rounded-pill ms-1">Hiring</span>
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
Privacy policy
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
Terms & conditions
</a>
</li>
</ul>
</div>
<!--Footer col-->
<div class="col-md-4 col-lg-2 ms-lg-auto mb-7 col-5">
<h6 class="mb-2">Categories</h6>
<ul class="nav flex-column">
<li class="nav-item">
<a href="#" class="nav-link">
Design
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
Development
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
Fashion
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
Business
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
Nature
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
Travel
</a>
</li>
</ul>
</div>
<!--Footer col-->
<div class="col-md-8 col-lg-4 mb-7">
<h6 class="mb-4">Popular articles</h6>
<ul class="list-unstyled">
<li class="d-flex card-hover mb-4 align-items-center">
<div class="me-3">
<a href="#!" class="d-block width-7x height-7x rounded-3 overflow-hidden">
<img src="assets/img/960x1140/1.jpg" alt="" class="img-fluid img-zoom">
</a>
</div>
<div>
<a href="#!" class="lh-sm d-block mb-1">Tips for creating a long-lasting
partnership with your startup</a>
<span class="d-block small text-body-secondary">02 Sep 2021</span>
</div>
</li>
<li class="d-flex card-hover mb-4 align-items-center">
<div class="me-3">
<a href="#!" class="d-block width-7x height-7x rounded-3 overflow-hidden">
<img src="assets/img/960x1140/2.jpg" alt="" class="img-fluid img-zoom">
</a>
</div>
<div>
<a href="#!" class="lh-sm d-block mb-1">Functional programming in python for
beginners</a>
<span class="d-block small text-body-secondary">18 Sep 2021</span>
</div>
</li>
<li class="d-flex card-hover align-items-center">
<div class="me-3">
<a href="#!" class="d-block width-7x height-7x rounded-3 overflow-hidden">
<img src="assets/img/960x1140/3.jpg" alt="" class="img-fluid img-zoom">
</a>
</div>
<div>
<a href="#!" class="lh-sm d-block mb-1">Modern and well coded bootstrap themes you should
buy</a>
<span class="d-block small text-body-secondary">19 Aug 2021</span>
</div>
</li>
</ul>
</div>
</div>
<hr class="mb-5 mt-0">
<div class="row">
<div class="col-sm-7 mb-3 mb-sm-0">
<div class="dropup d-table">
<a href="#" data-bs-toggle="dropdown" role="button" aria-expanded="false"
class="dropdown-toggle text-body">
United States (English)
</a>
<!--Dropdown lang menu-->
<div class="dropdown-menu mb-3 dropdown-menu-lg-start" style="margin: 0px;">
<a href="#!" class="d-flex align-items-center dropdown-item active">
<img src="assets/img/country/us.svg" class="width-2x me-2" alt="">
United States (English)
</a>
<a href="#!" class="d-flex align-items-center dropdown-item">
<img src="assets/img/country/es.svg" class="width-2x me-2" alt="">
América Latina (Español)
</a>
<a href="#!" class="d-flex align-items-center dropdown-item">
<img src="assets/img/country/gb.svg" class="width-2x me-2" alt="">
United Kingdom (English)
</a>
<a href="#!" class="d-flex align-items-center dropdown-item">
<img src="assets/img/country/fr.svg" class="width-2x me-2" alt="">
France (Français)
</a>
<a href="#!" class="d-flex align-items-center dropdown-item">
<img src="assets/img/country/pt.svg" class="width-2x me-2" alt="">
Italia (Italiano)
</a>
</div>
</div>
</div>
<div class="col-sm-5 small text-sm-end">
<span class="d-block lh-sm text-body-secondary">© Copyright
<script>
document.write(new Date().getFullYear())
</script>. Assan
</span>
</div>
</div>
</div>
<!--container-->
</footer>
<!--end:Footer-->