-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
41 lines (41 loc) · 2.59 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
<!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="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<title>Presentation</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<section id="page-1" class="page">
<h1>Welcome To My Presentation</h1>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quisquam et eaque quo illo. Aliquid nostrum commodi blanditiis. Laudantium quam error doloribus iure exercitationem maxime odio. Qui quam porro numquam, aliquam aliquid vitae officia unde iusto, voluptate optio, quis voluptates deleniti.</p>
<div><a class="btn" href="#page-2">Next Page <i class="fas fa-arrow-circle-down"></i></a></div>
</section>
<section id="page-2" class="page">
<h1>Page 2</h1>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quisquam et eaque quo illo. Aliquid nostrum commodi blanditiis. Laudantium quam error doloribus iure exercitationem maxime odio. Qui quam porro numquam, aliquam aliquid vitae officia unde iusto, voluptate optio, quis voluptates deleniti.</p>
<div>
<a class="btn btn-dark" href="#page-1">Prev Page <i class="fas fa-arrow-circle-up"></i></a>
<a class="btn" href="#page-3">Next Page <i class="fas fa-arrow-circle-down"></i></a>
</div>
</section>
<section id="page-3" class="page">
<h1>Page 3</h1>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quisquam et eaque quo illo. Aliquid nostrum commodi blanditiis. Laudantium quam error doloribus iure exercitationem maxime odio. Qui quam porro numquam, aliquam aliquid vitae officia unde iusto, voluptate optio, quis voluptates deleniti.</p>
<div>
<a class="btn btn-dark" href="#page-2">Prev Page <i class="fas fa-arrow-circle-up"></i></a>
<a class="btn" href="#page-4">Next Page <i class="fas fa-arrow-circle-down"></i></a>
</div>
</section>
<section id="page-4" class="page">
<h1>Page 4</h1>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quisquam et eaque quo illo. Aliquid nostrum commodi blanditiis. Laudantium quam error doloribus iure exercitationem maxime odio. Qui quam porro numquam, aliquam aliquid vitae officia unde iusto, voluptate optio, quis voluptates deleniti.</p>
<div>
<a class="btn" href="#page-3">Prev Page <i class="fas fa-arrow-circle-up"></i></a>
</div>
</section>
</body>
</html>