-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
53 lines (50 loc) · 3.02 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Slide Example</title>
<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<!-- div for buttons-->
<div class="centerification" id="centerification"></div>
<!-- divs for sections-->
<div class="slider" id="slider1">
<h1>Section 1</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies, dui a lobortis pellentesque, risus
sapien aliquam risus, quis tristique ante ligula ac justo. Pellentesque habitant morbi tristique senectus et
netus et malesuada fames ac turpis egestas. Sed tellus dui, ultricies a posuere ac, vulputate a mi. Nam quis est
mattis, pulvinar nisi quis, cursus eros. Proin sit amet urna nisl. Proin porttitor ipsum vitae ornare dictum.
Cras malesuada massa eget ipsum posuere, ac cursus augue scelerisque.
</div>
<div class="slider" id="slider2">
<h1>Section 2</h1>
Nulla fermentum ipsum eget sapien iaculis, sed egestas libero blandit. In hac habitasse platea dictumst.
Pellentesque aliquet finibus enim ac placerat. Nam pellentesque sem orci, eu posuere quam facilisis a. Vivamus
ut nisi tortor. Curabitur egestas cursus nunc, ultrices tristique ipsum cursus nec. Nullam et sem ultrices,
dapibus orci nec, ullamcorper dolor. Pellentesque massa ligula, pretium vel pharetra mollis, venenatis sed urna.
Proin quis magna diam.
</div>
<div class="slider" id="slider3">
<h1>Section 3</h1>
Fusce ut nibh vehicula, porta magna ac, tristique ante. Sed bibendum, urna sed tincidunt
tempor, velit urna volutpat neque, ornare luctus lectus nisl ac nunc. Ut ultricies elit in nibh imperdiet
varius. Sed placerat maximus mi, nec facilisis nunc pulvinar non. Nam feugiat commodo elit, eget eleifend
libero sagittis ut. Suspendisse potenti. Integer fringilla nunc eget metus euismod, vitae pharetra ex
consectetur.
</div>
<div class="slider" id="slider4">
<h1>Section 4</h1>
Pellentesque finibus eget nisi vitae fringilla. Etiam dictum mattis aliquam. Sed a vestibulum dui, at volutpat
lorem. Donec sit amet dui euismod, condimentum nunc eu, fermentum ipsum. Vivamus at dolor elit. Suspendisse
convallis tortor nisi, a interdum nunc tincidunt ac. Mauris in lorem vestibulum, mollis ex id, pharetra odio.
Curabitur scelerisque ante imperdiet neque rutrum rutrum. Etiam congue nunc mi, sed hendrerit orci blandit sed.
Vestibulum a nibh consequat, pretium felis eu, porttitor nulla. Aliquam dapibus dictum dolor at malesuada.
Integer quis massa ut sapien varius facilisis quis in nibh. Pellentesque interdum tellus eget risus dapibus
lobortis. Etiam turpis lectus, convallis at tincidunt nec, fermentum sed odio. Donec vitae vehicula mauris, non
efficitur libero.
</div>
<script src="js/transitions.js"></script>
</body>
</html>