10-A Tab with Simple Content

Item 1

Integer lobortis velit in turpis viverra varius. Morbi id tristique mi. Pellentesque vitae dui sapien. Praesent purus justo, placerat dapibus risus et, ultricies tristique lacus. Maecenas vel consectetur lorem, faucibus aliquet massa. Mauris augue sapien, ullamcorper nec nunc non, aliquam iaculis erat. Aenean ultricies, turpis vitae tempus semper, risus turpis convallis sem, ut dictum augue tellus nec nunc.

Item 2

Integer lobortis velit in turpis viverra varius. Morbi id tristique mi. Pellentesque vitae dui sapien. Praesent purus justo, placerat dapibus risus et, ultricies tristique lacus. Maecenas vel consectetur lorem, faucibus aliquet massa. Mauris augue sapien, ullamcorper nec nunc non, aliquam iaculis erat. Aenean ultricies, turpis vitae tempus semper, risus turpis convallis sem, ut dictum augue tellus nec nunc.

Item 3

Integer lobortis velit in turpis viverra varius. Morbi id tristique mi. Pellentesque vitae dui sapien. Praesent purus justo, placerat dapibus risus et, ultricies tristique lacus. Maecenas vel consectetur lorem, faucibus aliquet massa. Mauris augue sapien, ullamcorper nec nunc non, aliquam iaculis erat. Aenean ultricies, turpis vitae tempus semper, risus turpis convallis sem, ut dictum augue tellus nec nunc.

Item 4

Integer lobortis velit in turpis viverra varius. Morbi id tristique mi. Pellentesque vitae dui sapien. Praesent purus justo, placerat dapibus risus et, ultricies tristique lacus. Maecenas vel consectetur lorem, faucibus aliquet massa. Mauris augue sapien, ullamcorper nec nunc non, aliquam iaculis erat. Aenean ultricies, turpis vitae tempus semper, risus turpis convallis sem, ut dictum augue tellus nec nunc.

Item 5

Integer lobortis velit in turpis viverra varius. Morbi id tristique mi. Pellentesque vitae dui sapien. Praesent purus justo, placerat dapibus risus et, ultricies tristique lacus. Maecenas vel consectetur lorem, faucibus aliquet massa. Mauris augue sapien, ullamcorper nec nunc non, aliquam iaculis erat. Aenean ultricies, turpis vitae tempus semper, risus turpis convallis sem, ut dictum augue tellus nec nunc.

Item 6

Integer lobortis velit in turpis viverra varius. Morbi id tristique mi. Pellentesque vitae dui sapien. Praesent purus justo, placerat dapibus risus et, ultricies tristique lacus. Maecenas vel consectetur lorem, faucibus aliquet massa. Mauris augue sapien, ullamcorper nec nunc non, aliquam iaculis erat. Aenean ultricies, turpis vitae tempus semper, risus turpis convallis sem, ut dictum augue tellus nec nunc.

<div class="tab" data-aau="tab" data-begin="0">
  <div class="row">
    <div class="content_row content_medium">
      <div class="tabs-container" id="tabContainer">
        <div class="tab-title">
          <span class="title">Cafe Rodin</span>
          <div class="btn-toggle" data-aau="menutoggle" data-target="#tabContainer">
            <span href="#" class="icon-menu menu-close"></span>
            <span href="#" class="icon-close menu-open"></span>
          </div>
        </div>
        <ul class="tabs menu-open">
          <li class="current"><span class="border"></span>Cafe Rodin</li>
          <li><span class="border"></span>I House Cafe</li>
          <li><span class="border"></span>Sutter Cafe</li>
          <li><span class="border"></span>Art Cafe</li>
          <li><span class="border"></span>Cafe Dior</li>
          <li><span class="border"></span>Firestone Cafe</li>
          <li><span class="border"></span>Cafe 180</li>
        </ul>
      </div>
    </div>
  </div>
  <div class="tab-item">
    <!-- enter content here -->
  </div>
  <div class="tab-item">
    <!-- enter content here -->
  </div>
  <div class="tab-item">
    <!-- enter content here -->
  </div>
  <div class="tab-item">
    <!-- enter content here -->
  </div>
  <div class="tab-item">
    <!-- enter content here -->
  </div>
  <div class="tab-item">
    <!-- enter content here -->
  </div>
  <div class="tab-item">
    <!-- enter content here -->
  </div>
</div>
10-B Tab with Complex Content

Tab Item Carousel
<div class="tab-item">
  <div class="row">
    <div class="marged_medium">
      <div class="carousel small" data-aau="carousel" data-begin="0" data-arrow="true">
        <div class="slides">
          <div class="slide" data-src="image1.jpg">
            <div class="info">
              <div class="row">
                <div class="marged padded text-centered">
                  <a href="#"><h6>Integer lobortis velit in turpis</h6></a>
                </div>
              </div>
            </div>
          </div>
          <div class="slide" data-src="image2.jpg"></div>
          <div class="slide" data-src="image3.jpg"></div>
          <div class="slide" data-src="image4.jpg"></div>
          <div class="slide" data-src="image5.jpg"></div>
          <div class="slide" data-src="image6.jpg"></div>
        </div>
      </div>
    </div>
  </div>
</div>

Sign In