Web Practise.HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Work</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="Web.CSS">
</head>
<body>
    <header>
        <div class="navbar">
         <div class="logo"><a href="#">Malik Web World</a></div>
         <ul class="links">
             <li><a href="Hero">Home</a></li>
             <li><a href="About">About</a></li>
             <li><a href="Services">Services</a></li>
             <li><a href="Contacts">Contacts</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="dropdowm_menu">
        <li><a href="Hero">Home</a></li>
        <li><a href="About">About</a></li>
        <li><a href="Services">Services</a></li>
        <li><a href="Contacts">Contacts</a></li>
        <li> <a href="#" class="action_btn">Get Started</a></li>
    </div>
    </header>
</body>
</html>