index.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">
      <title>Model</title>
      <link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet">

      <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=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700&display=swap"
            rel="stylesheet">

      <link rel="stylesheet" href="style.css">
</head>

<body>


      <h1> Press Ctrl + K For Search Window</h1>

      <div class="model">
            <div class="model__search-wrapper">

                  <div class="model__input-wrapper">
                        <div class="model__search-icon"><i class="ri-search-line"></i></div>
                        <input type="text" id="search" class="model__search-input" placeholder="Search for everything">
                  </div>

                  <ul class="search__list">
                        <!-- Append data with the help of JavaScript. -->

                  </ul>


            </div>
      </div>


      <script src="script.js"></script>

</body>

</html>