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>

                                    

                                    
toggle switch style01

toggle switch style01

SwiperJS style01

SwiperJS style01

Simple Table With UIKIT

Simple Table With UIKIT

Scroll to div ID

Scroll to div ID

Nav Menu style02

Nav Menu style02

Input file style01

Input file style01

Gallery images with bootstrap4 Flexbox

Gallery images with bootstrap4 Flexbox

ChartJS style01

ChartJS style01

Bootstrap Cookie Alert pages

Bootstrap Cookie Alert pages

Bloc resizable with jquery

Bloc resizable with jquery

Ajouter multiple input dynamique

Ajouter multiple input dynamique

3D Gallery with CSS3 and jQuery

3D Gallery with CSS3 and jQuery