<footer class="blocks-footer-05 footer bg-color-ui-01">
<div class="spacer xxxx-large"></div>
<div class="wrapper top-footer">
<div class="grid-container">
<div class="grid-x grid-padding-x gutter-medium">
<div class="large-2 medium-6 small-12 cell text-left">
<div class="img-logo img-full">
<img src="https://docs.insites.io/assets/images/webblocks/insites-template-logo.png?updated" alt="Sample Logo">
</div>
</div>
<div class="small-12 cell spacer xxx-large hide-for-medium"></div>
<div class="large-3 medium-6 small-12 cell">
<ul class="vertical menu">
<li>
<p class="navigation-level-1 color-font-head" data-test="">Quick Links</p>
<div class="spacer"></div>
</li>
<li>
<a class="footer-links color-font-head" data-test="">About</a>
<div class="spacer small"></div>
</li>
<li>
<a class="footer-links color-font-head" data-test="">Our Team</a>
<div class="spacer small"></div>
</li>
<li>
<a class="footer-links color-font-head" data-test="">Locator</a>
<div class="spacer small"></div>
</li>
<li>
<a class="footer-links color-font-head" data-test="">About Us</a>
<div class="spacer small"></div>
</li>
<li>
<a class="footer-links color-font-head" data-test="">Blog</a>
<div class="spacer small"></div>
</li>
<li>
<a class="footer-links color-font-head" data-test="">Pay Your Bill</a>
<div class="spacer small"></div>
</li>
<li>
<a class="footer-links color-font-head" data-test="">Contact</a>
</li>
</ul>
</div>
<div class="small-12 cell spacer xxx-large hide-for-large"></div>
<div class="large-3 medium-6 small-12 cell">
<ul class="vertical menu">
<li>
<a class="navigation-level-1 color-font-head" data-test="">Our Services</a>
<div class="spacer"></div>
</li>
<li>
<a class="footer-links color-font-head" data-test="">Store Locator App</a>
<div class="spacer small"></div>
</li>
<li>
<a class="footer-links color-font-head" data-test="">Database Driven Website</a>
<div class="spacer small"></div>
</li>
<li>
<a class="footer-links color-font-head" data-test="">Single Customer View</a>
<div class="spacer small"></div>
</li>
<li>
<a class="footer-links color-font-head" data-test="">Documentation</a>
<div class="spacer small"></div>
</li>
<li>
<a class="footer-links color-font-head" data-test="">Development</a>
<div class="spacer small"></div>
</li>
<li>
<a class="footer-links color-font-head" data-test="">Testing</a>
<div class="spacer small"></div>
</li>
<li>
<a class="footer-links color-font-head" data-test="">Timeframe</a>
<div class="spacer small"></div>
</li>
<li>
<a class="footer-links color-font-head" data-test="">Ongoing Cost</a>
<div class="spacer small"></div>
</li>
<li>
<a class="footer-links color-font-head" data-test="">Agreements & Relationships</a>
</li>
</ul>
</div>
<div class="small-12 cell spacer xxx-large hide-for-medium"></div>
<div class="large-4 medium-6 small-12 cell">
<!-- [Address 1] -->
<ul class="vertical menu main-info">
<li>
Address 1
<div class="spacer"></div>
</li>
<li class="info">
<a class="footer-links color-font-head" data-test="">
<i class="icon-map-pin address"></i>
<span class="address">
1 Insites Street, Melbourne VIC 3000 Australia
</span>
</a>
<div class="spacer small"></div>
</li>
<li class="info">
<a class="footer-links color-font-head" data-test="">
<i class="icon-phone"></i>
<span>+1 520 467 4837</span>
</a>
<div class="spacer small"></div>
</li>
<li class="info">
<a class="footer-links color-font-head" data-test="">
<i class="icon-printer"></i>
<span>+1 520 467 4837</span>
</a>
<div class="spacer small"></div>
</li>
<li class="info">
<a class="footer-links color-font-head" data-test="">
<i class="icon-mail1"></i>
<span class="email">template@insites.io</span>
</a>
</li>
</ul>
<div class="spacer xxx-large"></div>
<!-- [Address 2] -->
<ul class="vertical menu main-info">
<li>
Address 2
<div class="spacer"></div>
</li>
<li class="info">
<a class="footer-links color-font-head" data-test="">
<i class="icon-map-pin address"></i>
<span class="address">
1 Insites Street, Melbourne VIC 3000 Australia
</span>
</a>
<div class="spacer small"></div>
</li>
<li class="info">
<a class="footer-links color-font-head" data-test="">
<i class="icon-phone"></i>
<span>+1 520 467 4837</span>
</a>
<div class="spacer small"></div>
</li>
<li class="info">
<a class="footer-links color-font-head" data-test="">
<i class="icon-printer"></i>
<span>+1 520 467 4837</span>
</a>
<div class="spacer small"></div>
</li>
<li class="info">
<a class="footer-links color-font-head" data-test="">
<i class="icon-mail1"></i>
<span class="email">template@insites.io</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="spacer xxxx-large show-for-medium"></div>
<div class="spacer x-large hide-for-medium"></div>
<div class="wrapper bottom-footer">
<div class="grid-container">
<hr>
<div class="spacer"></div>
<div class="grid-x align-justify">
<div class="large-6 medium-6 small-12 cell medium-text-left text-center grid-x grid-margin-x">
<div class="medium-shrink cell">
<a><strong>Site Terms</strong></a>
</div>
<div class="cell spacer show-for-small-only"></div>
<div class="medium-shrink cell">
<a><strong>Privacy Policy</strong></a>
</div>
</div>
<div class="cell spacer show-for-small-only"></div>
<div class="large-6 medium-6 small-12 cell medium-text-right text-center">
<div>
<ul class="menu social">
<li>
<a class="footer-links" href="/" data-test="footer-link-facebook" target="_blank" title="facebook" rel="noreferrer">
<i class="icon-facebook"></i>
</a>
</li>
<li>
<a class="footer-links" href="/" data-test="" target="_blank" title="" rel="noreferrer">
<i class="icon-twitter"></i>
</a>
</li>
<li>
<a class="footer-links" href="/" data-test="" target="_blank" title="" rel="noreferrer">
<i class="icon-linkedin"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="spacer"></div>
<div class="grid-x">
<div class="large-6 medium-6 small-12 cell medium-text-left text-center">
<p>ABN 01 001 001 101 Insites Template. <br>
Registered Office: 1 Insites Street, Melbourne VIC 3000 Australia</p>
</div>
<div class="small-12 cell spacer show-for-small-only"></div>
<div class="large-6 medium-6 small-12 cell medium-text-right text-center">
<p>Copyright © 2021 Insites Template. Powered by Insites.</p>
</div>
</div>
</div>
</div>
<div class="spacer"></div>
</footer>
/* Start: Overwrite - Foundation Grid Container*/
.blocks-footer-05 .grid-container{
padding-left: 0px;
padding-right: 0px;
max-width: var(--container-max-width, 1232px);
position: relative;
}
@media screen and (min-width: 481px), screen and (max-width: 1024px){
.blocks-footer-05 .grid-container.pagewrap,
.blocks-footer-05.footer .grid-container {
padding-right: 0px;
padding-left: 0px;
}
}
/* End: Overwrite - Foundation Grid Container*/
footer.blocks-footer-05{
padding: 0px !important;
}
.blocks-footer-05 .footer-links,
.blocks-footer-05 .bottom-footer a{
font-weight: 400;
font-style: normal;
font-size: var(--typography-small, 0.875rem);
color: var(--color-font-body, #595959)
}
.blocks-footer-05 .menu li,
.blocks-footer-05 .menu a,
.blocks-footer-05 .navigation-level-1{
text-transform:none;
}
.blocks-footer-05 ul.main-info li.info{
position: relative;
padding-left: 36px;
}
.blocks-footer-05 ul.main-info li i{
position: absolute;
left: -32px;
top: 6px;
}
.blocks-footer-05 .menu.social {
justify-content: unset;
display: block;
}
.blocks-footer-05 .menu.social > li{
margin-left: 15px;
margin-right: 15px;
}
.blocks-footer-05 .menu.social > li:first-child{
margin-left: 0px;
}
.blocks-footer-05 .menu.social > li:last-child{
margin-right: 0px;
}
.blocks-footer-05 .bottom-footer p{
font-size: var(--typography-x-small, 0.75rem);
font-weight: 400;
line-height: 14px;
}
@media screen and (max-width: 1023px){
footer.blocks-footer-05 .social.menu a {
padding-right: 0px;
}
}