diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 145 |
1 files changed, 145 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 000000000..3c5ddb9b6 --- /dev/null +++ b/index.html @@ -0,0 +1,145 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="description" content=""> + <meta name="author" content=""> + + <title>Example Templates for Bootstrap</title> + + <!-- Bootstrap core CSS --> + <link href="bootstrap/css/bootstrap.css" rel="stylesheet"> + + <!-- Custom styles for this template --> + <link href="assets/css/docs.css" rel="stylesheet"> + + <!-- Analytics --> + <script> + </script> + </head> + + <body> + + <div class="jumbotron"> + <div class="container"> + <span class="glyphicon glyphicon-ok"></span> + <h1>Examples for Bootstrap</h1> + <p>Gallery of useful examples to easily get started with and extend Bootstrap's layout, components, and more.</p> + <a href="https://github.com/twbs/bootstrap-examples/archive/master.zip" class="btn btn-outline btn-large" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Download', 'Download 1.0.0']);">Download from GitHub</a> + <ul class="jumbotron-links"> + <li> + <a href="http://github.com/twbs/bootstrap-examples" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'GitHub project']);">GitHub project</a> + </li> + <li> + <a href="http://getbootstrap.com" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Bootstrap']);">Bootstrap</a> + </li> + <li> + <a href="http://expo.getbootstrap.com" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Expo']);">Bootstrap Expo</a> + </li> + </ul> + </div> + </div> + + <div class="container gallery"> + + <div class="row"> + <div class="col-lg-4"> + <a class="thumbnail" href="starter-template/" target="_blank"> + <img src="screenshots/starter.png" alt=""> + </a> + <h3>Starter template</h3> + <p>A barebones HTML page with Bootstrap's CSS and JavaScript included.</p> + </div> + <div class="col-lg-4"> + <a class="thumbnail" href="grid/" target="_blank"> + <img src="screenshots/grid.png" alt=""> + </a> + <h3>Basic grid layouts</h3> + <p>Simple grid layouts to familiarize you with using the Bootstrap grid system.</p> + </div> + <div class="col-lg-4"> + <a class="thumbnail" href="jumbotron/" target="_blank"> + <img src="screenshots/marketing.png" alt=""> + </a> + <h3>Basic marketing site</h3> + <p>Features a jumbotron for primary message and three supporting elements.</p> + </div> + </div><!-- /.row --> + + <div class="row"> + <div class="col-lg-4"> + <a class="thumbnail" href="jumbotron-narrow/" target="_blank"> + <img src="screenshots/jumbotron-narrow.png" alt=""> + </a> + <h3>Narrow marketing</h3> + <p>Slim, lightweight marketing template for small projects or teams.</p> + </div> + <div class="col-lg-4"> + <a class="thumbnail" href="justified-nav/" target="_blank"> + <img src="screenshots/justified-nav.png" alt=""> + </a> + <h3>Justified nav</h3> + <p>Marketing page with equal-width navigation links in a modified navbar.</p> + </div> + <div class="col-lg-4"> + <a class="thumbnail" href="signin/" target="_blank"> + <img src="screenshots/signin.png" alt=""> + </a> + <h3>Sign in</h3> + <p>Barebones sign in form with custom, larger form controls and a flexible layout.</p> + </div> + </div><!-- /.row --> + + <div class="row"> + <div class="col-lg-4"> + <a class="thumbnail" href="sticky-footer/" target="_blank"> + <img src="screenshots/sticky-footer.png" alt=""> + </a> + <h3>Sticky footer</h3> + <p>Pin a fixed-height footer to the bottom of the user's viewport.</p> + </div> + <div class="col-lg-4"> + <a class="thumbnail" href="sticky-footer-navbar/" target="_blank"> + <img src="screenshots/sticky-footer-navbar.png" alt=""> + </a> + <h3>Sticky footer w/ navbar</h3> + <p>Add a fixed navbar to the default sticky footer template.</p> + </div> + <div class="col-lg-4"> + <a class="thumbnail" href="carousel/" target="_blank"> + <img src="screenshots/carousel.png" alt=""> + </a> + <h3>Carousel jumbotron</h3> + <p>An interactive riff on the basic marketing site featuring a prominent carousel.</p> + </div> + </div><!-- /.row --> + + <div class="row"> + <div class="col-lg-4"> + <a class="thumbnail" href="navbar/" target="_blank"> + <img src="screenshots/navbar.png" alt=""> + </a> + <h3>Navbar</h3> + <p>Basic template for showcasing how the navbar works.</p> + </div> + <div class="col-lg-4"> + <a class="thumbnail" href="navbar-static-top/" target="_blank"> + <img src="screenshots/navbar-static-top.png" alt=""> + </a> + <h3>Static top navbar</h3> + <p>Basic template for showcasing the static navbar variation.</p> + </div> + <div class="col-lg-4"> + <a class="thumbnail" href="navbar-fixed-top/" target="_blank"> + <img src="screenshots/navbar-fixed-top.png" alt=""> + </a> + <h3>Fixed top navbar</h3> + <p>Basic template for showcasing the fixed navbar variation.</p> + </div> + </div><!-- /.row --> + + </div><!-- /.container --> + + </body> +</html> |