<!-- prettier-ignore-start -->
<!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" />
    <script
      src="https://kit.fontawesome.com/8a7e40051d.js"
      crossorigin="anonymous"
    ></script>
    <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=Anek+Gujarati:wght@100;400;700&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="/css/style.css" />
    <title>Pokedex</title>
  </head>
  <body>
    <header>
      <Figure >
        <img
          src="https://res.cloudinary.com/dpjvhwiqv/image/upload/v1650411155/pokedex-mvc/pokemon_logo.png"
          alt="Pokemon logo"
          class="imageHead"
        />
      </Figure>
      <i class="fa-solid fa-bars collapsible"></i>
      <nav class="content">
        <i class="fa-solid fa-xmark"></i>
        <ul>
          <li><a href="/">Home</a></li>
          <li><a href="/register">Register</a></li>
          <li>
            <input
              type="search"
              name="search"
              placeholder="Search"
              class=".search"
            />
          </li>
          <li>
            <i class="fa-solid fa-magnifying-glass"></i>
          </li>
        </ul>
      </nav>
    </header>
  </body>
</html>
