-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
276 lines (252 loc) · 12.7 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Food Truck Launch Guide</title>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lora" rel="stylesheet">
<link rel="stylesheet" href="styles-mainpage.css">
</head>
<body>
<div class="logo">
<img src="city-boston-logo.png" alt="Boston Food Truck Logo" class="logo-image">
</div> <br> <br> <br> <br>
<div class="disclaimer-banner">
<div class="disclaimer-content">
<span class="disclaimer-emphasis">Student Project Notice:</span>
This is not an official City of Boston website. This is an academic project created by Harvard Kennedy School students.
</div>
</div>
<header>
<div id="header-mainpage">🚚 WE ARE HERE TO HELP YOU LAUNCH FOOD TRUCK IN BOSTON 🌮</div>
<div class="header-accent"></div>
</header>
<main>
<p class="intro-text">
Starting a food truck in Boston presents a unique opportunity to tap into this amazing city's vibrant food scene and diverse customer base. With its bustling neighborhoods and growing demand for street food, Boston is an ideal place to introduce creative and exciting culinary concepts.
Obtaining the right permits ensures a smooth and successful launch, allowing your food truck to thrive in one of the most dynamic food destinations in the country!<br><br>
The process is outlined below. Please keep in mind that <strong>some of these processes can be conducted simultaneously</strong>, so submitting documentation that requires processing or approval as soon as you can will ensure that you can get the ball rolling!<br><br>
The timeframe will depend greatly on whether you are building your truck from scratch or using an existing truck. Your food truck will require a plan review with the City.<br><br>
Contact Thomas McAdams (tel: <a href=tel:617-961-3293>617-961-3293</a>) for more information.
</p>
<div class="steps-wrapper">
<div class="steps-container">
<!-- Card 1 -->
<div class="step-card" data-card-src="card_expanded/card_exp1.html">
<h2>Create Business Plan</h2>
<div class="accent-line"></div>
<h3>📄 What You Need</h3>
<ul>
<li>Your sample menu</li>
<li>What makes your truck unique?</li>
<li>"Rethink your drink"</li>
<li>Your operation plan</li>
<li>Partnering with a licensed kitchen</li>
<li>Community engagement</li>
<li>Sustainability</li>
</ul>
<div class="contact-section">
<h3>☎️ Contact</h3>
<address>
Small Business Department<br>
<a href="tel:617-635-0355">617-635-0355</a><br>
1 City Hall Square, Boston, MA 02201<br>
<a href="mailto:[email protected]">[email protected]</a>
</address>
</div>
</div>
<!-- Card 2 -->
<div class="step-card" data-card-src="card_expanded/card_exp2.html">
<h2>Apply for Hawker and Peddler License</h2>
<div class="accent-line"></div>
<h3>📄 What You Need</h3>
<ul>
<li>Hawker and Peddler license form for each worker handling money on your truck</li>
<li>Certificate of Character</li>
</ul>
<div class="cost-time">
<p>💰 Cost: $112 for each worker</p>
<p>⏰ Time: 1-2 weeks</p>
</div>
<div class="contact-section">
<h3>☎️ Contact</h3>
<address>
Small Business Department<br>
<a href="tel:617-635-0355">617-635-0355</a><br>
1 City Hall Square, Boston, MA 02201<br>
<a href="mailto:[email protected]">[email protected]</a>
</address>
</div>
</div>
<!-- Card 3 -->
<div class="step-card" data-card-src="card_expanded/card_exp3.html">
<h2>Get Business Certificate</h2>
<div class="accent-line"></div>
<h3>📄 What You Need</h3>
<ul>
<li>Business name/address</li>
<li>Copy of lease agreement</li>
<li>Business certificate with notarized signature</li>
<li>Health and fire permits</li>
<li>Hawkers license and commissary kitchen Letter</li>
<li>Liability Insurance Cert</li>
</ul>
<div class="cost-time">
<p>💰 Cost: $65-100</p>
<p>⏰ Time: 1 week</p>
</div>
<div class="contact-section">
<h3>☎️ Contact</h3>
<address>
City Clerk <br>
<a href="tel:617-635-4601">617-635-4601</a><br>
1 City Hall Square, Room 601 Boston, MA 02201
</address>
</div>
</div>
<!-- Card 4 -->
<div class="step-card" data-card-src="card_expanded/card_exp4.html">
<h2>Get Fire Permit</h2>
<div class="accent-line"></div>
<h3>📄 What You Need</h3>
<ul>
<li>An appointment with fire prevention office </li>
<li>Food truck</li>
<li>Food truck application</li>
<li>(Possibly) Open burning and cooking operations permit application</li>
</ul>
<div class="cost-time">
<p>💰 Cost: $150</p>
<p>⏰ Time: 1 day</p>
</div>
<div class="contact-section">
<h3>☎️ Contact</h3>
<address>
Fire Prevention Department<br>
<a href="tel:617-343-3628">617-343-3628</a><br>
1010 Mass Avenue, 4th Floor Boston, MA 02118
</address>
</div>
</div>
<!-- Card 5 -->
<div class="step-card" data-card-src="card_expanded/card_exp5.html">
<h2>Get Health Permit</h2>
<div class="accent-line"></div>
<h3>📄 What You Need</h3>
<ul>
<li>Sample menu</li>
<li>Commissary kitchen letter</li>
<li>Proof of certified food manager</li>
<li>Fire permit</li>
</ul>
<div class="cost-time">
<p>💰 Cost: annual $100</p>
<p>⏰ Time: 1 week</p>
</div>
<div class="contact-section">
<h3>☎️ Contact</h3>
<address>
Inspectional Services Department<br>
<a href="tel:617-635-5326">617-635-5326</a><br>
1010 Massachusetts Avenue, Boston, MA 02218
</address>
</div>
</div>
<!-- Card 6 -->
<div class="step-card" data-card-src="card_expanded/card_exp6.html">
<h2>Procure Insurance</h2>
<div class="accent-line"></div>
<h3>📄 What You Need</h3>
<ul>
<li>Certificate of liability insurance</li>
<li>Contact insurance provider</li>
<li>Buy insurance</li>
<li>Ask for certificate of liability from insurance provider</li>
</ul>
<div class="contact-section">
<h3>☎️ Contact</h3>
<address>
Small Business Department<br>
<a href="tel:617-635-0355">617-635-0355</a><br>
1 City Hall Square, Boston, MA 02201<br>
<a href="mailto:[email protected]">[email protected]</a>
</address>
</div>
</div>
<!-- Card 7 -->
<div class="step-card" data-card-src="card_expanded/card_exp7.html">
<h2>Submit Food Truck Permit Application</h2>
<div class="accent-line"></div>
<h3>📄 What You Need</h3>
<ul>
<li>Business certificate</li>
<li>Health permit</li>
<li>Fire/Open cooking permit</li>
<li>Hawkers/Paddlers licenses</li>
<li>Commissary kitchen letter</li>
<li>Premise permit</li>
</ul>
<div class="cost-time">
<p>💰 Cost: $500</p>
<p>⏰ Time: 1 week</p>
</div>
<div class="contact-section">
<h3>☎️ Contact</h3>
<address>
Small Business Department<br>
<a href="tel:617-635-0355">617-635-0355</a><br>
1 City Hall Square, Boston, MA 02201<br>
<a href="mailto:[email protected]">[email protected]</a>
</address>
</div>
</div>
<!-- Card 8 -->
<div class="step-card" data-card-src="card_expanded/card_exp8.html">
<h2>Choose Location</h2>
<div class="accent-line"></div>
<h3>📄 If public:</h3>
<ul>
<li>Wait to be assigned to an available site</li>
<li>Apply to the next public site lottery</li>
</ul>
<div class="cost-time">
<p>💰 Cost: $50-750 per month</p>
</div>
<h3>📄 If private:</h3>
<ul>
<li>Start vending at your designated spot</li>
</ul>
<div class="contact-section">
<h3>☎️ Contact</h3>
<address>
Small Business Department<br>
<a href="tel:617-635-0355">617-635-0355</a><br>
1 City Hall Square, Boston, MA 02201<br>
<a href="mailto:[email protected]">[email protected]</a>
</address>
</div>
</div>
</main>
<p class="contact-text">
Feeling <strong> Stuck? </strong> <br> Get in touch! ☎️ <br>
<br>
Small Business Department<br>
<a href="tel:617-635-0355">617-635-0355</a><br>
1 City Hall Square, Boston, MA 02201<br>
<a href="mailto:[email protected]">[email protected]</a>
</p>
<footer>
<p>This website is part of the DPI691 class Programming for Policymakers at Harvard Kennedy School.</p>
</footer>
<!-- Add this modal structure -->
<div id="modal" class="modal">
<div class="modal-content">
<span class="close-modal">×</span>
<div id="modal-content-container"></div>
</div>
</div>
<!-- Load JavaScript at the end of body -->
<script src="script.js"></script>
</body>
</html>