Carousel Bootstrap3

<!DOCTYPE html>
<html>
<head>
	<title>Carousel Bootstrap3 | par MEZGANI SAID</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="Carousel Bootstrap3">
	<meta name="author" content="Mezgani said">
	<meta name="copyright" content="NGLESSON">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" type="text/css">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" type="text/css">    	
	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
</head>
<body class="container">
	<div class="row">
	    <div class="col-lg-9">
		  <h2 title="Carousel Exemple" class="text-center text-info">Carousel Exemple</h2>  
		  <div id="myCarousel" class="carousel slide" data-ride="carousel">
			<ol class="carousel-indicators">
			  <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
			  <li data-target="#myCarousel" data-slide-to="1"></li>
			  <li data-target="#myCarousel" data-slide-to="2"></li>
			  <li data-target="#myCarousel" data-slide-to="3"></li>		  
			</ol>
			<div class="carousel-inner">
			  <div class="item active"><img src="../../assets/imgs/menu/integration-web.jpg" style="width:100%;height: 500px;"></div>
			  <div class="item"><img src="../../assets/imgs/menu/solution-technique.jpg" style="width:100%;height: 500px;"></div>
			  <div class="item"><img src="../../assets/imgs/menu/problematique.jpg" style="width:100%;height: 500px;"></div>
			  <div class="item"><img src="../../assets/imgs/menu/e-learning-developpement.jpg" style="width:100%;height: 500px;"></div>			
			</div>
			<a class="left carousel-control" href="#myCarousel" data-slide="prev">
			  <span class="glyphicon glyphicon-chevron-left"></span><span class="sr-only">Previous</span>
			</a>
			<a class="right carousel-control" href="#myCarousel" data-slide="next">
			  <span class="glyphicon glyphicon-chevron-right"></span><span class="sr-only">Next</span>
			</a>
		  </div>	
		</div>		
	</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>

                                    

                                    
Vidéo background en html5 style02

Vidéo background en html5 style02

Texte Block Posts Style01

Texte Block Posts Style01

Pure CSS Percentage Circle

Pure CSS Percentage Circle

Image hover 02

Image hover 02

Form login et créer un compte style01

Form login et créer un compte style01

Dropdown right aligned B4

Dropdown right aligned B4

Créer des tds dynamiquement dans une table html

Créer des tds dynamiquement dans une table html

Create icon animate with svg

Create icon animate with svg

Checkbox et boutons radios personnalisés en CSS

Checkbox et boutons radios personnalisés en CSS

Card Bootstrap4 02

Card Bootstrap4 02

Calculer la some des colones avec jquery

Calculer la some des colones avec jquery

Ajouter multiple input dynamique

Ajouter multiple input dynamique