Commit eb539798 authored by jmkunnat's avatar jmkunnat
Browse files

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

parent afcbea6e
Pipeline #2151 skipped
......@@ -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;
......
......@@ -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 %}
......@@ -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
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment