nav

    <div class="navbar navbar-inverse navbar-fixed-top smooth unselectable" role="navigation">
        <div class="container-fluid">
            <div class="row">
                <div class="col-xs-10 col-xs-offset-1">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#js-navbar-collapse">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar top"></span>
                            <span class="icon-bar mid"></span>
                            <span class="icon-bar bot"></span>
                        </button>
                        <a class="navbar-brand" href="" scroll-to="home"><span class="brand">dark<span>peaches</span></span></a>
                    </div>
                    <div class="collapse navbar-collapse" id="js-navbar-collapse">
                        <ul class="nav navbar-nav navbar-right">
                            <li><a href="#three-eyed-snake" class="smooth" scroll-to="about"><span>About</span></a></li>
                            <li><a href="#three-eyed" class="smooth" ><span>Projects</span></a></li>
                            <li><a href="#three" class="smooth" ><span>Contact</span></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>