"Up Landing"
Bootstrap 3.2.0 Snippet by andream80

<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.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 ----------> <head></head><link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet" type="text/css"> <link href="http://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic" rel="stylesheet" type="text/css"> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> </head> <body> <!-- <div class="container"> <div class="row"> <h2></h2> </div> </div> --> <div class="container-full"> <div class="row"> <div class="col-lg-12 text-center v-center"> <h1>Are you ready?</h1> <p class="lead">Get ready to look <em>UP</em> ...</p> <br> <form class="col-lg-12"> <div class="input-group input-group-lg col-sm-offset-4 col-sm-4"> <input type="text" class="center-block form-control input-lg" title="Enter you email." placeholder="Enter your email address"> <span class="input-group-btn"><button class="btn btn-lg btn-primary" type="button">OK</button></span> </div> </form> </div> </div> <!-- /row --> <div class="row"> <div class="col-lg-12 text-center v-center" style="font-size:39pt;"> <a href="#"><i class="icon-google-plus"></i></a> <a href="#"><i class="icon-facebook"></i></a> <a href="#"><i class="icon-twitter"></i></a> <a href="#"><i class="icon-github"></i></a> <a href="#"><i class="icon-pinterest"></i></a> </div> </div> <br><br><br><br><br> </div> <!-- /container full --> <!-- <div class="container"> <hr> <div class="row"> <div class="col-md-4"> <div class="panel panel-default"> <div class="panel-heading"><h3>Whats up.</h3></div> <div class="panel-body">this is my body </div> </div> </div> <div class="col-md-4"> <div class="panel panel-default"> <div class="panel-heading"><h3>Whats up.</h3></div> <div class="panel-body">this is my body </div> </div> </div> <div class="col-md-4"> <div class="panel panel-default"> <div class="panel-heading"><h3>Whats up.</h3></div> <div class="panel-body">this is my body </div> </div> </div> </div> --> <div class="row"> <div class="col-lg-12"> <br><br> <p class="pull-right"><a href="#"> </a> <sup>TM</sup> </p> <br><br> </div> </div> </div> </body> </html>
@import url(http://fonts.googleapis.com/css?family=Roboto); html,body { height:100%; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; } h1, h2, h3, h4, h5, h6 { text-transform: uppercase; font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 600; letter-spacing: 0.1em; line-height:1em; text-align:center; paddding:0.5em; font-size:80px; color:#DDCCEE; } h1 { text-transform: uppercase; font-weight: 900; letter-spacing: 2px; font-size:80px; } .lead { color:#DDCCEE; font-weight: 600; } /* Custom container */ .container-full { margin: 0 auto; width: 100%; min-height:100%; background-color:#110022; color:#eee; overflow:hidden; } .container-full a { color:#efefef; text-decoration:none; } .v-center { margin-top:7%; }

Related: See More


Questions / Comments: