Tabs

Default

  • Section One
  • Section Two

Section One

Bacon ipsum dolor amet swine buffalo shoulder tenderloin, tri-tip ground round shank pork boudin. Ham hock sirloin pancetta swine pork jowl. Alcatra beef jowl beef ribs t-bone ground round tri-tip capicola short ribs rump sausage. Venison meatball tongue tenderloin, cupim corned beef turkey shoulder. Short ribs ham hock cow, meatloaf hamburger tongue buffalo ball tip flank picanha filet mignon shoulder andouille jerky.

Section Two

Frankfurter bacon capicola cow short loin andouille fatback pork chop boudin biltong. Shankle fatback doner burgdoggen jowl sirloin cupim pork loin alcatra turkey. T-bone tail short ribs kielbasa cow ham hock. Kevin corned beef chicken short ribs tenderloin boudin beef ribs.

Section Three

Frankfurter bacon capicola cow short loin andouille fatback pork chop boudin biltong. Shankle fatback doner burgdoggen jowl sirloin cupim pork loin alcatra turkey. T-bone tail short ribs kielbasa cow ham hock. Kevin corned beef chicken short ribs tenderloin boudin beef ribs.

<div class="Tabs">

  <ul class="Tabs-header">
    <li class="Tabs-headerItem" data-control="tab" data-open="section-one" data-group="tab-demo-one" data-default="Tab">Section One</h3>
    <li class="Tabs-headerItem" data-control="tab" data-open="section-two" data-group="tab-demo-one">Section Two</h3>
  </ul>

  <div class="Tabs-content">

    <div class="Tabs-contentItem" data-tab="section-one" data-group="tab-demo-one" data-default="Tab">
      <div class="Panel">
        <div class="Panel-header">
          <h3 class="Panel-title">Section One</h3>
        </div>
        <div class="Panel-body">
          <div class="Panel-row">
            <div class="Grid">
              <div class="Grid-cell u-sizeFit">
                <img src="data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2280%22%20height%3D%2280%22%20viewBox%3D%220%200%2080%2080%22%3E%3Crect%20fill%3D%22%23ddd%22%20width%3D%22100%25%22%20height%3D%22100%25%22%2F%3E%3Ctext%20fill%3D%22%235d5d5d%22%20font-family%3D%22sans-serif%22%20font-size%3D%2216%22%20dy%3D%226%22%20font-weight%3D%22bold%22%20x%3D%2250%25%22%20y%3D%2250%25%22%20text-anchor%3D%22middle%22%3E80%20%26%23215%3B%2080%3C%2Ftext%3E%3C%2Fsvg%3E">
              </div>
              <div class="Grid-cell u-sizeFill">
                <p class="u-padLeftMd">Bacon ipsum dolor amet swine buffalo shoulder tenderloin, tri-tip ground round shank pork boudin. Ham hock sirloin pancetta swine pork jowl. Alcatra beef jowl beef ribs t-bone ground round tri-tip capicola short ribs rump sausage. Venison meatball tongue tenderloin, cupim corned beef turkey shoulder. Short ribs ham hock cow, meatloaf hamburger tongue buffalo ball tip flank picanha filet mignon shoulder andouille jerky.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="Tabs-contentItem" data-tab="section-two" data-group="tab-demo-one">
      <div class="Panel">
        <div class="Panel-header">
          <h3 class="Panel-title">Section Two</h3>
        </div>
        <div class="Panel-body">
          <div class="Panel-row">
            <div class="Grid">
              <div class="Grid-cell u-sizeFit">
                <img src="data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2280%22%20height%3D%2280%22%20viewBox%3D%220%200%2080%2080%22%3E%3Crect%20fill%3D%22%23ddd%22%20width%3D%22100%25%22%20height%3D%22100%25%22%2F%3E%3Ctext%20fill%3D%22%235d5d5d%22%20font-family%3D%22sans-serif%22%20font-size%3D%2216%22%20dy%3D%226%22%20font-weight%3D%22bold%22%20x%3D%2250%25%22%20y%3D%2250%25%22%20text-anchor%3D%22middle%22%3E80%20%26%23215%3B%2080%3C%2Ftext%3E%3C%2Fsvg%3E">
              </div>
              <div class="Grid-cell u-sizeFill">
                <p class="u-padLeftMd">Frankfurter bacon capicola cow short loin andouille fatback pork chop boudin biltong. Shankle fatback doner burgdoggen jowl sirloin cupim pork loin alcatra turkey. T-bone tail short ribs kielbasa cow ham hock. Kevin corned beef chicken short ribs tenderloin boudin beef ribs.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="Tabs-contentItem" data-tab="section-three" data-group="tab-demo-one">
      <div class="Panel">
        <div class="Panel-header">
          <h3 class="Panel-title">Section Three</h3>
        </div>
        <div class="Panel-body">
          <div class="Panel-row">
            <div class="Grid">
              <div class="Grid-cell u-sizeFit">
                <img src="data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2280%22%20height%3D%2280%22%20viewBox%3D%220%200%2080%2080%22%3E%3Crect%20fill%3D%22%23ddd%22%20width%3D%22100%25%22%20height%3D%22100%25%22%2F%3E%3Ctext%20fill%3D%22%235d5d5d%22%20font-family%3D%22sans-serif%22%20font-size%3D%2216%22%20dy%3D%226%22%20font-weight%3D%22bold%22%20x%3D%2250%25%22%20y%3D%2250%25%22%20text-anchor%3D%22middle%22%3E80%20%26%23215%3B%2080%3C%2Ftext%3E%3C%2Fsvg%3E">
              </div>
              <div class="Grid-cell u-sizeFill">
                <p class="u-padLeftMd">Frankfurter bacon capicola cow short loin andouille fatback pork chop boudin biltong. Shankle fatback doner burgdoggen jowl sirloin cupim pork loin alcatra turkey. T-bone tail short ribs kielbasa cow ham hock. Kevin corned beef chicken short ribs tenderloin boudin beef ribs.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

  </div>

</div>