-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
136 lines (136 loc) · 4.94 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Restuarant Web!</title>
<script src="https://kit.fontawesome.com/6cee04a973.js" crossorigin="anonymous"></script>
<link href='https://fonts.googleapis.com/css?family=Roboto Slab' rel='stylesheet'>
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav>
<div class="navigation container">
<div class="logo_container">
<img src="images/logo.png" alt="logo">
</div>
<div class="bar_container">
<i class="fa-solid fa-bars"></i>
</div>
</div>
</nav>
<div class="container">
<div class="hero">
<dvi class="hero_image">
<img src="images/hero_image.png" alt="hero_image">
</dvi>
<div class="hero_content">
<div class="tag">
50% off on All Products
</div>
<h1>Enjoy Your Delicious Food</h1>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Accusantium quibusdam atque maxime odio
nostrum enim nulla! Commodi dolorum officia provident quia dolores eligendi nulla autem vero.
Dolores possimus ipsum nesciunt.</p>
<button class="explore_now">
Explore Now
</button>
</div>
</div>
<section class="features">
<div class="feature">
<img src="icons/discount.png" alt="">
<div class="feature_content">
<h3>Discount Vouchers</h3>
Lorem ipsum dolor sit, amet consectetur
</div>
</div>
<div class="feature">
<img src="icons/fresh.png" alt="">
<div class="feature_content">
<h3>Fresh And Healthy food</h3>
Lorem ahsg shfh sgg shffiudd hdhv ks
</div>
</div>
<div class="feature">
<img src="icons/delivery.png" alt="">
<div class="feature_content">
<h3>Fast Home Delivery</h3>
Lorem ipsum dolor sit, amet consectetur
</div>
</div>
</section>
<div class="divider"></div>
<div class="menu">
<div class="tag">Our Menu</div>
<h2>Explore our Menu</h2>
<div class="grid">
<div class="item-1">
<img class="grid_image" src="images/grid_image1.png" alt="">
</div>
<div class="item-2">
<img class="grid_image" src="images/grid_image2.png" alt="">
</div>
<div class="item-3">
<img class="grid_image" src="images/grid_image3.png" alt="">
</div>
<div class="item-4">
<img class="grid_image" src="images/grid_image4.png" alt="">
</div>
<div class="item-5">
<img class="grid_image" src="images/grid_image5.png" alt="">
</div>
<div class="item-6">
<img class="grid_image" src="images/grid_image6.png" alt="">
</div>
<div class="item-7">
<img class="grid_image" src="images/grid_image7.png" alt="">
</div>
</div>
</div>
</div>
<footer>
<div class="footer_container container">
<div class="footer_logo">
<img src="images/logo.png" alt="">
</div>
<div class="link_lists">
<h3>Main links</h3>
<ul>
<li>order tracking</li>
<li>New order</li>
<li>contact us</li>
<li>News & blogs</li>
</ul>
</div>
<div class="link_lists">
<h3>Support US </h3>
<ul>
<li>About Us</li>
<li>Policy Privacy</li>
<li>Terms & Condition</li>
</ul>
</div>
<div class="news_letter">
<h3>Support</h3>
<input type="email" placeholder="enter your email">
<h3>follow us</h3>
<div class="icon_container">
<div class="icon">
<i class="fa fa-facebook"></i>
</div>
<div class="icon">
<i class="fa fa-twitter"></i>
</div>
<div class="icon">
<i class="fa fa-instagram"></i>
</div>
<div class="icon">
<i class="fa fa-whatsapp"></i>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>