Content Area


2 Column Example

Quasi natus iure rerum officiis aperiam eaque sed. Quae voluptatem natus temporibus alias sint.

Iste voluptatum voluptatum repellat. Facere et dolore repellat cupiditate et. Perferendis excepturi autem consequatur sit occaecati eos. Quas molestiae et qui doloribus eum voluptas.

See Row/Columns Code
        
    <div class="row">
        <div class="small-12 large-6 columns">
            <p>Optio vel ut debitis sed. Hic quaerat eius qui ut laboriosam. Est aperiam et nisi enim ut. Enim laborum et ullam consectetur perferendis nobis.</p>
        </div>
        <div class="small-12 large-6 columns">
            <p>Vel fugiat voluptatum temporibus. Facere temporibus qui autem iusto.</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
Roy Hilpert finn11@hotmail.com
Cullen Bergstrom bernhard.flatley@bosco.org
Isac Hills fahey.dimitri@block.net
Abby Kohler crooks.laurine@gmail.com
Elfrieda Bogisich fvon@hotmail.com
King Wiegand hgoodwin@yahoo.com
Dana Konopelski xmayert@nader.info
Merlin O'Reilly marietta.mclaughlin@wintheiser.com
Adolphus Rau guido.tillman@hotmail.com
Emerson Mueller ivon@shields.net
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

Est aut quisquam quo est quos doloremque amet. Aliquam itaque porro laboriosam voluptas eos tenetur at. Nisi quae non odio expedita rem nostrum ut. Aut recusandae voluptates omnis. Porro et velit molestiae ex odit. Ea inventore possimus unde quidem. Ratione omnis mollitia et dignissimos sapiente. Dolor quod unde sint quasi voluptatem eligendi et. Aut sit quia consequuntur doloremque voluptate. Architecto cupiditate culpa quidem reiciendis. Dolorem dolorem quasi delectus commodi blanditiis itaque dicta nesciunt. Alias nisi officia maiores aut illo architecto.

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: Et inventore excepturi asperiores corporis aut fuga sapiente.

H2: Repellat sunt dolorem repellendus maxime.

H3: Ut voluptas et sapiente nisi laudantium enim.

H4: Inventore at velit corrupti vitae deserunt iste quibusdam.

H5: Laboriosam ut aut a.
H6: Est quo rerum qui molestias.

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>