Last active
August 29, 2015 14:22
-
-
Save j127/2b9890b351c092152d63 to your computer and use it in GitHub Desktop.
Quick HTML starter template
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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"> | |
<title></title> | |
<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"> | |
<!--<link href="//cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.4/paper/bootstrap.min.css" rel="stylesheet">--> | |
<!--[if lt IE 9]> | |
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> | |
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> | |
<![endif]--> | |
</head> | |
<body> | |
<nav class="navbar navbar-inverse navbar-fixed-top"> | |
<div class="container"> | |
<div class="navbar-header"> | |
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> | |
<span class="sr-only">Toggle navigation</span> | |
<span class="icon-bar"></span> | |
<span class="icon-bar"></span> | |
<span class="icon-bar"></span> | |
</button> | |
<a class="navbar-brand" href="#">Website</a> | |
</div> | |
<div class="navbar-collapse collapse navbar-inverse-collapse"> | |
<ul class="nav navbar-nav"> | |
<li><a href="#">Link</a></li> | |
<li><a href="#">Link</a></li> | |
<li><a href="#">Link</a></li> | |
</ul> | |
<ul class="nav navbar-nav navbar-right"> | |
</ul> | |
</div> | |
</div> | |
</nav> | |
<div class="jumbotron"> | |
<div class="container"> | |
<h1>Saluton, Mondo!</h1> | |
<p>Elit molestiae est temporibus a libero mollitia explicabo exercitationem magni unde magni! Nam neque cupiditate pariatur nemo recusandae iusto ullam ipsam quos exercitationem necessitatibus vel. Distinctio incidunt animi adipisci magnam!</p> | |
<p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more »</a></p> | |
</div> | |
</div> | |
<section class="container"> | |
<div class="row"> | |
<div class="col-lg-12"> | |
<p>Lorem dignissimos alias quis tempora dolor. Dolor pariatur fuga illo molestiae in culpa iure totam, similique sapiente sunt nulla harum repellendus optio. Animi nihil impedit adipisicing sapiente ipsa est error.</p> | |
<p>Amet veritatis earum quibusdam in dolorem iure. Omnis nemo culpa aperiam mollitia quod iusto neque iusto ullam vitae vitae in exercitationem in eligendi. Aliquid accusamus at expedita delectus culpa veniam!</p> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col-lg-4"> | |
<h1>Col 1</h1> | |
<img src="http://placehold.it/300x200" alt=""> | |
</div> | |
<div class="col-lg-4"> | |
<h1>Col 2</h1> | |
<img src="http://placehold.it/300x200" alt=""> | |
</div> | |
<div class="col-lg-4"> | |
<h1>Col 3</h1> | |
<img src="http://placehold.it/300x200" alt=""> | |
</div> | |
</div> | |
</section> | |
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> | |
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/js/bootstrap.min.js"></script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment