vikingeducation · VainerV · Sep 8, 2017 · Sep 8, 2017 · Sep 8, 2017
diff --git a/.DS_Store b/.DS_Store
diff --git a/bootstrap/.DS_Store b/bootstrap/.DS_Store
diff --git a/bootstrap/css/bootstrap-theme.css b/bootstrap/css/bootstrap-theme.css
diff --git a/bootstrap/css/bootstrap-theme.css.map b/bootstrap/css/bootstrap-theme.css.map
diff --git a/bootstrap/css/bootstrap-theme.min.css b/bootstrap/css/bootstrap-theme.min.css
diff --git a/bootstrap/css/bootstrap-theme.min.css.map b/bootstrap/css/bootstrap-theme.min.css.map
diff --git a/bootstrap/css/bootstrap.css b/bootstrap/css/bootstrap.css
diff --git a/bootstrap/css/bootstrap.css.map b/bootstrap/css/bootstrap.css.map
diff --git a/bootstrap/css/bootstrap.min.css b/bootstrap/css/bootstrap.min.css
diff --git a/bootstrap/css/bootstrap.min.css.map b/bootstrap/css/bootstrap.min.css.map
diff --git a/bootstrap/fonts/glyphicons-halflings-regular.eot b/bootstrap/fonts/glyphicons-halflings-regular.eot
diff --git a/bootstrap/fonts/glyphicons-halflings-regular.svg b/bootstrap/fonts/glyphicons-halflings-regular.svg
diff --git a/bootstrap/fonts/glyphicons-halflings-regular.ttf b/bootstrap/fonts/glyphicons-halflings-regular.ttf
diff --git a/bootstrap/fonts/glyphicons-halflings-regular.woff b/bootstrap/fonts/glyphicons-halflings-regular.woff
diff --git a/bootstrap/fonts/glyphicons-halflings-regular.woff2 b/bootstrap/fonts/glyphicons-halflings-regular.woff2
diff --git a/bootstrap/js/bootstrap.js b/bootstrap/js/bootstrap.js
diff --git a/bootstrap/js/bootstrap.min.js b/bootstrap/js/bootstrap.min.js
diff --git a/bootstrap/js/npm.js b/bootstrap/js/npm.js
@@ -0,0 +1,13 @@
+// This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment.
+require('../../js/transition.js')
+require('../../js/alert.js')
+require('../../js/button.js')
+require('../../js/carousel.js')
+require('../../js/collapse.js')
+require('../../js/dropdown.js')
+require('../../js/modal.js')
+require('../../js/tooltip.js')
+require('../../js/popover.js')
+require('../../js/scrollspy.js')
+require('../../js/tab.js')
+require('../../js/affix.js')
diff --git a/index.html b/index.html
@@ -0,0 +1,132 @@
+<!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">
+    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
+    <title>Jumbotron Project</title>
+    <!-- Bootstrap -->
+    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
+    <link href="stylesheets/style.css" rel="stylesheet">
+  </head>
+
+
+  <body>
+    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
+    <script src="jquery.min.js"></script>
+    <!-- Include all compiled plugins (below), or include individual files as needed -->
+    <script src="bootstap/js/bootstrap.min.js"></script>
+
+
+
+<!-- Top Nav Bar -->
+
+<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">
+
+         </button>
+         <a class="navbar-brand" href="#">Jumbotron Project</a>
+       </div>
+       <div class="navbar-collapse collapse">
+         <form class="navbar-form navbar-right">
+           <div class="form-group">
+             <input type="text" placeholder="Email" class="form-control">
+           </div>
+           <div class="form-group">
+             <input type="password" placeholder="Password" class="form-control">
+           </div>
+           <button type="submit" class="btn btn-success">Sign in</button>
+         </form>
+       </div>
+     </div>
+</nav>
+
+<!-- End Top Nav Bar-................................................................ -->
+
+<!-- Upper Window................................................................ -->
+
+
+
+   <div class="upper-window">
+     <div class="container">
+
+       <h1 class="upper-window-margin">Hello, world!</h1>
+       <p class="upper-window-margin">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>
+       <p class="upper-window-margin"><a class="btn btn-primary btn-lg" href="#" role="button">Learn more &raquo;</a></p>
+     </div>
+     </div>
+
+
+<!-- Lower WindoW-->
+
+
+    <div class="container">
+
+
+      <div class="row">
+
+        <div class="col-md-4">
+                <h2>Heading</h2>
+                <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, t
+                   ellus 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="submit" class="btn btn-default">View Details <span class="caret"></span></button>
+               </div>
+
+          <div class="col-md-4">
+            <h2>Heading</h2>
+            <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, t
+               ellus 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="submit" class="btn btn-default">View Details <span class="caret"></span></button>
+            </div>
+
+
+
+          <div class="col-md-4">
+            <h2>Heading</h2>
+            <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, t
+               ellus 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="submit" class="btn btn-default">View Details <span class="caret"></span></button>
+
+        </div>
+
+
+              <div class="container">
+                  <div class="row">
+                   <div claas="col-md-4">
+
+
+
+
+                     &nbsp;  &nbsp; &copy;2016 Company, Inc.
+                  </div>
+
+              </div>
+
+
+
+
+        </div>
+
+</div>
+
+
+
+
+
+</div>
+  </body>
+</html>
diff --git a/jquery.min.js b/jquery.min.js
diff --git a/stylesheets/sstyle.scss b/stylesheets/sstyle.scss
@@ -0,0 +1,3 @@
+$window-width{
+   col-md-1;
+}
diff --git a/stylesheets/style.css b/stylesheets/style.css
@@ -0,0 +1,41 @@
+body {
+  padding-top: 50px;
+  padding-bottom: 20px;
+
+}
+
+
+
+.upper-window{
+
+  min-height: 350px;
+  text-align: left;
+  background-color: #EEEEEE;
+
+  }
+
+}
+.lower-window{
+
+  min-height: 500px;
+  text-align: left;
+  background-color: #white;
+
+}
+
+.upper-window-margin{
+  margin-top: 50px;
+}
+hr {
+
+    display: block;
+    margin-top: 2em;
+    margin-bottom: 0.5em;
+    margin-left: auto;
+    margin-right: auto;
+    border-style: inset;
+    border-width: 1px;
+    color: lightgray;
+}
+.hline { width:100%; height:1px; background: #lightgray;
+ }