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>Google Search Page</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <section>
 <header>
     <ul>
         <li><a href="#">Gmail</a></li>
         <li><a href="#">Images</a></li>
         <li><a href="#"><img src="images/bars.png"></li>
        <li><button>Sign In</li>
     </ul>
 </header> 
 <div class="main">
     <img src="Images/google.png">
     <div class="searchBox">
         <input type="text" class="search">
         <div class="icons">
             <div><img src="Images/search.png"></div>
             <div><img src="Images/mic.png"></div>
         </div> 
     </div>
     <div class="buttons">
         <button>Google Search</button>
         <button>I'm Feeling Lucky</button>
     </div>
     <ul class="languages">
         <li>Google Offered in:</li>
         <li><a href="#">Swahili</a></li>
                  

 </div> 
 <div class="footer">
     <div class="row row1">
         <p class = "country">Kenya</p>
     </div>
     <div class="row row2">
     <ul>
         <li><a href="#">Advertising</a></li>
         <li><a href="#">Business</a></li>
         <li><a href="#">About</a></li>
         <li><a href="#">How Search works</a></li>
     </ul>
     <ul>
         <li><a href="#">Privacy</a></li>
         <li><a href="#">Terms</a></li>
         <li><a href="#">Settings</a></li>
         
     </ul>
 </div>
   </section>  
</body>
</html>