GitFind/index.html at main · Devjack404/GitFind · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Github User Finder</title>
  <link rel="stylesheet" type="text/css" href="styles.css">
</head>

<body>
  <h1>Git User Finder</h1>
  <div class="container">
    <label for="input">Account Name</label>
    <div class="input-row">
      <input type="text" id="input" placeholder="Enter username...">
      <button type="button" id="findBtn">Find Now</button>
    </div>
  </div>

  <div class="profile-card">
    <div class="profile-header">
      <label for="chs">Choose</label>
      <select class="profile-selection-page" name="chs" id="chs">
        <option class="profile-page">Profile</option>
        <option class="repo-page">Top Repository</option>
      </select>
    </div>

    <div class="profile-identity">
      <img class="photo" src="https://static.thenounproject.com/png/profile-icon-icon-638636-512.png" alt="foto-avatar">
      <div class="profile-info">
        <h2 class="username">Username</h2>
        <p class="nameTag">@username</p>
        <p class="bio">Bio User...</p>
        <a class="link-account">Visit Profile
          <svg xmlns="http://www.w3.org/2000/svg" id="svg-link" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" style="width: 1rem;"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"></path></svg>
        </a>
      </div>
    </div>

    <div class="profile-stats">
      <div class="stat">
        <span class="followers-value stat-value">0</span>
        <span class="stat-label">Followers</span>
      </div>
      <div class="stat">
        <span class="following-value stat-value">0</span>
        <span class="stat-label">Following</span>
      </div>
      <div class="stat">
        <span class="repos-value stat-value">0</span>
        <span class="stat-label">Repos</span>
      </div>
    </div>

    <div class="profile-contributions">
      <h3>Contributions (Last Year)</h3>
      <img src="https://github-readme-stats.vercel.app/api?username=example&show_icons=true&count_private=true&include_all_commits=true&bg_color=08091a&title_color=c760b0&text_color=f0e6ff&icon_color=e491c9&hide_border=true" id="contributionGraph"  alt="Contribution Graph">
    </div>

    <div class="profile-meta">
      <p class="location-user"> Location</p>
      <p class="joined"> Joined</p>
    </div>
  </div>

  <script type="module" src="script.js"></script>
</body>
</html>