finished activities content, added picture and some content for bio page

stylesheets/style.css

@@ -11,6 +11,18 @@ body {
 	background-color: #cccccc;
 }
 
+.myClass{
+	margin: 0em 1em;
+	padding: .75em;
+	border: 1px solid black;
+	border-radius: .25%;
+
+	/*safari and chromeeee*/
+	-webkit-column-count:3;
+	-moz-column-count: 3;
+	column-count:3;
+}
+
 .foot h5 {
 	text-align: center;
 	color: white;
@@ -45,7 +57,7 @@ h1 {
 
 .jumbotron .container {
   position: relative;
-  top:200px;
+  top:240px;
   text-align: left;
   color: white;
   text-shadow: 2px 2px black;
@@ -59,9 +71,13 @@ h1 {
 	top: 30px;
 }
 
-/*.bio {
-	background-image:url('../');
-}*/
+.bio {
+	background-image:url('../static/preppy.jpg');
+}
+
+.bio .container {
+	top: 225px;
+}
 
 .act_jumbo {
 	background-image:url('../static/soccerr.jpg');
@@ -79,6 +95,11 @@ h1 {
 	background-color: white;
 }
 
+.add_border {
+	border: 3px solid black;
+	padding: 5px;
+}
+
 .logos img {
 	width: 150px;
 	height: 150px;

templates/bio

@@ -5,4 +5,18 @@
 			<h1>Biography</h1>
 		</div>
 	</div>
+
+	<div class="container">
+		<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
+			<h2>All About Me</h2>
+			<p>There are many things that I could share about myself that could
+				lull you to sleep, so when I describe myself I'll attempt to avoid
+				such particularities. I am currently 19 years old, and I attend the
+				University of Michigan in pursuit of a degree in Computer Science. I
+				am from Canton, Michigan, which is under a half an hour away from Ann
+				Arbor. 
+			</p>
+		</div>
+	</div>
+
 {% endblock %}

templates/home

@@ -2,30 +2,36 @@
 {% block content %}
 	<div class="jumbotron">
 		<div class="container">
-			<h1>Welcome to my website!</h1>
+			<h1>Home</h1>
 		</div>
 	</div>
 
-	<div class="row">
-		<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
-			<h2>Hello!</h2>
-			<p>Hi! My name is Joseph Kunnath! This is the webpage that I have created. 
-				I have decided to include things about myself such as where I was born,
-				where I go to school, and other various facts about me in my 
-				<a href="bio">Bio</a> page. Found on the <a href="activities">activities</a>
-				page are my interests and hobbies and 
-				a story or two about them. In the <a href="gallery">gallery</a>
-				page, you can find pictures of 
-				me and my friends doing some activities or hobbies. </p>
-		</div>
+	<div class="container">
+		<div class="add_border">
+			<div class="row">
+				<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
+					<h2>Hello!</h2>
+					<p>Hi! My name is Joseph Kunnath! This is the webpage that I have created. 
+						I have decided to include things about myself such as where I was born,
+						where I go to school, and other various facts about me in my 
+						<a href="bio">biography</a> section. Found on the <a href="activities">activities</a>
+						page are my interests and hobbies and 
+						a story or two about them. In the <a href="gallery">gallery</a>
+						page, you can find pictures of 
+						me and my friends doing some activities or hobbies. </p>
+				</div>
 
-		<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
-			<h2>Why should you read this page?</h2>
-			<p>It never hurts to learn more about anything! Besides that, you have a chance to learn
-				more about me specifically, and who wouldn't want that! Joking aside, there could be 
-				something you can learn, remember, or realize something cool about yourself. 
+				<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
+					<h2>Why should you peruse this website?</h2>
+					<p>It never hurts to learn more about anything! Besides that, you have a chance to learn
+						more about me specifically, and who wouldn't want that! Joking aside, there could be 
+						something you can learn, remember, or realize something cool about yourself. 
+				</div>
+			</div>
 		</div>
 	</div>
+	</br>
+	</br>
 
 
 {% endblock %}
\ No newline at end of file