cloud-curious/index.html at main · ihf-code/cloud-curious · 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
<html>
    <head>
        <title>KPMG Cloud Curious Challenge</title>
        <link rel="stylesheet" href="style.css">
        <script>
            var confetti = [
                {},
                {
                    confettiRadius: 12,
                    confettiesNumber: 100
                },
                {
                    emojies: ["🌈", "⚡️", "💥", "✨", "💫", "🌸"]
                },
                 {
                    emojies: ["⚡️", "💥", "✨", "💫"]
                },
                 {
                    emojies: ["🦄"],
                    confettiRadius: 100,
                    confettiesNumber: 30
                },
                 {
                    confettiColors: ["#ffbe0b", "#fb5607", "#ff006e", "#8338ec", "#3a86ff"],
                    confettiRadius: 10,
                    confettiesNumber: 150
                },
                 {
                    confettiColors: ["#9b5de5", "#f15bb5", "#fee440", "#00bbf9", "#00f5d4"],
                    confettiRadius: 6,
                    confettiesNumber: 300
                }
            ];
        </script>
        <script src="confetti.js"></script>
    </head>
    <body>
        <div class="container">
          <div class="box">
            <h1>KPMG Cloud Curious Challenge</h1>
            <iframe width="800" height="415" src="https://www.youtube.com/embed/s82O9DoelrY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

            <button class="button" id="button">I helped break a World Record!!</button>

            <p>Learn more about the Cloud Curious Challenge at: <a href="https://kpmgcloudcurious.com">kpmgcloudcurious.com</a>
          </div>
        </div>
    </body>
</html>