Locations & Hours: Standard

Used to display one or more locations & hours for a client's site.


Alternate Text Goes Here
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.

1201 Infinity Ct.
Suite 100
Lincoln, NE 68512
United States
Planet Earth
Phone 111-111-1111
Toll-Free 222-222-2222
Alternate Text Goes Here
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.

1201 Infinity Ct.
Suite 100
Lincoln, NE 68512
United States
Planet Earth

<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>