foundation_template_1

<div class="off-canvas-wrap" data-offcanvas>
    <div class="inner-wrap">

        <nav class="tab-bar">
            <section class="left-small">
                <a class="left-off-canvas-toggle menu-icon"><span></span></a>
            </section>

            <section class="middle tab-bar-section">
                <h1 class="title">Foundation</h1>
            </section>
        </nav>

        <!-- Off Canvas Menu -->
        <aside class="left-off-canvas-menu">
            <ul class="off-canvas-list">
                <li><label>Foundation</label></li>
                <li class="has-submenu"><a href="#">Menu Item 1</a>
                    <ul class="left-submenu">
                        <li class="back"><a href="#">Back</a></li>
                        <li><label>Level 1</label></li>
                        <li><a href="#">Link 1</a></li>
                        <li class="has-submenu"><a href="#">Link 2 w/ submenu</a>
                            <ul class="left-submenu">
                                <li class="back"><a href="#">Back</a></li>
                                <li><label>Level 2</label></li>
                                <li><a href="#">...</a></li>
                            </ul>
                        </li>
                        <li><a href="#">...</a></li>
                    </ul>
                </li>
                <li><a href="#" data-reveal-id="loginModal">Menu Item 2</a></li>
                <li><a href="#loginPage">Menu Item 3</a></li>
                <li><a href="#">Menu Item 4</a></li>
                <li><a href="#">Menu Item 5</a></li>
            </ul>
        </aside>

        <!-- Default page content -->
        <br>
        <div class="row">
            <div class="large-12 columns">
                <div class="panel">
                    <h3>We&rsquo;re stoked you want to try Foundation! </h3>

                    <p>To get going, this file (index.html) includes some basic styles you can modify, play around with,
                        or totally destroy to get going.</p>

                    <p>Once you've exhausted the fun in this document, you should check out:</p>

                    <div class="row">
                        <div class="large-4 medium-4 columns">
                            <p><a href="http://foundation.zurb.com/docs">Foundation Documentation</a><br/>Everything you
                                need to know about using the framework.</p>
                        </div>
                        <div class="large-4 medium-4 columns">
                            <p><a href="http://github.com/zurb/foundation">Foundation on Github</a><br/>Latest code,
                                issue reports, feature requests and more.</p>
                        </div>
                        <div class="large-4 medium-4 columns">
                            <p><a href="http://twitter.com/foundationzurb">@foundationzurb</a><br/>Ping us on Twitter if
                                you have questions. If you build something with this we'd love to see it (and send you a
                                totally boss sticker).</p>
                        </div>
                    </div>
                </div>
                <form>
                  <fieldset>
                    <legend>Login</legend>
                      <div class="row">
                      <div class="small-3 columns">
                        <label for="right-label" class="right inline">Username</label>
                      </div>
                      <div class="small-9 columns">
                        <input type="text" id="right-label" placeholder="Enter Username...">
                      </div>
                          </div>
                          <div class="row">
                      <div class="small-3 columns">
                        <label for="right-label" class="right inline">Password</label>
                      </div>
                      <div class="small-9 columns">
                        <input type="password" id="right-label" placeholder="Password...">
                      </div>
                          </div>
                      <div class="row collapse">
                        <div class="small-8 columns">
                        </div>
                        <div class="small-4 columns">
                          <a href="#" class="button postfix">Login</a>
                        </div>
                      </div>
                  </fieldset>
                </form>
            </div>
        </div>

        <!-- close the off-canvas menu -->
        <a class="exit-off-canvas"></a>

    </div>
</div>