resources.html

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MOF1 Resources</title>
    <meta name="description" content="MOF1 Clan Resource Page">
    <meta name="keywords"
        content="MOF1, Moto GP, Formula 1, Far Cry 2, Apex Legends, PUBG, Krunker, Game, First Person Shooter, Valorant, Clan">
    <meta name="author" content="epicX">
    <link rel='icon' type='image/png' href='./res/ico.png'>
    <link rel="stylesheet" href="style.css">
    <link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet">
    <script src="./index.js" defer></script>
</head>

<body>
    <nav id="deskNav" class="inResources">
        <a href="/">Home</a>
    </nav>

    <nav id="mobileNav" class="inResources">
        <button onclick="navHandle(false)" id="close" class="navMBtn"><i class="ri-close-fill"></i></button>
        <button onclick="navHandle(true)" id="open" class="navMBtn"><i class="ri-menu-2-line"></i></button>
        <a href="/">Home</a>
    </nav>


    <section id="follow" class="follow">
        <h1>Resources</h1>
        <div class="grid">
            <div class="card resource">
                <div class="cover"
                    style="background-image: url('./res/images/thief_krunker_css.png');background-position: center;">
                </div>
                <h4>MOF1 CSS ThieF Edition</h4>

                <p>This css is pretty much same as MOF1 css with thieF colors and logos.</p>
                <div class="resourceActions">
                    <a href="https://github.com/MOF1/krunker_css/releases/download/v2.2_thief/main_custom.css"><i
                            class="ri-file-download-line"></i></a>
                </div>
            </div>
            <div class="card resource">
                <div class="cover"
                    style="background-image: url('./res/images/krunker_css.png');background-position: center;">
                </div>
                <h4>MOF1 CSS</h4>

                <p>This krunker CSS is created to give players a different kind of experience in terms of Ui. Menu Ui is
                    very much inspired by CSGO.</p>
                <div class="resourceActions">
                    <a href="https://www.youtube.com/watch?v=IbyWouLoxOY" target="blank"><i
                            class="ri-youtube-line"></i></a>
                    <a href="https://mof1.github.io/csstool/#/MOF1" target="blank"><i class="ri-pencil-fill"></i></a>
                    <a href="https://github.com/MOF1/krunker_css/releases/download/v2.2/main_custom.css"><i
                            class="ri-file-download-line"></i></a>
                </div>
            </div>

            <div class="card resource">
                <div class="cover"
                    style="background-image: url('./res/images/krunker_css_tool.png');background-position: center;">
                </div>
                <h4>Krunker CSS Tool</h4>

                <p>Krunker CSS tool is a way to customize your fevorite krunker css without coding.</p>
                <div class="resourceActions">
                    <a class="disabled"><i class="ri-youtube-line"></i></a>
                    <a href="https://mof1.github.io/csstool/#/" target="blank"><i class="ri-arrow-right-s-line"></i></a>
                </div>
            </div>

            <div class="card resource">
                <div class="cover"
                    style="background-image: url('./res/images/krunker_css_tool_configurator.png');background-position: center;">
                </div>
                <h4>CSS Tool Configurator</h4>

                <p>Using this configurator, Css devs can easily create css tool configuration for their css.</p>
                <div class="resourceActions">
                    <a class="disabled"><i class="ri-youtube-line"></i></a>
                    <a class="disabled"><i class="ri-article-line"></i></a>
                    <a target="blank" href="https://mof1.github.io/csstool/#/config/create"><i
                            class="ri-arrow-right-s-line"></i></a>
                </div>
            </div>

        </div>
    </section>


    <footer>
        <img src="./res/footer.svg" alt="">
        <img src="./res/logo3.svg" alt="">
    </footer>
</body>

</html>