-
Notifications
You must be signed in to change notification settings - Fork 0
/
apply.html
228 lines (227 loc) · 7.35 KB
/
apply.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
---
layout: default
title: Apply for a position
permalink: /apply/
---
<div class="overflow-hidden bg-white py-16 px-4 sm:px-6 lg:px-8 lg:py-24">
<div class="relative mx-auto max-w-xl">
<svg
class="absolute left-full translate-x-1/2 transform"
width="404"
height="404"
fill="none"
viewbox="0 0 404 404"
>
<defs>
<pattern
id="85737c0e-0916-41d7-917f-596dc7edfa27"
x="0"
y="0"
width="20"
height="20"
patternunits="userSpaceOnUse"
>
<rect
class="text-gray-200"
x="0"
y="0"
width="4"
height="4"
fill="currentColor"
></rect>
</pattern>
</defs>
<rect
width="404"
height="404"
fill="url(#85737c0e-0916-41d7-917f-596dc7edfa27)"
></rect></svg
><svg
class="absolute right-full bottom-0 -translate-x-1/2 transform"
width="404"
height="404"
fill="none"
viewbox="0 0 404 404"
>
<defs>
<pattern
id="85737c0e-0916-41d7-917f-596dc7edfa27"
x="0"
y="0"
width="20"
height="20"
patternunits="userSpaceOnUse"
>
<rect
class="text-gray-200"
x="0"
y="0"
width="4"
height="4"
fill="currentColor"
></rect>
</pattern>
</defs>
<rect
width="404"
height="404"
fill="url(#85737c0e-0916-41d7-917f-596dc7edfa27)"
></rect>
</svg>
<div class="text-center">
<h2
class="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 sm:text-4xl sm:leading-10"
>
Apply for a position
</h2>
<p class="mt-4 text-lg leading-6 text-gray-500">
We will get back to you shortly.
</p>
</div>
<div class="mt-12">
<form
class="grid grid-cols-1 gap-y-6 sm:grid-cols-2 sm:gap-x-8"
name="fileForm"
data-netlify="true"
enctype="multipart/form-data"
>
<div>
<label
class="block text-sm font-medium leading-5 text-gray-700"
for="first_name"
>First name</label
>
<div class="mt-1">
<input
class="block w-full rounded-md border-gray-300 py-3 px-4 shadow-sm focus:border-indigo-500 focus:ring-indigo-500"
id="first_name"
type="text"
name="first_name"
autocomplete="given-name"
/>
</div>
</div>
<div>
<label
class="block text-sm font-medium leading-5 text-gray-700"
for="last_name"
>Last name</label
>
<div class="mt-1">
<input
class="block w-full rounded-md border-gray-300 py-3 px-4 shadow-sm focus:border-indigo-500 focus:ring-indigo-500"
id="last_name"
type="text"
name="last_name"
autocomplete="family-name"
/>
</div>
</div>
<div class="sm:col-span-2">
<label
class="block text-sm font-medium leading-5 text-gray-700"
for="email"
>Email</label
>
<div class="mt-1">
<input
class="block w-full rounded-md border-gray-300 py-3 px-4 shadow-sm focus:border-indigo-500 focus:ring-indigo-500"
id="email"
name="email"
type="email"
autocomplete="email"
/>
</div>
</div>
<div class="sm:col-span-2">
<label
class="block text-sm font-medium leading-5 text-gray-700"
for="position"
>Position</label
>
<div class="mt-1">
<select
class="block w-full rounded-md border-gray-300 py-3 px-4 shadow-sm focus:border-indigo-500 focus:ring-indigo-500"
id="position"
name="position"
>
<option value="Paid Internship">Paid Internship</option>
<option value="Junior PHP Developer">Junior PHP Developer</option>
<option value="Front End Developer">Front End Developer</option>
<option value="Ruby on Rails Developer">Ruby on Rails Developer</option>
</select>
</div>
</div>
<div class="sm:col-span-2">
<label
class="block text-sm font-medium leading-5 text-gray-700"
for="message"
>Message</label
>
<div class="relative mt-1 rounded-md shadow-sm">
<textarea
class="block w-full rounded-md border-gray-300 py-3 px-4 shadow-sm focus:border-indigo-500 focus:ring-indigo-500"
id="message"
name="message"
rows="4"
></textarea>
</div>
</div>
<div>
<label
htmlFor="file"
lassName="block text-sm font-medium text-gray-700"
>
<Trans>Upload CV</Trans>
</label>
<input
type="file"
name="file"
id="file"
accept="application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document"
className="block w-full text-sm text-slate-500 file:mr-4 file:rounded-full file:border-0 file:bg-indigo-50 file:px-4 file:text-sm file:font-semibold file:text-indigo-700 hover:file:bg-indigo-100"
/>
</div>
<div class="sm:col-span-2">
<div class="flex items-start">
<div class="flex-shrink-0">
<span
class="focus:shadow-outline relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent bg-indigo-600 transition-colors duration-200 ease-in-out focus:outline-none"
role="checkbox"
tabindex="0"
aria-checked="false"
>
<span
class="inline-block h-5 w-5 translate-x-5 transform rounded-full bg-white shadow transition duration-200 ease-in-out"
aria-hidden="true"
></span>
</span>
</div>
<div class="ml-3">
<p class="text-base leading-6 text-gray-500">
By selecting this, you agree to the
<a class="font-medium text-gray-700 underline" href="/privacy/"
>Privacy Policy</a
>
and
<a class="font-medium text-gray-700 underline" href="/terms/"
>Terms of Use</a
>.
</p>
</div>
</div>
</div>
<div class="sm:col-span-2">
<span class="inline-flex w-full rounded-md shadow-sm">
<button
class="focus:shadow-outline-indigo inline-flex w-full items-center justify-center rounded-md border border-transparent bg-indigo-600 px-6 py-3 text-base font-medium leading-6 text-white transition duration-150 ease-in-out hover:bg-indigo-500 focus:border-indigo-700 focus:outline-none active:bg-indigo-700"
type="submit"
>
Apply
</button>
</span>
</div>
</form>
</div>
</div>
</div>