-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
128 lines (122 loc) · 4.9 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
<!DOCTYPE html>
<html lang="en">
<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">
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
<title>Anita's Kitchen</title>
</head>
<body>
<div id="Header">
<img src="./images/logoBig.png">
<p>We Provide The Best Food</p>
<p>At The <strong>Right price</strong></p>
</div>
<div class="services">
<div class="happy">
<div id="hour">
Happy hour
</div>
<div id="party">
Party time
</div>
</div>
<div class="Breakfast">
<p>Breakfast</p>
</div>
<div class="Lunch">
<p>Lunch</p>
</div>
<div class="Dinner">
<p>Dinner</p>
</div>
</div>
<div class="row">
<div class="row-imgs">
<div class="fast">
<img src="./images/fastFood1.jpg" class="img-responsive" style="display:inline" alt="fastfood" width="" height="">
<img src="./images/fastFood2.jpg" class="img-responsive" style="display:inline" alt="fastfood" width="" height="">
</div>
</div>
<div class="row-img2">
<div id="food1">
<h1>Fast Food</h1>
<h3>You'll love our delicious fast food</h3>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Non est vitae facilis aliquam ab cum eveniet similique minus eos culpa? Doloribus sed officia ea corrupti eaque facere deleniti architecto eveniet!</p>
<br/><br/><br/>
<a href="#"><button class="button button1">VIEW GALLERY →</button></a>
</div>
</div>
</div>
<div class="main">
<div class="row-img3">
<div id="food2">
<h1>Drinks</h1>
<h3>We also Produce Delicious Drinks</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero sit suscipit exercitationem et aliquid, magni quas atque laboriosam ipsa ad saepe asperiores nostrum iusto dignissimos labore nisi commodi! Quas, omnis.</p>
<br/><br/><br/>
<a href="#"><button class="button button1">VIEW GALLERY →</button></a>
</div>
</div>
<div class="row-img4">
<div class="fast2">
<div class="main">
<div class="row2">
<img src="./images/drink1.jpg" class="img-responsive" style="display:inline" alt="Dinner" width="" height="">
</div>
<img src="./images/drink2.jpg" class="img-responsive" style="display:inline" alt="Dinner" width="" height="">
</div>
</div>
</div>
</div>
<div id="outermost-div">
<div id="inside-div">
<div>
<div class="f-food">
<h3>Fast Food</h3>
<h3>Drinks</h3>
<h3>Chicken</h3>
<h3>Rice</h3>
</div>
<div class="burger">
<img src="./images/chickenBurger.jpg" class="img-responsive" style="display:inline" alt="Dinner" width="" height="">
<h3>Cicken Burger</h3>
<img src="./images/beefBurger.jpg" class="img-responsive" style="display:inline" alt="Dinner" width="" height="">
<h3>Beef Burger</h3>
<img src="./images/chickenPizza.jpg" class="img-responsive" style="display:inline" alt="Dinner" width="" height="">
<h3>Chicken Pizza</h3>
</div>
</div>
</div>
</div><!--End of Main content-->
<table>
<tr>
<th>Our Happy customers
<h3>George Richard</h3>
</th><!--need to add the name George Richard-->
<th>About Menu</th>
</tr>
<tr><!--will need to style the table-->
<td>Great food! Menu is awesome there foods are not only great but also in the right price. I'll highly recommend them:) <br> <img src="./images/p1.png"><img src="./images/p2.png"><img src="./images/p3.png"></td>
<td>We are Menu a little team of 7 members, ut wisi enim ad minim veniam, quis nos trudexer ci tation ullamcorper suscipit lob ortis nisl ul aliquip ex ea commodo conse quat. Duisau tem vel enum iruire dolor in</td>
</tr>
</table><!--Beginning of the footer-->
<div id="footer">
<p>Get your daily food items delivered to your email</p>
<p>Your email</p>
<p>Subscribe</p>
<div class="footer-ext">
<h3><img src="./images/logo_white.png"> MENU</h3>
<P>That What we Are</P>
<img src="./images/facebook.png" class="img-responsive" style="display:inline" alt="fastfood" width="" height="">
<img src="./images/twitter.png" class="img-responsive" style="display:inline" alt="fastfood" width="" height="">
<img src="./images/pinterest.png" class="img-responsive" style="display:inline" alt="fastfood" width="" height="">
<p>2016 Menu Restaurant</p>
</div><!--End of the footer-->
</div>
</body>
</html>