added footer
This commit is contained in:
parent
10f26db043
commit
7d1b16a5d3
|
@ -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]-->
|
||||
|
|
63
public/modules/core/css/footer.css
Normal file
63
public/modules/core/css/footer.css
Normal 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;
|
||||
}
|
||||
}
|
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue