event-landing/index.html at main · ilagjo/event-landing · 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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html>
  <head>
    <link
      href="https://fonts.googleapis.com/css?family=Roboto:400,300,500,100"
      rel="stylesheet"
      type="text/css"
    />
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
      integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    />
    <link href="style.css" rel="stylesheet" />
  </head>
  <body>
    <div class="header">
      <div class="event-data">
        <div id="countdown"></div>
        <h2>AI Innovation Summit 2023</h2>
        <ul>
          <li><i class="fa-solid fa-laptop"></i>online</li>
          <li><i class="fa-regular fa-calendar"></i>09/15/2023</li>
          <li><i class="fa-regular fa-clock"></i>14:30</li>
        </ul>
      </div>

      <div class="container">
        <div id="text-animation">
          <h1 id="myText">
            <span id="typedText1"></span>
            <span id="typedText2">&nbsp</span>
          </h1>
        </div>
        <p>Beyond the frontier of Innovation</p>
        <a class="btn" href="#">Learn More</a>
      </div>
    </div>

    <div class="nav">
      <div class="container">
        <ul>
          <li>Register</li>
          <li>Schedule</li>
          <li>Sponsors</li>
          <li>About</li>
          <li>Contact</li>
        </ul>
      </div>
    </div>

    <div class="main">
      <div class="container">
        <div class="img-container">
          <img src="./assets/images/bg-left.png" alt="AI pic" />
        </div>
        <div class="text-container">
          <h2>The future of AI</h2>
          <h2>Trends, Challenges and Opportunities</h2>
          <p>
            Join the leading experts and innovators from different domains to
            explore the latest developments and applications of artificial
            intelligence.
          </p>
          <p>
            Learn from the best practices and case studies of how artificial
            intelligence is transforming various industries and sectors.
          </p>
          <p>
            Discover the cutting-edge research and technologies that will shape
            the future of artificial intelligence and society.
          </p>
        </div>
      </div>
    </div>

    <div class="jumbotron">
      <div class="container">
        <h2>Don’t miss the chance</h2>
        <p>
          Subscribe now and get access to exclusive content,<br />
          discounts and networking opportunities.
        </p>
        <a class="btn" href="#">Join</a>
      </div>
    </div>

    <div class="footer">
      <div class="container">
        <p>&copy;2023 AI Innovation Summit</p>
      </div>
    </div>
    <script src="script.js"></script>
  </body>
</html>