add footer body content

This commit is contained in:
Ray Elliott 2020-03-31 13:19:53 +00:00
parent 0eb45ce9a7
commit 1831ae15c1
3 changed files with 37 additions and 1 deletions

View File

@ -3,10 +3,32 @@
<div class="l-wrapper">
<ul class="l-flex-list-row">
<li>
<h3>Let's keep in touch!</h3>
<p>Find us on any of these platforms, we respond in 1-2 business days.</p>
<ul class="l-flex-list-row">
<li><span class="social-icon"></span></li>
<li><span class="social-icon"></span></li>
<li><span class="social-icon"></span></li>
<li><span class="social-icon"></span></li>
</ul>
</li>
<li>
<h3>Useful Links</h3>
<ul class="l-list-bare">
<li><a href="#">Link One</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
</ul>
</li>
<li>
<h3>Other Resources</h3>
<ul class="l-list-bare">
<li><a href="#">Link One</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
</ul>
</li>
</ul>
<ul class="l-flex-list-row">

View File

@ -88,3 +88,8 @@
}
}
.l-list-bare {
list-style: none;
padding-left: 0;
}

View File

@ -71,7 +71,7 @@ html.is-animating .transition-fade {
font-size: 0.9rem;
}
.footer_item {
.footer__term {
margin: 0 0.5em;
}
@ -81,6 +81,15 @@ html.is-animating .transition-fade {
margin-bottom: 0;
}
.social-icon {
display: block;
width: 3em;
height: 3em;
background-color: red;
margin: 0 0.25em;
border-radius: 50%;
}
// hero
.hero-bg {