Commit 66cd8056 authored by jmkunnat's avatar jmkunnat
Browse files

adjusted footer & added links to social media

parent 9c9e70df
Pipeline #2104 skipped
No preview for this file type
......@@ -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*/
{% extends "templates/base.html" %}
{% block content %}
<p>I really like soccer</p>
<img src="static/kick.jpg"/>
{% endblock %}
......@@ -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>
......
{% 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 %}
{% 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
{% 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">
......
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