<!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" />

    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Teko:wght@400;700&display=swap"
      rel="stylesheet"
    />
    <script
      src="https://kit.fontawesome.com/2b614ffe4c.js"
      crossorigin="anonymous"
    ></script>
    <link rel="stylesheet" href="/css/styles.css" />
    <title>Cars catalog</title>
  </head>
  <header>
    <a href="/"><h1>Cars catalog</h1></a>
    <nav>
      <a href="/">Home</a>
      <a href="/register"> Register</a>
    </nav>
  </header>
  <div id="search">
    <input type="text" class="search" />
    <i class="fa-solid fa-magnifying-glass"></i>
  </div>
</html>
