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 style01

Vidéo background en html5 style01

Vers le haut

Vers le haut

Timeline style08

Timeline style08

Timeline style04

Timeline style04

Profile page with b4

Profile page with b4

Planète animée style01

Planète animée style01

Input range slider HTML style05

Input range slider HTML style05

Créer des tds dynamiquement dans une table html

Créer des tds dynamiquement dans une table html

Carousel 8 bloc with B4

Carousel 8 bloc with B4

Carousel 6 Column Product Slider with B4

Carousel 6 Column Product Slider with B4

Asidebar Bootstrap4 style02

Asidebar Bootstrap4 style02

3D Gallery with CSS3 and jQuery

3D Gallery with CSS3 and jQuery