-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
166 lines (154 loc) · 5.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
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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<!DOCTYPE html>
<html lang="en" data-them="light"git>
<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" />
<title>FoodCity</title>
<link rel="stylesheet" href="home/index.css" />
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Acme&family=Dancing+Script&family=Dosis:wght@300&family=Gochi+Hand&family=Pacifico&family=Patrick+Hand&family=Poppins&family=Roboto&display=swap"
rel="stylesheet"
/>
<!-- Font Awesome Library -->
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"
integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p"
crossorigin="anonymous"/>
</head>
<body>
<!-- Start Header -->
<header>
<nav>
<div class="logo">
<img src="assets/logo.png">
</div>
<div class="navbar">
<div class="icons">
<i class="fas fa-hamburger burgerIcon"></i>
</div>
<ul class="navLinks">
<li> <a href="#home" > Home</a></li>
<li> <a href="#about-us"> About Us</a></li>
<li> <a href="#meals">Meals</a></li>
<li> <a href="#our-experts"> Our Experts</a></li>
<li> <a href="#contact-us">Contact Us</a></li>
</ul>
</div>
</nav>
</header>
<!-- End Header -->
<!-- Start Home Section -->
<section id="home">
<h2 class="title-home">Welcome to</h2>
<h1 class="title-resturaunt">FoodCity</h1>
</section>
<a href="./menu/menu.html" class="menuBtn" >Go to Menu</a>
<!-- End Home Section -->
<!-- Start About Us Section -->
<section id="about-us">
<div class="image">
<img class="chef" src="assets/chef.jpg" alt="Chef Photo"/>
</div>
<div class="text">
<h1>About Us</h1>
<p>Restaurant is a place for simplicity. Good food, and good service.
Simple is the name of the game, and we’re good at finding it in all the right places,
even in your dining experience. We’re a small group from Denver.</p>
</div>
</section>
<!-- End About Us Section -->
<!-- Start Meals Section -->
<section id="meals">
<div class="overlay"></div>
<div class="items">
<div class="item breakfast">
<i class="fas fa-egg-fried fa-3x"></i>
<p>Breakfast</p>
<p>7</p>
</div>
<div class="item lunch">
<i class="fas fa-turkey fa-3x"></i>
<p>Lunch</p>
<p>42</p>
</div>
<div class="item dinner">
<i class="fas fa-shish-kebab fa-3x"></i>
<p>Dinner</p>
<p>36</p>
</div>
<div class="item drinks">
<i class="fas fa-wine-glass-alt fa-3x"></i>
<p>Drinks</p>
<p>50</p>
</div>
<div class="item desserts">
<i class="fas fa-pie fa-3x"></i>
<p>Desserts</p>
<p>50</p>
</div>
</div>
</section>
<!-- End Meals Section -->
<!-- Start Our Experts Section -->
<section id="our-experts">
<h1 class="title-experts">Our Experts</h1>
<div class="chefs">
<div class="chef">
<img src="assets/chef1.png" alt="">
<h4>Burak sheref</h4>
<p>Burak sheref is a Canadian chef, he was working in Mcdonald's
group restaurants, he has special recipes that he created,
he has a smiling face with the clients.</p>
</div>
<div class="chef">
<img src="assets/chef2.png" alt="">
<h4>John ivan </h4>
<p>John ivan is a British chef, he was working in Mcdonald's
group restaurants, he has special recipes that he created,
he has a smiling face with the clients.</p>
</div>
<div class="chef">
<img src="assets/chef3.png" alt="">
<h4>Suzaan clarke</h4>
<p>Suzan clarke is a American chef, he was working in Mcdonald's
group restaurants, he has special recipes that he created,
he has a smiling face with the clients.</p>
</div>
</div>
</section>
<!-- End Our Experts Section -->
<!-- Start Contact us Section -->
<section id="contact-us">
<div class="container">
<div class="title"><h2>Contact Us</h2></div>
<form>
<input type="text" class="name-field" placeholder="Your Name">
<input type="text" class="email-field" placeholder="Your Email">
<textarea placeholder="Your Message" class="message-field"></textarea>
<button class="submitBtn">Submit</button>
</form>
</div>
</section>
<div class="message-thank">
<h1> Thanks for Your Feedback </h1> <br>
<i class="fas fa-heart"></i>
</div>
<!-- End Contact us Section -->
<!-- Start Footer Section -->
<footer>
<div class="footer-content">
<ul class="social-icons">
<li> <i class="fab fa-twitter"></i> </li>
<li> <i class="fab fa-facebook"></i> </li>
<li> <i class="fab fa-instagram"></i> </li>
</ul>
<p> @FoodCity </p>
</div>
</footer>
<!-- End Footer Section -->
<script src="home/index.js"></script>
</body>
</html>