<html>
<head>
<link rel="stylesheet" href="index.css">
</head>
<body>
<h1>Collectibox</h1>
<form>
<label for="name"> Name: </label>
<input type="text" id="name" name="name" />
<label for="email">Email</label>
<input type="email" id="email" name="email" />
<label>Age: <input type="number" name="age" /></label>
<label for="theme">Select theme: </label>
<select name="theme" id="theme">
<option value="stranger">Stranger Things</option>
<option value="squid">Squid Game</option>
<option value="thrones">Game of Thrones</option>
<option value="attack">Attack on Titan</option>
<option value="mandalorian">The Mandalorian</option>
</select>
<fieldset>
<legend>What is your hat size?</legend>
<div>
<input type="radio" for="small" class="radio radio1" name="hat" />
<label id="small">Small</label>
</div>
<div>
<input type="radio" for="medium" class="radio" name="hat" />
<label id="medium">Medium</label>
</div>
<div>
<input type="radio" for="large" class="radio" name="hat" />
<label id="large">Large</label>
</div>
<div>
<input type="radio" for="xlarge" class="radio" name="hat" />
<label id="xlarge">Extra-large</label>
</div>
</fieldset>
</form>
<script src="index.pack.js"></script>
</body>
</html>
