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>

                                    

                                    
bootstrap4 tabs

bootstrap4 tabs

Timeline style07

Timeline style07

Timeline style04

Timeline style04

Social Media Icons

Social Media Icons

Planète animée style01

Planète animée style01

Login Bootstrap3

Login Bootstrap3

Input range slider HTML style04

Input range slider HTML style04

Image hover 02

Image hover 02

Google Style Login

Google Style Login

Form Création de compte style animée

Form Création de compte style animée

Affichage des images aléatoire avec js

Affichage des images aléatoire avec js

3D Gallery with CSS3 and jQuery

3D Gallery with CSS3 and jQuery