-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
101 lines (85 loc) · 2.04 KB
/
about.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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us - Dark Eats</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #121212;
color: #fff;
margin: 0;
padding: 0;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.header {
padding: 20px 0;
text-align: center;
}
.header h1 {
margin: 0;
font-size: 36px;
}
.navbar {
text-align: center;
margin-bottom: 30px;
}
.navbar ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.navbar ul li {
display: inline-block;
margin: 0 10px;
}
.navbar ul li a {
text-decoration: none;
color: #fff;
font-size: 18px;
}
.navbar ul li a:hover{
color: yellow;
}
.about {
text-align: center;
margin-bottom: 50px;
}
.about h2 {
font-size: 36px;
margin-bottom: 20px;
}
.about p {
font-size: 18px;
line-height: 1.6;
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<h1>Dark Eats 🍕</h1>
</div>
<div class="navbar">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="menu.html">Menu</a></li>
<li><a href="#about">About Us</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="container">
<div class="about">
<h2>About Us 🤷♀️</h2>
<p>Dark Eats is a trendy restaurant located in the heart of the city. We specialize in serving delicious and mouthwatering dishes that will satisfy your cravings. Our team is dedicated to providing exceptional dining experiences for our customers. Come visit us and indulge in our delectable menu!</p>
</div>
</div>
<img src="RelationshipBuilding.jpg" alt="RelationshipBuilding" height="300px" width="500px">
<img src="aboutus.jpg" alt="about" height="300px" width="500px">
</body>
</html>