Tab

<div class="wpeo-tab">
	<ul class="tab-list">
		<li class="tab-element" data-target="tab1">Onglet 1</li>
		<li class="tab-element" data-target="tab2">Onglet 2</li>
	</ul>

	<div class="tab-container">
		<div id="tab1" class="tab-content">Je suis le contenu du premier onglet</div>
		<div id="tab2" class="tab-content">Je suis le contenu du deuxieme onglet</div>
	</div>
</div>

<div class="wpeo-tab tab-vertical">...</div>

<div class="wpeo-tab">
	<ul class="tab-list">
		<li class="tab-element" data-target="tab1"><span class="tab-icon"><i class="fal fa-smile"></i></span><span>Onglet 1</span></li>
	</ul>
</div>

<div class="wpeo-tab">
	<ul class="tab-list">
		<li class="tab-element tab-disabled" data-target="tab1"><i class="tab-icon fal fa-smile"></i><span>Onglet 1</span></li>
	</ul>
</div>

<div class="wpeo-tab tab-fade-vertical">...</div>
<div class="wpeo-tab tab-fade-horizontal">...</div>

<div class="wpeo-tab">
	<ul class="tab-list">
		<li class="tab-element tab-active" data-target="tab1">Onglet 1</li>
		<li class="tab-element" data-target="tab2">Onglet 2</li>
		<li class="tab-element wpeo-dropdown">
			<div class="dropdown-toggle"><i class="icon far fa-ellipsis-v"></i></div>
			<ul class="dropdown-content">
				<li class="dropdown-item">Item 1</li>
				<li class="dropdown-item">Item 2</li>
				<li class="dropdown-item">Item 3</li>
			</ul>
		</li>
	</ul>

	<div class="tab-container">...</div>
</div>