Tabs | Ecada - Responsive Multipurpose Template

Default tab

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.

Donec id elit non mi porta gravida at eget metus..
Fusce dapibus, tellus ac cursus comodo egetine..
Food truck quinoa nesciunt laborum eiusmod runch..

Shortcode default tab

<div class="tab-default">
    <!-- Nav tabs -->
    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active"><a href="#tab1" role="tab" data-toggle="tab">Tab 1</a></li>
        <li role="presentation"><a href="#tab2" role="tab" data-toggle="tab">Tab 2</a></li>
        <li role="presentation"><a href="#tab3" role="tab" data-toggle="tab">Tab 3</a></li>
        <li role="presentation"><a href="#tab4" role="tab" data-toggle="tab">Tab 4</a></li>
    </ul>

    <!-- Tab panes -->
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane active" id="tab1">
            <p>
                [...]
            </p>
        </div>
        <div role="tabpanel" class="tab-pane" id="tab2">
            <p>
                [...]
            </p>
        </div>
        <div role="tabpanel" class="tab-pane" id="tab3">
            <p>
                [...]
            </p>
        </div>
        <div role="tabpanel" class="tab-pane" id="tab4">
            <p>
                [...]
            </p>
        </div>
    </div>
</div>

Secondary tab

Oporteat urbanitas est et, possit menandri pertinax at quo. Epicurei volutpat ad vim, at dictas offendit lucilius vis, tollit partiendo ei sea. Debet choro vituperatoribus quo ne. No vide omnium probatus vix, duo an audire percipit inciderint.

Sea id diam sonet nostrum, eos id erant alterum dignissim. Ut viris corrumpit efficiendi est, vero tamquam cu pro. Id cum noluisse adipisci expetendis. Eam cu nemore omnium suavitate, fabellas consulatu constituam per ea.

Habeo iudico neglegentur ut pri, ex mea nulla albucius complectitur, at fabulas atomorum quo. Ne accusata indoctum vel. Epicurei perfecto ad ius, cum id aperiam placerat argumentum. An cum praesent reformidans. Ludus oporteat detraxit.

Tale noster sea et, qui ne errem antiopam maluisset. Doming essent eam cu. Has ne omnium evertitur dissentias, et vocent inermis his. Equidem omittam vis ea, ad suas feugait vel. Nec id expetenda adolescens, qui diceret deterruisset ex.

Shortcode secondary tab

<div class="tab-secondary">
    <!-- Nav tabs -->
    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active"><a href="#tab5" role="tab" data-toggle="tab">Tab 1</a></li>
        <li role="presentation"><a href="#tab6" role="tab" data-toggle="tab">Tab 2</a></li>
        <li role="presentation"><a href="#tab7" role="tab" data-toggle="tab">Tab 3</a></li>
        <li role="presentation"><a href="#tab8" role="tab" data-toggle="tab">Tab 4</a></li>
    </ul>

    <!-- Tab panes -->
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane active" id="tab5">
            <p>
                [...]
            </p>
        </div>
        <div role="tabpanel" class="tab-pane" id="tab6">
            <p>
                [...]
            </p>
        </div>
        <div role="tabpanel" class="tab-pane" id="tab7">
            <p>
                [...]
            </p>
        </div>
        <div role="tabpanel" class="tab-pane" id="tab8">
            <p>
                [...]
            </p>
        </div>
    </div>
</div>

Half column content

No mea copiosae maluisset, qui elit graecis in, in diam tollit ridens mea. Dicit labores detracto vix at. Et vim modo recusabo eloquentiam. Ad per liber consul indoctum. Et ius idque timeam, ius eu minim viderer. Ad per mundi persius nonumes. Sed dicant graeci labore in.

Half column content

Full column content

Vis accusamus consequat id. Appareat platonem delicata at mea, populo persequeris vix at. Pro postea eirmod referrentur an, in habemus intellegam per, ut ancillae efficiantur est. Ea sea vide nullam invenire. Sed justo choro consetetur ut. No mea copiosae maluisset, qui elit graecis in, in diam tollit ridens mea. Dicit labores detracto vix at. Et vim modo recusabo eloquentiam. Ad per liber consul indoctum. Et ius idque timeam, ius eu minim viderer. Ad per mundi persius nonumes. Sed dicant graeci labore in.