Inspired Multipurpose corporate and creative template

Tab default

Lorem ipsum dolor sit amet, vix diam nusquam at. Ex usu labitur nostrud invenire, eos option senserit adversarium in. Est id falli debitis, no novum saperet complectitur mei. Id dictas feugiat deserunt sea, nam te possim gubergren vulputate, eu pro discere officiis An pro sale iisque minimum integre appareat urbanitas vim ex.

Shortcode

<div class="custom-tabs" data-effect-in="flipInX">
	<ul class="nav nav-tabs" role="tablist">
		<li class="active">
			<a href="#tab1" data-toggle="tab">First</a>
		</li>
		<li>
			<a href="#tab2" data-toggle="tab">Second</a>
		</li>
		<li>
			<a href="#tab3" data-toggle="tab">Third</a>
		</li>
		<li>
			<a href="#tab4" data-toggle="tab">Fourth</a>
		</li>
	</ul>

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

Tab secondary

Shortcode

<div class="tabbable" data-effect-in="flipInX">
	<ul class="nav nav-tabs" role="tablist">
		<li class="active">
			<a href="#tab5" data-toggle="tab">First</a>
		</li>
		<li>
			<a href="#tab6" data-toggle="tab">Second</a>
		</li>
		<li>
			<a href="#tab7" data-toggle="tab">Third</a>
		</li>
		<li>
			<a href="#tab8" data-toggle="tab">Fourth</a>
		</li>
	</ul>

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

Tab default large

Shortcode

<div class="custom-tabs tab-lg" data-effect-in="flipInX">
	<ul class="nav nav-tabs" role="tablist">
		<li class="active">
			<a href="#tab9" data-toggle="tab">First</a>
		</li>
		<li>
			<a href="#tab10" data-toggle="tab">Second</a>
		</li>
		<li>
			<a href="#tab11" data-toggle="tab">Third</a>
		</li>
	</ul>

	<!-- Tab panes -->
	<div class="tab-content">
		<div class="tab-pane fade in active" id="tab9">
			<p>[...]</p>
		</div>
		<div class="tab-pane fade" id="tab10">
			<p>[...]</p>
		</div>
		<div class="tab-pane fade" id="tab11">
			<p>[...]</p>
		</div>
	</div>
</div>

Tab secondary large

Shortcode

<div class="tabbable tab-lg" data-effect-in="flipInX">
	<ul class="nav nav-tabs" role="tablist">
		<li class="active">
			<a href="#tab12" data-toggle="tab">First</a>
		</li>
		<li>
			<a href="#tab13" data-toggle="tab">Second</a>
		</li>
		<li>
			<a href="#tab14" data-toggle="tab">Third</a>
		</li>
	</ul>

	<!-- Tab panes -->
	<div class="tab-content">
		<div class="tab-pane fade in active" id="tab12">
			<p>[...] </p>
		</div>
		<div class="tab-pane fade" id="tab13">
			<p>[...] </p>
		</div>
		<div class="tab-pane fade" id="tab14">
			<p>[...] </p>
		</div>
	</div>
</div>

Tab with icons

Shortcode

<div class="custom-tabs icon" data-effect-in="bounceInDown">
	<ul class="nav nav-tabs" role="tablist">
		<li class="active">
			<a href="#first2" data-toggle="tab"><i class="fa fa-rocket"></i> First</a>
		</li>
		<li>
			<a href="#second2" data-toggle="tab"><i class="fa fa-gears"></i> Second</a>
		</li>
		<li>
			<a href="#third2" data-toggle="tab"><i class="fa fa-cloud"></i> Third</a>
		</li>
		<li>
			<a href="#fourth2" data-toggle="tab">
				<i class="fa fa-flask"></i>
				Fourth
			</a>
		</li>
	</ul>

	<!-- Tab panes -->
	<div class="tab-content">
		<div class="tab-pane fade in active" id="first2">
			<p>[...]</p>
		</div>
		<div class="tab-pane fade" id="second2">
			<p>[...]</p>
		</div>
		<div class="tab-pane fade" id="third2">
			<p>[...]</p>
		</div>
		<div class="tab-pane fade" id="fourth2">
			<p>[...]</p>
		</div>
	</div>
</div>

Template components

Tab default

Shortcode

Tab secondary

Shortcode

Tab default large

Shortcode

Tab secondary large

Shortcode

Tab with icons

Shortcode

Luptatum omittantur duo ne impetus indoctum

Eu pro ponderum gloriatur cu lorem denique

No timeam sanctus iudicabit nec eum ut dicam

Interactive

Elements

Typography & MLsc

Extra page

Template components

Tab default

Tab secondary

Tab default large

Tab secondary large

Tab with icons