├── Untitled-1.png ├── feedback.css └── feedback.html /Untitled-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hancie123/Feedback-HTML-CSS-and-Javascript/HEAD/Untitled-1.png -------------------------------------------------------------------------------- /feedback.css: -------------------------------------------------------------------------------- 1 | 2 | .nav {list-style-type: none; 3 | background-color: #333; 4 | overflow:hidden; 5 | } 6 | 7 | li { 8 | float:left; 9 | } 10 | 11 | li a {text-decoration: none; 12 | text-align:center; 13 | padding: 10px 16px; 14 | display:block; 15 | color:white; 16 | margin: 20px 0; 17 | border-radius: 3px; 18 | border: none; 19 | display: flex; 20 | } 21 | 22 | li a:hover {background-color: blueviolet ; 23 | text-decoration: none;} 24 | 25 | .menu-btn {color: #fff; 26 | font-size: 23px; 27 | cursor: pointer 28 | display:none;} 29 | 30 | 31 | body { background-color:#f8f9fa; color:#000000; font-family: "Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size: 12pt; } 32 | h1 { color:#000000; font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size:18pt; } 33 | p,li { color:#000000; font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size:12pt; } 34 | .control-label { color:#000000; font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size:12pt; } 35 | .internal { display: none; } 36 | .form-group { 37 | margin-bottom: 1rem !important; 38 | } 39 | 40 | 41 | 42 | .captcha { 43 | width: 15%; 44 | min-width: 120px; 45 | display: inline; 46 | } 47 | 48 | 49 | .textend { 50 | margin-top: 15px; 51 | margin-bottom: 15px; 52 | } 53 | 54 | .checkbox { 55 | margin-top: 0px; 56 | } 57 | 58 | .radio { 59 | margin-top: 0px; 60 | } 61 | 62 | .zwtext { 63 | margin-top: 10px; 64 | margin-bottom: 10px; 65 | } 66 | 67 | .input-file { 68 | border-width: 0px; 69 | height: 100%; 70 | background-color: transparent; 71 | } 72 | 73 | body { 74 | margin-top: 15px; 75 | line-height: 1.5 !important; 76 | } 77 | 78 | h3 { 79 | font-size: 1.3rem; 80 | } -------------------------------------------------------------------------------- /feedback.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | About NH English Dictionary 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 45 | 75 | 82 | 103 | 104 | 105 | 112 | 113 | 114 |
115 | 116 |
117 |
118 |

Feedback

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 | 158 | 160 |
161 | 162 |
163 | 164 |
0 166 | / 500
167 | 168 |
169 | 170 |
171 |

* mandatory information

172 |
173 |
174 | 175 |
176 | 177 | 178 |
179 | 180 | 181 |

182 |
183 | 184 | 185 | 186 |
187 |
188 | 189 |
190 | 192 | 199 | 200 | 201 | 202 | --------------------------------------------------------------------------------