Content Area


2 Column Example

Tempore incidunt sit reprehenderit illum consequuntur et molestiae. Reiciendis autem rerum voluptatum aut officiis. Est repudiandae voluptas minima fugiat et cumque nihil. Error ut minima doloremque dolor.

Optio et earum eum id. Tempora inventore sint dignissimos in velit autem. Excepturi aliquam id alias qui. Aut quia libero corporis minus maiores ut quas.

See Row/Columns Code
        
    <div class="row">
        <div class="small-12 large-6 columns">
            <p>Eius quibusdam molestiae et adipisci. Nobis inventore ea molestiae nemo. Qui neque nobis vitae dolorum. Possimus ad adipisci mollitia est.</p>
        </div>
        <div class="small-12 large-6 columns">
            <p>Est quam voluptate voluptatum sit. Laboriosam ducimus quo ducimus id pariatur cumque. Est dolorem distinctio enim ad at illo 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
Hayden Hermiston reva51@yahoo.com
Rahul Wyman bethany78@swift.biz
Lance Kautzer egrady@russel.com
Bettye Hand dexter.bailey@schulist.biz
Lessie Nitzsche amina44@hotmail.com
Jaiden Hamill freda94@nicolas.com
Ethyl Padberg tyrell.kerluke@gmail.com
Ryann Koss mitchell.hessel@hotmail.com
Mya Kuhic sim04@shields.com
Margret Heidenreich tlesch@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

A ducimus molestiae quam minima dignissimos qui rem. Sequi saepe corrupti cupiditate illo. Necessitatibus eum omnis error molestiae perferendis deleniti. Numquam sit quae eius officiis deserunt. Culpa nostrum est ut ut ut. Repellendus non quaerat et dolorem neque assumenda sed ipsam. Veritatis officia ea blanditiis adipisci soluta suscipit ducimus. Dolor officia sit et. Ratione qui minus voluptate est et explicabo voluptatem. Et delectus qui numquam unde. Vitae repellat rerum non optio voluptas. Et quibusdam porro eos.

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: Aut quod quis mollitia deleniti.

H2: Expedita quibusdam magnam tempora porro recusandae cupiditate.

H3: Est animi eveniet omnis sunt cum.

H4: Nostrum libero perspiciatis sint facere amet sequi veritatis.

H5: Facilis in consectetur qui soluta necessitatibus minima.
H6: Quia sapiente et dolorem consequatur.

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>