Survey-Form-Project/index.html at main · Adedoyinjr/Survey-Form-Project · GitHub

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
<!DOCTYPE html>
   <html lang="en">
     <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width initial-scale=1.0">
            <meta name="" content="viewport">
            <title>Registration Form</title>
            <link rel="stylesheet" href="styles.css" />
            <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@1,100&display=swap" rel="stylesheet">
     </head>
  <body>
    <div class="background">
    <header class="header">
      <h1 id="title">freeCodeCamp Survey Form</h1>
      <p id="description" class"description">Thank you for taking the time to help us improve the platform</p>
      </header>
      <form id="survey-form">
         <fieldset>
        <label id="name-label"> Name: <input id="name" class="control" type="text" name="first-name" required placeholder="Enter Your Name"/></label>

        <label id="email-label">Email: <input id="email"  class="control" type="email" name="email" required  placeholder="Enter Your Email" /></label>

        <label id="number-label">Age (optional): <input id="number"type="number" class="control" name="age" min="16" max=100 required  placeholder="Age" /></label>
      </fieldset>
  <label>Which option best describes your current role?
          <select id="dropdown" class="control">
<option disabled="" selected="" value="">Select current role</option>
           <option value="student">Student</option>
            <option value="job">Full Time Job </option>
            <option value="leaner">Full Time Leaner</option>
            <option value="preferNo">Prefer Not To Say</option>
              <option value="other">Other</option>
          </select>
        </label>
      <fieldset>
        <label>Would you recommend freeCodeCamp to a friend?</label>
        <label>
           <input type="radio" name="account-type" value="Definitely" class="inline" /> Definitely</label>
        <label><input type="radio" name="account-type"  value="maybe" class="inline" />Maybe </label>
  <label><input type="radio" name="account-type"  value="Not sure " class="inline" />Not sure </label>
<label>What is your favorite feature of freeCodeCamp?
    <select id="dropdown" class="control">
<option disabled="" selected="" value="">Select an option</option>
           <option value="challanges">Challanges</option>
            <option value="project">Project</option>
            <option value="community">Community</option>
            <option value="opensource">Open Source</option>
          </select>
</label>
<label>
        <label>What would you like to see improved? <span>(Check all that apply)</span>
        </label>
        <label>
          <input type="checkbox" value="front-end-project" name="terms" class="inline" required />
          front-end-Project
          </label>
        <label>
          <input type="checkbox" value="back-end-project" name="terms" class="inline" required />
           back-end-Project
          </label>
          <label>
          <input type="checkbox" name="terms" value="data-Visualization" class="inline" required />
           Data-visualization
          </label>
           <label>
          <input type="checkbox" name="terms" value="challages"class="inline" required />
           Challanges
          </label>
          <label>
          <input type="checkbox" name="terms" value="open-source-community"class="inline" required />
                Open Source Community
          </label>
          <label>
          <input type="checkbox" name="terms" value="gitter-help-rooms" class="inline" required />
          Gitter Help Rooms
          </label>
          <label>
          <input type="checkbox" name="terms"value="videos" class="inline" required />
          videos
          </label>
           <label>
          <input type="checkbox" name="terms"value="city-meetups" class="inline" required />
          City-meetups
          </label>
           <label>
          <input type="checkbox" name="terms" value="wiki" class="inline" required />
            Wiki
          </label>
           <label>
          <input type="checkbox" name="terms"value="forum" class="inline"/>
          Forum
          </label>
          <label>
           <input type="checkbox" name="terms"value="aadditional-courses" class="inline"/>
          Additional Courses
          </label>
			  </label>
      </fieldset>
      <fieldset>
        <label>Any comments or suggestions?
          <textarea name="bio" rows="3" cols="30" class="input-textarea" placeholder="Enter Your Comment Here..."></textarea>

			  </label>
      </fieldset>
     <label>
    <button type="submit" id="submit" class="submit-button">
            Submit
          </button>
     </label>
         </form>

    </div>

  </body>
</html>