-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
118 lines (110 loc) · 4.53 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="description" content="chess club survey">
<meta name="keywords" content="freecodecamp,chess,survey,codepen">
<meta name="author" content="Darsan Datta">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Chess Club Survey</title>
<link rel="stylesheet" type="text/css" href="./chess.css">
<link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed" rel="stylesheet">
</head>
<body class="main-page">
<header>
<h1 id="title">Survey for Caissa chess club members</h1>
</header>
<main class="main-part">
<p id="description">A short survey for our members</p>
<form action="https://google.com" id="survey-form">
<fieldset class="person">
<legend>Personal information:</legend>
<label for="name" id="name-label">Your name </label>
<input type="text" id="name" name="fullname" autofocus required placeholder="John Doe">
<br>
<label for="email" id="email-label">Your email</label>
<input type="email" id="email" name="email" placeholder="abcd@freecodecamp.com" required>
<br>
<label for="number" id="number-label">Age</label>
<input type="number" id="number" name="number" required min="10" max="70" placeholder="age">
<br>
<label for="dropdown">Gender</label>
<select class="select" name="gender" id="dropdown" required>
<option value="">--options-- </option>
<option value="male">male</option>
<option value="female">female</option>
<option value="other">other</option>
</select>
<!-- user stories upto 12 should be fulfilled -->
</fieldset>
<!-- user story 13 -->
<fieldset class="fide">
<div>
What is your FIDE title?</div>
<br>
<label for="a1">No title </label>
<input type="radio" id="a1" name="chess" value="amateur" required checked>
<br>
<label for="b1">CM </label>
<input type="radio" id="b1" name="chess" value="CM">
<br>
<label for="c1">FM </label>
<input type="radio" id="c1" name="chess" value="FM">
<br>
<label for="d1">IM/WIM </label>
<input type="radio" id="d1" name="chess" value="IM">
<br>
<label for="e1">GM/WGM </label>
<input type="radio" id="e1" name="chess" value="GM">
</fieldset>
<!-- User story 14: checkbox -->
<fieldset class="checkbox">
<div>
What are the best things about our club(Please check all the boxes that apply)</div>
<br>
<label for="a8">location </label>
<input type="checkbox" id="a8" name="best" required checked value="location">
<br>
<label for="b8">community </label>
<input type="checkbox" id="b8" name="best" value="community">
<br>
<label for="c8">members</label>
<input type="checkbox" id="c8" name="best" value="members">
<br>
<label for="d8">online forum </label>
<input type="checkbox" id="d8" name="best" value="online forum">
<br>
<label for="e8">weekly tournaments </label>
<input type="checkbox" id="e8" name="best" value="weekly tournaments">
</fieldset>
<!-- user story 15 -->
<fieldset class="happiness">
<div>On a scale of 1 to 5 how happy are you with us?</div>
<br>
<label for="not-happy">not happy </label>
<input id="not-happy" type="radio" name="happiness" value="1" required>
<input type="radio" name="happiness" value="2">
<input type="radio" name="happiness" value="3">
<input type="radio" name="happiness" value="4">
<input type="radio" name="happiness" value="5" id="very-happy" checked>
<label for="very-happy">very happy </label>
</fieldset>
<br>
<div class="feedback">
<label for="feedback">Any feedback for us: </label>
<textarea id="feedback" name="feedback" class="text-area text" maxlength="500" cols="35" rows="5" wrap="soft" placeholder="your feedback here"></textarea>
</div>
<br>
<button class="myButton submit" type="submit" name="submit" id="submit">Submit</button>
</form>
</main>
<footer><img src="https://png.pngtree.com/element_our/md/20180702/md_5b3a25e212b66.jpg" alt="">
<div class="div">
Darshan Datta <br>
Caissaland Singapore-781325 <br>
Ph-1234567890 <br>
email- chessisbest@freecodecamp.org
</div>
</footer>
</body>
</html>