<footer class=“center”>
<div class="desktop-footer"> <div class="footer-each"> <h5> <a href="https://www.google.com/maps/place/Zendesk/@-37.8171779,144.9592809,17z/data=!3m1!4b1!4m5!3m4!1s0x6ad65d4b6c187ceb:0xea7703041c1d49e8!8m2!3d-37.8171822!4d144.9614696" target="_blank"> <span>CBD</span><br><span>Melbourne</span><br><span>Australia</span></span> </a> </h5> </div> <div class="footer-each"> <h5><a href="tel:+14154175500"><span>+61 429</span><br><span>835 565</span></a></h5> </div> <div class="footer-each"> <h5><a href="mailto:newbusiness@junior.io"><span>jbelotti</span><br><span>@zendesk</span><br><span>.com</span></a></h5> </div> <div class="footer-each"> <h5><a href="mailto:press@junior.io"><span>jonathon.</span><br><span>bel.</span><br><span>melbourne</span><br><span>@gmail.com</span></a></h5> </div> <div class="footer-each"> <h5><a href="https://www.linkedin.com/in/jonathonbelotti/" target="_blank" alt="LinkedIn"><span>LinkedIn</span></a></h5> <h5><a href="https://github.com/thundergolfer" target="_blank" alt="Github"><span>Github</span></a></h5> <h5><a href="https://twitter.com/jonobelotti_IO" target="_blank" alt="Twitter"><span>Twitter</span></a></h5> </div> </div>
</footer>
<style>
footer .desktop-footer {
margin-left: auto; margin-right: auto;
}
.client-each, .footer-bar, .section, footer .desktop-footer {
max-width: 45.33563em;
}
footer {
margin-bottom: 50px; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1; transform: translateY(0) scale(1); opacity: 1; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
} </style>
<style> .home .contact-overlay .contact-a:nth-child(6n+1), .icon-and-text:nth-child(2n+1), footer .desktop-footer .footer-each:nth-child(6n+1) {
clear: left;
} footer .desktop-footer .footer-each {
float: left; display: block; margin-right: 4%; width: 14.70196%;
}
footer .desktop-footer .footer-each:first-child {
margin-left: 4%;
}
footer .footer-each a {
text-decoration: none; background-image: none; color: #000; font-weight: 300;
}
footer .footer-each a:active, footer .footer-each a:hover {
outline-width: 0;
}
.founder-each h2, .group-pic, .header-title, .home .contact-overlay .contact-a, .section h1, .section h2, .section h3, .section p, .team small, .title-div, body .home .contact-overlay .contact-a-mob, footer .desktop-footer .footer-each, footer .mobile-footer, footer .mobile-footer .footer-each, nav li {
text-align: center;
}
.contact-a, .contact-a span, .contact-a-mob span, .footer-each span, footer, sub, sup {
position: relative;
}
.contact-a span:before, .contact-a-mob span:before, .footer-each span:before {
content: ''; position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 2px solid #000; transition: .4s; -webkit-transform: scaleX(1); transform: scaleX(1);
}
.contact-a a:hover span:before, .contact-a-mob a:hover span:before, .footer-each a:hover span:before {
content: ''; -webkit-transform: scaleX(0); transform: scaleX(0);
}
</style>
{% if site.enable_anchorjs %}<!– AnchorJS –> <script src=“cdnjs.cloudflare.com/ajax/libs/anchor-js/3.0.0/anchor.min.js”>> <script>
anchors.options.visible = 'always'; anchors.add('article h2, article h3, article h5, article h5, article h6');
</script>{% endif %}