bootstrap4 tabs

<!DOCTYPE html>
<html>
<head>
	<title>Bootstrap 4 Tabs | par NGLESSON</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="keyword" content="Bootstrap 4 Tabs">
	<meta name="author" content="Mezgani said">
	<meta name="copyright" content="NGLESSON">
	<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container mt-5">
	<ul class="nav nav-tabs" role="tablist">
		<li class="nav-item">
		  <a class="nav-link active" data-toggle="tab" href="#home">Home</a>
		</li>
		<li class="nav-item">
		   <a class="nav-link" data-toggle="tab" href="#menu1">Menu 1</a>
		</li>
		<li class="nav-item">
		   <a class="nav-link" data-toggle="tab" href="#menu2">Menu 2</a>
		</li>
	</ul>
	<div class="tab-content">
		<div id="home" class="container tab-pane active"><br>
			<h3>HOME</h3>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
		</div>
		<div id="menu1" class="container tab-pane fade"><br>
			<h3>Menu 1</h3>
			<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
		</div>
		<div id="menu2" class="container tab-pane fade"><br>
			<h3>Menu 2</h3>
			<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
		</div>
	</div>
</div>      
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>                       
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
</body>
</html>

                                    

                                    
Vidéo background en html5 style02

Vidéo background en html5 style02

Timeline style03

Timeline style03

Timeline style02

Timeline style02

Simple Table With UIKIT

Simple Table With UIKIT

Pure CSS Percentage Circle

Pure CSS Percentage Circle

Input range slider HTML style02

Input range slider HTML style02

Input file style02

Input file style02

Form Step With B4 Style01

Form Step With B4 Style01

Flat icon Responsive Boxes

Flat icon Responsive Boxes

Chercher un mot sur la liste

Chercher un mot sur la liste

Ajouter une legende dans un formulaire

Ajouter une legende dans un formulaire

Ajouter multiple input dynamique

Ajouter multiple input dynamique