<footer>
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-sm-6">
<ul>
<li>
<a href="" class="footer-brand">Copyright © 2024 ra-admin. All rights reserved.</a>
</li>
</ul>
</div>
<div class="col-sm-6">
<ul class="text-end d-flex justify-content-sm-end justify-content-center">
<li> <a href="document.php"> Need Help <i class="ti ti-help"></i></a></li>
</ul>
</div>
</div>
</div>
</footer>
<footer>
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-sm-6">
<ul>
<li>
<a href="" class="footer-brand">Get connected with us on
social networks:
</a>
</li>
</ul>
</div>
<div class="col-sm-6">
<ul class="text-end d-flex justify-content-sm-end justify-content-center">
<li>
<a href=""><i class="ti ti-brand-facebook text-footer"></i></a>
</li>
<li> <a href="#"> <i class="ti ti-brand-twitter text-twitter"></i> </a>
</li>
<li> <a href="#"> <i class="ti ti-brand-google text-whatsapp"></i> </a>
</li>
<li> <a href="#"> <i class="ti ti-brand-instagram text-reddit"></i></a>
</li>
<li> <a href="#"> <i class="ti ti-brand-linkedin text-linkedin"></i></a>
</li>
<li> <a href="#"> <i class="ti ti-brand-github text-github"></i></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<div class="mb-3">
<footer class="footer-primary">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-sm-6">
<ul>
<li>
<a href="" class="footer-brand">RA-ADMIN "©"</a>
</li>
</ul>
</div>
<div class="col-sm-6">
<ul class="text-end d-flex justify-content-sm-end justify-content-center">
<li>
<a href="">supports</a>
</li>
<li> <a href="#"> Terms & Conditions </a></li>
</ul>
</div>
</div>
</div>
</footer>
</div>
<footer class="footer-secondary">
....
</footer>
<footer class="footer-success">
....
</footer>
<footer class="footer-danger">
....
</footer>
<footer class="footer-warning">
....
</footer>
<footer class="footer-info">
....
</footer>
<footer class="footer-light">
....
</footer>
<footer class="footer-dark">
....
</footer>
<footer>
<div class="container-fluid">
<div class="row">
<div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4">
<div class="footer-first">
<div class="footer-title">
<img src="../assets/images/logo/1.png" class="w-140" alt="">
</div>
<div class="mt-3">
<p>Here you can use rows and columns to organize your footer
content. Lorem ipsum dolor sit amet, consectetur
adipisicing elit.</p>
</div>
<div class="social-btn d-flex mt-3">
<button type="button"
class="btn btn-facebook icon-btn b-r-22"><i
class="ti ti-brand-facebook text-white"></i></button>
<button type="button"
class="btn btn-twitter icon-btn b-r-22 mx-3"><i
class="ti ti-brand-twitter text-white"></i></button>
<button type="button"
class="btn btn-linkedin icon-btn b-r-22 "><i
class="ti ti-brand-linkedin text-white"></i></button>
<button type="button"
class="btn btn-github icon-btn b-r-22 mx-3"><i
class="ti ti-brand-github text-white"></i></button>
</div>
</div>
</div>
<div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-3">
<div class="footer-first">
<div class="footer-title">
<h5 class="text-uppercase f-w-600 mb-3 text-primary">products
</h5>
</div>
<div class="footer-sub">
<ul>
<li class="mb-3">
<a href="">Angular</a>
</li>
<li class="mb-3">
<a href="">React</a>
</li>
<li class="mb-3">
<a href="">Vue</a>
</li>
<li class="mb-3">
<a href="">Laravel</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-3">
<div class="footer-first">
<div class="footer-title">
<h5 class="text-uppercase f-w-600 mb-3 text-primary">USEFUL
LINKS</h5>
</div>
<div class="footer-sub">
<ul>
<li class="mb-3">
<a href="">Pricing</a>
</li>
<li class="mb-3">
<a href="">Settings</a>
</li>
<li class="mb-3">
<a href="">Orders</a>
</li>
<li class="mb-3">
<a href="">Help</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-3">
<div class="footer-first">
<div class="footer-title ">
<h5 class="text-uppercase f-w-600 mb-3 text-primary">CONTACT
</h5>
</div>
<div class="footer-sub">
<ul>
<li class="mb-3">
<i class="ti ti-brand-google-home me-2"></i> New
York, NY 10012, US
</li>
<li class="mb-3">
<i class="ti ti-mail me-2"></i> info@example.com
</li>
<li class="mb-3">
<i class="ti ti-phone me-2"></i> + 01 234 567 88
</li>
<li class="mb-3">
<i class="ti ti-device-landline-phone me-2"></i>
+ 01 234 567 89
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>