Content Area


2 Column Example

Suscipit ab et odit blanditiis. Possimus enim sit ut dolor numquam qui. Soluta est sed esse. Id tempora officiis repellat impedit. Explicabo dolorem voluptatem tenetur.

Magnam voluptatem id natus quod dolor ipsam aliquid temporibus. Qui consectetur provident corrupti dolor et quam provident sed. Aut nihil aut non necessitatibus quidem consequatur natus.

See Row/Columns Code
        
    <div class="row">
        <div class="small-12 large-6 columns">
            <p>Ea id ea quia. Voluptates enim necessitatibus reprehenderit fugit perspiciatis et sint. Ullam iure non quasi impedit. Dolor voluptatum placeat veritatis placeat corporis dolor iure sed.</p>
        </div>
        <div class="small-12 large-6 columns">
            <p>Consequatur nobis minima voluptatem quidem voluptas. Sapiente est placeat consequatur non enim cupiditate. Neque et perspiciatis voluptas. Aliquam voluptates dolores ad ea minima vero reprehenderit.</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
Keaton Bartoletti derrick43@klein.info
Ashlynn Hackett emelia.terry@mante.com
Faustino Turcotte windler.billie@gmail.com
Jaeden Quigley nrice@bailey.com
Tressie Jenkins neha.dickens@harris.com
Maia Labadie wilhelm.lehner@yahoo.com
Devan Bradtke amy.mayer@gutkowski.com
Emerald Collier mayer.niko@yahoo.com
Hilbert Ratke anderson.laura@spencer.com
Otha Mayert name.raynor@lind.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

Quo adipisci reprehenderit nesciunt iure. Minus voluptate alias porro et numquam et similique. Et id est sint incidunt quaerat. Voluptatibus ullam et et recusandae maiores. Sed illo enim et doloremque quaerat omnis tempore numquam. Possimus sit reiciendis iusto. Ut quisquam et voluptatem qui unde quo fugiat.

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: Esse qui dolorem facere rerum officia accusantium qui illo.

H2: Omnis libero quasi pariatur assumenda sunt earum sed.

H3: Reprehenderit commodi odio dolor ducimus qui vero esse quis.

H4: Voluptas omnis repudiandae consequatur temporibus tempora ea et.

H5: Autem fugiat consequatur quo consequatur dolorum.
H6: Ut at omnis totam exercitationem excepturi.

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