-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathss_form.html
157 lines (115 loc) · 4.76 KB
/
ss_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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>MaRIONet : Register for Manycore Summer School</title>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/build/pure-min.css">
<!--[if lte IE 8]>
<link rel="stylesheet" href="https://purecss.io/combo/1.18.13?/css/layouts/side-menu-old-ie.css">
<![endif]-->
<!--[if gt IE 8]><!-->
<link rel="stylesheet" href="https://purecss.io/combo/1.18.13?/css/layouts/side-menu.css">
<!--<![endif]-->
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div id="layout">
<!-- Menu toggle -->
<a href="#menu" id="menuLink" class="menu-link">
<!-- random icon -->
<span></span>
</a>
<div id="menu">
<div class="pure-menu">
<a class="pure-menu-heading" href="#">Menu</a>
<ul class="pure-menu-list">
<li class="pure-menu-item">
<a href="index.html" class="pure-menu-link">Home</a>
</li>
<li class="pure-menu-item">
<a href="http://gow.epsrc.ac.uk/NGBOViewGrant.aspx?GrantRef=EP/P006434/1" class="pure-menu-link">About</a>
</li>
<li class="pure-menu-item" class="menu-item-divided pure-menu-selected">
<a href="form.html" class="pure-menu-link">Register</a>
</li>
<li class="pure-menu-item" class="menu-item-divided pure-menu-selected">
<a href="members.html" class="pure-menu-link">Members</a>
</li>
<li class="pure-menu-item" class="menu-item-divided pure-menu-selected">
<a href="events.html" class="pure-menu-link">Events</a>
</li>
<li class="pure-menu-item" class="menu-item-divided pure-menu-selected">
<a href="joining.html" class="pure-menu-link">Joining</a>
</li>
<li class="pure-menu-item">
<a href="contact.html" class="pure-menu-link">Contact</a>
</li>
</ul>
</div>
</div>
<div id="main">
<div class="header">
<img class="pure-img" src="marionet_logo.png" alt="marionet logo">
</div>
<div class="content">
<form class="pure-form pure-form-aligned" action="register.php"
method="post">
<legend> <a href="summerschool.html">Manycore Summer School 2018</a> Application Form </legend>
<fieldset>
<div class="pure-control-group">
<label for="name">My name</label>
<input id="name" type="text" name="name" placeholder="My name is ..." required>
</div>
<div class="pure-control-group">
<label for="affiliation">My affiliation</label>
<input id="affiliation" type="text" name="affiliation"
placeholder="University of ..." required>
</div>
<div class="pure-control-group">
<label for="email">My email address</label>
<input id="email" type="email" name="email" placeholder="[email protected]" required>
</div>
<div class="pure-control-group">
<label for="reqs">Special requirements, e.g. diet, accessibility</label>
<input id="reqs" name="reqs" type="text" placeholder="Anything we should know?">
</div>
<hr/>
<label for="accommodation">Will I need accommodation in Glasgow?</label>
<div id="accommodation">
<label for="choice1" class="pure-radio">
<input type="radio" id="choice1"
name="accomm" value="none">
Not needed</label>
<label for="choice2" class="pure-radio">
<input type="radio" id="choice2"
name="accomm" value="sun2fri" checked>
5 nights from Sun 15 to Fri 20 July</label>
<label for="choice3" class="pure-radio">
<input type="radio" id="choice3"
name="accomm" value="mon2fri">
4 nights from Mon 16 to Fri 20 July</label>
</div>
<hr/>
<div class="pure-control-group">
<label for="motivation">Why do I want to attend the manycore summer school? (<= 50 words)</label>
<textarea id="motivation" name="motivation" placeholder="I want to attend because ..." rows="6"></textarea>
</div>
<hr/>
<div class="pure-control-group">
<label for="supername">My supervisor's name</label>
<input id="supername" type="text" name="supername" placeholder="Prof Su Pervisor" required>
</div>
<i>Note we require a personal reference from your supervisor, to be emailed to <a href="mailto:[email protected]">[email protected]</a></i>
<hr/>
<button type="submit" class="pure-button pure-button-primary">Submit</button>
</fieldset>
</form>
</div>
</div> <!-- main -->
</div>
<script src="https://purecss.io/combo/1.18.13?/js/ui.js"></script>
</body>
</html>