-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
60 lines (55 loc) · 2.35 KB
/
index.html
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
<!doctype html>
<html lang="en">
<head>
<meta charset="uft-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Custom Slider</title>
<!-- Fonts -->
<link rel="stylesheet" href="assets/fonts/fonts.css">
<!-- Reset & Custom -->
<link rel="stylesheet" href="assets/css/reset.css">
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
<!-- slider -->
<header id="wc-slideshow">
<ul class="wc-slideshow__slides">
<li>
<div class="wc-slide__image" style="background-image: url('assets/img/img-1.jpg')"></div>
<div class="wc-slide__content">
<h2>Listen To <strong>Best</strong> Music</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</li>
<li>
<div class="wc-slide__image" style="background-image: url('assets/img/img-2.jpg')"></div>
<div class="wc-slide__content">
<h2>The Most <strong>Beautiful</strong> Mountains</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
</div>
</li>
<li>
<div class="wc-slide__image" style="background-image: url('assets/img/img-3.jpg')"></div>
<div class="wc-slide__content">
<h2>Pretty <strong>and</strong> pretty</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.</p>
</div>
</li>
</ul>
<div class="wc-slideshow__navigation">
<a href="#0" class="flex-prev">
<img src="assets/icons/left-arrow.svg" alt=""/>
</a>
<a href="#0" class="flex-next">
<img src="assets/icons/right-arrow.svg" alt=""/>
</a>
</div>
<div class="wc-slideshow__pagination"></div>
</header>
<!-- Plugins JS -->
<script src="assets/js/jquery-3.1.0.min.js"></script>
<script src="assets/js/jquery.flexslider-min.js"></script>
<!-- Custom JS -->
<script src="assets/js/main.js"></script>
</body>
</html>