-
Notifications
You must be signed in to change notification settings - Fork 13
/
Copy pathindex.html
339 lines (275 loc) · 10.2 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
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<link rel="icon" href="./images/favicon.png" />
<title>Sparksuite Employee Handbook</title>
<link href="./css/main.css" rel="stylesheet" />
<script src="./components/footer.js" type="text/javascript" defer></script>
<script src="https://kit.fontawesome.com/7e296b456e.js" crossorigin="anonymous"></script>
<script defer data-domain="handbook.sparksuite.com" src="https://plausible.io/js/script.js"></script>
</head>
<body class="py-4">
<header class="container">
<h3 class="text-muted mb-4">Sparksuite’s Employee Handbook</h3>
</header>
<main>
<div class="container mb-5">
<div class="bg-light rounded-3 border p-4 p-sm-5">
<h1 class="display-3 display-3 text-center mb-4 mb-5-sm">Hello!</h1>
<p class="lead">
This employee handbook is designed to answer questions that current and prospective employees may have about
our employment policies, benefits, perks, hiring process, office policies, etc. The content within applies
to Sparksuite and its subsidiaries. We’ve posted this publicly to promote a culture of transparency and
clarity, and because we’re proud of the working environment we’ve created.
</p>
<p class="lead">
Our handbook is
<a href="https://github.com/sparksuite/employee-handbook">open sourced on GitHub</a>
to track the changes we’ve made to these policies over time. We’ve given it a flexible license so other
companies can benefit from our research and work.
</p>
<p class="lead">
If you have any questions or comments, we’d love to answer them, so feel free to reach out.
</p>
<p class="lead mt-5">
<img
class="img-fluid mb-1 d-block"
style="max-width: 10em"
src="./images/signature.png"
alt="Wes Cossick’s signature"
/>
<em class="text-muted">CEO of Sparksuite</em>
</p>
</div>
</div>
<div class="container">
<div class="row">
<div class="col">
<h2 class="display-6 border-bottom pb-2 mb-4">Benefits and perks</h2>
</div>
</div>
<div class="row gy-2 mb-4">
<div class="col-12 col-sm-6">
<h4>
<a href="./benefits/health.html"><i class="fa-regular fa-stethoscope opacity-50 me-1"></i> Health</a>
</h4>
<p>
We offer a variety of employer-sponsored health plans from a large insurance carrier, plus vision, dental,
and HSAs.
</p>
</div>
<div class="col-12 col-sm-6">
<h4>
<a href="./benefits/401(k).html"><i class="fa-regular fa-coins opacity-50 me-1"></i> 401(k)</a>
</h4>
<p>We provide a 401(k) through a high-tech, ultra low-fee provider, with considerable company matching.</p>
</div>
<div class="col-12 col-sm-6">
<h4>
<a href="./benefits/paid-time-off.html">
<i class="fa-regular fa-calendar-day opacity-50 me-1"></i> Paid time off
</a>
</h4>
<p>Employees earn a generous amount of highly flexible paid time off.</p>
</div>
<div class="col-12 col-sm-6">
<h4>
<a href="./benefits/observed-holidays.html">
<i class="fa-regular fa-lights-holiday opacity-50 me-1"></i> Observed holidays
</a>
</h4>
<p>View the holidays we observe, for which employees receive paid time off.</p>
</div>
<div class="col-12 col-sm-6">
<h4>
<a href="./benefits/flexible-working-hours.html">
<i class="fa-regular fa-sliders-up opacity-50 me-1"></i> Flexible working hours
</a>
</h4>
<p>Work the hours that are best for you each day. Details about windows of time to work within.</p>
</div>
<div class="col-12 col-sm-6">
<h4>
<a href="./benefits/flexible-remote-work.html">
<i class="fa-regular fa-house-building opacity-50 me-1"></i> Flexible remote work
</a>
</h4>
<p>The flexibility to work remotely when needed from week-to-week.</p>
</div>
<div class="col-12 col-sm-6">
<h4>
<a href="./benefits/free-lunch-fridays.html">
<i class="fa-regular fa-pot-food opacity-50 me-1"></i> Free-lunch Fridays
</a>
</h4>
<p>On the first Friday of each month, we gather together for a free meal.</p>
</div>
<div class="col-12 col-sm-6">
<h4>
<a href="./benefits/taco-tuesdays.html">
<i class="fa-regular fa-taco opacity-50 me-1"></i> Taco Tuesdays
</a>
</h4>
<p>Every Tuesday we enjoy delicious breakfast tacos from local restaurants.</p>
</div>
<div class="col-12 col-sm-6">
<h4>
<a href="./benefits/office.html">
<i class="fa-regular fa-chair-office opacity-50 me-1"></i> Office environment
</a>
</h4>
<p>We’ve invested heavily into creating a place team members love to work from.</p>
</div>
<div class="col-12 col-sm-6">
<h4>
<a href="./benefits/unique-culture.html">
<i class="fa-regular fa-face-grin-wide opacity-50 me-1"></i> Unique culture
</a>
</h4>
<p>Fast paced, ambitious goals, cutting edge technology—but without the usual risk.</p>
</div>
<div class="col-12 col-sm-6">
<h4>
<a href="./benefits/work-life-balance.html">
<i class="fa-regular fa-house-person-return opacity-50 me-1"></i> Work-life balance
</a>
</h4>
<p>We really mean that. Our team members should enjoy a great work and personal life balance.</p>
</div>
<div class="col-12 col-sm-6">
<h4>
<a href="./benefits/modern-tech-stacks.html">
<i class="fa-regular fa-bolt opacity-50 me-1"></i> Modern tech stacks
</a>
</h4>
<p>Cutting edge tools for an efficient and enjoyable working environment.</p>
</div>
<div class="col-12 col-sm-6">
<h4>
<a href="./benefits/anniversary-swag.html">
<i class="fa-regular fa-gift opacity-50 me-1"></i> Anniversary swag
</a>
</h4>
<p>Rock company swag after hitting work anniversary milestones.</p>
</div>
<div class="col-12 col-sm-6">
<h4>
<a href="./benefits/new-parent-leave.html">
<i class="fa-regular fa-baby-carriage opacity-50 me-1"></i> New parent leave
</a>
</h4>
<p>All employees can take up to 12 weeks of leave when they become a new parent.</p>
</div>
</div>
<div class="row">
<div class="col">
<h2 class="display-6 border-bottom pb-2 mb-4">People operations</h2>
</div>
</div>
<div class="row gy-2">
<div class="col-12 col-sm-6">
<h4>
<a href="./people-operations/design-principles.html">
<i class="fa-regular fa-ruler-triangle opacity-50 me-1"></i> Design principles
</a>
</h4>
<p>The principles that guide the way we design our benefits, perks, compensation, and policies.</p>
</div>
<div class="col-12 col-sm-6">
<h4>
<a href="./people-operations/at-will-employment.html">
<i class="fa-regular fa-id-badge opacity-50 me-1"></i> At-will employment
</a>
</h4>
<p>Information about the nature of employment.</p>
</div>
<div class="col-12 col-sm-6">
<h4>
<a href="./people-operations/code-of-conduct.html">
<i class="fa-regular fa-thumbs-up opacity-50 me-1"></i> Code of conduct
</a>
</h4>
<p>How employees should conduct themselves as representatives of our company.</p>
</div>
<div class="col-12 col-sm-6">
<h4>
<a href="./people-operations/dress-code.html">
<i class="fa-regular fa-shirt opacity-50 me-1"></i> Dress code
</a>
</h4>
<p>Comfortable and casual, but not tacky.</p>
</div>
<div class="col-12 col-sm-6">
<h4>
<a href="./people-operations/drugs-alcohol-and-weapons.html">
<i class="fa-regular fa-space-station-moon opacity-50 me-1"></i> Drugs, alcohol, and weapons
</a>
</h4>
<p>Ensuring a safe and productive work environment.</p>
</div>
<div class="col-12 col-sm-6">
<h4>
<a href="./people-operations/employee-privacy.html">
<i class="fa-regular fa-user-shield opacity-50 me-1"></i> Employee privacy
</a>
</h4>
<p>Privacy as it relates to our company and the workplace.</p>
</div>
<div class="col-12 col-sm-6">
<h4>
<a href="./people-operations/equal-opportunity.html">
<i class="fa-regular fa-equals opacity-50 me-1"></i> Equal opportunity
</a>
</h4>
<p>Our stance against discrimination.</p>
</div>
<div class="col-12 col-sm-6">
<h4>
<a href="./people-operations/handbook-acknowledgement.html">
<i class="fa-regular fa-file-signature opacity-50 me-1"></i> Handbook acknowledgement
</a>
</h4>
<p>Introduction to, and acknowledgment of, this employee handbook.</p>
</div>
<div class="col-12 col-sm-6">
<h4>
<a href="./people-operations/lunch-breaks.html">
<i class="fa-regular fa-avocado opacity-50 me-1"></i> Lunch breaks
</a>
</h4>
<p>Information about taking a lunch break.</p>
</div>
<div class="col-12 col-sm-6">
<h4>
<a href="./people-operations/payroll-information.html">
<i class="fa-regular fa-arrows-rotate opacity-50 me-1"></i> Payroll information
</a>
</h4>
<p>Useful information about how payroll works.</p>
</div>
<div class="col-12 col-sm-6">
<h4>
<a href="./people-operations/piiaa.html"
><i class="fa-regular fa-shield-keyhole opacity-50 me-1"></i> PIIAA</a
>
</h4>
<p>Proprietary information and inventions assignment agreement.</p>
</div>
<div class="col-12 col-sm-6">
<h4>
<a href="./people-operations/sick-policy.html"
><i class="fa-regular fa-face-thermometer opacity-50 me-1"></i> Sick policy</a
>
</h4>
<p>What to do when you’re sick.</p>
</div>
</div>
</div>
</main>
<footer class="container">
<shared-footer></shared-footer>
</footer>
</body>
</html>