index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Google</title>
    <link rel="stylesheet" href="main2.css">
</head>
<body class="container">
    <div id="HeadLine" class="header">
    <ul id="HeadList">
        <li><a href="#">About</a></li>
        <li><a href="#">Store</a></li>
        <li style="float:right;""><a href="#">Gmail</a></li>
        <li style="float:right;"><a href="#">Images</a></li>
        <li style="float:right;""><a href="#">Log in</a></li>
    </ul></div>

    <div id="BodyPart" class="BodyContainer">
    <img  src="/Images/googlelogo.png" alt="Google logo"><br>
    <form >
        <input id="input-bar" type="text"><br>
        <button id="s-btn" type="submit">Google Search</button>
        <button id="l-btn" type="submit">I am feeling lucky</button><br>
        <a id="link" href="#">Coronavirus information and resources (COVID-19)</a><br>
<!-- <div>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus voluptatum voluptate iste quaerat repellendus accusamus pariatur minus perferendis maxime, fugit dolores omnis praesentium neque vitae autem. Reprehenderit ullam expedita officiis nam voluptates delectus. Repellendus error esse, ipsa aliquid sit voluptates animi suscipit laborum ipsum odit repellat adipisci pariatur illo eligendi.</div> -->
    </form>
</div>
<div id="FootLine" class="footer">
    <ul id="footer">
        <li><a href="#">Advertising</a></li>
        <li><a href="#">Business</a></li>
        <li ><a href="#">How Search Works</a></li>
        <li style="float: right;"><a href="#">Privacy</a></li>
        <li style="float:right;"><a href="#">Terms</a></li>
        <li style="float:right;"><a href="#">Settings</a></li>
    </ul>   
</div>
</body>
        
</html>