-
Notifications
You must be signed in to change notification settings - Fork 3
/
form.html
195 lines (191 loc) · 6.99 KB
/
form.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
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>h4ckademy | apply to h4ckademy</title>
<meta name="author" content="codecantor">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<!-- format scss -->
<link rel="stylesheet" href="assets/scss/style.css">
<!-- webfont google -->
<link href='http://fonts.googleapis.com/css?family=Roboto:500,100,300,700,400' rel='stylesheet' type='text/css'>
</head>
<body>
<article class="inscription">
<section class="header_form">
<a href="/" class="backlink">
« back h4ckademy.com
</a>
<h1>
Apply to h4ckademy
</h1>
<p>
Here is your first challenge. May the source be with you!
</p>
</section><!-- section_header -->
<!-- copypaste form -->
<form id="contact_form" method="post" action="/sorry/we/are/closing">
<h2>
Contact info
</h2>
<section class="two_columns form_section">
<label>Full Name</label>
<input type="text" name="name" id="name" value="" required="true">
</section>
<section class="two_columns form_section">
<label>Email</label>
<input type="email" name="email" id="email" value="" required="true">
</section>
<section class="two_columns form_section">
<label>City</label>
<input type="text" name="city" id="city" value="" required="true">
</section>
<section class="two_columns form_section">
<label>Country</label>
<input type="text" name="country" id="country" value="" required="true">
</section>
<section class="two_columns form_section">
<select name="age" id="age" required="true">
<option value="">Select Age Range</option>
<option value="1">< 18</option>
<option value="2">18 - 24</option>
<option value="3">25 - 34</option>
<option value="4">35 - 44</option>
<option value="5">45 - 54</option>
<option value="6">> 55</option>
</select>
</section>
<section class="two_columns form_section">
<select name="status" id="status" required="true">
<option value="">Select Current Situation</option>
<option value="1">Student</option>
<option value="2">Self-employed</option>
<option value="3">Paid employment</option>
<option value="4">Unemployed</option>
</select>
</section>
<section class="two_columns form_section">
<select name="gender" id="gender" required="true">
<option value="">Gender</option>
<option value="1">Female</option>
<option value="2">Male</option>
</select>
</section>
<h2>
Digital info
</h2>
<section class="two_columns form_section">
<label>Github</label>
<input type="text" name="github" id="github" value="" required="true">
</section>
<section class="two_columns form_section">
<label>LinkedIn</label>
<input type="text" name="linkedin" id="linkedin" value="" required="true">
</section>
<section class="two_columns form_section no_bordertop">
<label>Blog</label>
<input type="text" name="blog" id="blog" value="">
</section>
<section class="two_columns form_section no_bordertop">
<label>My Best Piece of Code</label>
<input type="text" name="code" id="code" value="">
</section>
<h2>
Background info
</h2>
<section class="one_column form_section">
<label>Share something amazing your learned in the past month (related or not to programming)</label>
<textarea name="learn" id="learn" maxlength="1500" required="true"></textarea>
</section>
<section class="one_column form_section">
<label>Describe briefly your former programming experience</label>
<textarea name="experience" id="experience" maxlength="1500" required="true"></textarea>
</section>
<section class="one_column form_section">
<label>Why do you apply to <strong>h4ckademy</strong>? What do you expect from the experience?</label>
<textarea name="why" id="why" maxlength="1500" required="true"></textarea>
</section>
<section class="one_column form_section">
<label>What are your learning objectives for the 9 weeks? What kind of projects do you want to work on?</label>
<textarea name="objective" id="objective" maxlength="1500" required="true"></textarea>
</section>
<section>
<input type="checkbox" name="job" id="job" required="true">
<label>I'm interested in finding a job during <strong>h4ckademy</strong></label>
</section>
<section class="one_column form_section">
<!-- Upss! It seems that the submit button is not correct! I guess you'll manage to send the application anyway ;) -->
<input class="button" value="Apply" readonly="true"></li><span id="hint"></span>
<p class="final_text">
We'll contact you sooner than you expect!
</p>
</section>
</form>
<!-- fin form -->
</article>
<footer>
<section>
<div class="about box_fot">
<h5>
h4ckademy
</h5>
<p>
Immersive code retreat for programmers in Madrid.
</p>
<p>Reach out to us at
<a href="mailto:[email protected]" target="_blank">[email protected]</a></p>
</div><!-- about -->
<div class="newsletter box_fot">
<h5>
Newsletter
</h5>
<form action="http://h4ckademy.us9.list-manage.com/subscribe/post?u=45ee592f17d6f145a8827fd05&id=b0169b45f0" method="post" id="mc-embedded-subscribe-form" target="_blank" name="mc-embedded-subscribe-form" novalidate="">
<input type="email" value="" name="EMAIL" id="mce-EMAIL" placeholder="Your Email Address">
<input class="btn" type="submit" value="Subscribe">
</form>
</div><!-- newsletter -->
<div class="links box_fot">
<h5>
Links
</h5>
<ul>
<li>
<a href="https://twitter.com/h4ckademy" target="_blank">
Twitter
</a>
</li>
<li>
<a href="https://www.facebook.com/h4ckademy?_rdr" target="_blank">
Facebook
</a>
</li>
<li>
<a href="https://github.com/h4ckademy" target="_blank">
Github
</a>
</li>
<li>
<a href="https://plus.google.com/109784326837461701157" target="_blank">
Google+
</a>
</li>
</ul>
</div><!-- links -->
</section>
<div class="credits">
Build with <3 by <a href="http://codecantor.com" target="_blank">codecantor</a>. Photos by <a href="https://twitter.com/victorianoi" target="_blank">@victorianoi</a>.
</div><!-- credits -->
</footer>
<!-- js input form -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="assets/js/form.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-57399491-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>