-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
140 lines (139 loc) · 7.27 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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="style.css">
<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>Anita Kitchen</title>
</head>
<body>
<div class="section1">
<div class="menunav">
<div><hr/></div>
<div><hr/></div>
<div><hr/></div>
</div>
<div class="logo"></div>
<div class="logocontent"> we provide the best food<br> at the <span style="font-weight: bold;">right price</span></div>
</div>
<div class="bodyholder">
<div clss="midholder">
<div class="midholder1">
<div class="midholderfcontent">Happy Hour</div>
<div class="midholderscontent">Party Time</div>
</div>
<div class="breakfast"><div style="vertical-align: center; ">Breakfast</div></div>
<div class="lunch"><div style="vertical-align: center; ">Lunch</div></div>
<div class="dinner"><div style="vertical-align: center; ">Dinner</div></div>
</div>
<div class="middleholder">
<div class="fastfood">
<div class="fastfoodimage">
<img src="assets/fastFood1.jpg" alt="fastfood1" height="175px" width="380px" style="float:left">
<img src="assets/fastFood2.jpg" alt="fastfood2"height="175px" width="380px" style="float:left">
</div>
<div class="fastfoodcont"><span style="text-align:left;"><h1>fast food</h1></span>
<h3 style="text-align:left;">You'll love our fast delicious food</h3>
<p style="text-align:left;font-size:20px;">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Porro, dignissimos molestiae
magnam recusandae similique ducimus delectus fugit aperiam, praesentium harum voluptatum.
Labore a, consequuntur eius sed neque nemo debitis tempore. Lorem ipsum dolor sit amet
consectetur adipisicing elit. Id aut ducimus minima voluptatum optio impedit eligendi nostrum
libero, accusantium voluptatem aperiam aspernaturvoluptatibus ratione excepturi!
Unde itaque tempore debitis officia.
</p>
<p>
<div class="btholder">
VIEW GALLERY <span class="arrowspan">→</span>
</div>
</p></div>
</div>
<div class="fastdrink">
<div class="fastdrinkcont"><span><h1>drinks</h1></span>
<h3>We also produce delicious drinks too</h3>
<p style="font-size: 20px;">
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Culpa voluptate deleniti saepe
blanditiis hic ex vero id, commodi vel nesciunt quaerat, provident fugit at fuga eius
nostrum inventore optio cumque? Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Laudantium quas temporibus explicabo voluptates, quisquam facere fugit maiores aliquid minima
illum unde aperiam qui reiciendis repellendus quam dignissimos esse voluptatibus consectetur?
</p><p>
<div class="btholder1">
VIEW GALLERY <span class="arrowspan">→</span>
</div>
</p></div>
<div class="fastdrinkimage">
<img src="assets/drink1.jpg" height="350px" width="170px"alt="drink1"style="padding-top 15px">
<img src="assets/drink2.jpg" height="350px" width="170px"alt="drink2"style="padding-top 15px"></div>
</div>
</div>
<div class="postmiddle">
<div class="postmiddlecontholder">
<div class="postmiddledivh">
<div class="postmiddledivhdiv">fast food</div>
<div class="postmiddledivhdiv">drinks</div>
<div class="postmiddledivhdiv">chicken</div>
<div class="postmiddledivhdiv">rice</div></li>
</div>
<div class="slide"> <span> < </span></div>
<div class="postmiddlediv"><figure><img src="assets/fastfood/chickenBurger.jpg" alt="">
<figcaption>chicken Burger</figcaption></figure></div>
<div class="postmiddlediv"><figure><img src="assets/fastfood/beefBurger.jpg" alt="">
<figcaption>beef burger</figcaption></figure></div>
<div class="postmiddlediv"><figure><img src="assets/fastfood/chickenPizza.jpg" alt="">
<figcaption>chicken pizza</figcaption></figure></div>
<div class="slide"> <span> > </span></div>
</div>
</div>
<div class="cus">
<div class="cusholder">
<div class="happycus">
<span class="happycusspan">
<h2>Our happy customers</h2></span><br>
<span class="cusnameholder">george richard</span><br>
<p style="font-size: 24px;text-align: center;">
Great food! Menu is awesome there food is not only great but <br>
also in the right price. I'll highly reccomend them :)
</p>
<p><div class="picarea">
<div class="slide2"><span><</span></div>
<div class="picholder1"><img src="assets/customers/p1.png" height="80px"width="80px" alt="customer"></div>
<div class="picholder"><img src="assets/customers/p2.png"height="120px"width="120px"alt=""></div>
<div class="picholder1"><img src="assets/customers/p3.png" height="80px"width="80px" alt=""></div>
<div class="slide2"><span>></span></div>
</div></p>
</div>
<!--- <div style="height: 350px;width:1px;border-left:1px solid black;float:left;margin-top: 40px;"></div>-->
<div class="happycuscont">
<span class="menudet">
<h2>about menu</h2>
<p>We are menu a litle team of 7 members
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Exercitationem ut neque
sapiente iusto quae animi omnis veniam, facilis,soluta quo itaque quod ipsum
architecto? Perspiciatis sit dolorum aperiam rem unde. </p>
</span>
</div>
</div>
</div>
<div class="subscribe">
<div class="formholder"><h2>Get our daily food items delivered to your email</h2>
<div class="emailholder"><form>
<input type="email" placeholder="Your Email"> <div class="btn">Subscribe</div>
</form></div>
</div>
</div>
<div class="bottomdiv">
<div class="footlogo"><img src="assets/footerlogos/logo_white.png" height="40px" width="40px" alt="logo_white">
<span class="logospan">MENU</span></div>
<span class="logotxt">that is what we are</span>
<div class="social">
<img src="assets/footerlogos/facebook.png"height="50px" width="50px" alt="facebook">
<img src="assets/footerlogos/twitter.png" height="50px" width="50px"alt="twitter">
<img src="assets/footerlogos/pinterest.png" height="50px" width="50px" alt="pintrest">
</div>
<div class="footnote"><span class="logotxt">2016 menu restaurant</span></div>
</div>
</div>
</body>
</html>