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 {
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 {
background-color: lightblue;
margin-top: -20px;
......@@ -134,9 +198,9 @@ h1 {
@media only screen and (max-width: 500px) {
body {
/*body {
background-color: red;
}
}*/
.jumbotron {
display: none;
......
......@@ -20,7 +20,7 @@
</head>
<body>
<header>
<header class="gradient_top">
</br>
<h1>Joe Kunnath</h1>
<div class="titler">
......@@ -72,7 +72,7 @@
To be replaced
{% endblock %}
<footer>
<div class="foot">
<div class="foot gradient_bottom">
<div></div>
<div class="row pull-center logos">
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
......
......@@ -6,7 +6,9 @@
</div>
</div>
<div class="container">
<div class="container add_border">
<!-- <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"> -->
<h2 style="text-align: center">All About Me</h2>
<p>There are many things that I could share about myself that could
......@@ -17,8 +19,10 @@
Arbor.
</p>
<!-- </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">
<h2>Some facts about me</h2>
<p>Even though I am only 19 years of age, I can already tell that I have
......@@ -40,6 +44,7 @@
</div>
</div>
</br>
</br>
{% 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