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>

                                    

                                    
Add Remove dynamic rows with dynamic ID of input in HTML table

Add Remove dynamic rows with dynamic ID of input in HTML table

Affichage des images aléatoire avec js

Affichage des images aléatoire avec js

Bootstrap3 Sidebar CSS

Bootstrap3 Sidebar CSS

Changer le style du scroll bar in html

Changer le style du scroll bar in html

Form Création de compte

Form Création de compte

Image hover 04

Image hover 04

Image hover Flip Flap Style

Image hover Flip Flap Style

Loading style water animation

Loading style water animation

Organization Chart

Organization Chart

Pie Charts

Pie Charts

Transitions Animations SVG Style01

Transitions Animations SVG Style01

Up Down Animation With CSS Style01

Up Down Animation With CSS Style01