Commit 6553106d authored by jmkunnat's avatar jmkunnat
Browse files

added gradient to header/footer

parent a0185fa2
Pipeline #2161 skipped
...@@ -28,6 +28,70 @@ body { ...@@ -28,6 +28,70 @@ body {
color: white; color: white;
} }
a:hover {
text-decoration: underline;
}
.gradient_top {
/* Fallback (could use .jpg/.png alternatively) */
background-color: #FFF94C;
/* SVG fallback for IE 9 (could be data URI, or could use filter) */
background-image: url(fallback-gradient.svg);
/* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
background-image:
-webkit-gradient(linear, left top, right top, from(#FFF94C), to(#004FF9));
/* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
background-image:
-webkit-linear-gradient(left, #FFF94C, #004FF9);
/* Firefox 3.6 - 15 */
background-image:
-moz-linear-gradient(left, #FFF94C, #004FF9);
/* Opera 11.1 - 12 */
background-image:
-o-linear-gradient(left, #FFF94C, #004FF9);
/* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
background-image:
linear-gradient(to right, #FFF94C, #004FF9);
}
.gradient_bottom {
/* Fallback (could use .jpg/.png alternatively) */
background-color: #2980b9;
/* SVG fallback for IE 9 (could be data URI, or could use filter) */
background-image: url(fallback-gradient.svg);
/* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
background-image:
-webkit-gradient(linear, left top, right top, from(#2980b9), to(#ff9933));
/* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
background-image:
-webkit-linear-gradient(left, #2980b9, #ff9933);
/* Firefox 3.6 - 15 */
background-image:
-moz-linear-gradient(left, #2980b9, #ff9933);
/* Opera 11.1 - 12 */
background-image:
-o-linear-gradient(left, #2980b9, #ff9933);
/* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
background-image:
linear-gradient(to right, #2980b9, #ff9933);
}
header { header {
background-color: lightblue; background-color: lightblue;
margin-top: -20px; margin-top: -20px;
...@@ -134,9 +198,9 @@ h1 { ...@@ -134,9 +198,9 @@ h1 {
@media only screen and (max-width: 500px) { @media only screen and (max-width: 500px) {
body { /*body {
background-color: red; background-color: red;
} }*/
.jumbotron { .jumbotron {
display: none; display: none;
......
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
</head> </head>
<body> <body>
<header> <header class="gradient_top">
</br> </br>
<h1>Joe Kunnath</h1> <h1>Joe Kunnath</h1>
<div class="titler"> <div class="titler">
...@@ -72,7 +72,7 @@ ...@@ -72,7 +72,7 @@
To be replaced To be replaced
{% endblock %} {% endblock %}
<footer> <footer>
<div class="foot"> <div class="foot gradient_bottom">
<div></div> <div></div>
<div class="row pull-center logos"> <div class="row pull-center logos">
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4"> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
......
...@@ -6,7 +6,9 @@ ...@@ -6,7 +6,9 @@
</div> </div>
</div> </div>
<div class="container">
<div class="container add_border">
<!-- <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"> --> <!-- <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"> -->
<h2 style="text-align: center">All About Me</h2> <h2 style="text-align: center">All About Me</h2>
<p>There are many things that I could share about myself that could <p>There are many things that I could share about myself that could
...@@ -17,8 +19,10 @@ ...@@ -17,8 +19,10 @@
Arbor. Arbor.
</p> </p>
<!-- </div> --> <!-- </div> -->
</div> </div>
<div class="container"> </br>
<div class="container add_border">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<h2>Some facts about me</h2> <h2>Some facts about me</h2>
<p>Even though I am only 19 years of age, I can already tell that I have <p>Even though I am only 19 years of age, I can already tell that I have
...@@ -40,6 +44,7 @@ ...@@ -40,6 +44,7 @@
</div> </div>
</div> </div>
</br> </br>
</br> </br>
{% endblock %} {% endblock %}
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