-
Notifications
You must be signed in to change notification settings - Fork 26
/
catering.html
141 lines (134 loc) · 7.14 KB
/
catering.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1.0">
<title>Culinary King | Catering</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<!-- ----------------------------------------NAVBAR----------------------------------------------------->
<nav class="nav nav_top">
<div class="logo">
<a href="index.html"><img src="images/logo.png" width="250"></a>
</div>
<div class="nav_side">
<a href="about.html">ABOUT US</a>
<a href="summer.html">SUMMER SALE</a>
<a href="catering.html">CATERING</a>
<a href="contact.html">CONTACT</a>
</div>
</nav>
<!-- --------------------------------------------CATERING-------------------------------------------------------->
<div class="product" style="padding-top:100px;">
<h2>EVENTS AND CATERING</h2>
<div class="product_container" style="padding-bottom:50px;">
<div class="item">
<div class="item_img">
<img src="images/cele2.jpg">
</div>
<div class="item_content">
<h3>CELEBRATE WITH FAMILY & FRIENDS</h3>
<p>we believe great food just makes life that much better. That’s why we travel the world to find the most delicious cheeses, meats, and specialty foods out there. Then we create incredible dishes with them, and serve them at your event to provide an unmatched culinary experience.
Ask our catering experts about hosting an outdoor event!</p>
<br><br><br>
<a href="#">VENUES AND SPACES</a>
</div>
</div>
<div class="item">
<div class="item_img">
<img src="images/cele1.jpg">
</div>
<div class="item_content">
<h3>FULL SERVICE EVENTS</h3>
<p>If you love food as much as we do, you want your guests to rave about the menu for weeks after the event! Our live action stations bring the entertainment, family style dinner options bring the warmth, and passed hor d’oeuvres serve as the life of the party!</p>
<br><br><br><br><br>
<a href="#">SEE OUR EVENTS</a>
</div>
</div>
<div class="item">
<div class="item_img">
<img src="images/cele4.jpg">
</div>
<div class="item_content">
<h3>IN STORE PICK-UP MENU</h3>
<p>Our In-Store Pickup and Delivery menu brings a taste of Philly to your next meeting or party! We’ll deliver and setup your spread offering everything from sandwich platters, breakfast delights, incredible cheese and meat trays and hot or cold dinner entrees.</p>
<br><br><br><br><br>
<a href="#">VIEW DELIVERY MENU</a>
</div>
</div>
<div class="item">
<div class="item_img">
<img src="images/cele3.jpg">
</div>
<div class="item_content">
<h3>OUR FAVOURITE VENUE</h3>
<p>We are happy to bring our culinary delights and full team to your private event, whether it’s at your home, your workplace, or our stunning new event space at 600 Spring Garden.
Our menus feature live culinary action stations, incredible cheese displays for all night snacking, and inventive hors d’oeuvres featuring the best cheeses, meats, and specialty products on earth. We also offer Family Style dining, four course plated dinners, and whatever else your food cravings desire!</p>
<a href="#">BOOK NOW</a>
</div>
</div>
</div>
</div>
<hr>
<!-- --------------------------------------------FEED--------------------------------------------------------->
<div class="feed">
<h2>WRITE A REVIEW</h2>
<div class="feed_form" method="post">
<form name="submit-googlesheet">
<input type="text" name="Name" placeholder="Name"><br>
<input type="email" name="Email" placeholder="Email ID"><br>
<input type="text" name="Number" placeholder="Contact Number"><br>
<textarea rows="5" cols="7" name="Review" placeholder="Write your review"></textarea><br>
<button type="submit">Submit</button>
</form>
</div>
</div>
<!-- --------------------------------------------FOOTER-------------------------------------------------------->
<footer>
<div class="footer_logo">
<a href="index.html"><img src="images/logo.png" width="250"></a>
</div>
<div class="pages">
<h3>Customer Care</h3>
<a href="about.html">About Us</a>|
<a href="summer.html">Summer Sale</a>|
<a href="catering.html">Catering</a>|
<a href="contact.html">Contact</a>
</div>
<div class="doc">
<h3>Documents</h3>
<a href="#">Privacy Policy</a>|
<a href="#">Terms of Use</a>|
<a href="#">Refund Policy</a>
</div>
<div class="social">
<h3>Follow Us</h3>
<a href="https://www.facebook.com/" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="https://www.linkedin.com/" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
</div>
<div class="contact">
<h3>Contact Us</h3>
<a href="https://api.WhatsApp.com/send?phone=+910000000000" target="_blank"><i class="fa fa-whatsapp" aria-hidden="true"></i></a>
<a href="tel: +910000000000"><i class="fa fa-phone" aria-hidden="true"></i></a>
<a href="mailto: roshnideyic365@gmail.com"><i class="fa fa-envelope-o" aria-hidden="true"></i></a>
</div>
<hr>
<p>Copyright © 2021 Culinary King. All rights reserved.</p>
</footer>
<script type="text/javascript">
const scriptURL = 'https://script.google.com/macros/s/AKfycbzmY7HJmUEupsd8UBLj-aTxEsPcKQEWFYaxFA44IcIYrYCjanY1WcTF4zyKYXFQubtbTA/exec'
const form = document.forms['submit-googlesheet']
form.addEventListener('submit', e => {
e.preventDefault()
fetch(scriptURL, { method: 'POST', body: new FormData(form)})
.then(response => alert("Thanks you for your valuable feedback!"))
.catch(error => console.error('Error!', error.message))
})
</script>
</body>
</html>