-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
157 lines (107 loc) · 7.6 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
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>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Online Registraion Form</title>
<link rel="stylesheet" href="css/normalize.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Fjalla+One" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header class="header">
<h1 class="primary_color">The Code Review</h1>
<div class="container">
<h2>Signup for our newsletter</h2>
<p>Get the latest news on how your code is doing right in your inbox</p>
</div><!--/container-->
</header><!--/header-->
<div class="container">
<form class ="form_contact" action="index.html" method="post">
<fieldset>
<legend>Contact Information</legend>
<label for="name">Full Name</label>
<input type="text" id="name" name="user_fullname" placeholder="Required " class="br" required>
<label for="email">Email Address</label>
<input type="email" id="email" name="user_email" placeholder="Required " class="br" required>
<label for="phone_number">Phone Number</label>
<input type="tel" id="phone_number" name="user_phone" class="br" placeholder="eg. 0413 123 123 ">
<label for="street_address">Street Address</label>
<input type="text" id="street_address" name="user_address" class="br" placeholder="eg. 180 Lonsdale Street ">
<label for="city">City</label>
<input type="text" id="city" name="user_city" class="br" placeholder="eg. Melbourne ">
<label for="state">State</label>
<select id="state" name="user_state" class="br">
<option value="" disabled selected>Choose State</option>
<option value="nt">Northern Territory</option>
<option value="nsw">New South Wales</option>
<option value="act">Australian Capital Territory</option>
<option value="qld">Queensland</option>
<option value="vic">Victoria</option>
<option value="tas">Tasmainia</option>
<option value="wa">Western Australia</option>
<option value="sa">South Australia</option>
</select>
<label for="zipcode">Zip Code</label>
<input type="text" id="zipcode" name="user_zipcode" class="br" placeholder="3000 ">
</fieldset>
<hr>
<fieldset>
<legend>Experience</legend>
<label class ="full_width" for="coding_experience">What is your coding experience</label>
<textarea id="coding_experience" name="user_coding_experience" class="br extended_height full_width"></textarea>
<p>Your favourite web programming language</p>
<input type="radio" id="fav_html" value="fav_html" name="user_favourite_language">
<label class="text_indent" for="fav_html"><span class="radio"></span>HTML</label>
<br>
<input type="radio" id="fav_css" value="fav_css" name="user_favourite_language">
<label class="text_indent" for="fav_css"><span class="radio"></span>CSS</label>
<br>
<input type="radio" id="fav_javascript" value="fav_javascript" name="user_favourite_language">
<label class="text_indent" for="fav_javascript"><span class="radio"></span>Javascript</label>
<br>
<input type="radio" id="fav_java" value="fav_java" name="user_favourite_language">
<label class="text_indent" for="fav_java"><span class="radio"></span>Java</label>
<br>
<input type="radio" id="fav_php" value="fav_php" name="user_favourite_language">
<label class="text_indent" for="fav_php"><span class="radio"></span>PHP</label>
<br>
<input type="radio" id="fav_ruby" value="fav_ruby" name="user_favourite_language">
<label class="text_indent" for="fav_ruby"><span class="radio"></span>Ruby</label>
<br>
<input type="radio" id="fav_python" value="fav_python" name="user_favourite_language">
<label class="text_indent extra_spacing_bottom" for="fav_python"><span class="radio"></span>Python</label>
<br>
<label class ="full_width" for="coding_story_funny">Funniest experience while coding</label>
<textarea id="coding_story_funny" name="user_coding_story" class="br extended_height full_width"></textarea>
</fieldset>
<hr>
<fieldset>
<legend>Newsletter</legend>
<p>Select the newsletters you would like to receive</p>
<input type="checkbox" id="html_news" value="html_newsletter" name="user_html_news">
<label class="text_indent" for="html_news"><span class="check"></span>HTML News</label>
<br>
<input type="checkbox" id="css_news" value="css_newsletter" name="user_css_news">
<label class="text_indent" for="css_news"><span class="check"></span>CSS News</label>
<br>
<input type="checkbox" id="javascript_news" value="javascript_newsletter" name="user_javascript_news">
<label class="text_indent" for="javascript_news"><span class="check"></span>Javascript News</label>
<br>
<p class="extra_spacing_top">Newsletter format</p>
<input type="radio" id="html_format" value="html" name="user_news_format">
<label class="text_indent" for="html_format"><span class="radio"></span>HTML</label>
<br>
<input type="radio" id="plain_format" value="plain" name="user_news_format">
<label class="text_indent" for="plain_format"><span class="radio"></span>Plain Text</label>
<br>
<label class ="extra_spacing_top full_width" for="topics">Other topics you'd like to hear about</label>
<textarea id="topics" name="user_topics" class="br extended_height full_width"></textarea>
</fieldset>
<button class="button primary_color br" type="submit">Sign Up</button>
</form>
</div><!--/container-->
<footer>
<p>Copyright The Code Review</p>
</footer>
</body>
</html>