<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/3.5.0/remixicon.min.css">
    <link rel="stylesheet" href="style.css">
    <title>MysticSploits</title>
</head>

<body>

    <nav>
        <div class="nav-logo">
            <a href="#">
                <img src="images/logo.png">
            </a>
        </div>

        <ul class="nav-links">
            <li class="link"><a href="#">Home</a></li>
            <li id="link1" class="link"><a href="#">Features</a></li>
            <li id="link2" class="link"><a href="#">Pricing</a></li>
            <li id="link3" class="link"><a href="#">About</a></li>
        </ul>
        <button class="btn" onclick="location.href='https://discord.gg/VzurTjmMaR'">Join</button>
    </nav>

    <header class="container">
        <div class="content">
            <span class="blur"></span>
            <span class="blur"></span>
            <h4>OPEN YOUR MIND</h4>
            <H1>Hi, I'm <span>Syringee</span>, Programmer</H1>
            <p>
                I am developer / programmer who knows Python | C# | C++ | Lua | HTML | JavaScript |
                But I excel in python.
            </p>
            <button class="btn">
                <a href="https://discord.gg/VzurTjmMaR" style="color: white; text-decoration: none;"
                    onclick="event.preventDefault(); location.href='https://discord.gg/VzurTjmMaR';">Get Started</a>
            </button>
        </div>
        <div class="image">
            <img src="images/header.png">
        </div>
    </header>

    <section class="container">
        <h2 class="header">OUR FEATURES</h2>
        <div class="features">
            <div class="card">
                <span><i class="ri-money-dollar-box-line"></i></span>
                <h4>Free Tutorials</h4>
                <p>
                    Check out <a href="https://youtube.com/@MysticSploits/">MysticSploits</a> and its exclusive Cozmora
                    executor !
                </p>
                <a href="#" onclick="location.href='https://discord.gg/VzurTjmMaR'">Join Now <i
                        class="ri-arrow-right-line"></i></a>
            </div>
            <div class="card">
                <span><i class="ri-bug-line"></i></span>
                <h4>Support</h4>
                <p>
                    Create ticket in discord for support.
                </p>
                <a href="https://discord.gg/VzurTjmMaR" onclick="location.href='https://discord.gg/VzurTjmMaR'">Get <i
                        class="ri-arrow-right-line"></i></a>
            </div>
            <div class="card">
                <span><i class="ri-history-line"></i></span>
                <h4>Frequent Updates</h4>
                <p>
                    The updates will take place automatically.
                </p>
                <a href="#" onclick="location.href='https://discord.gg/VzurTjmMaR'">Join Now <i
                        class="ri-arrow-right-line"></i></a>
            </div>
            <div class="card">
                <span><i class="ri-shake-hands-line"></i></span>
                <h4>Cooperation</h4>
                <p>
                    Write email or create tickets we will reply!
                </p>
                <a href="#" onclick="location.href='https://discord.gg/VzurTjmMaR'">Join Now <i
                        class="ri-arrow-right-line"></i></a>
            </div>
        </div>
    </section>

    <section class="container">
        <h2 class="header"> Cozmora ! - [Executor]</h2>
        <p class="sub-header">
            We have free and premium facilities
        </p>
        <div class="pricing">
            <div class="card">
                <div class="content">
                    <h4>Basic Plan</h4>
                    <h3>0$</h3>
                    <p>
                        <i class="ri-checkbox-circle-line"></i>
                        Sick UI
                    </p>
                    <p>
                        <i class="ri-checkbox-circle-line"></i>
                        Support
                    </p>
                </div>
                <button class="btn"><a href="https://discord.gg/VzurTjmMaR" style="color: white; text-decoration: none;"
                        onclick="event.preventDefault(); location.href='https://discord.gg/VzurTjmMaR';"> Get
                    </a></button>
            </div>
            <div class="card">
                <div class="content">
                    <h4>Gold Plan</h4>
                    <h3>10$</h3>
                    <p>
                        <i class="ri-checkbox-circle-line"></i>
                        Sick UI
                    </p>
                    <p>
                        <i class="ri-checkbox-circle-line"></i>
                        Access to resources
                    </p>
                    <p>
                        <i class="ri-checkbox-circle-line"></i>
                        RoxCore - 84 UNC
                    </p>
                </div>
                <button class="btn"><a href="https://discord.gg/VzurTjmMaR" style="color: white; text-decoration: none;"
                        onclick="event.preventDefault(); location.href='https://discord.gg/VzurTjmMaR';"> Get
                    </a></button>
            </div>
            <div class="card">
                <div class="content">
                    <h4>Diamond Plan</h4>
                    <h3>100$</h3>
                    <p>
                        <i class="ri-checkbox-circle-line"></i>
                    </p>
                    <p>
                        <i class="ri-checkbox-circle-line"></i>
                        Sick UI
                    </p>
                    <p>
                        <i class="ri-checkbox-circle-line"></i>
                        Access to resources
                    </p>
                    <p>
                        <i class="ri-checkbox-circle-line"></i>
                        Cozmora - 94 UNC
                    </p>
                    <p>
                        <i class="ri-checkbox-circle-line"></i>
                        90 UNC - Source
                    </p>
                </div>
                <button class="btn"><a href="https://discord.gg/VzurTjmMaR" style="color: white; text-decoration: none;"
                        onclick="event.preventDefault(); location.href='https://discord.gg/VzurTjmMaR';"> Get
                    </a></button>
            </div>
        </div>
    </section>

    <footer class="container">
        <span class="blur"></span>
        <span class="blur"></span>
        <div class="column">
            <div class="logo">
                <img src="images/logo.png">
            </div>
            <p>
                Learning as much I can to provide service for you!
            </p>
            <div class="socials">
                <a href="#"><i class="ri-youtube-line"></i></a>
                <a href="#"><i class="ri-instagram-line"></i></a>
                <a href="#"><i class="ri-twitter-line"></i></a>
            </div>
        </div>
        <div class="column">
            <h4>Company</h4>
            <a href="#">Business</a>
            <a href="#">Partnership</a>
            <a href="#">Network</a>
        </div>
        <div class="column">
            <h4>About Us</h4>
            <a href="#">Blogs</a>
            <a href="https://youtube.com/@MysticSploits">Channels</a>
            <a href="https://discord.com/users/1126644641522012190">Sponsors</a>
        </div>
        <div class="column">
            <h4>Contact</h4>
            <a href="https://discord.gg/VzurTjmMaR/"
                onclick="location.href='https://discord.gg/VzurTjmMaR'; return false;">Contact Us</a>
            <a href="#">Privicy Policy</a>
            <a href="#">Terms & Conditions</a>
        </div>
    </footer>

    <div class="copyright">
        Copyright © 2024 MysticSploits. Created by <a href="https://discord.com/users/1307584204619386913">Syringee</a>
    </div>

</body>

</html>