menu_unauthenticated.php

<div id="nav">
    <div class="navbar navbar-inverse navbar-static" data-spy="affix" data-offset-top="800">
        <div class="container">
            <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
            <a class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <a class="navbar-brand" href="#">coaster.io</a>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#" class="scroll4">Home</a></li>
                    <li><a href="#">About Us</a></li>
                    <li class="dropdown hidden-lg"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Sections <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="#left" class="scroll1">Search</a></li>
                            <li><a href="#center" class="scroll2">Drinks</a></li>
                            <li><a href="#right" class="scroll3">List</a></li>
                        </ul>
                    </li>
                    <hr> </ul>
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="/coaster.io/register.php"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
                    <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-log-in"></span> Sign in <b class="caret"></b></a>
                        <ul class="dropdown-menu black-bg" style="padding: 15px;min-width: 250px;">
                            <li>
                                <div class="row">
                                    <div class="col-md-12">
                                        <form class="form" role="form" method="post" action="login" accept-charset="UTF-8" id="login-nav">
                                            <div class="form-group">
                                                <label class="sr-only" for="exampleInputEmail2">Email address</label>
                                                <input type="text" class="form-control logcolor" id="exampleInputEmail2" style="width: 100%" placeholder="Username" required> </div>
                                            <div class="form-group">
                                                <label class="sr-only" for="exampleInputPassword2">Password</label>
                                                <input type="password" class="form-control logcolor" id="exampleInputPassword2" style="width: 100%" placeholder="Password" required> </div>
                                            <div class="checkbox">
                                                <label id="wht">
                                                    <input type="checkbox"> Remember me </label>
                                            </div>
                                            <div class="form-group">
                                                <button type="submit" class="btn btn-success btn-block">Sign in</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>