Mandela_Effect/index.html at main · WeeDelBhoy/Mandela_Effect · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mandela Effect Quiz</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body class="index_body">
    <header class="main_title">
        <h1>THE<br>MANDELA EFFECT <br>QUIZ</h1>
    </header>
    <main class="index_text">
        <p>Get ready to embark on an adventure of mind-bending trivia!
            Inspired by the legacy of Nelson Mandela and the wacky 'Mandela Effect'.
            Is it <span class="kitkat">KitKat</span> or <span class="kitkat">Kit-Kat</span>? What color is <span class="pokemon">Pikachu's tail</span>?
            Prepare to be amazed as you explore random facts and quirky questions, all while
            testing your memory and perception skills. Let's see if you can separate fact from
            fiction in this wild journey of knowledge!</p>
        <a href="Mandela_Effect_Info.html" class="mandela-effect-link">What is the Mandela Effect?</a>
        <a href="About.html" class="About_website">About Website</a>
        <a href="Question_1.html" class="start-quiz-button">START QUIZ</a>

    </main>
    <audio id="background-music" autoplay loop>
        <source src="background_music.mp3" type="audio/mpeg">
        Your browser does not support the audio element.
    </audio>

    <!-- <img src="Image_index1.png" class="pikachu-tails" alt="Pikachu with different color tails">
    <img src="Image_index2.png" class="Chocolate" alt="KitKat OR Kit-Kat"> -->
    <img src="Nelson-Mandela-Face.png" class="Nelson_face">
    <footer>
        <hr />
        <p class="copyright">&copy; 2024 Dale Colman</p>
    </footer>
</body>
</html>