index.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" />
    <link rel="stylesheet" href="index.css" />
    <title>Document</title>
  </head>
  <body>
    <nav id="nav">
      <div class="text"><a href="https://www.gmail.com">Gmail</a></div>
      <div class="text">
        <a href="https://www.google.co.in/imghp?hl=en&authuser=0&ogbl"
          >Images</a
        >
      </div>
      <div class="img">
        <img src="Sources/Logo/corner-right.png" style="height: 8vh" />
      </div>
    </nav>

    <script
      async
      src="https://cse.google.com/cse.js?cx=d7a310299c0f341e0"
    ></script>
    <div id="page">
      <img
        src="Sources/Logo/google.png"
        alt=""
        style="
          height: 20vh;
          width: calc(60 * 676 / 2000) vh;
          align-self: center;
        "
        class="google-image"
      />
      <div class="gcse-search"></div>
      <div class="two-box">
        <a href="#" class="box">
          <div>Google Search</div>
        </a>
        <a href="https://www.google.com/doodles" class="box">
          <div>I am Feeling lucky</div>
        </a>
      </div>
    </div>
  </body>
</html>