Content Area


2 Column Example

Laborum dolorem nihil ab perspiciatis nesciunt sunt. Quo atque omnis cupiditate esse occaecati asperiores.

Quasi officia dolor qui architecto vero dolorem natus natus. Sint itaque omnis et nostrum architecto earum. Aut nemo ex et aut culpa asperiores.

See Row/Columns Code
        
    <div class="row">
        <div class="small-12 large-6 columns">
            <p>Rem est cum quas et voluptas. Optio sint ut ex similique natus. Voluptatem dolores totam consequuntur quasi voluptatem. Dolores laborum qui quam repellendus molestiae aut.</p>
        </div>
        <div class="small-12 large-6 columns">
            <p>Deleniti eius aperiam excepturi quisquam ducimus et eveniet. Quia velit officiis quam repellendus quisquam. Possimus eos perspiciatis dolor accusamus dolores magnam dolor. Facere nihil incidunt mollitia nulla. Nesciunt rerum error libero rerum.</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
Brigitte Runolfsson xstiedemann@hotmail.com
Ivory Yost hollie19@gmail.com
Gabrielle Schiller nolan.adelle@king.net
Jaiden Shanahan kavon.williamson@gleichner.net
Nyasia Dibbert gzemlak@dubuque.com
Jonatan Beatty gpurdy@hotmail.com
Dovie O'Kon rgutkowski@pfannerstill.org
Dewitt Larkin xrohan@osinski.com
Armando Koelpin langosh.brooke@goldner.biz
Reed Gorczany maximilian.kihn@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

Nulla non quam et. Sunt odio accusantium dolorum sed illum ut quas omnis. Doloremque quod occaecati temporibus cupiditate esse eveniet totam numquam. Et ut est atque voluptates inventore quia enim veniam. Quae delectus eveniet voluptas eos omnis iure. Dolore unde doloribus aut error. Recusandae ad at explicabo ut quae ut ut commodi. Iste est est aut et aut. Consequuntur autem tempora adipisci dicta est iure dolorem nihil. Esse perspiciatis nulla minima.

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: Asperiores iure necessitatibus velit.

H2: Est numquam eum quasi ut consequatur fugit ut.

H3: Est similique voluptatem ducimus ut inventore hic.

H4: Quam odit est omnis qui quasi asperiores.

H5: Eum minus nam quaerat et deserunt ab.
H6: Iure rerum omnis necessitatibus sed est.

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>
    
    
150 years in the heart of Detroit