repl.it
@simon100/

Survey Page

HTML, CSS, JS

A quick page for my coming-soon survey!

fork
loading
Files
  • index.html
  • index.css
  • index.js
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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>repl.it</title>
    <link href="index.css" rel="stylesheet" type="text/css"/>
    <link href="https://fonts.googleapis.com/css?family=Montserrat|Noto+Sans|PT+Sans" rel="stylesheet">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src = "index.js"></script>
  </head>
  <body>
    <div id = "pageOneBody">
      <div id = "title">The HTML Hub Survey</div>
      <div class = "submitButton animated swing" id = "enterSurvey">Enter the Survey</div>
    </div>
    <div id = "pageTwoBody">
      <center>
        <div id = "titleTwo">How much did you like the HTML Hub?</div><br><br>
        <input name = "radio" id = "radioOnePageTwo" type = "radio" class = "radio"> &nbsp;&nbsp;&nbsp;
        <input name = "radio" id = "radioTwoPageTwo" type = "radio" class = "radio"> &nbsp;&nbsp;&nbsp;
        <input name = "radio" id = "radioThreePageTwo" type = "radio" class = "radio"> &nbsp;&nbsp;&nbsp;
        <input name = "radio" id = "radioFourPageTwo" type = "radio" class = "radio"> &nbsp;&nbsp;&nbsp;
        <input name = "radio" id = "radioFivePageTwo" type = "radio" class = "radio"><br><br>
        <div class = "number" id = "numberOnePageTwo">1</div>
        <div class = "number">2</div>
        <div class = "number">3</div>
        <div class = "number">4</div>
        <div class = "number">5</div>
        <div class = "submitButton animated swing" id = "submitTwo">Submit</div>
      </center>
    </div>
    <div id = "pageThreeBody">
      <center>
        <div id = "titleThree">What do you think of the new CyanCoding tooltips?</div><br><br>
        <input name = "radio" id = "radioOnePageThree" type = "radio" class = "radio"> &nbsp;&nbsp;&nbsp;
        <input name = "radio" id = "radioTwoPageThree" type = "radio" class = "radio"> &nbsp;&nbsp;&nbsp;
        <input name = "radio" id = "radioThreePageThree" type = "radio" class = "radio"> &nbsp;&nbsp;&nbsp;
        <input name = "radio" id = "radioFourPageThree" type = "radio" class = "radio"> &nbsp;&nbsp;&nbsp;
        <input name = "radio" id = "radioFivePageThree" type = "radio" class = "radio"><br><br>
        <div class = "number">1</div>
        <div class = "number">2</div>
        <div class = "number">3</div>
        <div class = "number">4</div>
        <div class = "number">5</div>
        <div class = "submitButton animated swing" id = "submitThree">Submit</div>
      </center>
    </div>
    <div id = "pageFourBody">
      <center>
        <div id = "titleFour">The CyanCoding logo was designed by my friend Ryan. What do you think of it?</div><br>
        <div id = "titleFour2">View Logo</div><br>
        <input name = "radio" id = "radioOnePageFour" type = "radio" class = "radio"> &nbsp;&nbsp;&nbsp;
        <input name = "radio" id = "radioTwoPageFour" type = "radio" class = "radio"> &nbsp;&nbsp;&nbsp;
        <input name = "radio" id = "radioThreePageFour" type = "radio" class = "radio"> &nbsp;&nbsp;&nbsp;
        <input name = "radio" id = "radioFourPageFour" type = "radio" class = "radio"> &nbsp;&nbsp;&nbsp;
        <input name = "radio" id = "radioFivePageFour" type = "radio" class = "radio"><br><br>
        <div class = "number">1</div>
        <div class = "number">2</div>
        <div class = "number">3</div>
        <div class = "number">4</div>
        <div class = "number">5</div>
        <div class = "submitButton animated swing" id = "submitFour">Submit</div>
      </center>
    </div>
    <div id = "pageFiveBody">
      <center>
        <div id = "titleFive">How many times do you think you have gone to either the HTML Hub or CyanCoding in all?</div><br><br>
        <input type = "number" id = "inputNumber" min = "1" max = "99" value = "12">
        <div class = "submitButton animated swing" id = "submitFive">Submit</div>
      </center>
    </div>
    <div id = "pageSixBody">
      <center>
        <div id = "titleSix">If you could add anything to CyanCoding, what would it be?</div><br><br>
        <textarea type = "textarea" id = "inputBox" placeholder = "Different colors. The background is so bland!"></textarea>
        <div class = "submitButton animated swing" id = "submitSix">Submit</div>
      </center>
    </div>
    <div id = "pageSevenBody">
      <center>
        <div id = "titleSeven">How much did you like the coloring and design of this survey?</div><br>
        <input name = "radio" id = "radioOnePageSeven" type = "radio" class = "radio"> &nbsp;&nbsp;&nbsp;
        <input name = "radio" id = "radioTwoPageSeven" type = "radio" class = "radio"> &nbsp;&nbsp;&nbsp;
        <input name = "radio" id = "radioThreePageSeven" type = "radio" class = "radio"> &nbsp;&nbsp;&nbsp;
        <input name = "radio" id = "radioFourPageSeven" type = "radio" class = "radio"> &nbsp;&nbsp;&nbsp;
        <input name = "radio" id = "radioFivePageSeven" type = "radio" class = "radio"><br><br>
        <div class = "number">1</div>
        <div class = "number">2</div>
        <div class = "number">3</div>
        <div class = "number">4</div>
        <div class = "number">5</div>
        <div class = "submitButton animated swing" id = "submitSeven">Submit</div>
      </center>
    </div>
    <div id = "pageEightBody">
      <center>
        <div id = "titleEight">How much do you like the name change from the HTML Hub to CyanCoding?</div><br>
        <input name = "radio" id = "radioOnePageEight" type = "radio" class = "radio"> &nbsp;&nbsp;&nbsp;
        <input name = "radio" id = "radioTwoPageEight" type = "radio" class = "radio"> &nbsp;&nbsp;&nbsp;
        <input name = "radio" id = "radioThreePageEight" type = "radio" class = "radio"> &nbsp;&nbsp;&nbsp;
        <input name = "radio" id = "radioFourPageEight" type = "radio" class = "radio"> &nbsp;&nbsp;&nbsp;
        <input name = "radio" id = "radioFivePageEight" type = "radio" class = "radio"><br><br>
        <div class = "number">1</div>
        <div class = "number">2</div>
        <div class = "number">3</div>
        <div class = "number">4</div>
        <div class = "number">5</div>
        <div class = "submitButton animated swing" id = "submitEight">Submit</div>
      </center>
    </div>
    <div id = "pageNineBody">
      <center>
        <div id = "titleNine">Is this your local time?</div><br>
        <div id = "titleNine2">There was an error loading the time...</div><br>
        <input name = "radio" id = "radioOnePageTen" type = "radio" class = "radio"> &nbsp;&nbsp;&nbsp;
        <input name = "radio" id = "radioTwoPageTen" type = "radio" class = "radio"><br><br>
        <div class = "numberC">N</div>
        <div class = "numberC">Y</div>
        <div class = "submitButton animated swing" id = "submitNine">Submit</div>
      </center>
    </div>
    <div id = "pageTenBody">
      <center>
        <div id = "titleTen">This survey took me one month to create.<br>Judging by the information you have already entered, how worth it would you say that this survey was?</div><br>
        <input name = "radio" id = "radioOnePageTen" type = "radio" class = "radio"> &nbsp;&nbsp;&nbsp;
        <input name = "radio" id = "radioTwoPageTen" type = "radio" class = "radio"> &nbsp;&nbsp;&nbsp;
        <input name = "radio" id = "radioThreePageTen" type = "radio" class = "radio"> &nbsp;&nbsp;&nbsp;
        <input name = "radio" id = "radioFourPageTen" type = "radio" class = "radio"> &nbsp;&nbsp;&nbsp;
        <input name = "radio" id = "radioFivePageTen" type = "radio" class = "radio"><br><br>
        <div class = "number">1</div>
        <div class = "number">2</div>
        <div class = "number">3</div>
        <div class = "number">4</div>
        <div class = "number">5</div>
        <div class = "submitButton animated swing" id = "submitTen">Submit</div>
      </center>
    </div>
  </body>
</html>
result
console