f1infopage/index.html at master · Seynab150/f1infopage · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Front page pop-up</title>
    <link rel="stylesheet" href="index.css" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;600&display=swap"
      rel="stylesheet"
    />
    <script src="script.js"></script>
  </head>

  <body>
    <div class="popup" id="popup">
      <div>
        <h1>Starting Line</h1>
        <p>
          Are you new to the thrilling world of Formula One? Are you curious
          about the high-speed action, cutting-edge technology and the
          incredible stories behind the drivers and teams that make this sport
          legendary? You have found the perfect place to get started. Learn more
          about the drivers, the teams behind them and the rules that make the
          sport here!
        </p>
        <p class="start">Race to the checkered flag to start!</p>
      </div>
    </div>

    <div class="group">
      <span> <a class="two" href="frontpage.html">Start Here</a> </span>
      <div class="bg"></div>
    </div>

    <div class="circle-container">
      <div class="circle"></div>
      <div class="circle"></div>
      <div class="circle"></div>
      <div class="circle"></div>
      <div class="circle"></div>
    </div>

    <div class="circle-container">
      <div class="circle" id="circle1"></div>
      <div class="circle" id="circle2"></div>
      <div class="circle" id="circle3"></div>
      <div class="circle" id="circle4"></div>
      <div class="circle" id="circle5"></div>
    </div>
  </body>
</html>