index.html

<!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/5.14.0/css/all.min.css" integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog==" crossorigin="anonymous" />
    <link rel="stylesheet" href="styles.css">
    <title>Google</title>
</head>

<body>
    <nav>
        <ul>
            <li><a href="https://mail.google.com/mail/u/0/">Gmail</a></li>
            <li><a href="https://www.google.co.in/imghp?hl=en&tab=ri&authuser=0&ogbl">Images</a></li>
            <li><a href=""><i class="fa fa-th "></i></a></li>
            <li><a href="https://accounts.google.com/servicelogin">Sign In</a></li>
        </ul>
    </nav>
    <div class="container">
        <div class="row">
            <div class="logo-block"><img src="./logo.png" alt=""></div>
        </div>
        <div class="row">
            <form action="" id="main" method="POST">
                <div class="input-block">
                    <i class="fa fa-search"></i>
                    <input type="text" name="serach-box" id="search-box"> 
                    <i class="fa fa-microphone"></i>
                </div>
                <div class="btn-cnt">
                    <input type="submit" name="Search" id="Search" value="Google Search">
                    <input type="submit" name="lucky" id="lucky" value="I'm feeling lucky">
                </div>
            </form>
        </div>
        <div class="row">
            <div class="languages">Google offered in: हिन्दी বাংলা తెలుగు मराठी தமிழ் ગુજરાતી ಕನ್ನಡ മലയാളം ਪੰਜਾਬੀ</div>
        </div>
    </div>
    <footer>
        <div class="row">
           <div class="text"> India</div>
        </div><hr style="background-color:grey">
        <div class="row bottom">
            <ul>
                <li>Advertising</li>
                <li>Business</li>
                <li>About</li>
                <li>How search works</li>
            </ul>
            <ul class="right">
                <li>Privacy</li>
                <li>Terms</li>
                <li>Settings</li>
            </ul>
        </div>

    </footer>
</body>

<script>
    document.querySelector('#main').onsubmit = function(e){
        e.preventDefault();
        var search =document.querySelector('#search-box').value;
        location.href=('https://google.com/search?q='+search)
    };   
</script>

</html>