googleSearchAndİmageSearch.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" />
    <!--Google Font icons-->
    <link
      href="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="style.css" />
    <title>Google Uı Clone</title>
  </head>
  <body>
    <!--Header Starts-->
    <div class="header">
      <div class="header__left">
        <a href="#">About</a>
        <a href="#">Store</a>
      </div>
      <div class="header_right">
        <a href="#">Gmail</a>
        <a href="https://www.google.com.tr/imghp?hl=tr&ogbl" method="get">Images</a>
        <span class="material-icons header__apps"> apps </span>
        <span class="material-icons"> account_circle </span>
      </div>
    </div>

    <!--Header Ends-->

    <!--Main Body Ends-->

    <div class="mainBody">
      <img
        src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png"
        alt="Google logo"
      />

      <!-- Search Starts -->
      <form action="https://www.google.com/search" method="get">
      <div class="search">
        <div class="search__input">
          <span class="material-icons"> search </span>
          <input type="text" name="q" placeholder="Google'da arama yapın veya bir URL yazın">
          <span class="material-icons"> mic </span>
        </div>

        <div class="search__buttons">
          <button>Google Search</button>
          <button>I feel myself lucky</button>
        </div>
      </div>
    </form>
      <!-- Search Ends -->
    </div>
    <!--Main Body Ends-->
  </body>
</html>