<!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/font-awesome/6.7.1/css/all.min.css"
        integrity="sha512-5Hs3dF2AEPkpNAR7UiOHba+lRSJNeM2ECkwxUIxC1Q/FLycGTbNapWXB4tP889k5T5Ju8fs4b1P5z/iB4nMfSQ=="
        crossorigin="anonymous" referrerpolicy="no-referrer">
    <!-- <link rel="stylesheet" href="style-obfuscator.css"> -->
    <title>Sumberweb</title>
    <link rel="shortcut icon" href="favicon.png" type="image/x-icon">
</head>

<body>

    <header>
        <div class="navbar">
            <div class="logo">
                <!-- <img src="favicon.png" alt="logo"> -->
                <a href="#">Sumberweb</a>
            </div>
            <ul class="menu">
                <li><a href="#">Home</a></li>
                <li><a href="#">About</a></li>
                <li><a href="#">Services</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
            <a href="#" class="action_btn">Get Started</a>
            <div class="toggle_btn">
                <i class="fa-solid fa-bars"></i>
            </div>
        </div>

        <div class="dropdown_menu">
            <li><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Services</a></li>
            <li><a href="#">Contact</a></li>
            <li><a href="#" class="action_btn">Get Started</a></li>
        </div>
    </header>

    <main>
        <section id="hero">
            <!-- <h1>Welcome</h1> -->
            <p>Looking for a professional website that’s ready to go online? We provide <strong>end-to-end website
                    development services</strong>, <br> ensuring your site is fully functional, visually stunning, and
                optimized for your business needs.</p>
        </section>
    </main>

    <script src="script-obfuscator.js"></script>
</body>

</html>