<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>EaglerArchive</title>
    <link rel="stylesheet" href="./stylesheet.css">
    <link rel="stylesheet" href="./nav_bar.css">
</head>
<body>
    
    <div id="nav_bar">
        <div id="EaglerArchive">
            <a id="link_EaglerArchive" href="./index.html">
                <img id="logo" src="./assets/images/EaglerArchive.png" alt="EaglerArchive">
                <p>EaglerArchive</p>
            </a>
        
            <a class="link-nav_bar" href="./index.html">
                <img class="icon_link" src="./assets/icons/SF Symbols/house_fill.png" alt="home_icon">
                <p>Home</p>
            </a>
            <a class="link-nav_bar" href="./archive.html">
                <img class="icon_link" src="./assets/icons/SF Symbols/square_stack_3d_down_right_fill.png" alt="archive_icon">
                <p>Archive</p>
            </a>
            <a class="link-nav_bar" href="./servers.html">
                <img alt="server_icon" src="./assets/icons/SF Symbols/hexagon.png" class="icon_link">
                <p>Servers</p>
            </a>

            <a class="link-nav_bar" href="./info.html">
                <img class="icon_link" src="./assets/icons/SF Symbols/exclamationmark.png" alt="info_icon">
                <p>Info</p>
            </a>
            <a class="link-nav_bar" href="./about.html">
                <img class="icon_link" src="./assets/icons/SF Symbols/question.png" alt="about_icon">
                <p>About</p>
            </a>
        </div>
        <a class="link-nav_bar blurple" id="link_discord" href="https://discord.gg/" target="_blank">
            <img class="icon_link" src="./assets/images/Discord-icon-modified.png" alt="discord_icon">
            <p>Discord</p>
        </a>
   </div>

    <div id="view">
        <div class="page-title">
            <hr>
            <h1>Home</h1>
            <hr>
        </div>

            <div class="box-container">

                <a class="box" href="" target="_blank">

                    <div class="box-content">
                        <img class="box-icon" src="./assets/images/ResentIcon.png" alt="resent_icon">
                        <p>Resent 4.0 Available!</p>
                    </div>

                </a>

                <a class="box blurple" href="https://discord.gg/" target="_blank">

                    <div class="box-content">
                        <img class="box-icon invert-icon" src="./assets/images/Discord-icon-modified.png" alt="discord_icon">
                        <p>Join the discord server for the latest news and updates!</p>
                    </div>

                </a>

                <a class="box" href="" target="_blank">

                    <div class="box-content">
                        <img class="box-banner" src="./assets/images/hacker_group.png" alt="hacker_banner">
                        <p>Hack Clients!</p>
                    </div>

                </a>

                <a class="box" href="">
                    <div class="box-content" id="vanilla-box">
                        <img class="box-icon invert-icon" src="./assets/images/VanillaCraftSMP.png" alt="VanillaCraftSMP">
                        <p>VanillaCraftSMP is back!</p>
                    </div>

                </a>

                <a class="box" href="">

                    <div class="box-content">
                        <img src="./assets/images/serverbanner.png" alt="" class="box-banner">
                        <p>Create your own server!</p>
                    </div>

                </a>
                <div class="box"></div>
            </div>            


    </div>

</body>
</html>