# 注册 REGISTER
## 页面
## HTML 代码
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Register - Styles Conference</title>
</head>
<body>
<!-- Header -->
<header>
<h1>
<a href="index.html">Styles <br> Conference</a>
</h1>
<h3>August 24–26th — Chicago, IL</h3>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="speakers.html">Speakers</a></li>
<li><a href="schedule.html">Schedule</a></li>
<li><a href="venue.html">Venue</a></li>
<li><a href="register.html">Register</a></li>
</ul>
</nav>
</header>
<!-- Lead -->
<section>
<div>
<h1>Register</h1>
<p>Every year we aim to have an unbelievable time, and this year we’d love it for you to join us. Conference passes only cost $99, one of the best values you’ll find.</p>
</div>
</section>
<!-- Main content -->
<section>
<div>
<!-- Details -->
<section>
<h2>Purchase a Conference Pass</h2>
<h5>$99 per Pass</h5>
<p>Purchase your Styles Conference pass using the form to the right. Multiple passes may be purchased within the same order, so feel free to bring a friend or two along. Once your order is finished we’ll follow up and provide a receipt for your purchase. See you soon!</p>
<h4>Why Attend?</h4>
<ul>
<li>Over twenty world-class speakers</li>
<li>One full day of workshops and two full days of presentations</li>
<li>Hosted at The Chicago Theatre, a historical landmark</li>
<li>August in Chicago is simply amazing</li>
</ul>
</section>
<form action="#" method="post">
<fieldset>
<label>
Name
<input type="text" name="name" placeholder="Full name" required>
</label>
<label>
Email
<input type="email" name="email" placeholder="Email address" required>
</label>
<label>
Number of Passes
<select name="quantity" required>
<option value="1" selected>1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</label>
<label>
Comments
<textarea name="comments"></textarea>
</label>
</fieldset>
<input type="submit" name="submit" value="Purchase">
</form>
</div>
</section>
<!-- Footer -->
<footer>
<small>© Styles Conference</small>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="speakers.html">Speakers</a></li>
<li><a href="schedule.html">Schedule</a></li>
<li><a href="venue.html">Venue</a></li>
<li><a href="register.html">Register</a></li>
</ul>
</nav>
</footer>
</body>
</html>
```
