<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>Bootstrap Exercise</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile Specific Meta -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- Stylesheets -->
<link rel="stylesheet" href="css/bootstrap.css" />
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<div class="carousel slide" id="my-carousel">
<div class="carousel-inner">
<div class="item active">
<img src="images/hm.jpg" alt="Demo" width="1140px" height="300px">
</div>
<div class="item">
<img src="images/hm1.jpg" alt="Demo" width="1140px" height="300px">
</div>
<div class="item">
<img src="images/hm2.jpg" alt="Demo" width="1140px" height="300px">
</div>
<div class="item">
<img src="images/hm3.jpg" alt="Demo" width="1140px" height="300px">
</div>
<div class="item">
<img src="images/hm4.jpg" alt="Demo" width="1140px" height="300px">
</div>
<div class="item">
<img src="images/hm5.jpg" alt="Demo" width="1140px" height="300px">
</div>
<div class="item">
<img src="images/hm6.jpg" alt="Demo" width="1140px" height="300px">
</div>
<div class="item">
<img src="images/hm7.jpg" alt="Demo" width="1140px" height="300px">
</div>
<div class="item">
<img src="images/hm8.jpg" alt="Demo" width="1140px" height="300px">
</div>
</div>
<a href="#my-carousel" class="carousel-control left" data-slide="prev">‹</a>
<a href="#my-carousel" class="carousel-control right" data-slide="next">›</a>
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>