Content Area


2 Column Example

Vel vel saepe est maxime ipsa omnis molestiae et. Libero ex et quas et non sint. Corporis hic culpa ut nihil fuga vel. Corrupti sunt id fuga ullam distinctio et.

Repudiandae atque ad eligendi magni rerum. Sapiente magni voluptatem ut ullam architecto distinctio. Eos in nemo quas est cupiditate aut. Eos nulla harum eum quaerat.

See Row/Columns Code
        
    <div class="row">
        <div class="small-12 large-6 columns">
            <p>Tempore voluptatum sit quod numquam saepe hic illo. Repellat quisquam tempore reprehenderit laboriosam a ex sunt. Quos accusamus dolores ut eaque omnis sunt sint provident.</p>
        </div>
        <div class="small-12 large-6 columns">
            <p>Voluptas labore qui magnam adipisci commodi accusamus molestiae. Sint et et accusamus ipsum molestiae unde neque. Architecto esse facere aspernatur et quia voluptatibus.</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
Katheryn Davis kgorczany@hermann.biz
Cleora Mills norberto32@gleason.com
Derrick Franecki elouise.upton@hotmail.com
Maybelle Yost eichmann.claudia@yahoo.com
Anika McCullough apfeffer@gmail.com
Keely Hayes fabian56@lehner.com
Santos Boehm ibergstrom@little.com
Dusty Kozey eloise.padberg@yahoo.com
Kristofer Bins wbode@nitzsche.com
Idell Runolfsson koch.dayton@gmail.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

Dolorem ipsam excepturi at non. Voluptatem ipsum quia itaque aut nam natus nisi. Quia asperiores officiis totam provident dolorum temporibus architecto odit. Assumenda et voluptatum porro molestiae nostrum non asperiores. Ut dolor accusamus et dicta. In accusamus laboriosam quis aliquid perferendis mollitia sit. Deleniti neque commodi officiis aut blanditiis ratione.

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: Cupiditate est ullam ipsa qui repellat non officiis.

H2: Porro aperiam odio sit unde corporis aut tempora.

H3: Eaque cupiditate veritatis qui distinctio quis eveniet voluptatem.

H4: Quae consequuntur unde architecto repellat assumenda culpa at.

H5: Ipsam nobis suscipit tenetur.
H6: Aut aut soluta voluptatem in rerum.

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>