Footer Address Card
HTML
<footer id="msu-footer" class="msu-footer" aria-label="Primary footer for Information Technology Services">
<div class="container-fluid clearfix">
<div class="row justify-content-center">
<div class="col-sm-8 col-md-6 col-lg-5 col-xl-4 address">
<address class="card" aria-label="Address and Contact for Information Technology Services">
<div class="card-body">
<div class="row g-0">
<div class="col-4 col-md-3">
<a class="logo external" href="https://www.msstate.edu/"><img src="//cdn01.its.msstate.edu/i/logos/msstate/SQUARE_WEB_white.svg" alt="Mississippi State University M mark" title="Mississippi State University" class="lazy" style=""></a>
</div>
<div class="col">
<div class="to-line">
<strong>Information Technology Services</strong>
</div>
<div class="address-line">
117 Allen Hall<br>Box 9697<br>Campus Mail Stop: 9697
</div>
<div class="city-line">
Mississippi State, MS 39762
</div>
</div>
</div>
</div>
<div class="nav nav-contact-method flex-column">
<a class="nav-item card-body local" href="mailto:servicedesk@msstate.edu" title="servicedesk@msstate.edu">
<div class="row g-0">
<div class="col-4 col-md-3">
<div class="icon">
<span class="fas fa-envelope"><span class="sr-only">Email servicedesk@msstate.edu</span></span>
</div>
</div>
<div class="col text-truncate">
servicedesk@msstate.edu
</div>
</div>
</a>
<a class="nav-item card-body local" href="tel:(662) 325-9311">
<div class="row g-0">
<div class="col-4 col-md-3">
<div class="icon">
<span class="fas fa-phone"><span class="sr-only">Call (662) 325-9311</span></span>
</div>
</div>
<div class="col">
(662) 325-9311
</div>
</div>
</a>
<a class="nav-item card-body local" href="fax:(662) 325-8921">
<div class="row g-0">
<div class="col-4 col-md-3">
<div class="icon">
<span class="fas fa-print"><span class="sr-only">Fax (662) 325-8921</span></span>
</div>
</div>
<div class="col">
(662) 325-8921
</div>
</div>
</a>
</div>
</address>
</div>
</div>
</div>
</footer>