-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
115 lines (101 loc) · 4.94 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Survey form</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
<div class="container">
<header class="header">
<h1 id="title" class="text-center">Tourist visits to my country Tajikistan</h1>
<p id="description" class="description text-center">
Tell us what you think about Tajikistan and what have you heard about it
</p>
</header>
<form id="survey-form">
<div class="form-group">
<label id="name-label" for="name">Name</label>
<input type="text" name="name" id="name" class="form-control" placeholder="Enter your name" required />
</div>
<div class="form-group">
<label id="email-label" for="email">Email</label>
<input type="email" name="email" id="email" class="form-control" placeholder="Enter your Email" required />
</div>
<div class="form-group">
<label id="number-label" for="number">Age<span class="clue"></span></label>
<input type="number" name="age" id="number" min="10" max="99" class="form-control" placeholder="Age" required />
</div>
<div class="form-group">
<p>What is your economic activity?</p>
<select id="dropdown" name="role" class="form-control" required>
<option disabled selected value>choose an activity</option>
<option value="entrepreneur">entrepreneur</option>
<option value="merchant">merchant</option>
<option value="employee">employee</option>
<option value="Prefer-not-to-say">Prefer not to say</option>
<option value="other">Other</option>
</select>
</div>
<div class="form-group">
<p>Would you like to know Tajikistan?</p>
<label>
<input name="user-recommend" value="definitely" type="radio" class="input-radio" checked />Definitely</label>
<label>
<input name="user-recommend" value="maybe" type="radio" class="input-radio" />Maybe</label>
<label><input name="user-recommend" value="not-sure" type="radio" class="input-radio" />Not sure</label>
</div>
<div class="form-group">
<p>
What activities do you like to do when you do tourism?
</p>
<select id="most-like" name="mostLike" class="form-control" required>
<option disabled selected value>choose an activity</option>
<option value="eat-local-food">eat local food</option>
<option value="discover-exotic-places">discover exotic places</option>
<option value="make-ecotourism">make ecotourism</option>
<option value="know-the-culture-of-the-place">know the culture of the place</option>
</select>
</div>
<div class="form-group">
<p>
What places in Tajikistan would you like to visit?
<span class="clue">(You can select several sites that you want to know)</span>
</p>
<label><input name="prefer" value="Dushanbe" type="checkbox" class="input-checkbox" />Dushanbe</label>
<label><input name="prefer" value="national-park-Dushanbe" type="checkbox" class="input-checkbox" />National park
Dushanbe</label>
<label><input name="prefer" value="Pamir" type="checkbox" class="input-checkbox" />Pamir</label>
<label><input name="prefer" value="Issiq kul" type="checkbox" class="input-checkbox" />Issiq kul</label>
<label><input name="prefer" value="Khujand" type="checkbox" class="input-checkbox" />Khujand</label>
<label><input name="prefer" value="Bahoriston" type="checkbox" class="input-checkbox" />Bahoriston</label>
<label><input name="prefer" value="Tursunzade" type="checkbox" class="input-checkbox" />Tursunzade</label>
<label><input name="prefer" value="Rogun" type="checkbox" class="input-checkbox" />Rogun</label>
<label><input name="prefer" value="Sarez" type="checkbox" class="input-checkbox" />Sarez</label>
<label><input name="prefer" value="Qalai Hisor" type="checkbox" class="input-checkbox" />Qalai Hisor</label>
<label><input name="prefer" value="Dangara" type="checkbox" class="input-checkbox" />Dangara</label>
</div>
<div class="form-group">
<p>leave your comment here</p>
<textarea id="comments" class="input-textarea" name="comment"
placeholder="Enter your comment here..."></textarea>
</div>
<div class="form-group">
<button type="submit" id="submit" class="submit-button">
Submit
</button>
</div>
</form>
</div>
<!--
Hello Camper!
For now, the test suite only works in Chrome!
Please read the README below in the JS Editor before beginning.
Feel free to delete this message once you have read it.
Good luck and Happy Coding!
- The freeCodeCamp Team
-->
<script src="js/index.js"></script>
</body>
</html>