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>

                                    

                                    
Timeline style04

Timeline style04

Timeline style01

Timeline style01

Table responsive avec css native

Table responsive avec css native

Nav Menu style01

Nav Menu style01

Image hover 02

Image hover 02

Form login with background image changed style01

Form login with background image changed style01

Dropdown right aligned B4

Dropdown right aligned B4

Drag and drop or upload input file

Drag and drop or upload input file

Convertir une div en image

Convertir une div en image

Card Profile Style01

Card Profile Style01

Bootstrap Cookie Alert pages

Bootstrap Cookie Alert pages

Bootstrap 3 Popover avec html contenu

Bootstrap 3 Popover avec html contenu