<!-- Main Content -->
<main class="container">
<!-- Event Introduction -->
<section id="about" aria-labelledby="event-overview">
<hgroup>
<h1>Welcome to the Event</h1>
<h2>Join us for an unforgettable experience</h2>
</hgroup>
<p>
Discover an exciting lineup of speakers, engaging workshops, and networking opportunities.
Whether you're an industry professional or a curious enthusiast, this event has something for everyone.
</p>
</section>
<!-- Event Schedule -->
<section id="schedule" aria-labelledby="schedule-heading">
<hgroup>
<h2 id="schedule-heading">Event Schedule</h2>
</hgroup>
<div class="grid">
<article>
<h3>Day 1: Workshops</h3>
<p><strong>9:00 AM</strong> - Registration</p>
<p><strong>10:00 AM</strong> - Keynote Speech</p>
<p><strong>1:00 PM</strong> - Workshop Sessions</p>
</article>
<article>
<h3>Day 2: Networking</h3>
<p><strong>9:00 AM</strong> - Breakfast Meetup</p>
<p><strong>10:30 AM</strong> - Panel Discussions</p>
<p><strong>2:00 PM</strong> - Closing Ceremony</p>
</article>
</div>
</section>
<!-- Speakers Section -->
<section id="speakers" aria-labelledby="speakers-heading">
<hgroup>
<h2 id="speakers-heading">Meet Our Speakers</h2>
</hgroup>
<div class="grid">
<article>
<figure>
<img src="https://source.unsplash.com/300x300/?person" alt="Speaker 1">
<figcaption>
<strong>Jane Doe</strong> - Tech Innovator
</figcaption>
</figure>
</article>
<article>
<figure>
<img src="https://source.unsplash.com/300x300/?person" alt="Speaker 2">
<figcaption>
<strong>John Smith</strong> - Industry Leader
</figcaption>
</figure>
</article>
</div>
</section>
<!-- Registration Form -->
<section id="register" aria-labelledby="register-heading">
<hgroup>
<h2 id="register-heading">Register Now</h2>
<h3>Secure your spot at the event</h3>
</hgroup>
<form class="grid">
<input type="text" id="name" name="name" placeholder="Full Name" aria-label="Full Name" required>
<input type="email" id="email" name="email" placeholder="Email Address" aria-label="Email Address" required>
<button type="submit" onclick="event.preventDefault()">Register</button>
</form>
</section>
</main>
<!-- Footer -->
<footer class="container">
<small>
<a href="#about">About</a> • <a href="#schedule">Schedule</a> • <a href="#speakers">Speakers</a> • <a href="#register">Register</a>
</small>
</footer>
