<!-- MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWXOkOKWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNOo:,,,:ldkKWMWNK00000XNWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMXkc;;;;;;;;;;:ldoc:;;;;;:cox0NMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMW0l;;;:::::::::;;;;;:::::::;;;;cxKXXXXWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMKc,;:;::;;::;::;::::::::::::::;;;;:::co0WMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMO:;;::::;::;:::::::::::::::;:::;:;,,;;,c0WMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMXo,;::::;::;;;::;;:::::::::::::;::;,,,,,:odOXWMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMXo;;;;;;;;;,,,;,;;;;::::::::::::::;;;;;;;;;:oONMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWO:,,,,,,,,,,,,,,,,,,,,;;;;:::::::::::::::;;;;lONMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMN0d;',,;;;;;;;;;;;;;;;;;;,,,,,;;;::::;::::;;:;;;;;xNMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMWKxc;,,,,,,,,,,,,,,,,,,,,,;;;;;;;,,,,;;;;:;;::::::::;;kWMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMW0o;,;;;;;;;;;;;;;;;;;;;,,,,,,,,,,;;;;;,,,,;,;;::::::;;,xWMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMNd;,;;;;;;;;;;;;;;;;;;;;;;;;;,,,;;,,,,,;;;;,',,;;;;;;;:lxXMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMWx;,;;;;;;;;;;;;;;;;;;;;;;;;,,;,,;;;;;;,,,,;;;,':kOO00KXNMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMXl,;;;;;;;;;;;;;;;;;;;;;;;;;lkkc,;;;;;;;;;,,,,;,:xNMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMXl,;;;;;;;;;;;;;;;;;;;;;;,:dKX0l,;;;;;;;;;;;;,,,,,lKMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMM0:,;;;;;;;;;;;;;;;;;;;;,;lOXXXKo,;;;;;;;;;;;;;;;,,,c0WMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMW0l,;;;;;;;;;;;;;;;;;;;,;lkKXX0kd:',;;;;;;;;;;;;;;;;;,cKMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMNk:,;;;;;;;;;;;;;;;;;;,'';o0XKxlllc;',,;;;;;;;;;;;;;;;;;xWMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMNd;,;;;;;;;;;;;;;;;;,,''''',lOd,o0XWKl'',;;;;;;;;;;;;;;,;kWMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMWOl:;,;;;;;;;;;;;,;;,''''''';l:';clxd:'''',;;;;;;;;;;;;,lXMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMWX0d;,;;;,,,,,:okk:',;,''',c;.''''''''',oo;,;;;;;;;;;,lXMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMXo,;,,,,co:';cl:''lKO:'':xl'''''''''',cl;'',,;;;;;;;;dNMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMWXOo;;::dOdlolloooc,';ol;':kXOc,;:loolc;,',cl;'',,,,;;;,:k0KNMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMXolxO00KXXXx:dXMMWNk:''',;ldddccx0WWWWNX0o;:c;;cll:,',,;codloXMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMWkodOKXXXXXKxodkO0OdclxkkkkkkkkdodxkO0K0Oo::looooc;;;,ckKX0odXMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMWXdcxKXXXXXXKOxxl,':xKXXXXXXK0kkxoc:;,;,;looool:;;;:lOXXXkcdNMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMKooOXXXXXXXXXXKd;,,;coxOOxoc:;;;,,,,,,,;::loc;;cc;l0XXXXKOdokXWMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMWkcOXXXXXXXXXXOl;cc;'',,;;,,,;;;,,,,,,',cc,;;;;:;:dKXXXXXXXXOdokNMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMKookkkxdoOXXOc,;loc,,,,,,,,,,,,;;;;;;,:oo:cdoc;:xKXXXXXXXKOkxlcOWMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMNOkkkOKxlx0d:;:ooc,,;,,;;;;;;;;;;;;,,cool:xNk:xXXXXXXXX0olxkOKNMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMWKxdddc:ooc,;ccccc:::::::::;,;loooccOOlx0kdddk0X0ldNMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWWO:,:c:,cooooooooooooool;;cccc:;cxxdxxOK0xdddoOWMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMKc'''''',;cloooooooollc:;,;;;;;,';dKWMMMMWNXKNWMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWx,'''''',l0NNWWWWWNNNXK0d;''''''''':OWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMW0c,''',ckNMMMMMMMMMMMMMMW0l,''''''',xWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNKOOOKNMMMMMMMMMMMMMMMMMMNOl;,,,:oONMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWX00KNWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
GET OUT OF HERE!!! GO LEAVE GORGOGROGRGRRRR AGHGHHGHRGHRRRRRR
-->


<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Nichole's Epik Site</title>
    <style>
        body {
            background-color: #ADD8E6; /* Light blue */
            color: #000000;
            font-family: Arial, sans-serif;
            text-align: center;
        }
        h1 {
            color: #FF4500; /* Orange */
            text-shadow: 2px 2px #FFF0F5; /* LavenderBlush */
        }
        a {
            color: #0000FF; /* Blue */
            text-decoration: underline;
        }
        .container {
            width: 80%;
            margin: 0 auto;
            border: 1px solid #000000;
            padding: 20px;
            background-color: #FFFFFF;
            box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
        }
        .nav {
            margin: 20px 0;
            text-transform: uppercase;
        }
        .nav a {
            margin: 0 10px;
            background-color: #FFD700; /* Gold */
            padding: 5px 10px;
            border-radius: 5px;
            font-weight: bold;
            text-decoration: none;
        }
        .marquee {
            width: 100%;
            overflow: hidden;
            white-space: nowrap;
            background-color: #20B2AA; /* LightSeaGreen */
            color: #FFFFFF;
            padding: 10px 0;
        }
        .marquee p {
            display: inline-block;
            padding-left: 100%;
            animation: marquee 120s linear infinite; /* Slower speed */
        }
        @keyframes marquee {
            0% { transform: translate(0, 0); }
            100% { transform: translate(-100%, 0); }
        }
        .fun-gif, .pixel-art {
            width: 200px;
            height: 150px;
        }
        .gifs-section {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 20px;
        }
        .gifs-section img {
            margin: 10px;
        }
        .gif-caption {
            font-size: 0.85em;
            color: #FF4500;
        }
        .pixel-art-section {
            text-align: left;
            margin: 20px 0;
        }
        .youtube-section {
            background-color: #FFFFE0; /* LightYellow */
            padding: 20px;
            border: 1px solid #000000;
            border-radius: 10px;
            margin: 20px auto;
        }
        .youtube-caption {
            font-weight: bold;
            color: #FF4500;
            margin-bottom: 10px;
        }
        .youtube-video {
            width: 100%;
            max-width: 600px;
            height: 315px;
            border: none;
        }
        footer {
            margin-top: 20px;
            background-color: #708090; /* SlateGray */
            color: #FFFFFF;
            padding: 10px 0;
            text-shadow: 1px 1px #000000; /* Black */
        }
    </style>
    <script>
        document.addEventListener('DOMContentLoaded', () => {
            const messages = [
                "Did you feed your Tamagotchi today...?",
                "TEH EPIK DUCK IS COMING",
                "Download more RAM!",
                "how'd u get here!? XD",
                "Wellcome to my site!!!",
                "Can you handle my Swagger? B)",
                "Epik site loading...  . . .  ✅",
                "wotz 9 + 10",
                "Plz no H8, only Luv <3",
                "404: Coolness not found",
                "Your password is: password123",
                "Click here for free cookies!",
                "Are you a wizard?",
                "You have been chosen!",
                "I can haz cheeseburger?",
                "Welcome to MY interwebz!",
                "Did you try turning it off and on again?",
                "Behold the power of maymayz!",
                "OMG! Look behind you!",
                "You've been gnomed!",
                "H4X0R detected!",
                "U wot m8?",
                "Keep calm and carry on.",
                "I can count to potato.",
                "Much wow, such amaze.",
                "In ur base, killin ur d00dz.",
                "I see dead pixels.",
                "The cake is a lie.",
                "You win the internet!",
                "Hellllllllllooooooooooo Internet... Welcome to Game Theory!!!!!",
                "I'm in ur computer, stealin ur files.",
                "You are now breathing manually.",
                "Press F to pay respects.",
                "Is it just me, or is it hot in here?",
                "Prepare for trouble, and make it double!",
                "I'm sorry, Dave. I'm afraid I can't do that.",
                "Y U NO TEXT BACK?",
                "Just trolling...",
                "New phone, who dis?",
                "I'm not a robot..... proms.",
                "Error 418: I'm a da teapot turret.",
                "Too kewl for school.",
                "Life is like a box of chocolates. YUMYUMYUMUMYUM",
                "Taco cat spelled backwards is taco cat. :O",
                "Nyan nyan nyan nyan nyan nyan nyan nyan nyan nyan nyan nyan nyan nyan nyan nyan",
                "Such excite, much anticipation!",
                "Who lives in a pineapple under da sea!?",
                "It's peanut butter jelly time!",
                "Not sure if serious...",
                "HALLOWEEN IS COMING.",
                "I want to believe.",
                "Houston, we have a problem.",
                "A wild meme appeared!",
                "Bazinga!",
                "Pew pew pew!",
                "Hakuna Matata!",
                "Say hello to my little friend!",
                "Here's Johnny!",
                "Wingardium Leviosa!",
                "To infinity and beyond!",
                "I'm da real Batman.",
                "You can't handle the truth!",
                "I find your lack of faith disturbing.",
                "Why did the chicken cross the road?",
                "I see dumb people. *stares at you XD*",
                "I'll have what she's having.",
                "You talking to me?",
                "Keep your friends close, but your enemies closer. >:D",
                "You had me at hello. X3",
                "Rawr X3"
            ];
            const randomMessages = Array(100).fill().map(() => messages[Math.floor(Math.random() * messages.length)]);
            document.getElementById('marqueeText').innerHTML = randomMessages.join(" &nbsp;&bull;&nbsp; ");
        });
    </script>
</head>
<body>
    <div class="container">
        <header>
            <h1>Welcome to Nichole's Epik Site!</h1>
        </header>

        <div class="nav">
            <a href="javascript:void(0);">Home</a>
            <a href="https://nicholexd.neocities.org/About">About Me</a>
            <a href="https://nicholexd.neocities.org/Contact">Contact</a>
        </div>

        <div class="marquee">
            <p id="marqueeText"></p>
        </div>
        
        <hr>

        <section class="gifs-section">
            <h2>Exciting Animated GIFs!</h2>
            <div>
                <img alt="exciting 2000's animated gif" src="https://nicholexd.neocities.org/giphy.gif" width="200" height="200" class="fun-gif">
                <p class="gif-caption">pokemownz XD</p>
            </div>
            <div>
                <img alt="exciting 2000's animated gif" src="https://nicholexd.neocities.org/giphy2.gif" width="200" height="200" class="fun-gif">
                <p class="gif-caption">Nyan Cat</p>
            </div>
            <div>
                <img alt="exciting 2000's animated gif" src="https://nicholexd.neocities.org/hamster-dance.gif" width="200" height="200" class="fun-gif">
                <p class="gif-caption">Hamster Dance</p>
            </div>
            <div>
                <img alt="exciting 2000's animated gif" src="https://nicholexd.neocities.org/dancing-banana-happy.gif" width="200" height="200" class="fun-gif">
                <p class="gif-caption">Peanut Butter Jelly Time</p>
            </div>
        </section>

        <hr>

        <section class="youtube-section">
            <div class="youtube-caption">Check out this funny song I found XD</div>
            <iframe class="youtube-video" src="https://www.youtube.com/embed/iubJ-XSL9go"></iframe>
        </section>

        <hr>

        <section class="pixel-art-section">
            <h2>Random Pixel Art</h2>
            <img alt="Pixel art from Nichole's site" src="https://nicholexd.neocities.org/image.png" width="64" height="64" class="pixel-art">
            <img alt="Pixel art from Nichole's other site" src="https://nicholexd.neocities.org/images.png" width="64" height="64" class="pixel-art">
            <img alt="Animated pixel art of tennis by iTop edition" src="https://nicholexd.neocities.org/Pixel_tennis_by_iTop_edition.gif" width="150" height="150" class="pixel-art">
            <img alt="Pixel art of 8-bit scene by Keerou" src="https://nicholexd.neocities.org/pixel_art_1_by_keerou-d6dba82.png" width="150" height="150" class="pixel-art">
        </section>

        <hr>

        <footer>
            <p>&copy; 2015 Nichole's Epik Site. All rights reserved. JK XD</p>
        </footer>
    </div>
</body>
</html>