rayelliott
/
victor-hugo
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
site/layouts/partials/footer.html
View File

@ -3,10 +3,32 @@
<div class="l-wrapper"> <div class="l-wrapper">
<ul class="l-flex-list-row"> <ul class="l-flex-list-row">
<li> <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>
<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>
<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> </li>
</ul> </ul>
<ul class="l-flex-list-row"> <ul class="l-flex-list-row">

5
src/css/imports/layout.scss
View File

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

11
src/css/main.css
View File

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