Easily add contact information to WordPress HTML widgets in the footer.

footer.html

<div class="contact-email contact-data">
	<a href="mailto:[email protected]">
		<i class="fa fa-envelope"></i>
		<span>[email protected]</span>
	</a>
</div>
<div class="contact-phone contact-data">
	<a href="tel:+525512345678">
		<i class="fa fa-phone"></i>
		<span>+52 (55) 1234-5678</span>
	</a>
</div>

<div class="contact-address contact-data">
	<a href="#">
		<i class="fa fa-map-marker-alt"></i>
		<address>601 E Main St, Yorktown, TX 78164, United States</address>
	</a>
</div>

<div class="contact-fax contact-data">
	<i class="fa fa-fax"></i>
	<span>+52 (55) 1234-5678</span>
</div>

styles.css

/* Footer contact widgets styles */
.contact-data a, .contact-data{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
	padding: 10px 10px 10px 0px;
	font-size: 22px;
}

.contact-data i {
    margin: 15px;
}