-
Notifications
You must be signed in to change notification settings - Fork 14
/
Copy pathindex.html
89 lines (76 loc) · 3.55 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
<!DOCTYPE html>
<html>
<head>
<title>Register to work at Etch</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/normalize-css@2.3.1/normalize.css">
<link rel="stylesheet" href="./style.css">
</head>
<body>
<div class="page">
<div class="navbar">
<img class="navbar__logo" src="./assets/logo.svg">
<div class="navbar__links">
<a href="https://etch.co/team" target="_blank" class="navbar__link">Team</a>
<a href="https://etch.co/work" target="_blank" class="navbar__link">Work</a>
<a href="https://etch.co/makes" target="_blank" class="navbar__link">Makes</a>
<a href="https://etch.co/the" target="_blank" class="navbar__link">The</a>
<a href="https://etch.co/dream" target="_blank" class="navbar__link">Dream</a>
<a href="https://etch.co/work" target="_blank" class="navbar__link">Work</a>
</div>
</div>
<div class="hero">
<h1 class="hero__title">Register to work at Etch</h1>
<p class="hero__subtitle">
Simply fill in this form with your details to register your
interest for working at <a href="https://etch.co" target="_blank">Etch</a>.
</p>
</div>
<div class="main">
<form class="form" action="https://formspree.io/f/xaylazjw" method="POST">
<input type="hidden" name="id" value="123456">
<div class="form-group">
<label class="form-group__label">Name</label>
<input class="form-group__input" type="text" name="name">
</div>
<div class="form-group">
<label class="form-group__label">Email</label>
<input class="form-group__input" type="text" name="email">
</div>
<div class="form-group">
<label class="form-group__label">Date of birth</label>
<input class="form-group__input" type="text" name="dob">
</div>
<div class="form-group">
<label class="form-group__label">Telephone number</label>
<input class="form-group__input" type="text" name="telephone">
</div>
<div class="form-group">
<label class="form-group__label">Address</label>
<input class="form-group__input" type="text" name="address">
</div>
<div class="form-group">
<label class="form-group__label">Number of years experience</label>
<input class="form-group__input" type="text" name="years">
</div>
<div class="form-group">
<label class="form-group__label">Favourite web development topics</label>
<input class="form-group__checkbox" type="checkbox" name="faves[]"> Hex colours<br />
<input class="form-group__checkbox" type="checkbox" name="faves[]"> Accessibility<br />
<input class="form-group__checkbox" type="checkbox" name="faves[]"> Node modules<br />
<input class="form-group__checkbox" type="checkbox" name="faves[]"> Javascript frameworks<br />
<input class="form-group__checkbox" type="checkbox" name="faves[]"> BBQ<br />
</div>
<div class="form-group">
<label class="form-group__label">Why I want to work at Etch</label>
<textarea name="why" class="form-group__input"></textarea>
</div>
<button>I want to work at Etch</button>
</form>
</div>
<div class="footer">
©2020 Etch Software Ltd.
</div>
</div>
<script src="./script.js"></script>
</body>
</html>