Content Area


2 Column Example

Animi nisi autem reprehenderit. Perspiciatis et consectetur distinctio sint. Est enim maxime nesciunt corrupti quas ex.

Quis architecto cupiditate non maxime est. Qui officiis aut odit aut minima inventore fugit. Non et rem cupiditate blanditiis. Iste aliquid quod impedit sed et.

See Row/Columns Code
        
    <div class="row">
        <div class="small-12 large-6 columns">
            <p>Optio molestiae reprehenderit natus itaque consequatur accusamus. Corporis voluptas et eligendi et porro et magni similique. Iusto modi quia temporibus voluptatem. Ut aut repudiandae aspernatur quaerat aut mollitia provident est.</p>
        </div>
        <div class="small-12 large-6 columns">
            <p>Cumque enim eligendi sed et aut est magni ipsam. Atque alias voluptate quaerat est.</p>
        </div>
    </div>
        
    

Accordion

See Accordion Code
    
<ul class="accordion">
    <li class="is-active">
        <a href="#panel1a">Accordion 1</a>
        <div id="panel1a">
            <p>Panel 1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        </div>
    </li>
    <li>
        <a href="#panel2a">Accordion 2</a>
        <div id="panel2a">
            <p>Panel 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        </div>
    </li>
    <li>
        <a href="#panel3a">Accordion 3</a>
        <div id="panel3a">
            <p>Panel 3. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        </div>
    </li>
</ul>
    
    

Table Stack

First Name Last Name Email
Reymundo Stokes clair.stroman@gmail.com
Savanah Raynor garret75@glover.com
Modesta Donnelly creilly@yahoo.com
Kieran Barrows maximillia23@shanahan.org
Lucile Orn willy.sanford@yahoo.com
Waldo Paucek zondricka@yundt.com
Lizzie Vandervort bahringer.deion@weber.com
Angelita Ullrich gframi@mcclure.com
Ashton Baumbach jerald43@gmail.com
Amely Schneider aconsidine@yahoo.com
See Table Code
    
<table class="table-stack">
    <thead>
        <tr>
            <th></th>
            <th></th>
            <th></th>
        </tr>
    </thead>

    <tbody>
        <tr valign="top">
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </tbody>
</table>
    
    

Blockquote

Fugiat ut laboriosam et cupiditate ut ut aperiam. Sed ex qui sequi et dicta illo. Labore quam nesciunt animi ea quis non quo. Eligendi quis occaecati nisi corrupti impedit. Magni sapiente et pariatur autem maiores ut deserunt. Officiis illum molestias est aut quia in. Qui inventore et autem labore quis sed.

Buttons

Standard Button Expanded Button See Button Code
    
<a href="http://foundation.zurb.com/sites/docs/button.html#basics" class="button">Standard Button</a>
<a href="http://foundation.zurb.com/sites/docs/button.html#sizing" class="button expanded">Expanded Button</a>
    
    

Headers

H1: Aut illo consequatur possimus voluptatem beatae.

H2: Unde hic enim eveniet vero.

H3: Accusamus voluptatem ipsa sit odio quia amet dolorem recusandae.

H4: Perspiciatis libero delectus at cum ullam.

H5: Voluptas eligendi ut voluptatem ipsum sit aliquid ipsa.
H6: Ea quibusdam incidunt suscipit rerum dolorem deleniti saepe.

Maginific Pop-up

Any valid YouTube URL starting with youtu.be or youtube.com/watch will open a lightbox with the video.

View YouTube Video

See Maginific Pop-up Code
    
<p>
    <a href="//www.youtube.com/watch?v=guRgefesPXE">
        <img src="//i.wayne.edu/youtube/guRgefesPXE">
    </a>
</p>
    
    

Responsive Embed

To make sure embedded content maintains its aspect ratio as the width of the screen changes, wrap the iframe, object, embed, or video in a container with the .responsive-embed class.

See Responsive Embed Code
    
<div class="responsive-embed">
    <iframe width="420" height="315" src="//www.youtube.com/embed/guRgefesPXE" frameborder="0" allowfullscreen></iframe>
</div>