Components

Shown are the navigation components use in Spoke & Vessel website.

Specifications

desktop navigation

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-->