Build an Event Hub - Build an Event Hub

HTML-CSS
1

Tell us what’s happening:

Inside the header element, after the h1 element, you should have a nav element. i dont why it is showing this

Your code so far

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Event Hub</title>
    <header>
    <main>
    <h1>Event Hub</h1>
     <nav>
      <ul>
        <li><a href="#upcoming-events">Upcoming Events</a></li>
        <li><a href="#past-events">Past Events</a></li>
      </ul>
     </nav>
    </header>
    </main>
        <main>
    <section id="upcoming-events">
      <h2>Upcoming Events</h2>

      <article>
          <h3>AI & Machine Learning Conference 2024</h3>
          <p>Join us for a deep dive into the latest advancements in artificial intelligence and machine learning. Industry leaders will share insights and case studies on how AI is transforming various sectors.</p>
      </article>

      <article>
<p>Date: August 10, 2024</p>
          <h3>Web Development Bootcamp</h3>
          <p>A hands-on workshop designed for developers looking to enhance their skills in modern web technologies including React, Node.js, and GraphQL. Perfect for both beginners and experienced developers.</p>
      </article>
    </section>

    <section id="past-events">
      <h2>Past Events</h2>
      <article>
          <h3>Cybersecurity Summit 2024</h3>
          <p>An event focusing on the latest trends and threats in cybersecurity. Experts discussed strategies for protecting data and ensuring privacy in an increasingly digital world.</p>

<p>Date: June 15, 2024</p>
    <img src="https://cdn.freecodecamp.org/curriculum/labs/past-event1.jpg" alt="#past-events">
      </article>

      <article>
          <h3>Blockchain Expo 2024</h3>
          <p>A comprehensive event covering the future of blockchain technology. Topics included decentralized finance (DeFi), smart contracts, and the impact of blockchain on various industries.</p>

<p>Date: July 20, 2024</p>
    <img src="https://cdn.freecodecamp.org/curriculum/labs/past-event2.jpg" alt="#past-events">
      </article>
    </section>

</head>

<body> 
    

</body>

</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/138.0.0.0 Safari/537.36

Challenge Information:

Build an Event Hub - Build an Event Hub

2

Hello @ vanshkadyan2468, There are issues with the structure of your html.

First the head, should only contain;

  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Event Hub</title>
  </head>

After the head, you would then have the main contents.

<header>
    <main>
    <h1>Event Hub</h1>
     <nav>
      <ul>
        <li><a href="#upcoming-events">Upcoming Events</a></li>
        <li><a href="#past-events">Past Events</a></li>
      .....
3

Hi there!

Please paste your code into this HTML validator and check it. Continue to fix/check until your code has no more issues.

I also suggest a review of this HTML boilerplate video/transcript. A boilerplate is a great way to get the structure of your HTML code off to a good start!

4

thnx the thing was incorrect
now got it