"Test IM 215 - Task TWO"
Bootstrap 3.1.0 Snippet by MoonSavage

Post to Facebook Tweet this

<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 ----------> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <meta name="author" content=""> <link rel="shortcut icon" href="assets/img/favicon.png"> <title>Siimple - Free Bootstrap 3 Landing Page</title> <!-- Bootstrap --> <link href="assets/css/bootstrap.css" rel="stylesheet"> <link href="assets/css/bootstrap-theme.css" rel="stylesheet"> <!-- siimple style --> <link href="assets/css/style.css" rel="stylesheet"> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> <![endif]--> </head> <body> <!-- Fixed navbar --> <div class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="index.html">Siimple</a> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right"> <li><a href="#">Sign up</a></li> <li><a href="#">Sign in</a></li> </ul> </div><!--/.nav-collapse --> </div> </div> <div id="header"> <div class="container"> <div class="row"> <div class="col-lg-6"> <h1>Simple landing page</h1> <h2 class="subtitle">No need huge slogan, we believe in less is better</h2> <form class="form-inline signup" role="form"> <div class="form-group"> <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter your email address"> </div> <button type="submit" class="btn btn-theme">Get it now</button> </form> </div> <div class="col-lg-4 col-lg-offset-2"> <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> <li data-target="#carousel-example-generic" data-slide-to="1"></li> <li data-target="#carousel-example-generic" data-slide-to="2"></li> </ol> <!-- slides --> <div class="carousel-inner"> <div class="item active"> <img src="http://www.leaguesplash.com/wp-content/uploads/2013/09/Nocturne-Classic.jpg" alt=""> </div> <div class="item"> <img src="http://ddragon.leagueoflegends.com/cdn/img/champion/splash/Zed_1.jpg" alt=""> </div> <div class="item"> <img src="http://www.starwarsreport.com/wp-content/uploads/2012/04/SithWarriors-TORtrailer.jpg" alt=""> </div> </div> </div> </div> </div> </div> </div> <div id="footer"> <div class="container"> <div class="row"> <div class="col-lg-6 col-lg-offset-3"> <p class="copyright">Copyright © 2014 - <a href="http://www.mysite.com/">mysite.com</a></p> </div> </div> </div> </div> <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script> <script src="assets/js/bootstrap.min.js"></script> </body> </html>
body { margin-top: 60px; background-image:url('http://www.desktopict.com/wp-content/uploads/2013/09/Light-Green-Background-Wallpaper-HD.jpg'); } h1{ color: #ff0000; }

Related: See More

Vuetify Material Dashboard

Questions / Comments: