-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathouter.html
More file actions
399 lines (393 loc) · 18.4 KB
/
outer.html
File metadata and controls
399 lines (393 loc) · 18.4 KB
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
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
<!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">
<link rel="stylesheet" href="outer.css" />
<title>
My Welcoming Page
</title>
</head>
<body>
<nav>
<input id="check" type="checkbox">
<label for="check" class="right">
<div class="menu"></div>
<div class="menu"></div>
</label>
<label class="top"><img src="https://www.useparallel.com/images/logo/full-svg.svg"/></label>
<ul>
<li><a class="find" href="myjobs.html">Find Jobs</a></li>
<li><a href="explore.html">For Employees</a></li>
</ul>
<a href="login.html" class="btn2">sign in</a>
<a href="signup.html" class="btn1">Sign up Free</a>
<ul class="show">
<div class="li1">
<li><a href="outer.html">Explore Jobs</a></li>
<li><a href="#">Discover Companies</a></li>
<li><a href="#">Browse Collections</a></li>
</div>
<div class="give">
<li><a href="employees.html">For Employees</a></li>
</div>
<div class="wave1">
<div class="sign-up1">Sign Up Free</div>
<div class="sign-in1">Sign In</div>
</div>
</ul>
</nav>
<div class="wrapper">
<div class="body1">
<h1>Your fast pass to a job you love.</h1>
<div class="column">
<div class="radio1">
<div class="column1">
<img src="https://www.useparallel.com/images/icons/check.svg"/>
<label class="to">Apply direct to teams</label>
</div>
<div class="column1">
<img src="https://www.useparallel.com/images/icons/check.svg"/>
<label class="to">Skip the algorithms</label>
</div>
</div>
<div class="radio1">
<div class="column1">
<img src="https://www.useparallel.com/images/icons/check.svg"/>
<label class="to">Feedback within 10 days</label>
</div>
<div class="column1">
<div class="none">
<img src="https://www.useparallel.com/images/icons/check.svg"/>
<label>Land your interview quicker</label>
</div>
</div>
</div>
</div>
<div class="devide">
<input id="search1" type="search" placeholder="Find your mission....">
<button>search jobs</button>
</div>
</div>
<img class="cut" src="https://www.useparallel.com/images/backgrounds/landing/heroImage.webp"/>
</div>
<div class="wrap">
<div class="buttom1">
<h1><strong>Finally a better way to find work.</strong></h1>
<button>Join Parallel Free</button>
</div>
<div class="buttom">
<div class="buttom2">
<img class="first" src="https://www.useparallel.com/images/backgrounds/landing/doubleSend.png"/>
<h1>Get Referred</h1>
<p>72% of applications are never seen by a human! With parallel you skip the line and apply direct to teams. Boo-ya! </p>
</div>
<div class="buttom2">
<img class="first" src="https://www.useparallel.com/images/backgrounds/landing/feedbackIcon.png"/>
<div class="first1">
<h1>Get Feedback</h1>
<p>Don't get ghosted! Employees give you feedback with every application, never go wondering again.</p>
</div>
</div>
<div class="buttom2">
<img class="first" src="https://www.useparallel.com/images/backgrounds/landing/beYourselfIcon.png"/>
<div class="first1">
<h1>Be Yourself</h1>
<p>Your Parallel profile is your new resume - not only you experience but your passions and interests.</p>
</div>
</div>
</div>
</div>
<div class="wrapper1">
<div class="flex">
<h1>Trending jobs</h1>
<p>View all</p>
</div>
<div class="flex1">
<div class="flex2">
<div class="images">
<img class="img" src="https://ik.imagekit.io/parallel/undefined/616965d44ceb48116fc39a77/company/logo/prl-c_aiIvy0ezk?tr=fo-auto,q-80,f-auto,pr-true,md-false,w-60,h-60"/>
<img class="img1" src="https://www.seekpng.com/png/small/18-189843_sweet-dreams-with-lavender-bags-white-heart-no.png"/>
</div>
<div class="flex3">
<h3>Marketing Specialist (Remote)</h3>
<p>Cartloop · Barcelona</p>
<p>Active Employees</p>
</div>
<div class="flex4">Apply Direct</div>
</div>
<div class="flex2">
<div class="images">
<img class="img" src="https://ik.imagekit.io/parallel/undefined/61646eedeed64f1624e86d30/company/logo/prl-c_4VkT8FfmLW?tr=fo-auto,q-80,f-auto,pr-true,md-false,w-60,h-60"/>
<img class="img1" src="https://www.seekpng.com/png/small/18-189843_sweet-dreams-with-lavender-bags-white-heart-no.png"/>
</div>
<div class="flex3">
<h3 class="know">Software Engineer I</h3>
<p>DailyPay · Belfast</p>
<p>Active Employees</p>
</div>
<div class="flex4">Apply Direct</div>
</div>
<div class="flex2">
<div class="images">
<img class="img" src="https://ik.imagekit.io/parallel/undefined/615f6e79210e18328ee7aef3/company/logo/prl-c_dcQnJ0rFM?tr=fo-auto,q-80,f-auto,pr-true,md-false,w-60,h-60"/>
<img class="img1" src="https://www.seekpng.com/png/small/18-189843_sweet-dreams-with-lavender-bags-white-heart-no.png"/>
</div>
<div class="flex3">
<h3>Verification Associate, German</h3>
<p>Faire · Amsterdam</p>
<p>Active Employees</p>
</div>
<div class="flex4">Apply Direct</div>
</div>
<div class="flex2">
<div class="images">
<img class="img" src="https://ik.imagekit.io/parallel/undefined/6165854d3a68eb24835e6362/company/logo/prl-c_r4wV-L3LF?tr=fo-auto,q-80,f-auto,pr-true,md-false,w-60,h-60"/>
<img class="img1" src="https://www.seekpng.com/png/small/18-189843_sweet-dreams-with-lavender-bags-white-heart-no.png"/>
</div>
<div class="flex3">
<h3 class="know">Visual Designer</h3>
<p>OpenSea · Remote</p>
<p>Active Employees</p>
</div>
<div class="flex4">Apply Direct</div>
</div>
</div>
</div>
<div class="wrapper2">
<div class="flex5">
<h1>Top Companies</h1>
<p>View all</p>
</div>
<div class="flex6">
<div class="flex7">
<div class="flex8">
<img src="https://ik.imagekit.io/parallel/app/615ee21ffcb8e81d60c92967/company/logo/prl-c_1-D91z6dZ?tr=fo-auto,q-80,f-auto,pr-true,md-false,w-80,h-80"/>
</div>
<div class="flex9">
<h3>Webflow</h3>
<p>Computer Software · San Francisco, </p>
<p>67 Open Positions</p>
<p>Active Employees</p>
<div class="flex10">Browse Jobs</div>
</div>
</div>
<div class="flex7">
<div class="good">
<img src="https://ik.imagekit.io/parallel/undefined/615f63dcfcb8e81d60c92a1a/company/logo/prl-c_AK1_PVl-p?tr=fo-auto,q-80,f-auto,pr-true,md-false,w-80,h-80"/>
</div>
<div class="flex9">
<h3>Patreon</h3>
<p>Creator Tools · San Francisco, CA </p>
<p>156 Open Positions</p>
<p>Active Employees</p>
<div class="flex10">Browse Jobs</div>
</div>
</div>
<div class="flex7">
<div class="good1">
<img src="https://ik.imagekit.io/parallel/undefined/615f6e79210e18328ee7aef3/company/logo/prl-c_dcQnJ0rFM?tr=fo-auto,q-80,f-auto,pr-true,md-false,w-80,h-80"/>
</div>
<div class="flex9">
<h3>Faire</h3>
<p>E-Commerce · San Francisco, CA </p>
<p>218 Open Positions</p>
<p>Active Employees</p>
<div class="flex10">Browse Jobs</div>
</div>
</div>
<div class="flex7">
<div class="good2">
<img src="https://ik.imagekit.io/parallel/undefined/615fc00a210e18328ee7b34a/company/logo/prl-c_txdhxNKLJqo?tr=fo-auto,q-80,f-auto,pr-true,md-false,w-80,h-80"/>
</div>
<div class="flex9">
<h3>Breef</h3>
<p>Marketplace · New York, NY </p>
<p>3 Open Positions</p>
<p>Active Employees</p>
<div class="flex10">Browse Jobs</div>
</div>
</div>
</div>
</div>
<div class="fast">
<img src="https://www.useparallel.com/images/backgrounds/landing/testimony.webp"/>
<div class="eng">
<h2>
<strong>“The only truly transparent job platform.</strong> Parallel makes the job search process much more fun, simple and transparent. Love that I get to apply direct to the actual team members.”</h2>
<p><strong>John Li,</strong> Senior Engineer</p>
</div>
</div>
<div class="genue">
<div class="genue1">
<h2>Find your culture</h2>
</div>
<div class="genue2">
<div class="plate">Adventurous</div>
<div class="plate">Autonomous</div>
<div class="plate">Bold</div>
<div class="plate">Casual</div>
<div class="plate">Collaborative</div>
<div class="plate">Curious</div>
<div class="plate">Ego-Free</div>
<div class="plate">Empathetic</div>
<div class="plate">Empowering</div>
<div class="plate">Entrepreneurial</div>
<div class="plate">Fast Paced</div>
<div class="plate">Focused</div>
<div class="plate">Forward Thinking</div>
<div class="plate">inclusive</div>
<div class="plate">Kind</div>
</div>
</div>
<div class="relative">
<p class="faq">FAQs</p>
<div class="find">
<input id="box" type="checkbox">
<label for="box" class="box">
<div class="okay">
<ul class="abi">
<p class="para">Why Parallel over Linkedin Jobs, or Zip Recruiter?</p>
<img class="ojo" src="https://www.useparallel.com/images/icons/dropdown-light.svg">
</ul>
</div>
</label>
<ul class="sami">
<p>Your application goes right to team members you would be working with. You can manage all your applications in one place, apply in two clicks, and get feedback from teams in just a few days.</p>
</ul>
</div>
<div class="find">
<input id="box1" type="checkbox">
<label for="box1" class="box">
<div class="okay">
<ul class="abi">
<p>What types of jobs are on Parallel?</p>
<img class="ojo" src="https://www.useparallel.com/images/icons/dropdown-light.svg">
</ul>
</div>
</label>
<ul class="sami">
<p>Parallel is curating the best jobs from the top companies in the technology, lifestyle, and direct to consumer sectors.</p>
</ul>
</div>
<div class="find">
<input id="box2" type="checkbox">
<label for="box2" class="box">
<div class="okay">
<ul class="abi">
<p>What does apply direct or get referred mean?</p>
<img class="ojo" src="https://www.useparallel.com/images/icons/dropdown-light.svg">
</ul>
</div>
</label>
<ul class="sami">
<p>This means your application goes direct to the founder, hiring manager or the team you would be working with. Skipping the ATS, algorithm, and black box.</p>
</ul>
</div>
<div class="find">
<input id="box3" type="checkbox">
<label for="box3" class="box">
<div class="okay">
<ul class="abi">
<p>Is Parallel free?</p>
<img class="ojo" src="https://www.useparallel.com/images/icons/dropdown-light.svg">
</ul>
</div>
</label>
<ul class="sami">
<p>Yes.</p>
</ul>
</div>
<div class="find">
<input id="box4" type="checkbox">
<label for="box4" class="box">
<div class="okay">
<ul class="abi">
<p>Do I submit my resume or profile?</p>
<img class="ojo" src="https://www.useparallel.com/images/icons/dropdown-light.svg">
</ul>
</div>
</label>
<ul class="sami">
<p>With parallel you build a custom profile that you will submit. This profile showcases more about your interests and passions and gets sent directly to members on the team.</p>
</ul>
</div>
<div class="find">
<input id="box5" type="checkbox">
<label for="box5" class="box">
<div class="okay">
<ul class="abi">
<p>Will more companies & jobs be added?</p>
<img class="ojo" src="https://www.useparallel.com/images/icons/dropdown-light.svg">
</ul>
</div>
</label>
<ul class="sami">
<p>Yes, new companies and jobs will be added each month. Once you sign up you will get noitified when new rad companies drop.</p>
</ul>
</div>
</div>
<div class="oboy">
<div class="tone">
<img class="cool1"src="https://www.useparallel.com/images/backgrounds/landing/signUpLeftTop.png"/>
<img class="cool"src="https://www.useparallel.com/images/backgrounds/landing/signUpRightTop.svg"/>
</div>
<div class="well">
<p>Ready to skip the line and apply direct?</p>
<div class="point">Join Parallel Free</div>
<div class="point1">Hire On Parallel</div>
</div>
<div class="tone">
<img src="https://www.useparallel.com/images/backgrounds/landing/signUpLeftBottom.svg"/>
<img class="cool2"src="https://www.useparallel.com/images/backgrounds/landing/signUpRightBottom.png"/>
</div>
</div>
<footer style="background: black; color: grey;">
<div class="footer">
<div class="footer1">
<p style="color: white">Hire Different <sup style="font-size: 10px;">TM</sup></p>
<div class="footer2">
<input id="text" type="text" placeholder="email@example.com">
<button>Join for Free</button>
</div>
<div class="footer3">
<img src="https://www.useparallel.com/images/backgrounds/landing/instagram.svg"/>
<img src="https://www.useparallel.com/images/backgrounds/landing/twitter.svg"/>
<img src="https://www.useparallel.com/images/backgrounds/landing/mail.svg"/>
</div>
</div>
<div class="true">
<div class="footer4">
<h3>For Job Seekers</h3>
<p>Explore Jobs</p>
<p>Discover Companies</p>
<p>Browse Collections</p>
</div>
<div class="footer4">
<h3>For Companies</h3>
<p>For Team Members</p>
<p>For Companies</p>
</div>
<div class="footer4">
<h3>Parallel</h3>
<p>About us</p>
<p>Contact</p>
<p>Call us</p>
</div>
</div>
<div class="footer5">
<img src="https://www.useparallel.com/images/backgrounds/landing/instagram.svg"/>
<img src="https://www.useparallel.com/images/backgrounds/landing/twitter.svg"/>
<img src="https://www.useparallel.com/images/backgrounds/landing/mail.svg"/>
</div>
</div>
<img class="clear" src="https://www.useparallel.com/images/logo/full-white.png"/>
<p class="bottomflat">© 2021 Parallel Group. All Rights Reserved, <a href="#">Terms of Service</a> <a href="#">Privacy Policy</a></p>
</footer>
<!-- <audio id="audioclip" controls>
<source src="audio/meow.mp3" type="audio/mpeg">
</audio> -->
<script src="script.js"></script>
</body>
</html>