add footer body content
This commit is contained in:
parent
0eb45ce9a7
commit
1831ae15c1
|
@ -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">
|
||||
|
|
|
@ -88,3 +88,8 @@
|
|||
}
|
||||
}
|
||||
|
||||
.l-list-bare {
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
|
|
|
@ -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 {
|
||||
|
|
Reference in New Issue