-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
71 lines (69 loc) · 2.89 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="index.css">
<title>Simplotel Assignment</title>
</head>
<body>
<div class="bg-container">
<nav class="navbar">
<div class="menu-icon" id="menuIcon">
<img class="hemburger-icon" src="https://i.ibb.co/L15YVvd/menu-bar.png" alt="hemburger menu" />
</div>
<ul class="menu-list">
<li class="menu-item">Home</li>
<li class="menu-item">Order</li>
<li class="menu-item">Food</li>
<li class="menu-item">Resturant</li>
<li class="menu-item">Testimonials</li>
<li class="menu-item">Contact Us</li>
</ul>
</nav>
<div class="first-page" id="firstPage">
<div class="section-1">
<div class="content-box">
<h1 class="heading">LOREM IPSUM</h1>
<p class="text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
id est vitae dolor rhoncus tristique. Maecenas metus quam,
rhoncus euismod lorem in, sollicitudin viverra eros. Donec
dictum luctus quam ut tristique. Curabitur nec faucibus purus.
Quisque congue sem nec justo mollis, in tincidunt erat pretium.
Sed pulvinar, massa ac porta viverra.
</p>
<button class="button" type="button" onclick="navigateToSecondPage()">Click Me</button>
</div>
</div>
<div class="section-2">
<div class="burger-image"></div>
</div>
</div>
<div class="second-page" id="secondPage">
<div class="section-1">
<div class="images-container">
<div class="container-1">
<div class="images-1"></div>
<div class="images-2"></div>
</div>
<div class="container-2"></div>
</div>
</div>
<div class="section-2">
<div class="content-box-1">
<p class="text">LOREM IPSUM</p>
<h1 class="heading">
LOREM IPSUM <br /> SET ADEMIR
</h1>
<div class="button-container">
<p class="text">Click</p>
<img class="arrow" alt='arrow' src='https://i.ibb.co/nCKD6nJ/icons8-arrow-30.png' />
</div>
</div>
</div>
</div>
</div>
<script src="index.js"></script>
</body>
</html>