added footer

This commit is contained in:
David Baldwynn 2016-04-22 16:06:07 -04:00
parent 10f26db043
commit 7d1b16a5d3
3 changed files with 87 additions and 3 deletions

View file

@ -17,7 +17,6 @@
<meta name="description" content="{{description}}">
<!-- Facebook META -->
<meta property="fb:app_id" content="{{facebookAppId}}">
<meta property="og:site_name" content="{{title}}">
<meta property="og:title" content="{{title}}">
<meta property="og:description" content="{{description}}">
@ -43,8 +42,8 @@
<link rel="stylesheet" href="/lib/jquery-ui/themes/flick/jquery-ui.css"/>
<link rel="stylesheet" href="/modules/core/css/github-fork-ribbon.css"/>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/select2/3.4.5/select2.css">
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.8.5/css/selectize.default.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/select2/3.4.5/select2.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/selectize.js/0.8.5/css/selectize.default.css">
<!--[if lt IE 9]>
<link rel="stylesheet" href="gh-fork-ribbon.ie.css">
<![endif]-->

View file

@ -0,0 +1,63 @@
.footer-basic-centered{
background-color: #292c2f;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
box-sizing: border-box;
width: 100%;
text-align: center;
font: normal 18px sans-serif;
padding: 45px;
margin-top: 80px;
}
.footer-basic-centered .footer-company-motto{
color: #8d9093;
font-size: 24px;
margin: 0;
}
.footer-basic-centered .footer-company-name{
color: #8f9296;
font-size: 14px;
margin: 0;
}
.footer-basic-centered .footer-links{
list-style: none;
font-weight: bold;
color: #ffffff;
padding: 35px 0 23px;
margin: 0;
}
.footer-basic-centered .footer-links a{
display:inline-block;
text-decoration: none;
color: inherit;
}
/* If you don't want the footer to be responsive, remove these media queries */
@media (max-width: 600px) {
.footer-basic-centered{
padding: 35px;
}
.footer-basic-centered .footer-company-motto{
font-size: 18px;
}
.footer-basic-centered .footer-company-name{
font-size: 12px;
}
.footer-basic-centered .footer-links{
font-size: 14px;
padding: 25px 0 20px;
}
.footer-basic-centered .footer-links a{
line-height: 1.8;
}
}

View file

@ -56,4 +56,26 @@
</div>
</section>
<footer class="footer-basic-centered">
<p class="footer-company-motto">The company motto.</p>
<p class="footer-links">
<a href="/#!/">Home</a>
·
<a href="/#!/blog">Blog</a>
·
<a href="https://github.com/whitef0x0/tellform">Github Source</a>
·
<a href="/#!/about">About</a>
.
<a href="/#!/terms">Privacy & Terms</a>
·
<a href="https://status.tellform.com">System Status</a>
·
<a href="mailto:polydaic@gmail.com">Contact</a>
</p>
<p class="footer-company-name">TellForm © 2016</p>
</footer>