Shown are the navigation components use in Spoke & Vessel website.
Specifications
Code
<!--Footer--> <footer class="text-left text-lg-start text-white" style="background-color: #777777; padding: 10px 50px" ;> <!--Footer Links--> <div class="container-fluid"> <div class="row"> <!--First column--> <div class="col-12"> <h5 class="footer-brand mb-4">Spoke & Vessel</h5> </div> <!--/.First column--> <hr class="w-100 clearfix"> <!--Second column--> <div class="col-sm-12 col-md-6 col-lg-10 "> <ul class="list-inline"> <li class="list-unstyled"> <a class="footer-link" href="#!">Inquires </a></li> <li class="list-unstyled"> <a class="footer-link" href="#!">Register</a></li> <li class="list-unstyled"> <a class="footer-link" href="#!">Email</a></li> </ul> </div> <!--/.Second column--> <hr class="w-100 clearfix d-lg-none"> <!--Fourth column--> <!--Social buttons--> <div class="col-lg-2 mx-auto" style="float:right"> <ul class="list-inline"> <li class="list-inline-item"> <a class="btn btn-primary" href="#!" role="button"><i class="fab fa-facebook-f"></i></a> </li> <li class="list-inline-item"><a class="btn btn-primary" href="#!" role="button"><i class="fab fa-instagram"></i></a></li> <li class="list-inline-item"><a class="btn btn-primary" href="#!" role="button"><i class="fab fa-linkedin-in"></i></a></li> <li class="list-inline-item"><a class="btn btn-primary" href="#!" role="button"><i class="fab fa-pinterest"></i></a></li> </ul> </div> <!--/.Footer Links--> <hr class="w-100 clearfix"> <!--Copyright--> <div class="col-12"> <p class="cc"> © 2022 Copyright: <a class="footerww-link" href="http://www.lisafryedesign.com"> Lisa Frye Design </a></p> </div> </div> <!--/.Copyright--> </div> </footer> <!--/.Footer-->