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>

                                    

                                    
texte animate effects style 01

texte animate effects style 01

Transitions Animations SVG Style01

Transitions Animations SVG Style01

Timeline style03

Timeline style03

Planète animée style01

Planète animée style01

Partager sur les réseaux sociaux

Partager sur les réseaux sociaux

Input range slider HTML style03

Input range slider HTML style03

Image hover Flip Flap Style

Image hover Flip Flap Style

Créer une input search animée

Créer une input search animée

Créer des tds dynamiquement dans une table html

Créer des tds dynamiquement dans une table html

Card Bootstrap4 02

Card Bootstrap4 02

Background div gradient

Background div gradient

3D Gallery with CSS3 and jQuery

3D Gallery with CSS3 and jQuery