<h1> Navbar in Bootstrap </h1>

<nav class="navbar navbar-default navbar-fixed-top" id="main_nav" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <a href="#" class="navbar-brand"> <span class="glyphicon glyphicon-home"></span> &nbsp; Zenfone </a>
            <button class="navbar-toggle" data-toggle="collapse" id="menu" data-target="#menu_options"> 
        <span class="glyphicon glyphicon-menu-hamburger">  </span>  </button>
        </div>

        <div class="navbar-collapse collapse" id="menu_options">
            <ul class="nav navbar-nav" id="links">
                <li> <a href="#testimonials" class="links"> Testimonials </a> </li>
                <li> <a href="#features" class="links"> Features  </a></li>
                <li> <a href="#gallery" class="links"> Gallery  </a></li>
                <li> <a href="#contact_form" class="links"> Contact Us  </a></li>
            </ul>

            <form class="navbar-form navbar-right">
                <button type="submit" class="btn btn-success">Buy Now</button>
            </form>
        </div>
    </div>
</nav>
<!--Navigation bar ends-->