" *TEST* - IM 215 test - Task TWO"
Bootstrap 3.1.0 Snippet by xactvisual

<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.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 ----------> <div class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <a class='navbar-brand'href='http://xactvisual.ca'>Xact Visual</a> <ul id='navv' class="nav navbar-nav navbar-right"> <li><a href="#">Sign up</a></li> <li><a href="#">Sign in</a></li> </ul> </div> </div> </div> <div id="header"> <div class="container"> <div class="row"> <div id='email' class="col-lg-6"> <h1>Welcome Home</h1> <p>Time to start your adventure!</p> <input type='email' placeholder='email please'></input> <button type='submit'>Submit!</button> </div> <div class="col-lg-4 col-lg-offset-2"> <div id="carousel" class="carousel slide" data-ride="carousel"> <!-- slides --> <div class="carousel-inner"> <div class="item active"> <img src="http://bootstraptaste.com/theme/siimple/assets/img/slide1.png" alt=""> </div> <div class="item"> <img src="http://bootstraptaste.com/theme/siimple/assets/img/slide2.png" alt=""> </div> <div class="item"> <img src="http://bootstraptaste.com/theme/siimple/assets/img/slide3.png" alt=""> </div> </div> </div> </div> </div> </div> <div id='footer'> <div class="col-lg-6 col-lg-offset-3"> <p class="copyright">Copyright © 2014 - Bootstraptaste.com</p> </div> </div>
@import url('http://fonts.googleapis.com/css?family=Lato:400,300,700,900'); #email{ color: #fff; top:200px; } #carousel{ top: 100px; } #footer{ height: 100px; width: 100%; margin-top: 200px; margin-bottom: 100px; padding-top: 40px; background-color: #e28e29; } #header{ background: url(http://bootstraptaste.com/theme/siimple/assets/img/main-bg.jpg); background-size: cover; } body{ font-family: 'Lato', sans-serif; font-weight: 300; font-size: 16px; color: #555; line-height: 1.6em; } input{ border-radius: 7px; border: none; } button{ border-radius: 10px; background-color: #e28e29; border: none; } #navv{ right: 50px; }

Related: See More


Questions / Comments: