-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
93 lines (92 loc) · 4.67 KB
/
Copy pathindex.html
File metadata and controls
93 lines (92 loc) · 4.67 KB
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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>jQuery Content Slider</title>
<link type="text/css" rel="stylesheet" href="css/style.css" />
</head>
<body>
<div id="container">
<header>
<h1>jQuery Content Slider</h1>
</header>
<img src="img/arrow-left.png" alt="Previous" id="prev" />
<div id="slider">
<div class="slide">
<div class="slide-copy">
<h2>Slider One</h2>
<p>Lorem ipsum dolor sit amet, stet commodo aeterno mel et. Delenit gloriatur vel et, aeterno torquatos no mea. Ea solum postea qui. Vel inani vocibus ea, eam agam vidit decore id, ei quo posse tation. Ullum contentiones in mel, his id augue debitis.</p>
</div>
<img src="img/banner-1.jpg" alt="Banner-1" />
</div>
<div class="slide">
<div class="slide-copy">
<h2>Slider Two</h2>
<p>Lorem ipsum dolor sit amet, stet commodo aeterno mel et. Delenit gloriatur vel et, aeterno torquatos no mea. Ea solum postea qui. Vel inani vocibus ea, eam agam vidit decore id, ei quo posse tation. Ullum contentiones in mel, his id augue debitis.</p>
</div>
<img src="img/banner-2.jpg" alt="Banner-2" />
</div>
<div class="slide">
<div class="slide-copy">
<h2>Slider Three</h2>
<p>Lorem ipsum dolor sit amet, stet commodo aeterno mel et. Delenit gloriatur vel et, aeterno torquatos no mea. Ea solum postea qui. Vel inani vocibus ea, eam agam vidit decore id, ei quo posse tation. Ullum contentiones in mel, his id augue debitis.</p>
</div>
<img src="img/banner-3.jpg" alt="Banner-3" />
</div>
<div class="slide">
<div class="slide-copy">
<h2>Slider Four</h2>
<p>Lorem ipsum dolor sit amet, stet commodo aeterno mel et. Delenit gloriatur vel et, aeterno torquatos no mea. Ea solum postea qui. Vel inani vocibus ea, eam agam vidit decore id, ei quo posse tation. Ullum contentiones in mel, his id augue debitis.</p>
</div>
<img src="img/banner-4.jpg" alt="Banner-4" />
</div>
<div class="slide">
<div class="slide-copy">
<h2>Slider Five</h2>
<p>Lorem ipsum dolor sit amet, stet commodo aeterno mel et. Delenit gloriatur vel et, aeterno torquatos no mea. Ea solum postea qui. Vel inani vocibus ea, eam agam vidit decore id, ei quo posse tation. Ullum contentiones in mel, his id augue debitis.</p>
</div>
<img src="img/banner-5.jpg" alt="Banner-5" />
</div>
<div class="slide">
<div class="slide-copy">
<h2>Slider Six</h2>
<p>Lorem ipsum dolor sit amet, stet commodo aeterno mel et. Delenit gloriatur vel et, aeterno torquatos no mea. Ea solum postea qui. Vel inani vocibus ea, eam agam vidit decore id, ei quo posse tation. Ullum contentiones in mel, his id augue debitis.</p>
</div>
<img src="img/banner-6.jpg" alt="Banner-6" />
</div>
<div class="slide">
<div class="slide-copy">
<h2>Slider Seven</h2>
<p>Lorem ipsum dolor sit amet, stet commodo aeterno mel et. Delenit gloriatur vel et, aeterno torquatos no mea. Ea solum postea qui. Vel inani vocibus ea, eam agam vidit decore id, ei quo posse tation. Ullum contentiones in mel, his id augue debitis.</p>
</div>
<img src="img/banner-7.jpg" alt="Banner-7" />
</div>
<div class="slide">
<div class="slide-copy">
<h2>Slider Eight</h2>
<p>Lorem ipsum dolor sit amet, stet commodo aeterno mel et. Delenit gloriatur vel et, aeterno torquatos no mea. Ea solum postea qui. Vel inani vocibus ea, eam agam vidit decore id, ei quo posse tation. Ullum contentiones in mel, his id augue debitis.</p>
</div>
<img src="img/banner-8.jpg" alt="Banner-8" />
</div>
<div class="slide">
<div class="slide-copy">
<h2>Slider Nine</h2>
<p>Lorem ipsum dolor sit amet, stet commodo aeterno mel et. Delenit gloriatur vel et, aeterno torquatos no mea. Ea solum postea qui. Vel inani vocibus ea, eam agam vidit decore id, ei quo posse tation. Ullum contentiones in mel, his id augue debitis.</p>
</div>
<img src="img/banner-9.jpg" alt="Banner-9" />
</div>
<div class="slide">
<div class="slide-copy">
<h2>Slider Ten</h2>
<p>Lorem ipsum dolor sit amet, stet commodo aeterno mel et. Delenit gloriatur vel et, aeterno torquatos no mea. Ea solum postea qui. Vel inani vocibus ea, eam agam vidit decore id, ei quo posse tation. Ullum contentiones in mel, his id augue debitis.</p>
</div>
<img src="img/banner-10.jpg" alt="Banner-10" />
</div>
</div>
<img src="img/arrow-right.png" alt="Next" id="next" />
</div>
<!-- Javascript Files -->
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>