|
169 | 169 | <main class="main-placeholder" id="main1"> |
170 | 170 | <div style="max-width: 600px; margin: auto"> |
171 | 171 | <a href="https://www.google.com">asdjflöaksdjf</a> |
| 172 | + |
| 173 | + <div style="margin-top: 40px;"> |
| 174 | + <h3 style="margin-bottom: 15px; color: #333;">Test Dropdowns</h3> |
| 175 | + |
| 176 | + <div style="margin-bottom: 20px;"> |
| 177 | + <label for="dropdown1" style="display: block; margin-bottom: 5px; color: #666;">Select Country:</label> |
| 178 | + <select id="dropdown1" style="width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px;"> |
| 179 | + <option value="">Choose a country...</option> |
| 180 | + <option value="us">United States</option> |
| 181 | + <option value="uk">United Kingdom</option> |
| 182 | + <option value="de">Germany</option> |
| 183 | + <option value="fr">France</option> |
| 184 | + <option value="jp">Japan</option> |
| 185 | + <option value="au">Australia</option> |
| 186 | + </select> |
| 187 | + </div> |
| 188 | + |
| 189 | + <div style="margin-bottom: 20px;"> |
| 190 | + <label for="dropdown2" style="display: block; margin-bottom: 5px; color: #666;">Select Priority:</label> |
| 191 | + <select id="dropdown2" style="width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px;"> |
| 192 | + <option value="low">Low</option> |
| 193 | + <option value="medium" selected>Medium</option> |
| 194 | + <option value="high">High</option> |
| 195 | + <option value="critical">Critical</option> |
| 196 | + </select> |
| 197 | + </div> |
| 198 | + |
| 199 | + <div style="margin-bottom: 20px;"> |
| 200 | + <label for="dropdown3" style="display: block; margin-bottom: 5px; color: #666;">Select Category:</label> |
| 201 | + <select id="dropdown3" style="width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px;"> |
| 202 | + <option value="bug">Bug Report</option> |
| 203 | + <option value="feature">Feature Request</option> |
| 204 | + <option value="question">Question</option> |
| 205 | + <option value="feedback">General Feedback</option> |
| 206 | + <option value="other">Other</option> |
| 207 | + </select> |
| 208 | + </div> |
| 209 | + </div> |
172 | 210 | </div> |
173 | 211 | </main> |
174 | 212 |
|
175 | 213 | <main class="main-placeholder-2" id="main2" style="display: none"> |
176 | 214 | <div class="wireframe-block--title"></div> |
177 | | - <div> |
178 | | - <input id="namefield" type="text" placeholder="Enter your name" /> |
| 215 | + <div style="margin-bottom: 30px;"> |
| 216 | + <input id="namefield" type="text" placeholder="Enter your name" style="width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; margin-bottom: 20px;" /> |
| 217 | + |
| 218 | + <div style="margin-bottom: 20px;"> |
| 219 | + <label for="dropdown4" style="display: block; margin-bottom: 5px; color: #666;">Select Language:</label> |
| 220 | + <select id="dropdown4" style="width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px;"> |
| 221 | + <option value="en">English</option> |
| 222 | + <option value="es">Spanish</option> |
| 223 | + <option value="de">German</option> |
| 224 | + <option value="fr">French</option> |
| 225 | + <option value="it">Italian</option> |
| 226 | + <option value="pt">Portuguese</option> |
| 227 | + </select> |
| 228 | + </div> |
| 229 | + |
| 230 | + <div style="margin-bottom: 20px;"> |
| 231 | + <label for="dropdown5" style="display: block; margin-bottom: 5px; color: #666;">Select Status:</label> |
| 232 | + <select id="dropdown5" style="width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px;"> |
| 233 | + <option value="active">Active</option> |
| 234 | + <option value="pending">Pending</option> |
| 235 | + <option value="inactive">Inactive</option> |
| 236 | + <option value="archived">Archived</option> |
| 237 | + </select> |
| 238 | + </div> |
179 | 239 | </div> |
180 | 240 | <div class="wireframe-block-2"> |
181 | 241 | <div class="wireframe-block--text" style="width: 80%"></div> |
|
0 commit comments