index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>google.com</title>
        <meta charset="UTF-8">
        <link href="style.css" rel="stylesheet" type="text/css">
        <link href="index.js" rel="script" type="script">
    </head>
    <body>
        <header class="header">
            <nav id="nav1" align="right">
                <p><a href="#">Gmail</a></p>
                <p><a href="#">Images</p>
                <p><img src="121085.png" alt="google services" width="20px" height="20px"></p>
                <p><img src="images__3_-removebg-preview.png" alt="google profile picture" width="50px" height="50px"></p>
            </nav>
            <div class="mainNav">
                <p align = "center"><span id="a">G</span><span id="b">o</span><span id="c">o</span><span id="d">g</span><span id="e">l</span><span id="f">e</span></p>
                <div id="myLinks">
                    <a href="#">Home</a>
                    <a href="#">Search Activity</a>
                    <a href="#">Collections</a>
                    <a href="#">Offline Researches</a>
                    <hr/>
                    <a href="#">Settings</a>
                    <a href="#">Your data in Search</a>
                    <a href="#">How Search Works</a>
                    <a href="#">Help</a>
                    <a href="#">Send feedback</a>
                </div>
                <a href="index.js" class="icon">
                    <i class="fa fa-bars"></i>
                </a>
            </div>
        </header>
        <br/><br/><br/><br/><br/><br/>
        <main>
            <p align = "center"><span id="a">G</span><span id="b">o</span><span id="c">o</span><span id="d">g</span><span id="e">l</span><span id="f">e</span></p>
            <p></p>
            <form>
                <input type="text" placeholder="" id="g"><br/><br/><br/>
                <input type="button" name="Google Search" value="Google Search" id="h">
                <input type="button" name="I'm Feeling Lucky" value="I'm Feeling Lucky" id="i">
            </form>
            <br/><br/>
            <div id="div">
                <p style="font-size: 14px;" id="z">Google offered in:   </p>
                <p><a href="#" style="color: blueviolet; font-size: 14px;">Hausa</a></p>
                <p><a href="#" style="color: blueviolet; font-size: 14px;">Igbo</a></p>
                <p><a href="#" style="color: blueviolet; font-size: 14px;">Èdè Yorùbá</a></p>
                <p><a href="#" style="color: blueviolet; font-size: 14px;">Nigerian Pidgin</a></p>
            </div>
        </main>
        <footer class="footer">
            <div>
                <p>Nigeria</p>
            </div>
            <hr/>
            <div id="footer">
                <p><a href="#">Advertising</a></p>
                <p><a href="#">Business</a></p>
                <p><a href="#">About</a></p>
            <p><a href="#" style="padding-right: 40%;" id="y">How Search Works</a></p>
                <p class="a"><a href="#">Privacy</a></p>
                <p class="a"><a href="#">Terms</a></p>
                <p class="a"><a href="#">Settings</a></p>
            </div>
        </footer>
    </body>
</html>