DEVOPS

Home

About

NAME: GODSFAVOUR AKWATA

Email: hisbarrytech@gmail.com

Username: BARRY

HNG-INTERNSHIP

Discover my work and projects

STAGE ZERO TASK

HNG INTERNSHIP

@OFFICIAL WEB PAGE https://hng.tech

<title>First task</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; }

/* {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #333;
    padding: 10px;
    color: white;
} */
   
    nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #333;
    padding: 10px;
    color: white;
}
       div
        {
            font-size: 1.5em;
        }
        
        button
        {
            display: none;
            background-color: #333;
            color: white;
            border: none;
            font-size: 1.5em;
            cursor: pointer;
        }
        ul
        {
            list-style: none;
            display: flex;
            margin: 0;
            padding: 0;
        }
     
        .navbar-menu li {
            margin: 0 10px;
        }
     
        .navbar-menu a {
            color: white;
            text-decoration: none;
            padding: 8px 16px;
            display: block;
        }
     
        .navbar-menu a:hover {
            background-color: #575757;
        }
     
        @media (max-width: 768px) {
            .navbar-menu {
                display: none;
                flex-direction: column;
                width: 100%;
            }
     
            .navbar-menu li {
                margin: 0;
            }
     
            .navbar-toggle {
                display: block;
            }
     
            .navbar-menu.active {
                display: flex;
            }
        }

</style>

    <footer class="footer">
       <p>&copy; AKWATA GODSFAVOUR </p>
   </footer>

   <script src="script.js">
    document.getElementById('navbarToggle').addEventListener('click', function() {
        const menu = 
        document.getElementById('navbarMenu');
        menu.classList.toggle('active');
    });
   </script>
    </body>
    </html>