-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathIndex.html
More file actions
64 lines (57 loc) · 2.55 KB
/
Index.html
File metadata and controls
64 lines (57 loc) · 2.55 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Design</title>
<link rel="stylesheet" href="Simplotel.css">
</head>
<body>
<div class="navbar">
<div class="menu-icon" onclick="toggleMenu()">
<label ><img src="menu-bar.png" width="40px" alt="menu-bar" ></label>
</div>
<ul class="menu">
<li><a href="#">Home</a></li>
<li><a href="#">Order</a></li>
<li><a href="#">Food</a></li>
<li><a href="#">Restaurant</a></li>
<li><a href="#">Testimonials</a></li>
<li><a href="#">Contact Us</a></li>
<li style="margin:5px;" class="topright"><a href=""><img src="menu-bar.png" width="40px" alt="menu-bar" ></a></li>
</ul>
</div>
<div class="section section1">
<div class="left-side">
<h2>LOREM IPSUM</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<a href="#" class="click-me-button">Click Me</a>
</div>
<div class="right-side">
<img src="pexels-robin-stickel-70497.jpg" alt="Image 1" style="max-width: 100%;">
</div>
</div>
<div class="section section2">
<div class="left-side">
<div class="grid-images">
<img src="pexels-rachel-claire-6752433.jpg" alt="Image 2" >
<img src="pexels-mister-mister-3434523.jpg" alt="Image 3" >
<img src="pexels-eva-bronzini-6141651.jpg" alt="Image 4">
</div>
</div>
<div class="right-side">
<div class="text-box">
<p>LOREM IPSUM </p>
<h1 style="font-size: 40px;">LOREM IPSUM SET ADEMIR</h1>
<P>Click </P><img src="icons8-arrow-30.png" alt="Clickable Button" class="button-img">
</div>
</div>
</div>
<script>
function toggleMenu() {
const menu = document.querySelector('.menu');
menu.classList.toggle('show');
}
</script>
</body>
</html>