<nav class="navbar navbar-inverse" role="navigation">
     <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
           <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">

              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>

           </button>

           <a class="navbar-brand" href="./index.html">
              <img src="img/acufuelLOGOwhite.png" class="img-logo">
              </a>
           </div>
           <!-- Collect the nav links, forms, and other content for toggling -->
           <!-- /.navbar-collapse -->

        </div>

        <!-- /.container -->
     </nav>
     <div class="account-container stacked">
        <div class="content clearfix">

           <form>

              <h3 class="forget-password">Enter email to get new password</h3>
              <div class="login-fields">
                 <div class="field">
                    <label for="email">Email:</label>

                    <input type="email" id="email" name="email" ng-model="data.email" value="" placeholder="Email" class="form-control input-lg email-field " required/>

                 </div>
                 <!-- /field -->
                 <!-- /password -->

              </div>

              <!-- /login-fields -->

              <button class="login-action btn btn-primary btn-primary-color forget" ng-click="forgetPassword(data.email)">Submit</button>

           </div>
           <!-- .actions -->
        </form>
     </div>
     <div class="login-extra">

        Already have an account? 
        <a href="#!/login">Log In</a>
     </div>

     <!-- /content -->
  </div>