HTML/lab-event-hub.html at main · Prewal137/HTML · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51


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

</head>

<body>
<header>
    <h1>Event Hub</h1>
    <nav>
        <ul>
            <li><a href="#upcoming-events">Upcoming Events</li></a>
            <li><a href="#past-events">Past Events</li></a>
        </ul>
    </nav>
</header>
<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>
          Date:<time datatime="2024-06-15T15:00">June 15</time>
      </article>
      <article>
          <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>
          Date:<time datatime="2024-06-15T15:00">June 15</time>
      </article>
    </section>
    <section id ="past-events">
        <h2>Past Events</h2>
        <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>
           Date:<time datatime="2024-06-15T15:00">June 15</time>
           <img src="https://cdn.freecodecamp.org/curriculum/labs/past-event2.jpg" alt="World image">
        </article>
        <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>
            Date:<time datatime="2024-06-15T15:00">June 15</time>
            <img src="https://cdn.freecodecamp.org/curriculum/labs/past-event1.jpg"alt="Computer image">
        </article>

    </section>
</main>
</body>

</html>