"Free App Template for Bootstrap 3"
Bootstrap 3.3.0 Snippet by Syntax_Error

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <header class="header"> <div class="container"> <div class="row"> <div class="col-md-5 col-md-offset-1"> <div class="content"> <div class="pull-middle"> <h1 class="page-header">Create an awesome App template with Bootstrap.</h1> <p class="lead">Lorem ipsum dolor sit amet.</p> <div class="panel panel-default"> <div class="panel-body"> <form action="#" role="form"> <div class="input-group"> <input type="email" class="form-control" placeholder="Email Address" required> <span class="input-group-btn"> <button class="btn btn-success btn-circle" type="submit">Sign up for free</button> </span> </div> </form> </div> </div> </div> </div> </div> <div class="col-md-4 col-md-offset-1 text-center mt-100 mb-100"> <div class="phone"> <img class="img-responsive img-rounded" src="http://placemi.com/djlnr/263x480"> </div> </div> </div> </div> </header>
.mt-100 { margin-top: 100px; } .mb-100 { margin-bottom: 100px; } .icon { width: 32px; height: 32px; text-align: center; padding: 7px 8px; border: 2px solid; border-radius: 50%; } .header { padding-top: 50px; background-color: #eee; overflow: hidden; } .footer { color: #887; background-color: #eee; padding-top: 30px; padding-bottom: 30px; } .content { position: relative; display: table; width: 100%; min-height: 100vh; } .pull-middle { display: table-cell; vertical-align: middle; } .btn { padding-left: 25px; padding-right: 25px; } .btn-circle { border-radius: 20px; } .input-group input { border: 0; box-shadow: none; padding-right: 30px; } .input-group input:focus, .input-group input:active { outline: 0; box-shadow: none; } .input-group-btn:last-child>.btn { z-index: 2; margin-left: -18px; border-radius: 20px; } .phone { position: relative; max-width: 263px; margin: 0 auto; padding: 65px 15px 55px; border: 2px solid #ddd; border-radius: 20px; background-color: #222; box-shadow: 20px 20px 40px #887; }

Related: See More


Questions / Comments: