Skip to content

Commit

Permalink
Bootstrap
Browse files Browse the repository at this point in the history
  • Loading branch information
bbearce committed Jul 18, 2017
1 parent f998581 commit 0e5eb94
Show file tree
Hide file tree
Showing 12 changed files with 9,596 additions and 13 deletions.
6,757 changes: 6,757 additions & 0 deletions static/bootstrap.css

Large diffs are not rendered by default.

2,377 changes: 2,377 additions & 0 deletions static/bootstrap.js

Large diffs are not rendered by default.

6 changes: 6 additions & 0 deletions static/bootstrap.min.css

Large diffs are not rendered by default.

7 changes: 7 additions & 0 deletions static/bootstrap.min.js

Large diffs are not rendered by default.

Binary file added static/fonts/glyphicons-halflings-regular.eot
Binary file not shown.
288 changes: 288 additions & 0 deletions static/fonts/glyphicons-halflings-regular.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/fonts/glyphicons-halflings-regular.ttf
Binary file not shown.
Binary file added static/fonts/glyphicons-halflings-regular.woff
Binary file not shown.
Binary file added static/fonts/glyphicons-halflings-regular.woff2
Binary file not shown.
4 changes: 4 additions & 0 deletions static/jquery.js

Large diffs are not rendered by default.

17 changes: 17 additions & 0 deletions static/round-about.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
/*!
* Start Bootstrap - Round About (http://startbootstrap.com/)
* Copyright 2013-2016 Start Bootstrap
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
*/

body {
padding-top: 70px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.img-center {
margin: 0 auto;
}

footer {
margin: 50px 0;
}
153 changes: 140 additions & 13 deletions templates/index.html
Original file line number Diff line number Diff line change
@@ -1,22 +1,149 @@
<!doctype html>

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">

<title>The HTML5 Herald</title>
<meta name="description" content="The HTML5 Herald">
<meta name="author" content="SitePoint">
<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>Round About - Start Bootstrap Template</title>

<!-- Bootstrap Core CSS -->
<link href="../static/bootstrap.min.css" rel="stylesheet">

<link rel="stylesheet" href="css/styles.css?v=1.0">
<!-- Custom CSS -->
<link href="../static/round-about.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]-->

<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
<![endif]-->
</head>

<body>
<h1>Hello World!</h1>
<script src="js/scripts.js"></script>

<!-- Navigation -->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<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="#">Start Bootstrap</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li>
<a href="#">About</a>
</li>
<li>
<a href="#">Services</a>
</li>
<li>
<a href="#">Contact</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>

<!-- Page Content -->
<div class="container">

<!-- Introduction Row -->
<div class="row">
<div class="col-lg-12">
<h1 class="page-header">About Us
<small>It's Nice to Meet You!</small>
</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, explicabo dolores ipsam aliquam inventore corrupti eveniet quisquam quod totam laudantium repudiandae obcaecati ea consectetur debitis velit facere nisi expedita vel?</p>
</div>
</div>

<!-- Team Members Row -->
<div class="row">
<div class="col-lg-12">
<h2 class="page-header">Our Team</h2>
</div>
<div class="col-lg-4 col-sm-6 text-center">
<img class="img-circle img-responsive img-center" src="http://placehold.it/200x200" alt="">
<h3>John Smith
<small>Job Title</small>
</h3>
<p>What does this team member to? Keep it short! This is also a great spot for social links!</p>
</div>
<div class="col-lg-4 col-sm-6 text-center">
<img class="img-circle img-responsive img-center" src="http://placehold.it/200x200" alt="">
<h3>John Smith
<small>Job Title</small>
</h3>
<p>What does this team member to? Keep it short! This is also a great spot for social links!</p>
</div>
<div class="col-lg-4 col-sm-6 text-center">
<img class="img-circle img-responsive img-center" src="http://placehold.it/200x200" alt="">
<h3>John Smith
<small>Job Title</small>
</h3>
<p>What does this team member to? Keep it short! This is also a great spot for social links!</p>
</div>
<div class="col-lg-4 col-sm-6 text-center">
<img class="img-circle img-responsive img-center" src="http://placehold.it/200x200" alt="">
<h3>John Smith
<small>Job Title</small>
</h3>
<p>What does this team member to? Keep it short! This is also a great spot for social links!</p>
</div>
<div class="col-lg-4 col-sm-6 text-center">
<img class="img-circle img-responsive img-center" src="http://placehold.it/200x200" alt="">
<h3>John Smith
<small>Job Title</small>
</h3>
<p>What does this team member to? Keep it short! This is also a great spot for social links!</p>
</div>
<div class="col-lg-4 col-sm-6 text-center">
<img class="img-circle img-responsive img-center" src="http://placehold.it/200x200" alt="">
<h3>John Smith
<small>Job Title</small>
</h3>
<p>What does this team member to? Keep it short! This is also a great spot for social links!</p>
</div>
</div>

<hr>

<!-- Footer -->
<footer>
<div class="row">
<div class="col-lg-12">
<p>Copyright &copy; Your Website 2014</p>
</div>
<!-- /.col-lg-12 -->
</div>
<!-- /.row -->
</footer>

</div>
<!-- /.container -->

<!-- jQuery -->
<script src="../static/jquery.js"></script>

<!-- Bootstrap Core JavaScript -->
<script src="../static/bootstrap.min.js"></script>

</body>
</html>

</html>

0 comments on commit 0e5eb94

Please sign in to comment.