Commit 1d16ff58 authored by Porter Libby's avatar Porter Libby
Browse files

add footer v1

parent 1f2e7c73
......@@ -241,6 +241,22 @@
<span class="btn-label"><i class="fa fa-check"></i></span><br> Finish and see results!</button>
</div>
</div>
<!-- Footer Block -->
<div class='block' id="footer">
<div style='display:inline-block; width:65%; text-align: center; padding-left:100px'>
Earlham College, an independent, residential college, aspires to provide the
highest-quality undergraduate education in the liberal arts and sciences,
shaped by the distinctive perspectives of the Religious Society of Friends (Quakers).
</div>
<div style="display: inline-block; width:30%; text-align: right; position: absolute;">
<a href="#" class="social fa fa-facebook"></a>
<a href="#" class="social fa fa-twitter"></a>
<a href="#" class="social fa fa-youtube"></a>
<a href="#" class="social fa fa-instagram"></a>
<a href="#" class="social fa fa-rss"></a>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
......@@ -24,4 +24,34 @@ input {
padding: 20px;
margin-right: 50px;
font-size:18px;
}
\ No newline at end of file
}
.social {
padding: 20px;
font-size: 30px;
width: 60px;
text-align: center;
text-decoration: none;
margin: 5px 2px;
}
.fa-facebook {
background: #3B5998;
color: white;
}
.fa-twitter {
background: #55ACEE;
color: white;
}
.fa-youtube {
background: #bb0000;
color: white;
}
.fa-instagram {
background: #125688;
color: white;
}
.fa-rss {
background: #ff6600;
color: white;
}
\ No newline at end of file
......@@ -113,7 +113,11 @@ body{
background-color: #6F263D;
color: white;
}
#footer{
height:80px;
background: #eee;
overflow: hidden;
}
.btn {
padding: 30px 65px;
}
......
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