Cacher is the code snippet organizer for pro developers

<ul class="nav navbar-nav pull-right">
  <li class="dropdown">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Login</a>
      <div class="dropdown-menu dropdown-login animated fadeInUp">
          <form role="form">
              <legend>Login Form</legend>

              <div class="form-group">
                  <div class="input-group login-input">
                      <span class="input-group-addon"><i class="fa fa-user"></i></span>
                      <input type="text" class="form-control" placeholder="Username">
                  </div>
                  <br>
                  <div class="input-group login-input">
                      <span class="input-group-addon"><i class="fa fa-lock"></i></span>
                      <input type="password" class="form-control" placeholder="Password">
                  </div>
                  <div class="checkbox">
                      <label>
                          <input type="checkbox"> Remember me
                      </label>
                  </div>
                  <button type="submit" class="btn btn-primary pull-right">Submit</button>
              </div>
          </form>
          
      </div>
  </li> <!-- dropdown -->
</ul> <!-- nav nabvar-nav -->

.dropdown-login {
    background-color: #eee !important;
    min-width: 280px !important;
    border-top: solid 4px #28364f !important;
    border-bottom: solid 4px #28364f !important;
    padding: 20px;
}

.form-control:focus {
    box-shadow: none;
    border-color: #28364f;
}

.input-group-addon {
    border-radius: 0;
}