Github-Profil-card/index.html

<!DOCTYPE html>
<html>
<head>
   <meta charset='utf-8'>
   <meta http-equiv='X-UA-Compatible' content='IE=edge'>
   <title>Github</title>
   <meta name='viewport' content='width=device-width, initial-scale=1'>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css" integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
   <link rel='stylesheet' type='text/css' media='screen' href='main.css'>
</head>
<body>

   <form id="form" class="user-form">
      <input
        type="text"
        id="search"
        placeholder="GitHub Kullanıcısı"
        autocomplete="off"
      />
      <button type="submit">
        <i class="fa-solid fa-magnifying-glass"></i>
      </button>
    </form>

    <main id="main">
      <!-- <div class="card">
        <img
          class="user-image"
          src="https://avatars.githubusercontent.com/u/96288230?v=4"
          alt="User Image"
        />

        <div class="user-info">
          <div class="user-name">
            <h2>TUĞRUL ARABACI</h2>
            <small>@rbctugrul</small>
          </div>
        </div>

        <p>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit
          accusamus fuga dolor facilis quod quam quas aperiam, corrupti deserunt
          at odio alias, repudiandae doloremque, voluptatibus repellendus neque
          perspiciatis laudantium rerum.
        </p>

        <ul>
          <li>
            <i class="fa-solid fa-user-group"></i> 311
            <strong>Followers</strong>
          </li>
          <li>2 <strong>Following</strong></li>
          <li>
            <i class="fa-solid fa-bookmark"></i> 21 <strong>Repository</strong>
          </li>
        </ul>

        <div class="repos" id="repos">
          <a href="#"> <i class="fa-solid fa-book-bookmark"></i> Repo 1 </a>
          <a href="#"> <i class="fa-solid fa-book-bookmark"></i> Repo 1 </a>
          <a href="#"> <i class="fa-solid fa-book-bookmark"></i> Repo 1 </a>
        </div>
      </div> -->
    </main>

   <!-- Script Axios -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/1.3.4/axios.min.js" integrity="sha512-LUKzDoJKOLqnxGWWIBM4lzRBlxcva2ZTztO8bTcWPmDSpkErWx0bSP4pdsjNH8kiHAUPaT06UXcb+vOEZH+HpQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
   <script src='main.js'></script>
</body>
</html>