<!--begin:Footer-->
<footer id="footer" class="bg-body footer">
<div class="container pt-9 pt-lg-11 pb-5">
<div class="row">
<div class="col-sm-7 mb-4 mb-sm-0">
<h5 class="mb-0 text-body-secondary">1355 Market St, <br> Suite 900,
San Francisco<br>
CA, 94103</h5>
<!--:Dark Mode:-->
<div class="d-inline-flex align-items-center dropup mt-6">
<button class="btn border text-body py-1 px-3 dropdown-toggle 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">
<small>Current theme</small> <i class="bx align-middle ms-2" 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>
<div class="col-sm-5 text-sm-end">
<a href="#!" class="fs-6 link-hover-underline">+011(1234) 56789</a><br><br>
<a href="mailto:mail@domain.agency" class="fs-6 link-hover-underline">mail@domain.agency</a>
</div>
</div>
<hr class="my-4">
<div class="row text-secondary">
<div class="col-sm-7 mb-3 mb-sm-0">
<nav class="nav mb-0 gap-3">
<a class="link-hover-underline nav-link px-0 pt-0" href="#">Facebook</a>
<a class="link-hover-underline nav-link px-0 pt-0" href="#">Twitter</a>
<a class="link-hover-underline nav-link px-0 pt-0" href="#">Linkedin</a>
<a class="link-hover-underline nav-link px-0 pt-0" href="#">Behance</a>
</nav>
</div>
<div class="col-sm-5 text-sm-end">
<span class="d-block lh-sm small text-body-tertiary">© Copyright
<script>
document.write(new Date().getFullYear())
</script>. Assan
</span>
</div>
</div>
</div>
</footer>
<!--end:Footer-->