adjusted footer & added links to social media

stylesheets/style.css

@@ -7,6 +7,8 @@ body {
 .foot {
 	font-weight: bold;
 	color: orange;
+	background-color: #cccccc;
+
 }
 
 header {
@@ -29,6 +31,9 @@ h1 {
 	background-image:url('../static/theboys.jpg');
 	height: 500px;
 	-webkit-text-stroke: 10px black;
+   	background-repeat: no-repeat;
+   	width: 100%;
+  	background-size: cover;
 }
 
 .jumbotron .container {
@@ -37,22 +42,40 @@ h1 {
   text-align: left;
   color: white;
   text-shadow: 2px 2px black;
+}
+
 
+.logos img {
+	width: 150px;
+	height: 150px;
+	text-align: center;
+	padding: 15px;
+	border-radius: 25%;
+
+}
 
+.navbar-default {
+	border: 2px solid black;
 }
 
+
+
+
+
 @media only screen and (max-width: 500px) {
     body {
         background-color: red;
     }
 
     .jumbotron {
-    	background-image:url('../static/kick.jpg');
+    	display: none;
     	background-repeat: no-repeat;
   		background-size: cover;
     }
 }
 
 
+/*rules for link logos in footer*/
+
 
 

templates/activities

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

templates/base.html

@@ -26,7 +26,7 @@
 			<h1>{{title}}</h1>
 		</div>
 
-		<nav class="navbar">
+		<nav class="navbar-default">
 			<div class="container-fluid">
 				<div class="navbar-header">
 <!--					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbarr">
@@ -45,20 +45,20 @@
 						{% else %}
 							<li><a href="home">Home</a></li>
 						{% endif %}
-						{% if var == '/twos' %}
-							<li class="active"><a href="twos">TWOS</a></li>
+						{% if var == '/bio' %}
+							<li class="active"><a href="bio">BIOGRAPHY</a></li>
 						{% else %}
-							<li><a href="twos">Two</a></li>
+							<li><a href="bio">Biography</a></li>
 						{% endif %}
-						{% if var == '/soccer' %}
-							<li class="active"><a href="soccer">SOCCER</a></li>
+						{% if var == '/activities' %}
+							<li class="active"><a href="activities">ACTIVITIES</a></li>
 						{% else %}
-							<li><a href="soccer">Soccer</a></li>
+							<li><a href="activities">Activities</a></li>
 						{% endif %}
-						{% if var == '/login' or var == '/login_good' %}
-							<li class="active"><a href="login">LOGIN</a></li>
+						{% if var == '/gallery' or var == '/login_good' %}
+							<li class="active"><a href="gallery">GALLERY</a></li>
 						{% else %}
-							<li><a href="login">Login</a></li>
+							<li><a href="gallery">Gallery</a></li>
 						{% endif %}
 					</ul>
 
@@ -72,6 +72,19 @@
 	{% endblock %}
 	<footer>
 	<div class="foot">
+		<div></div>
+		<div class="row pull-center logos">
+			<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
+				<a href="https://www.facebook.com/joe.kunnath.9"><img class="center-block" src="../static/fb_logo.png" alt="facebook logo"></a>
+			</div>
+			<div class="col-xs-12 col-sm-4 col-md-4 col-md-4">
+				<a href="https://www.instagram.com/joekunnath1/"><img class="center-block" src="../static/insta_logo_2.jpg" alt="insta logo">
+				</a>
+			</div>
+			<div class="col-xs-12 col-sm-4 col-md-4 col-md-4">
+				<a href="https://twitter.com/JoeKunnath"><img class="center-block" src="../static/tw_logo.jpg" alt="twitter logo"></a>
+			</div>
+		</div>
 		<h5>Copyright &copy; Joe Kunnath</h5>
 	</div>
 	</footer>

templates/bio

+{% 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 %}

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">
+{% endblock %}
\ No newline at end of file

templates/home

 {% extends "templates/base.html" %}
 {% block content %}
+	<div class="jumbotron">
+		<div class="container">
+			<h1>Welcome to my website!</h1>
+		</div>
+	</div>
 	<p>	Welcome to the home page of the site!</p>
 	<p> This place feels like good ol home sweet home!!</p>
 	<img src="static/home.jpg" alt="Home Sweet Home">