Locations & Hours: Standard
Used to display one or more locations & hours for a client's site.
Location 1 Title Goes Here
Collaboratively synthesize resource maximizing imperatives with pandemic scenarios. Seamlessly engage enterprise leadership skills with progressive e-business. Dramatically redefine effective e-tailers through principle-centered leadership skills.
Rapidiously reinvent equity invested models before value-added collaboration and idea-sharing. Uniquely expedite 24/365 expertise without diverse architectures. Quickly extend sustainable quality vectors before turnkey content.
Location 2 Title Goes Here
Collaboratively synthesize resource maximizing imperatives with pandemic scenarios. Seamlessly engage enterprise leadership skills with progressive e-business. Dramatically redefine effective e-tailers through principle-centered leadership skills.
Rapidiously reinvent equity invested models before value-added collaboration and idea-sharing. Uniquely expedite 24/365 expertise without diverse architectures. Quickly extend sustainable quality vectors before turnkey content.
<div class="locations-hours locations-hours--standard" id="[ID]">
<div class="location location--[num]" itemscope itemtype="http://schema.org/Organization">
<div class="location__image image" style="max-width: 800px;">
<img width="[width]" height="[height]" alt="[Alternate text]" src="path/to/foo.jpg" itemprop="image">
</div>
<div class="location__title">
<h5 itemprop="name">[Location Title Here]</h5>
</div>
<div class="location__hours">
<p>[Hours information...]</p>
</div>
<div class="location__info grid">
<div class="location__address grid-col grid-col--xs-6 grid-col--sm-4" itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<div class="location-address location-address--1" itemprop="streetAddress">
[Address Line 1]
</div>
<div class="location-address location-address--2" itemprop="streetAddress">
[Address Line 2]
</div>
<div class="location-address location-address--3" itemprop="streetAddress">
[Address Line 3]
</div>
<div class="location-address location-address--4" itemprop="streetAddress">
[Address Line 4]
</div>
<div class="location-address location-address--5" itemprop="streetAddress">
[Address Line 5]
</div>
</div>
<div class="location__phone grid-col grid-col--xs-6 grid-col--sm-4">
<div class="location-phone location-phone--1">
<span class="label">[Phone 1 Label]</span>
<span class="value" itemprop="telephone" content="[Phone 1]"><a href="tel:[Phone 1]">[Phone 1]</a></span>
</div>
<div class="location-phone location-phone--2">
<span class="label">[Phone 2 Label]</span>
<span class="value" itemprop="telephone" content="[Phone 2]"><a href="tel:[Phone 2]">[Phone 2]</a></span>
</div>
<div class="location-phone location-phone--3">
<span class="label">[Phone 3 Label]</span>
<span class="value" itemprop="faxNumber" content="[Phone 3]"><a href="tel:[Phone 3]">[Phone 3]</a></span>
</div>
</div>
<div class="location__links grid-col grid-col--sm-4">
<div class="location-links-email">
<span class="label">[Email Label]</span>
<span class="value" itemprop="email"><a href="mailto:[Email]">[Email]</a></span>
</div>
<div class="location-links-contact-form">
<a href="[Contact Form URL]">[Contact Form Label]</a>
</div>
<div class="location-links-social">
<div class="location-links-social__facebook">
<a href="[Facebook URL]">
<span class="fa-stack">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
</span>
</a>
</div>
<div class="location-links-social__twitter">
<a href="[Twitter URL]">
<span class="fa-stack">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
</span>
</a>
</div>
<div class="location-links-social__linkedin">
<a href="[LinkedIn URL]">
<span class="fa-stack">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-linkedin fa-stack-1x fa-inverse"></i>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>