vikingeducation · BrennanFulmer · Nov 14, 2017 · Nov 14, 2017 · Nov 14, 2017 · Nov 14, 2017
diff --git a/.sass-cache/8b9de4ac181eca7a2e0521a4e566544df046d7c1/input.scssc b/.sass-cache/8b9de4ac181eca7a2e0521a4e566544df046d7c1/input.scssc
diff --git a/Jumbotron Template for Bootstrap 3.3 Mockup.png b/Jumbotron Template for Bootstrap 3.3 Mockup.png
diff --git a/README.md b/README.md
@@ -1,6 +1,12 @@
 assignment_bootstrap_sprint
 ===========================
 
-Pick yourself up!
+by Brennan Fulmer
+
+https://brennanfulmer.github.io/assignment_bootstrap_sprint/
+
+link to the mockup:
+http://getbootstrap.com/docs/3.3/examples/jumbotron/
+
+(note that I used bootstrap 4.0 for this project so I wasn't able to exactly replicate the 3.3 version template)
 
-[A Bootstrap, HTM5 and SASS project from the Viking Code School](http://www.vikingcodeschool.com)
diff --git a/assets/css/bootstrap.min.css b/assets/css/bootstrap.min.css
diff --git a/assets/css/bootstrap.min.css.map b/assets/css/bootstrap.min.css.map
diff --git a/assets/css/input.scss b/assets/css/input.scss
@@ -0,0 +1,9 @@
+
+body {
+  padding: {
+  top: 50px;
+  bottom: 20px;
+  }
+}
+
+
diff --git a/assets/css/style.css b/assets/css/style.css
diff --git a/assets/css/style.css.map b/assets/css/style.css.map
diff --git a/assets/js/bootstrap.min.js b/assets/js/bootstrap.min.js
diff --git a/assets/js/bootstrap.min.js.map b/assets/js/bootstrap.min.js.map
diff --git a/assets/js/jquery-3.2.1.slim.min.js b/assets/js/jquery-3.2.1.slim.min.js
diff --git a/assets/js/popper.min.js b/assets/js/popper.min.js
diff --git a/index.html b/index.html
@@ -0,0 +1,141 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Bootstrap Jumbotron Template</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
+    <link rel="stylesheet" href="assets/css/style.css">
+  </head>
+
+  <body>
+
+<!-- navbar -->
+<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
+
+  <div class="container">
+
+    <h3 class="navbar-brand text-secondary mt-1">
+        Project Name
+    </h3>
+
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div class="collapse navbar-collapse" id="navbarsExampleDefault">
+      <div class="mr-auto">
+      </div>
+
+      <form class="form-inline">
+        <input class="form-control" type="email" placeholder="Email">
+          <input class="form-control ml-1 mr-1" type="password" placeholder="Password">
+        <button type="button" class="btn btn-success">Sign In</button>
+      </form>
+
+    </div>
+
+  </div>
+
+</nav>
+<!-- navbar -->
+
+<!-- jumbotron -->
+<main class="jumbotron">
+
+  <div class="container">
+    <h1 class="display-4 font-weight-bold">
+      Hello, world!
+    </h1>
+
+      <p class="lead">
+        This is a template for a simple marketing or informational website.
+        It includes a large callout called a jumbotron and three supporting
+        pieces of content. Use it as a starting point to create something
+        more unique.
+      </p>
+
+    <button type="button" class="btn btn-primary">Learn more »</button>
+  </div>
+
+</main>
+<!-- jumbotron -->
+
+<!-- bottom articles -->
+  <div class="container">
+<div class="row">
+  <!-- article 1 -->
+<article class="col-md-4">
+
+  <h2>
+    Heading
+  </h2>
+
+  <p>
+    Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus
+    ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa
+    justo sit amet risus. Etiam porta sem malesuada magna mollis euismod.
+    Donec sed odio dui.
+  </p>
+
+  <button type="button" class="btn btn-light border border-secondary mb-3">View Details »</button>
+
+</article>
+  <!-- article 1 -->
+
+    <!-- article 2 -->
+<article class="col-md-4">
+
+  <h2>
+    Heading
+  </h2>
+
+  <p>
+    Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus
+    ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa
+    justo sit amet risus. Etiam porta sem malesuada magna mollis euismod.
+    Donec sed odio dui.
+  </p>
+
+  <button type="button" class="btn btn-light border border-secondary mb-3">View Details »</button>
+
+</article>
+    <!-- article 2 -->
+
+  <!-- article 3 -->
+<article class="col-md-4">
+
+  <h2>
+    Heading
+  </h2>
+
+  <p>
+    Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus
+    ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa
+    justo sit amet risus. Etiam porta sem malesuada magna mollis euismod.
+    Donec sed odio dui.
+  </p>
+
+  <button type="button" class="btn btn-light border border-secondary mb-3">View Details »</button>
+
+</article>
+  <!-- article 3 -->
+
+</div>
+
+  <hr>
+
+    <footer>
+      <p>© 2016 Company, Inc.</p>
+    </footer>
+
+  </div>
+<!-- bottom articles -->
+
+  </body>
+
+  <script src="assets/js/jquery-3.2.1.slim.min.js"></script>
+  <script src="assets/js/popper.min.js"></script>
+  <script src="assets/js/bootstrap.min.js"></script>
+
+</html>