-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
91 lines (71 loc) · 5.52 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Problem Statements</title>
<link rel="stylesheet" href="./glider.min.css">
<link rel="stylesheet" href="./style.css">
</head>
<body>
<div class="glider-contain multiple">
<h1 class="heading">Problem Statements</h1>
<button class="btn glider-prev"><</button>
<div class="glider">
<div class="card">
<div class="hole"></div>
<p class="problem">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Doloribus, molestiae. Nesciunt consequatur beatae ipsum excepturi, quas minima at veniam repudiandae architecto cum necessitatibus! At repudiandae ratione, adipisci nihil, delectus distinctio eveniet provident fugit voluptate ipsam animi nesciunt, magni vitae! Autem?</p>
</div>
<div class="card">
<div class="hole"></div>
<p class="problem">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Doloribus, molestiae. Nesciunt consequatur beatae ipsum excepturi, quas minima at veniam repudiandae architecto cum necessitatibus! At repudiandae ratione, adipisci nihil, delectus distinctio eveniet provident fugit voluptate.</p>
</div>
<div class="card">
<div class="hole"></div>
<p class="problem">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Doloribus, molestiae. Nesciunt consequatur beatae ipsum excepturi, quas minima at veniam repudiandae architecto cum necessitatibus! At repudiandae ratione, adipisci nihil, delectus distinctio eveniet provident fugit voluptate ipsam animi nesciunt, magni vitae! Autem?</p>
</div>
<div class="card">
<div class="hole"></div>
<p class="problem">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Doloribus, molestiae. Nesciunt consequatur beatae ipsum excepturi, quas minima at veniam repudiandae architecto cum necessitatibus! At repudiandae ratione, adipisci nihil, delectus distinctio eveniet provident fugit voluptate ipsam animi nesciunt, magni vitae! Autem?</p>
</div>
<div class="card">
<div class="hole"></div>
<p class="problem">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Doloribus, molestiae. Nesciunt consequatur beatae ipsum excepturi, quas minima at veniam repudiandae architecto cum necessitatibus! At repudiandae ratione, adipisci nihil, delectus distinctio eveniet provident fugit voluptate ipsam animi nesciunt, magni vitae! Autem?</p>
</div>
<div class="card">
<div class="hole"></div>
<p class="problem">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Doloribus, molestiae. Nesciunt consequatur beatae ipsum excepturi, magni vitae! Autem?</p>
</div>
<div class="card">
<div class="hole"></div>
<p class="problem">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Doloribus, molestiae. Nesciunt consequatur beatae ipsum excepturi, quas minima at veniam repudiandae architecto cum necessitatibus! At repudiandae ratione, adipisci nihil, delectus distinctio eveniet provident fugit voluptate ipsam animi nesciunt, magni vitae! Autem?</p>
</div>
<div class="card">
<div class="hole"></div>
<p class="problem">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Doloribus, molestiae. Nesciunt consequatur beatae ipsum excepturi, quas minima at veniam repudiandae architecto cum necessitatibus! At repudiandae ratione, adipisci nihil, delectus distinctio eveniet provident fugit voluptate ipsam animi nesciunt, magni vitae! Autem?</p>
</div>
<div class="card">
<div class="hole"></div>
<p class="problem">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Doloribus, molestiae. Nesciunt consequatur beatae ipsum excepturi, quas minima at veniam repudiandae architecto cum necessitatibus! At repudiandae ratione, adipisci nihil, delectus distinctio eveniet provident fugit voluptate ipsam animi nesciunt, magni vitae! Autem?</p>
</div>
<div class="card">
<div class="hole"></div>
<p class="problem">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Doloribus, molestiae. Nesciunt consequatur beatae ipsum excepturi, quas minima at veniam repudiandae architecto cum necessitatibus! At repudiandae ratione, adipisci nihil, delectus distinctio eveniet provident fugit voluptate ipsam animi nesciunt, magni vitae! Autem?</p>
</div>
<div class="card">
<div class="hole"></div>
<p class="problem">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Doloribus, molestiae. Nesciunt consequatur beatae ipsum excepturi, quas minima at veniam repudiandae architecto cum necessitatibus! At repudiandae ratione, adipisci nihil, delectus distinctio eveniet provident fugit voluptate ipsam animi nesciunt, magni vitae! Autem?</p>
</div>
<div class="card">
<div class="hole"></div>
<p class="problem">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Doloribus, molestiae. Nesciunt consequatur beatae ipsum excepturi, quas minima at veniam repudiandae architecto cum necessitatibus! At repudiandae ratione, adipisci nihil, delectus distinctio eveniet provident fugit voluptate ipsam animi nesciunt, magni vitae! Autem?</p>
</div>
</div>
<button class="btn glider-next">></button>
<div id="dots" class="glider-dots"></div>
</div>
</body>
<script src="./glider.min.js"></script>
<script src="./scripts.js"></script>
</html>