Scroll to Top

Navbar Special

Use "navbar-special" class to style the teal navbar.

SITEMAP Documentation / Components / Navbar / Navbar Colors / Navbar Special

Code copy

<div class="navbar navbar-special marginY-20" toggle-button=".navbar-example-7-open" toggle-target=".navbar-example-7-target">
                <div class="row">
                    <div class="col m2 l2 s12">
                        <a class="brand-name active padL-10">Brand</a>
                    </div>
                    <div class="col m4 l4 s12">
                        <div class="navbar-example-7-target">
                            <a class="padR-15">Home</a>
                            <a class="padR-15">About</a>
                            <a class="padR-15">Contact</a>
                        </div>
                    </div>
                    <div class="col s12 text-right">
                        <div class="marginR-30-on-s">
                            <a class="navbar-example-7-open padX-10 padY-5 shadow-dark-1 btn-dark"><i class="fa fa-angle-double-down" aria-hidden="true"></i></a>
                        </div>

                    </div>
                </div>
            </div>

Feedback

Developed By Egrammi Studios