111 lines
No EOL
3.3 KiB
HTML
111 lines
No EOL
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Fursona Quiz</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<h1>Fursona Quiz</h1>
|
|
<form id="quiz-form">
|
|
<div class="question">
|
|
<h2>What is your favorite color?</h2>
|
|
<ul>
|
|
<li>
|
|
<input type="radio" name="color" value="red">
|
|
Red
|
|
</li>
|
|
<li>
|
|
<input type="radio" name="color" value="orange">
|
|
Orange
|
|
</li>
|
|
<li>
|
|
<input type="radio" name="color" value="yellow">
|
|
Yellow
|
|
</li>
|
|
<li>
|
|
<input type="radio" name="color" value="green">
|
|
Green
|
|
</li>
|
|
<li>
|
|
<input type="radio" name="color" value="blue">
|
|
Blue
|
|
</li>
|
|
<li>
|
|
<input type="radio" name="color" value="purple">
|
|
Purple
|
|
</li>
|
|
<li>
|
|
<input type="radio" name="color" value="pink">
|
|
Pink
|
|
</li>
|
|
<li>
|
|
<input type="radio" name="color" value="other">
|
|
Other
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="question">
|
|
<h2>What is your favorite animal?</h2>
|
|
<ul>
|
|
<li>
|
|
<input type="radio" name="animal" value="wolf">
|
|
Wolf
|
|
</li>
|
|
<li>
|
|
<input type="radio" name="animal" value="fox">
|
|
Fox
|
|
</li>
|
|
<li>
|
|
<input type="radio" name="animal" value="cat">
|
|
Cat
|
|
</li>
|
|
<li>
|
|
<input type="radio" name="animal" value="dog">
|
|
Dog
|
|
</li>
|
|
<li>
|
|
<input type="radio" name="animal" value="dog">
|
|
Bunny
|
|
</li>
|
|
<div class="question">
|
|
<h2>What is your favorite hobby or activity?</h2>
|
|
<ul>
|
|
<li>
|
|
<input type="radio" name="hobby" value="art">
|
|
Art
|
|
</li>
|
|
<li>
|
|
<input type="radio" name="hobby" value="music">
|
|
Music
|
|
</li>
|
|
<li>
|
|
<input type="radio" name="hobby" value="reading">
|
|
Reading
|
|
</li>
|
|
<li>
|
|
<input type="radio" name="hobby" value="writing">
|
|
Writing
|
|
</li>
|
|
<li>
|
|
<input type="radio" name="hobby" value="gaming">
|
|
Gaming
|
|
</li>
|
|
<li>
|
|
<input type="radio" name="hobby" value="sports">
|
|
Sports
|
|
</li>
|
|
<li>
|
|
<input type="radio" name="hobby" value="nature">
|
|
Nature
|
|
</li>
|
|
<li>
|
|
<input type="radio" name="hobby" value="other">
|
|
Other
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</body>
|
|
</html> |