bu-learning/Exercise 2 - CSS/exercise2.html at 9fac5d5a32ed6fcac2283d7f2367dfcc2313dceb · buildingu/bu-learning · 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
<!DOCTYPE html>
<html>
  <head>
    <title>Hockey Tourament Info</title>
    <link rel="stylesheet" href="exercise2style.css" />
  </head>

  <body>
    <h1>Annual Hockey Team Tourament 2025</h1>

    <p id="info">
      Join us for an action-packed weekend as top local teams compete for glory
      and the championship cup. Both teams have remained undefeated until now!
    </p>

    <table>
      <tr>
        <th>Where it's happening</th>
        <th>Date</th>
        <th>Who is invitied</th>
      </tr>

      <tr>
        <td>City National Arena & America First Center of Las Vegas Nevada</td>
        <td>December 21-26 2025</td>
        <td>All hockey fans are welcome!</td>
      </tr>
    </table>

    <div id="contact">Contact us at (206) 342-8631</div>

    <img
      src="https://www.usatoday.com/gcdn/authoring/authoring-images/2024/03/28/USAT/73134057007-1981170134.jpg?width=660&height=440&fit=crop&format=pjpg&auto=webp"
      alt="Image of hockey"
    />

    <a href="https://www.olympics.com/en/sports/hockey/">Explore out website</a>

    <form>
      <label for="name">Please enter your name to sign up!</label>
      <input type="text" id="name" placeholder="Enter name" /> <br />
      <br />

      <input type="submit" /> <br /><br />

      <label for="email"
        >Please enter your email to recieve our weekly newsletter</label
      >
      <input type="email" id="email" placeholder="Enter email" /> <br /><br />

      <input type="submit" /> <br /><br />

      <label for="gender">Gender: </label>
      <input type="radio" id="male" />Male
      <input type="radio" id="female" /> Female <br />
      <br />

      <input type="submit" />
    </form>

    <p id="music">This is our favorite music</p>
    <audio controls>
      <source
        src="https://www.soundhelix.com/examples/mp3/SoundHelix-Song-7.mp3"
        type="audio/mpeg"
      />
    </audio>

    <div id="video">
      <iframe
        width="560"
        height="315"
        src="https://www.youtube.com/embed/KfyXSz9jOM0?si=g0_C6Vpm22V_LPCs"
        title="YouTube video player"
        frameborder="0"
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
        referrerpolicy="strict-origin-when-cross-origin"
        allowfullscreen
      ></iframe>
      <!--Video can be added by doing:
      1. Go to Youtube
      2. Share -> Embed
      3. Copy code and paste-->
    </div>
  </body>
</html>