Untitled

avatar
unknown
plain_text
10 months ago
2.9 kB
11
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>My Event — Want to Visit</title>
  <link rel="stylesheet" href="styles.css" />
</head>
<body>
  <header class="site-header">
    <div class="container">
      <nav class="main-nav">
        <a href="#visit">Want to Visit</a>
        <a href="#exhibit">Want to Exhibit</a>
        <a href="#exhibitors">Exhibitors</a>
        <a href="#faqs">FAQs</a>
        <a href="#contact">Contact</a>
      </nav>
      <div class="hero">
        <h1>My Event 2025</h1>
        <p>17 18 October 2025 • City Venue</p>
        <a href="#register" class="cta-button">Register Now</a>
      </div>
    </div>
  </header>

  <section id="benefits" class="benefits-section">
    <div class="container">
      <h2>Why Visit</h2>
      <ul class="benefits-list">
        <li>Meet top employers face-to-face</li>
        <li>Attend career workshops</li>
        <li>Get interviews on the day</li>
        <li>Explore training opportunities</li>
      </ul>
    </div>
  </section>

  <section id="details" class="details-section">
    <div class="container">
      <h2>Where & When</h2>
      <p>Venue: Grand Hall, City Street, ZIP</p>
      <p>Date & Time: 17–18 Oct 2025, 11am–5pm</p>
      <!-- You can embed a map iframe here -->
    </div>
  </section>

  <section id="exhibitors" class="exhibitors-section">
    <div class="container">
      <h2>Meet the Exhibitors</h2>
      <div class="exhibitor-logos">
        <!-- Example exhibitor -->
        <a href="exhibitor page.html"><img src="logo1.png" alt="Exhibitor 1" /></a>
        <a href="#"><img src="logo2.png" alt="Exhibitor 2" /></a>
        <!-- etc. -->
      </div>
    </div>
  </section>

  <section id="accessibility" class="accessibility-section">
    <div class="container">
      <h2>Accessibility & Support</h2>
      <p>We offer sign language interpreters, assistance, and more. Contact us if you need support.</p>
    </div>
  </section>

  <section id="register" class="register-section">
    <div class="container">
      <h2>Register for Free</h2>
      <form id="registration-form" action="/submit" method="POST">
        <label for="name">Name:</label>
        <input type="text" id="name" name="name" required />
        <label for="email">Email:</label>
        <input type="email" id="email" name="email" required />
        <button type="submit">Submit</button>
      </form>
    </div>
  </section>

  <footer class="site-footer" id="contact">
    <div class="container">
      <p>Contact us: [email protected]</p>
      <p>© 2025 My Event. All rights reserved.</p>
    </div>
  </footer>

  <script src="scripts.js"></script>
</body>
</html>
Editor is loading...
Leave a Comment