Tabs

<div id="2ljc00m6" class="az-element az-section" style="padding-top:5%;" data-az-id="2ljc00m6" data-azb="az_section" data-azat-style="padding-top:5%;"><div class="az-ctnr container" data-azcnt="true"><div class="az-element az-row row az-row--sm" style="" data-az-id="ju7r5qko" data-azb="az_row" data-azat-device="sm" data-azcnt="true"><div class="az-element az-ctnr az-column col-sm-3" style="" data-az-id="twetawev" data-azb="az_column" data-azat-width="1/4" data-azcnt="true"></div><div class="az-element az-ctnr az-column col-sm-6" style="" data-az-id="frexz3bm" data-azb="az_column" data-azat-width="1/2" data-azcnt="true"><div class="az-element az-text" style="" data-az-id="myt9k110" data-azb="az_text" data-azcnt="true"><h2 style="text-align: center;">Tabs: 3 Layouts<br></h2></div><div class="az-element az-text" style="" data-az-id="sikn8nje" data-azb="az_text" data-azcnt="true"><p class="lead">Tabs are a great way to limit&nbsp;information&nbsp;load on a section and improve user experience. With Glazed you can easily create and add tabs with our Drag and Drop page builder.<br></p><p class="lead">We extended Bootstrap 3 with tabs-left and tabs-right layouts.<br></p></div><hr class="az-element az-separator" style="border: none;" data-az-id="d70ozbfz" data-azb="az_separator"></div><div class="az-element az-ctnr az-column col-sm-3" style="" data-az-id="ry4bcots" data-azb="az_column" data-azat-width="1/4" data-azcnt="true"></div></div></div></div><div id="y4l40rle" class="az-element az-section" style="" data-az-id="y4l40rle" data-azb="az_section"><div class="az-ctnr container" data-azcnt="true"><div class="az-element az-row row az-row--sm" style="padding-bottom:5%;" data-az-id="yodonpc7" data-azb="az_row" data-azat-device="sm" data-azat-style="padding-bottom:5%;" data-azcnt="true"><div class="az-element az-ctnr az-column col-sm-2" style="" data-az-id="p29vl9s1" data-azb="az_column" data-azat-width="1/6" data-azcnt="true"></div><div class="az-element az-ctnr az-column col-sm-8" style="" data-az-id="ljpmvq24" data-azb="az_column" data-azat-width=" 4/6 " data-azcnt="true"><div class="az-element az-text" style="" data-az-id="4yp7ddzp" data-azb="az_text" data-azcnt="true"><h2>Regular Bootstrap Tabs</h2>
</div><div class="az-element az-tabs tabbable bootstrap-tabs-processed" style="" data-az-id="r2jhmk9l" data-azb="az_tabs"><ul class="nav nav-tabs" role="tablist"><li class=""><a href="#anvkp71f" role="tab" data-toggle="tab" aria-expanded="false">Tab 1</a></li><li class=""><a href="#rte8zdya" role="tab" data-toggle="tab" aria-expanded="false">Tab 2</a></li><li class="active"><a href="#od0e86ea" role="tab" data-toggle="tab" aria-expanded="true">Tab 3</a></li></ul><div id="r2jhmk9l" class="tab-content" data-azcnt="true"><div id="anvkp71f" class="az-element az-ctnr az-tab tab-pane" style="" data-az-id="anvkp71f" data-azb="az_tab" data-azat-title="Tab 1" data-azcnt="true"><div class="az-element az-text" style="" data-az-id="v1n84k2q" data-azb="az_text" data-azcnt="true"><p class="lead"><span>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</span><br></p></div></div><div id="rte8zdya" class="az-element az-ctnr az-tab tab-pane" style="" data-az-id="rte8zdya" data-azb="az_tab" data-azat-title="Tab 2" data-azcnt="true"><div class="az-element az-text" style="" data-az-id="bfpxy0vk" data-azb="az_text" data-azcnt="true"><p class="lead"><span>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</span><br></p></div></div><div id="od0e86ea" class="az-element az-ctnr az-tab tab-pane active" style="" data-az-id="od0e86ea" data-azb="az_tab" data-azat-title="Tab 3" data-azcnt="true"><div class="az-element az-text" style="" data-az-id="4ej5oeoa" data-azb="az_text" data-azcnt="true"><p class="lead"><span>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.</span><br></p></div></div></div></div><hr class="az-element az-separator" style="border: none;" data-az-id="lqur4wl2" data-azb="az_separator"></div><div class="az-element az-ctnr az-column col-sm-2" style="" data-az-id="l9y8msds" data-azb="az_column" data-azat-width=" 1/6" data-azcnt="true"></div></div><div class="az-element az-row row az-row--sm" style="padding-bottom:5%;" data-az-id="yqj2x9vs" data-azb="az_row" data-azat-device="sm" data-azat-style="padding-bottom:5%;" data-azcnt="true"><div class="az-element az-ctnr az-column col-sm-2" style="" data-az-id="vevrv5am" data-azb="az_column" data-azat-width="1/6" data-azcnt="true"></div><div class="az-element az-ctnr az-column col-sm-8" style="" data-az-id="nf39brk4" data-azb="az_column" data-azat-width=" 4/6 " data-azcnt="true"><div class="az-element az-text" style="" data-az-id="anld2f97" data-azb="az_text" data-azcnt="true"><h2>Tabs to the left side<br></h2></div><div class="az-element az-tabs tabbable tabs-left bootstrap-tabs-processed" style="" data-az-id="na1yx0t1" data-azb="az_tabs" data-azat-az_dirrection="tabs-left"><ul class="nav nav-tabs" role="tablist"><li class="active"><a href="#orn7vssa" role="tab" data-toggle="tab" aria-expanded="true">Tab 1</a></li><li><a href="#bs2dfs4s" role="tab" data-toggle="tab">Tab 2</a></li><li><a href="#i3k88bd6" role="tab" data-toggle="tab">Tab 3</a></li></ul><div id="na1yx0t1" class="tab-content" style="min-height: 141px;" data-azcnt="true"><div id="orn7vssa" class="az-element az-ctnr az-tab tab-pane active" style="" data-az-id="orn7vssa" data-azb="az_tab" data-azat-title="Tab 1" data-azcnt="true"><div class="az-element az-text" style="" data-az-id="xcthwzv9" data-azb="az_text" data-azcnt="true"><p class="lead"><span>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</span><br></p></div></div><div id="bs2dfs4s" class="az-element az-ctnr az-tab tab-pane" style="" data-az-id="bs2dfs4s" data-azb="az_tab" data-azat-title="Tab 2" data-azcnt="true"><div class="az-element az-text" style="" data-az-id="y29tzyjw" data-azb="az_text" data-azcnt="true"><p class="lead"><span>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</span><br></p></div></div><div id="i3k88bd6" class="az-element az-ctnr az-tab tab-pane" style="" data-az-id="i3k88bd6" data-azb="az_tab" data-azat-title="Tab 3" data-azcnt="true"><div class="az-element az-text" style="" data-az-id="65h0m4mp" data-azb="az_text" data-azcnt="true"><p class="lead"><span>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.</span><br></p></div></div></div></div><hr class="az-element az-separator" style="border: none;" data-az-id="tl0nmlcu" data-azb="az_separator"></div><div class="az-element az-ctnr az-column col-sm-2" style="" data-az-id="chp4s0dx" data-azb="az_column" data-azat-width=" 1/6" data-azcnt="true"></div></div><div class="az-element az-row row az-row--sm" style="padding-bottom:5%;" data-az-id="r432qpax" data-azb="az_row" data-azat-device="sm" data-azat-style="padding-bottom:5%;" data-azcnt="true"><div class="az-element az-ctnr az-column col-sm-2" style="" data-az-id="vt041cen" data-azb="az_column" data-azat-width="1/6" data-azcnt="true"></div><div class="az-element az-ctnr az-column col-sm-8" style="" data-az-id="drdzsrrt" data-azb="az_column" data-azat-width=" 4/6 " data-azcnt="true"><div class="az-element az-text" style="" data-az-id="3g5raa7q" data-azb="az_text" data-azcnt="true"><h2>Tabs to the right side</h2>
</div><div class="az-element az-tabs tabbable tabs-right bootstrap-tabs-processed" style="" data-az-id="w5oc5q25" data-azb="az_tabs" data-azat-az_dirrection="tabs-right"><ul class="nav nav-tabs" role="tablist"><li class="active"><a href="#yf5s1bg1" role="tab" data-toggle="tab" aria-expanded="true">Tab 1</a></li><li><a href="#akm8rl8a" role="tab" data-toggle="tab">Tab 2</a></li><li><a href="#1ncax7x8" role="tab" data-toggle="tab">Tab 3</a></li></ul><div id="w5oc5q25" class="tab-content" style="min-height: 141px;" data-azcnt="true"><div id="yf5s1bg1" class="az-element az-ctnr az-tab tab-pane active" style="" data-az-id="yf5s1bg1" data-azb="az_tab" data-azat-title="Tab 1" data-azcnt="true"><div class="az-element az-text" style="" data-az-id="ckttahvy" data-azb="az_text" data-azcnt="true"><p class="lead"><span>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</span><br></p></div></div><div id="akm8rl8a" class="az-element az-ctnr az-tab tab-pane" style="" data-az-id="akm8rl8a" data-azb="az_tab" data-azat-title="Tab 2" data-azcnt="true"><div class="az-element az-text" style="" data-az-id="engkwbj8" data-azb="az_text" data-azcnt="true"><p class="lead"><span>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</span><br></p></div></div><div id="1ncax7x8" class="az-element az-ctnr az-tab tab-pane" style="" data-az-id="1ncax7x8" data-azb="az_tab" data-azat-title="Tab 3" data-azcnt="true"><div class="az-element az-text" style="" data-az-id="5jrxirjb" data-azb="az_text" data-azcnt="true"><p class="lead"><span>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.</span><br></p></div></div></div></div><hr class="az-element az-separator" style="border: none;" data-az-id="u8lps840" data-azb="az_separator"></div><div class="az-element az-ctnr az-column col-sm-2" style="" data-az-id="vrp3fn9u" data-azb="az_column" data-azat-width=" 1/6" data-azcnt="true"></div></div></div></div><script src="-base-url-/-module-directory-/glazed_builder/glazed_frontend.min.js"></script>