-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
52 lines (51 loc) · 3.3 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
<!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">
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/4c75952efd.js" crossorigin="anonymous"></script>
<title>Horizontal Scrolling</title>
</head>
<body>
<div class="wrapper">
<div class="item num1">
<section class="text-wrapper">
<h2 class="heading">A nice heading</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum inventore fugit totam laudantium debitis unde eaque voluptas fuga harum iure. Rem eaque quasi sequi excepturi voluptate hic ratione dicta libero debitis sapiente officia pariatur earum eveniet tenetur ipsum minima ea, similique eum suscipit facilis? Quis perspiciatis est culpa consequatur quas!</p>
<div class="overlay"></div>
</section>
</div>
<div class="item num2">
<section class="text-wrapper">
<h2 class="heading">A nice heading</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum inventore fugit totam laudantium debitis unde eaque voluptas fuga harum iure. Rem eaque quasi sequi excepturi voluptate hic ratione dicta libero debitis sapiente officia pariatur earum eveniet tenetur ipsum minima ea, similique eum suscipit facilis? Quis perspiciatis est culpa consequatur quas!</p>
<div class="overlay"></div>
</section>
</div>
<div class="item num3">
<section class="text-wrapper">
<h2 class="heading">A nice heading</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum inventore fugit totam laudantium debitis unde eaque voluptas fuga harum iure. Rem eaque quasi sequi excepturi voluptate hic ratione dicta libero debitis sapiente officia pariatur earum eveniet tenetur ipsum minima ea, similique eum suscipit facilis? Quis perspiciatis est culpa consequatur quas!</p>
<div class="overlay"></div>
</section>
</div>
<div class="item num4">
<section class="text-wrapper">
<h2 class="heading">A nice heading</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum inventore fugit totam laudantium debitis unde eaque voluptas fuga harum iure. Rem eaque quasi sequi excepturi voluptate hic ratione dicta libero debitis sapiente officia pariatur earum eveniet tenetur ipsum minima ea, similique eum suscipit facilis? Quis perspiciatis est culpa consequatur quas!</p>
<div class="overlay"></div>
</section>
</div>
<div class="item num5">
<section class="text-wrapper">
<h2 class="heading">A nice heading</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum inventore fugit totam laudantium debitis unde eaque voluptas fuga harum iure. Rem eaque quasi sequi excepturi voluptate hic ratione dicta libero debitis sapiente officia pariatur earum eveniet tenetur ipsum minima ea, similique eum suscipit facilis? Quis perspiciatis est culpa consequatur quas!</p>
<div class="overlay"></div>
</section>
</div>
</div>
<script type="module" src="main.js"></script>
</body>
</html>