Created
December 4, 2016 01:25
-
-
Save akaak/840a8c44a9054a35fcb13198a7d6dc9b to your computer and use it in GitHub Desktop.
Simple HTML page with bootstrap css
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"> | |
<meta name="description" content=""> | |
<meta name="author" content=""> | |
<title>SIMPLE HTML Page with Bootstrap CSS</title> | |
<!-- Bootstrap Core CSS --> | |
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> | |
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> | |
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> | |
<!--[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.4.2/respond.min.js"></script> | |
<![endif]--> | |
</head> | |
<body> | |
<!-- Page Content --> | |
<div class="container"> | |
<div class="row"> | |
<div class="col-lg-12 text-center"> | |
<h1>Page Title</h1> | |
<p class="lead">Page Description</p> | |
</div> | |
<div class="col-lg-12"> | |
<p> | |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. | |
Vivamus vehicula semper lectus, nec semper orci volutpat in. | |
Aliquam erat volutpat. Aliquam aliquam ullamcorper augue. | |
Cum sociis natoque penatibus et magnis dis parturient montes, | |
nascetur ridiculus mus. Aenean eu odio a mauris hendrerit | |
accumsan quis at ante. Fusce et lorem feugiat, condimentum | |
nulla eget, dictum tellus. Proin eleifend ipsum sit amet | |
porta scelerisque. Integer a erat mollis, efficitur arcu | |
eget, semper metus. Maecenas ac scelerisque neque. | |
Ut a porta lacus, nec varius neque. Donec ipsum sem, | |
condimentum ut auctor vitae, egestas porttitor mauris. | |
</p> | |
<p> | |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. | |
Vivamus vehicula semper lectus, nec semper orci volutpat in. | |
Aliquam erat volutpat. Aliquam aliquam ullamcorper augue. | |
Cum sociis natoque penatibus et magnis dis parturient montes, | |
nascetur ridiculus mus. Aenean eu odio a mauris hendrerit | |
accumsan quis at ante. Fusce et lorem feugiat, condimentum | |
nulla eget, dictum tellus. Proin eleifend ipsum sit amet | |
porta scelerisque. Integer a erat mollis, efficitur arcu | |
eget, semper metus. Maecenas ac scelerisque neque. | |
Ut a porta lacus, nec varius neque. Donec ipsum sem, | |
condimentum ut auctor vitae, egestas porttitor mauris. | |
</p> | |
</div> | |
<div> | |
<ul class="list-unstyled"> | |
<li>List Item 1</li> | |
<li>List Item 2</li> | |
</ul> | |
</div> | |
</div> | |
<!-- /.row --> | |
</div> | |
<!-- /.container --> | |
</body> | |
</html> | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Rendered simple page can be seen in the browser.