added image to homepage

roomlist/static/css/style.css

+/* Sticky footer styles */
+html,
 body {
-  padding-top: 70px;
   height: 100%;
 }
 
-.footer {
-  width: 100%;
-  /* Set the fixed height of the footer here */
-  height: 80px;
+/* Wrapper for page content to push down footer */
+#wrap {
+  min-height: 100%;
+  height: auto;
+  /* Negative indent footer by its height */
+  margin: 0 auto -40px;
+  /* Pad bottom by footer height */
+  padding: 0 0 40px;
+}
+/* Set the fixed height of the footer here */
+#footer {
+  height: 40px;
+}
+
+.jumbostyle {
+  background: url(/static/img/North_Section_of_Presidents_Park_Dorms.jpg) no-repeat;
+  background-size: cover;
+  background-position: 20%;
+  box-shadow: inset 0px 0px 20px #333;
+  color: white;
+  text-shadow: 
+    2px 2px 4px #000;
+  padding-top: 75px;
+  padding-bottom: 75px;
+}
+
+.license img {
+  position: absolute;
+  bottom: 8px;
+  right: 15px;
+}
+
+.container-padding {
+  padding-top: 75px;
 }

roomlist/templates/index.html

@@ -6,22 +6,23 @@ GMU RoomList • Homepage
 
 {% block content %}
 
-<div class="page-header" id="banner">
+<div class="container container-padding">
   <div class="row">
-    <div class="col-lg-12 text-center">
-      <h1><strong>GMU</strong>ROOMLIST</h1>
-      <p class="lead">Find your on-campus neighbors.</p>
+    <div class="col-md-12 license">
+      <div class="jumbotron jumbostyle">
+        <h1 class="text-center"><strong>GMU</strong>&#8203;ROOMLIST</h1>
+        <p class="text-center">Find your on-campus neighbors.</p>
+      </div>
+      <img alt="Creative Commons License" style="border-width:0" src="https://licensebuttons.net/l/by-nc/2.0/80x15.png" title="North Section of President's Park Dorms by Flickr user cgs_gmu2005 is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License."/>
     </div>
   </div>
 </div>
 
-<div class="jumbotron">
-  <h1 class="text-center"></h1>
-  <p class="text-center">Lorem ipsum dolor sit amet. Freely licensed pictures from the #photos project?</p>
-</div>
+<legend></legend>
 
 <div class="row">
-
+  <div class="row">
+  </div>
 </div>
 
 {% endblock %}