-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
303 lines (276 loc) · 14.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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-114664567-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-114664567-1');
</script>
<meta name="viewport" content="width=device-width, maximum-scale=1, user-scalable=no" />
<link rel="stylesheet" type="text/css" href="bower_components/semantic/dist/semantic.min.css">
<link rel="stylesheet" type="text/css" href="css/styles.css">
<title>Bonzai Boyz</title>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Nav -->
<div id="nav" class="ui top secondary pointing menu">
<img id="logo" src="images/logo.png">
<div class="right menu">
<a href="#menu" class="item">Menu</a>
<a href="#about" class="item">About</a>
<a href="#contact" class="item">Contact</a>
</div>
</div>
<!-- Main Photo -->
<div id="main" class="ui center aligned segment">
<img class="ui fluid image" src="images/cover_photo.jpeg">
</div>
<!-- Menu -->
<div id="menu" class="ui center aligned segment">
<h1>Our Food</h1>
<p>Our mission is to share the goodness and variety of Asian Fusion cuisine to the local Phoenix community</p>
<p>Find us on <b>Street Food Finder</b>:
<b><a target="_blank" href="https://streetfoodfinder.com/BonzaiBoyz">Bonzai Boyz</a></b> and
<b><a target="_blank" href="https://streetfoodfinder.com/mrriceguyz">Mr. Rice Guyz Men</a></b>
</p>
<div class="slideshow">
<!-- Slideshow container -->
<div class="slideshow-container">
<!-- Full-width images with number and caption text -->
<div class="mySlides fade">
<img src="images/in_action_1.jpg" style="width:600px; height:500px;">
</div>
<div class="mySlides fade">
<img src="images/in_action_2.jpg" style="width:600px; height:500px;">
</div>
<div class="mySlides fade">
<img src="images/in_action_3.jpg" style="width:600px; height:500px;">
</div>
<div class="mySlides fade">
<img src="images/in_action_4.jpg" style="width:600px; height:500px;">
</div>
<div class="mySlides fade">
<img src="images/in_action_5.jpg" style="width:600px; height:500px;">
</div>
<div class="mySlides fade">
<img src="images/in_action_6.jpg" style="width:600px; height:500px;">
</div>
<div class="mySlides fade">
<img src="images/in_action_7.jpg" style="width:600px; height:500px;">
</div>
<div class="mySlides fade">
<img src="images/in_action_8.jpg" style="width:600px; height:500px;">
</div>
<div class="mySlides fade">
<img src="images/in_action_9.jpg" style="width:600px; height:500px;">
</div>
<div class="mySlides fade">
<img src="images/in_action_10.jpg" style="width:600px; height:500px;">
</div>
<div class="mySlides fade">
<img src="images/in_action_11.jpg" style="width:600px; height:500px;">
</div>
<div class="mySlides fade">
<img src="images/in_action_12.jpg" style="width:600px; height:500px;">
</div>
<div class="mySlides fade">
<img src="images/in_action_13.jpg" style="width:600px; height:500px;">
</div>
<div class="mySlides fade">
<img src="images/in_action_14.jpg" style="width:600px; height:500px;">
</div>
<div class="mySlides fade">
<img src="images/in_action_15.jpg" style="width:600px; height:500px;">
</div>
<div class="mySlides fade">
<img src="images/in_action_16.jpg" style="width:600px; height:500px;">
</div>
<div class="mySlides fade">
<img src="images/in_action_17.jpg" style="width:600px; height:500px;">
</div>
<div class="mySlides fade">
<img src="images/in_action_18.jpg" style="width:600px; height:500px;">
</div>
<div class="mySlides fade">
<img src="images/in_action_19.jpg" style="width:600px; height:500px;">
</div>
<div class="mySlides fade">
<img src="images/in_action_20.jpg" style="width:600px; height:500px;">
</div>
<!-- Next and previous buttons -->
<div class="buttons">
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
</div>
</div>
<br>
<!-- The dots/circles -->
<div style="text-align:center">
<span class="dot" onclick="currentSlide(1)"></span>
<span class="dot" onclick="currentSlide(2)"></span>
<span class="dot" onclick="currentSlide(3)"></span>
<span class="dot" onclick="currentSlide(4)"></span>
<span class="dot" onclick="currentSlide(5)"></span>
<span class="dot" onclick="currentSlide(6)"></span>
<span class="dot" onclick="currentSlide(7)"></span>
<span class="dot" onclick="currentSlide(8)"></span>
<span class="dot" onclick="currentSlide(9)"></span>
<span class="dot" onclick="currentSlide(10)"></span>
<span class="dot" onclick="currentSlide(11)"></span>
<span class="dot" onclick="currentSlide(12)"></span>
<span class="dot" onclick="currentSlide(13)"></span>
<span class="dot" onclick="currentSlide(14)"></span>
<span class="dot" onclick="currentSlide(15)"></span>
<span class="dot" onclick="currentSlide(16)"></span>
<span class="dot" onclick="currentSlide(17)"></span>
<span class="dot" onclick="currentSlide(18)"></span>
<span class="dot" onclick="currentSlide(19)"></span>
<span class="dot" onclick="currentSlide(20)"></span>
</div>
</div>
<div class="food-gallery">
<div class="grid-item food-container">
<img src="images/in_action_1.jpg" class="food-image">
</div>
<div class="grid-item food-container">
<img src="images/in_action_2.jpg" class="food-image">
</div>
<div class="grid-item food-container">
<img src="images/in_action_3.jpg" class="food-image">
</div>
<div class="grid-item food-container">
<img src="images/in_action_4.jpg" class="food-image">
</div>
<div class="grid-item food-container">
<img src="images/in_action_5.jpg" class="food-image">
</div>
<div class="grid-item food-container">
<img src="images/in_action_6.jpg" class="food-image">
</div>
<div class="grid-item food-container">
<img src="images/in_action_7.jpg" class="food-image">
</div>
<div class="grid-item food-container">
<img src="images/in_action_8.jpg" class="food-image">
</div>
<div class="grid-item food-container">
<img src="images/in_action_9.jpg" class="food-image">
</div>
<div class="grid-item food-container">
<img src="images/in_action_10.jpg" class="food-image">
</div>
<div class="grid-item food-container">
<img src="images/in_action_11.jpg" class="food-image">
</div>
<div class="grid-item food-container">
<img src="images/in_action_12.jpg" class="food-image">
</div>
<div class="grid-item food-container">
<img src="images/in_action_13.jpg" class="food-image">
</div>
<div class="grid-item food-container">
<img src="images/in_action_14.jpg" class="food-image">
</div>
<div class="grid-item food-container">
<img src="images/in_action_15.jpg" class="food-image">
</div>
<div class="grid-item food-container">
<img src="images/in_action_16.jpg" class="food-image">
</div>
<div class="grid-item food-container">
<img src="images/in_action_17.jpg" class="food-image">
</div>
<div class="grid-item food-container">
<img src="images/in_action_18.jpg" class="food-image">
</div>
<div class="grid-item food-container">
<img src="images/in_action_19.jpg" class="food-image">
</div>
<div class="grid-item food-container">
<img src="images/in_action_20.jpg" class="food-image">
</div>
</div>
<br>
<a target="_blank" href="bb-menu.pdf"><button class="ui button">Menu</button></a>
<a href="bb_catering_menu.pdf" target="_blank"><button class="ui button">Catering Menu</button></a>
<div id="catering" name="catering">
<h2 class="ui center aligned">Please <a href="#contact">contact</a> us for all your catering needs!</h2>
</div>
<div>
<img id="logo2" height="250" width="250" src="images/logo2.png">
<br>
<br>
<a target="_blank" href="mrg-menu.pdf"><button class="ui button">Mr. Rice Guyz Menu</button></a>
</div>
<br>
</div>
<!-- About -->
<div id="about" class="ui center aligned segment">
<h1 class="ui center aligned header">About Us</h1>
<div class="ui stackable three column center aligned grid">
<div class="column">
<img class="ui medium circular centered image" src="images/jon.jpeg">
<br>
<h2>Chef Jon Hing</h2>
<p>As a native Arizonan, Chef Jon has grown up and been inspired by food all of his life. Some of his fondest memories revolve around helping to cook dinners with his mom and grandma and all the excitement around being apart of his aunt’s Chinese restaurant. Jon was continually amazed by the transformation of ingredients into delicious dishes, expanding his exploration into all different types of cuisines.</p>
<p>Jon attended Arizona State University and earned his degrees in Accounting and Computer Information Systems, but never lost his desire to cook. Luckily for his roommates, Jon often made meals for everyone.After graduating,he worked for 7 years as a CPA and Audit Manager with a national accounting firm before he made the decision to follow his passion in the fine art of food. He took the leap of faith and enrolled at Arizona Culinary Institute. Shortly after graduation, Jon landed an entry level position as a Pantry Cook at Roy's Hawaiian Fusion restaurant in Chandler. Jon’s hands-on skills and formal culinary training helped him to advance quickly as he advanced to a Sous Chef after two and a half years and eventually became the Chef Partner. </p>
</div>
<div class="column">
<img class="ui medium circular centered image" src="images/leong.jpeg">
<br>
<h2>Chef Leong Yam</h2>
<p>Originally from Malaysia, Chef Leong has spent most of his childhood in Arizona. Gaining his first experiences from his father, Leong knew he wanted to work with food. During his time in the Culinary Arts program at the Art Institute of Phoenix, Leong participated in cooking competitions as well cooking and serving in an active restaurant at the school. He also worked part-time at Starbucks and The Cheesecake Factory while in school.</p>
<p>After graduation, Leong accepted a position as Sous Chef at Paul Lee’s Chinese Kitchen. He also expanded his experience by working for non-traditional food places such as a Sushi Chef at AJ’s Fine Foods and a Sous Chef at Banner Desert Medical Center. These experiences gave Chef Leong further exposure to different ingredients, nutritional concepts, customers and ways of service (catering and event service) Leong is also a fan of international travel, visiting many Asian countries and gaining a great deal of his inspiration from these countries. Most recently, Leong serves as the Executive Chef at Roy’s Hawaiian Fusion Restaurant; using his skills, experience and knowledge to continue to ‘wow’ his guests.</p>
</div>
<div class="column">
<img class="ui medium circular centered image" src="images/javi.jpeg">
<br>
<h2>Javi Mogollon</h2>
<p>Chef Javi's love for cooking started at a young age watching his mom cook authentic Mexican food at home. This curiosity developed into his passion as he built his career as a Chef in the restaurant industry. Javi has 30+ years of experience in numerous positions working for companies such as Olive Garden, Applebee's, and Bahama Breeze.</p>
<p>In 2006, he started working at Roy's Hawaiian Fusions with Jon and Leong - working together for over 10 years. Javi was promoted to Executive Chef after Jon and Leong moved on to start the food trucks. When Roy's closed its doors in 2021, Javi became the Executive Chef at Pedal House Phoenix. We are excited that Javi has decided to rejoin the Boyz in late 2022 to expand our reach and availability to serve the culinary needs of the valley.</p>
</div>
</div>
</div>
<!-- Contact -->
<div id="contact" class="ui center aligned segment" name="contact">
<h1>Contact Us</h1>
<br>
<form class="ui form" method="POST" action="https://formspree.io/[email protected]">
<div class="field">
<label>Email Address</label>
<input placeholder="Email Address" name="email" type="text">
</div>
<div class="field">
<label>Questions and Comments</label>
<textarea placeholder="Your questions and comments here." name="message" type="text"></textarea>
</div>
<input type="submit" value="Send" class="ui red button">
</form>
</div>
<!-- Footer -->
<footer class="social" id="footer">
<h1 class="ui center aligned header">Follow Us</h1>
<div class="ui stackable two column center aligned grid">
<div class="column">
<p><b>Bonzai Boyz</b></p>
<a href="https://www.facebook.com/profile.php?id=100083173822383" target="_blank"><i class="facebook icon"></i></a>
<a href="https://www.instagram.com/bonzaiboyzft/" target="_blank"><i class="instagram icon"></i></a>
<a href="https://www.yelp.com/biz/bonzai-boyz-mesa-2?osq=bonzai+boyz" target="_blank"><i class="yelp icon"></i></a>
</div>
<div class="column">
<p><b>Mr. Rice Guyz Men</b></p>
<a href="https://www.facebook.com/mr.riceguyz" target="_blank"><i class="facebook icon"></i></a>
<a href="https://www.instagram.com/mr.riceguyzaz/?hl=en" target="_blank"><i class="instagram icon"></i></a>
</div>
</footer>
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/masonry-layout/dist/masonry.pkgd.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>