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">
    <title>Responsive navbar and footer</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="container">
        <header class="header">
            <div class="logo"><a href="#!">MROBOTICS</a></div>
            <nav class="nav">
                <ul>
                    <li><a href="#!">Home</a></li>
                    <li><a href="About.html">About</a></li>
                    <li><a href="Contact.html">Contact</a></li>
                    <li><a href="Faqs.html">FAQS</a></li>
                </ul>
            </nav>
        </header>
        <div class="content">
            <h4>CONTENT GOES HERE</h4>
        </div>
    </div>
    <footer>
        <p>Whatsapp</p>
        <p>Facebook</p>
         <p>Instagram</p>
    </footer>
</body>
</html>