-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
88 lines (87 loc) · 4.39 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
<!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">
<title>FOOD HUT!!!</title>
<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=Asap&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<section class="top-area flex-container">
<div class="half-width">
<h1>it's not just Food, <br> It's an <br><span class="small-text"> Experience!</span></h1>
<p>Our job is to filling your tummy with delicious food <br> and with fast and free delivery.</p>
<a class="btn-style" href="https://www.foodpanda.com.bd/cuisine/pizza-delivery-dhaka" target="_blank">Get Started</a>
</div>
<div class="half-width">
<img src="./images/pizza-top.png" alt="PIZZA">
</div>
</section>
<section class="glory-area flex-container">
<div class="half-width">
<img src="./images/glory.png" alt="Glory">
</div>
<div class="half-width">
<h2>Our Glory</h2>
<p class="align-text"> You wouldn’t fancy living in any place if you can access the best pizzas you can ever find. You take care of the money; Food Hut cares about your day. Log into the Food Hut website and place your order online. You can also have Food Hut in your pocket by downloading the Food Hut mobile app on your device. You can never go wrong with us – you request, and we deliver. We cover many restaurants, so you won’t need to move around so much. We value your time, and your appetite too. And yes, you are right: you should always have a pizza near you! </p>
<a class="btn-style" href="https://www.foodpanda.com.bd/cuisine/pizza-delivery-dhaka" target="_blank">Order Now</a>
</div>
</section>
<section class="menu-area">
<div class="center-text">
<h2>Our Menu</h2>
<p>We promise you'll enjoy every sweet moment to <br> find your favourite, eat what you love and save your time.</p>
</div>
<div class="flex-container">
<div class="box">
<img src="./images/item_1.jpg" alt="PIZZA">
<h3>Sausage & Pepperoni</h3>
<p class="align-text">Beef pepperoni, Chicken Sausage and just a subtle hint of tangy and spicy jalapeno.</p>
</div>
<div class="box">
<img src="./images/item_2.jpg" alt="PIZZA">
<h3>Farmhouse</h3>
<p class="align-text">A delectable Pizza with Farm Veggies like red onion, seasoned mushroom, exotic red & yellow bell peppers.</p>
</div>
<div class="box">
<img src="./images/item_3.jpg" alt="PIZZA">
<h3>Barbeque Chicken</h3>
<p class="align-text">A classic made with barbequed chicken, crispy capsicum, seasoned mushrooms and bbq drizzle for the perfect smoky bbq note.</p>
</div>
</div>
</section>
<section class="contact-area flex-container">
<div class="contact-left-area">
<h2>Get in Touch</h2>
<form>
<input type="text" placeholder="Name">
<input type="email" placeholder="Email">
<textarea name="message" id="textarea-size" cols="30" rows="5" placeholder="Message"></textarea>
<button id="submit-btn" type="submit">Submit</button>
</form>
</div>
<div class="contact-right-area">
<h3>Connect with Us</h3>
<p>For support or any questions: <br>
Call us on: +91-22-41000 <br>
Email us at: foodhut@food.com
</p>
</div>
</section>
<section class="latest-area">
<div class="center-text">
<h2>THE LATEST ON FOOD HUT</h2>
<input class="email-input" type="email" placeholder="Email address">
<button class="input-btn">SEND</button>
</div>
</section>
<footer class="center-text">
<h3> FOOD <span id="hut-color">HUT</span> </h3>
<p>© 2021- 2022 Food Hut, All rights reserved. And developed by RxDevs.</p>
</footer>
</body>
</html>