added images to the gallery

stylesheets/style.css

@@ -47,6 +47,14 @@ h1 {
   text-shadow: 2px 2px black;
 }
 
+.gallery_jumbotron {
+	background-image:url('../static/log.jpg');
+}
+
+.gallery_jumbotron .container {
+	top: 30px;
+}
+
 
 .logos img {
 	width: 150px;
@@ -66,6 +74,18 @@ h1 {
 	text-align: center;
 }
 
+#gallery_body h2 {
+	text-align: center;
+}
+
+#gallery_body {
+/*	margin-left: 10px;
+*/}
+
+.gallery img{
+	height: 300px;
+	width: 300px;
+}
 
 
 
@@ -79,6 +99,14 @@ h1 {
     	background-repeat: no-repeat;
   		background-size: cover;
     }
+
+    .gallery img {
+    	height: 250px;
+    	width: 250px;
+    	display: block;
+    	margin-left: auto;
+    	margin-right: auto;
+    }
 }
 
 

templates/base.html

@@ -86,7 +86,7 @@
 				<a href="https://twitter.com/JoeKunnath"><img class="center-block" src="../static/tw_logo.jpg" alt="twitter logo"></a>
 			</div>
 		</div>
-		<div id=my_email>If you have any questions, concerns, or any feedback about my website
+		<div id="my_email">If you have any questions, concerns, or any feedback about my website
 			please email me at jmkunnat@umich.edu</div>
 		<h5>Copyright &copy; Joe Kunnath</h5>
 	</div>

templates/gallery

 {% extends "templates/base.html" %}
 {% block content %}
-	<p>	Gallery </p>
-	<p> This place feels like good ol home sweet home!!</p>
-	<img src="static/home.jpg" alt="Home Sweet Home">
+
+	<div class="jumbotron gallery_jumbotron">
+		<div class="container">
+			<h1>Gallery</h1>
+		</div>
+	</div>
+
+	<div id="gallery_body">
+		<h2>Here's an assortment of some of my pictures!</h2>
+		<div class="gallery">
+			<div class="row pull-center">
+				<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
+					<img  src="../static/choke.jpg" alt="me and my girlfriend">
+				</div>
+				<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
+					<img  src="../static/cheese.jpg" alt="matching with friends">
+				</div>
+				<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
+					<img  src="../static/ice_cream.jpg" alt="ice cream cone">
+				</div>
+				<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
+					<img src="../static/pc.jpg" alt="my pledge class, KTP">
+				</div>
+				<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
+					<img src="../static/skate.png" alt="me and the lady skating">
+				</div>
+				<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
+					<img src="../static/snow.jpg" alt="hanging in the cold">	
+				</div>
+				<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
+					<img src="../static/stallion.png" alt="chillin against a wall">
+				</div>
+				<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
+					<img src="../static/nice.jpg" alt="pic of me dressed up">
+				</div>
+				<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
+					<img src="../static/lil.jpg" alt="getting small">
+				</div>								
+			</div>
+		</div>
+		</br>
+	</div>
+
+
 {% endblock %}
\ No newline at end of file

templates/soccer

-{% extends "templates/base.html" %}
-{% block content %}
-	<p>I really like soccer</p>			
-	<img src="static/kick.jpg"/>
-{% endblock %}

templates/twos

-{% extends "templates/base.html" %}
-{% block content %}
-	<p>This is the second page of the website.
-	I like the number 2.</p>
-	<p> 2 2 2 2 2 2 2 2 2 2 2 </p>
-	<img src="static/two.png">
-{% endblock %}