<div class="container-fluid">
    <div class="row">
      <div class="col-sm-8 " style="background-color:black;color:white">
        <h3>How it works?</h3>
        <p>邮费太贵？等待包裹时间太长？</p>
        <p>...........................</p>
        <p>blah blah blah</p>
      </div>
      <div class="col-sm-4" id="44444">
        <!--log in form-->
        <!--Log in Form-->
        <div class="container-fluid" style="background-color:#69F0AE;height:auto;display:block"
        id="signinform">
          <h2 style="color:#fff">Log In</h2>
          <form>
         <div class="form-group">
         <label for="user">User:</label>
         <div class="input-group">
         <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
         <input id="login-username" type="text" class="form-control" name="username" value="" placeholder="username or email">
         </div>
         </div>
         <div class="form-group">
         <label for="pwd">Password:</label>
         <div  class="input-group">
         <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
         <input id="login-password" type="password" class="form-control" name="password" placeholder="password">
         </div>
         </div>
         <div class="checkbox">
         <label><input type="checkbox"> Remember me</label>
         </div>
         <button type="submit" class="btn btn-default" ng-click="myFunction()">Log in</button>
         <button type="submit" class="btn btn-primary">Log in with Facebook</button>
         <br><br>
         <div class="form-group">
           <div class="col-md-12 control">
             <div style="border-top: 1px solid#888; padding-top:15px; font-size:85%" >
               Don't have an account?
               <a href="#" onClick="$('#signinform').hide(); $('#signupform').show();">
                 Sign Up Here
               </a>
             </div>
           </div>
         </div>
         </form>
         <br><br>
        </div>
        <!--Log in Form-->
        <!--Log in Form-->

        <!--Sign Up Form-->
        <!--Sign Up Form-->
        <!--Sign Up Form-->
        <div class="container-fluid" style="background-color:#40C4FF;height:auto;display:none"
        id="signupform">
          <h2 style="color:#fff">Sign Up</h2>
          <form>
         <div class="form-group">
           <label for="user">User:</label>
           <input id="signup-username" type="text" class="form-control" name="username" value="" placeholder="username">
         </div>

         <div class="form-group">
           <label for="email">Email:</label>
           <input id="signup-email" type="text" class="form-control" name="email" value="" placeholder="email">
         </div>

         <div class="form-group">
         <label for="pwd">Password:</label>
         <input type="password" class="form-control" id="pwd" placeholder="password">
         </div>

         <div class="form-group">
         <label for="pwd">Retype Password:</label>
         <input type="password" class="form-control" id="pwd" placeholder="retype password">
         </div>
         <br>
         <button type="submit" class="btn btn-default">Submit</button>
         <button type="submit" class="btn btn-primary">Sign up with Facebook</button>
         <br><br>
         <div class="form-group">
           <div class="col-md-12 control">
             <div style="border-top: 1px solid#888; padding-top:15px; font-size:85%" >
                 Have an account already?
               <a href="#" onClick="$('#signinform').show(); $('#signupform').hide()">
                 Log in Here
               </a>
             </div>
           </div>
         </div>
         <br><br>
         </form>
         </div>

        <!--Sign Up Form-->
        <!--Sign Up Form-->

      </div>
    </div>
    </div>