X
Style Six
  • Title 1
  • Title 2
  • Title 3

Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum. sed diam non umy.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt rem excepturi odio veritatis modi non possimus sapiente aspernatur officia eligendi recusandae consequatur enim aut! Amet consequuntur dolorem perspiciatis debitis earum vitae! Nam sollicitudin pretium magna sit amet tincidunt.

Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum. sed diam non umy.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt rem excepturi odio veritatis modi non possimus sapiente aspernatur officia eligendi recusandae consequatur enim aut! Amet consequuntur dolorem perspiciatis debitis earum vitae! Nam sollicitudin pretium magna sit amet tincidunt.

Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum. sed diam non umy.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt rem excepturi odio veritatis modi non possimus sapiente aspernatur officia eligendi recusandae consequatur enim aut! Amet consequuntur dolorem perspiciatis debitis earum vitae! Nam sollicitudin pretium magna sit amet tincidunt.

Title 1 Title 2 Title 3

<div class="horizontalTab_Top horizontalTab_Top_1" id="tabposition">
  <ul class="resp-tabs-list clearfix">
    <li id="title1"><span><em class="glyphicons glyph-leaf"></em>Title 1</span></li>
    <li id="title2"><span><em class="glyphicons glyph-cogwheel"></em>Title 2</span></li>
    <li id="title3"><span><em class="glyphicons glyph-power"></em>Title 3</span></li>
  </ul>
  <div class="resp-tabs-container">
    <div class="resp_container">
      <div class="resp_margin">Content text 1 ...</div>
    </div>
    <div class="resp_container">
      <div class="resp_margin">Content text 2 ...</div>
    </div>
    <div class="resp_container">
      <div class="resp_margin">Content text 3 ...</div>
    </div>
  </div>
</div>

<a target="blank" href="/20064/en-us/features/shortcodes/responsivetabs2.aspx?ResponsiveTab=title1#tabposition" class="Button_default Button_style">Title 1</a>
<a target="blank" href="/20064/en-us/features/shortcodes/responsivetabs2.aspx?ResponsiveTab=title2#tabposition" class="Button_default Button_style">Title 2</a>
<a target="blank" href="/20064/en-us/features/shortcodes/responsivetabs2.aspx?ResponsiveTab=title3#tabposition" class="Button_default Button_style">Title 3</a>