index.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">
    <link rel="stylesheet" href="index.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
   
    <title>Document</title>
</head>
<body>
    <nav class="navbar">
        <div class="max-width">
            <div class="logo"><a href="#">LOGO</a></div>
            <ul class="menu">

                <li><a href="#" class="menu-btn">Home</a></li>
                <li><a href="#" class="menu-btn">Home</a></li>
                <li><a href="#" class="menu-btn">Home</a></li>
                <li><a href="#" class="menu-btn">Home</a></li>
                <li><a href="#" class="menu-btn">Home</a></li>
                <!-- <li><a href="#" class="menu-btn">Home</a></li> -->
            </ul>
            <div class="menu-btn">
                <i class="fas fa-bars"></i>
            </div>
        </div>
    </nav>
    <section class="first">
        <div class="max-width">
            <div class="contain text">
                Join <br>Technothon 2.0
                <img class ="img" src="bg-18.png">
                <img class ="img1" src="man_presenting 1.png">
            </div>
            <div class="subtext">
                Join us from XX Jan to XX Jan and kick-start your coding journey with creation, innovation, & fun.
            </div>
            <button class = "Discbtn"><a>Join Discord</a></button>
        </div>
    </nav>
</body>
<script src="index.js"></script>

</html>