Skip to content

Instantly share code, notes, and snippets.

@omniamike
Last active March 22, 2017 15:09
Show Gist options
  • Save omniamike/a2e081242982d1a5722f622191f70c93 to your computer and use it in GitHub Desktop.
Save omniamike/a2e081242982d1a5722f622191f70c93 to your computer and use it in GitHub Desktop.
Contact Block Used for Footer and Sidebar. Created before Impreza's updates, no longer needed but keeping anyway
<!-- Contact Block Used for Footer and Sidebar -->
<!-- Add to text or html element -->
<div class="contact-block">
<p class="cb-address item">COMPANY NAME
<span class="block">ADDRESS LINE 1</span>
<span class="block">ADDRESS LINE 2</span>
</p>
<p class="cb-phone item">(123) 456-7890</p>
<p class="cb-fax item">(123) 456-7890</p>
<p class="cb-email item"><a href="mailto:CONTACT-EMAIL">CONTACT EAMIL</a></p>
<p class="cb-directions item">Get Directions: <a href="#" target="_blank">Google Maps</a></p>
</div>
<style type="text/css">
/* Add to stylesheet */
.contact-block p.item {
padding-left: 25px;
margin-bottom: 10px;
font-size: 15px;
color: #ffffff;
line-height: 1.6;
position: relative;
}
.contact-block .cb-address.item {
padding-left: 0;
}
.contact-block p.item a,
.contact-block p.item a:hover {
word-wrap: break-word;
}
.contact-block p.item .block {
display: block;
}
.contact-block .item:before {
display: block;
position: absolute;
top: 0;
left: 0;
text-align: center;
font-family: "fontawesome";
font-size: 16px;
line-height: 1.6;
height: 21px;
width: 21px;
}
.contact-block .cb-directions.item:before {
content: "\f041";
}
.contact-block .cb-phone.item:before {
content: "\f095";
}
.contact-block .cb-email.item:before {
content: "\f0e0";
}
.contact-block .cb-fax.item:before {
content: "\f1ac";
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment