carousel

<!DOCTYPE html>
<html>
<head>
	<title>carousel</title>
	<link rel="stylesheet" type="text/css" href="carous.css">
	<scrip src="caro.js"></scrip>

	<link href="carousel/owl.carousel.css">
  	<link href="carousel/owl.theme.css">
</head>
<body>
<div class="container">
	<div class="row">
		<div class="col-md-12">
<div id="owl-demo" class="owl-carousel owl-theme">
	<div class="item"><h1>1</h1></div>
	<div class="item"><h1>2</h1></div>
	<div class="item"><h1>3</h1></div>
	<div class="item"><h1>4</h1></div>
	<div class="item"><h1>5</h1></div>
	<div class="item"><h1>6</h1></div>
	<div class="item"><h1>7</h1></div>
	<div class="item"><h1>8</h1></div>
	<div class="item"><h1>9</h1></div>
	<div class="item"><h1>10</h1></div>
	<div class="item"><h1>11</h1></div>
	<div class="item"><h1>12</h1></div>

</div>

<scrip src="js/jquery.easing.min.js"></scrip>
<script src="carousel/owl.carousel.js"></script>
</body>
</html>