Content Area


2 Column Example

Ut qui modi officiis voluptas ut harum sunt. Officiis voluptas veritatis aliquid facilis. Maxime est accusantium labore labore. Distinctio aut voluptatum cupiditate qui.

Velit aut ratione repudiandae optio voluptatem. Commodi ipsum libero eos dignissimos et. Porro aliquid inventore qui qui optio id saepe. Hic eaque rerum expedita autem a.

See Row/Columns Code
        
    <div class="row">
        <div class="small-12 large-6 columns">
            <p>Inventore quis porro ut. Facere id quo rerum accusamus. Voluptatem repudiandae natus tempore ex. Expedita ipsum non ad.</p>
        </div>
        <div class="small-12 large-6 columns">
            <p>Et ullam perspiciatis fuga iste quaerat unde. Odio a totam facere eum sequi assumenda amet. Qui error architecto iure et. Ab ut debitis et eaque aut.</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
Jonathon D'Amore bernier.franco@kessler.com
Justice Shanahan delfina74@yahoo.com
Bernadette Bartoletti ghettinger@murphy.com
Abe Will labadie.muriel@hotmail.com
Kimberly Miller uhansen@hotmail.com
Rosendo Eichmann bhill@hotmail.com
Axel Anderson leslie42@hotmail.com
Sally Cartwright osborne68@gmail.com
Jesus Buckridge kenya56@hotmail.com
Nelle Pouros stefanie.torphy@hotmail.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

Aut est soluta laudantium sunt corporis. Cumque qui at ex vel modi. Eveniet corporis officiis ullam qui. Debitis non placeat labore aperiam esse dolorem. Est aut ad voluptatum dolor tenetur voluptas. Itaque quaerat nulla ut ut quisquam corporis veritatis. Eligendi id sint blanditiis deleniti perspiciatis veritatis possimus sint. Odio dolorum et excepturi inventore. Unde saepe similique blanditiis laudantium iure animi. Labore animi qui et eligendi delectus. Numquam tenetur doloribus aut aperiam.

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: Reprehenderit ut voluptatem pariatur enim ratione omnis.

H2: Id eius excepturi veritatis occaecati quis assumenda.

H3: Culpa et distinctio doloribus possimus vel et.

H4: Voluptatem enim et et qui explicabo.

H5: Rerum labore accusamus voluptate error atque rem.
H6: Sint ut impedit itaque.

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>