Basic-Html-project/MyFirstCarousel.html at master · vimalothomas/Basic-Html-project · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE html>
<html lang="en">
<head>
  <title>MyFirstCarousel</title>
  <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="../css/bootstrap.css">

</head>
<body>
	<div class="container-fluid">
		<div class="row">
			<div class="col-sm-12">
				<div id="slideit" class="carousel slide" data-ride="carousel">
					<ol class="carousel-see">
						<li data-target="#slideit" data-slde-to="0" class="active"></li>
						<li data-target="#slideit" data-slde-to="1" class="active"></li>
						<li data-target="#slideit" data-slde-to="2" class="active"></li>
					</ol>


					<div class="carousel-inner" role="thingsthatslide">
						<div class="item active">
							<img src="../image/sneakers2.jpg"  alt=""/>
							<div class="carousel-caption">
								<h3 style="color:black;">NIKE: ARMAGEDDON</h3>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>


				</body>
				</html>