-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
55 lines (55 loc) · 2.44 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" type="text/css" href="./assets/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="./assets/css/devicon/devicon.css">
<link rel="stylesheet" type="text/css" href="./assets/css/devicon/devicon-colors.css">
<link rel="stylesheet" type="text/css" href="./assets/css/custom.css">
<title>GitHub Finder - One Page to Search All GitHub Users</title>
<meta name="description" content="GitHub User Finder is a Vanilla JS (ES6 & ES7) based web application to find GitHub users, their latest 5 repos and other details about them as you press one key at a time from your keyboard">
</head>
<body>
<nav class="navbar navbar-dark bg-primary mb-3">
<div class="container">
<a href="" class="navbar-brand"><i class="devicon-github-plain mr-2"></i> GitHub Finder</a>
</div>
</nav>
<div class="container search-container">
<div class="search card card-body">
<h2>Search GitHub Users</h2>
<p class="lead">Enter a username to fetch a user profile and repos from GitHub</p>
<div class="form-group">
<div class="input-group mb-2">
<div class="input-group-prepend">
<span class="input-group-text">
<i class="devicon-github-plain mr-2"></i>
Username
</span>
</div>
<input type="text" placeholder="Type any GitHub Username..." id="search-user" class="form-control">
</div>
</div>
</div>
<div class="mb-4"></div>
<div id="profile"></div>
<div id="how-to">
<div class="card text-white bg-info mb-2">
<div class="card-header">How to use the GitHub Finder?</div>
<div class="card-body">
<h4 class="card-title">It is as easy as doing a Google search!</h4>
<p class="card-text">GitHub Finder makes it super easy to find any random GitHub user and see their work. Just start typing any username and
with each key stroke if there is any GitHub user with that username the details about their profile and their latest
5 repositories will show up here.</p>
</div>
</div>
</div>
</div>
<footer class="mt-5 p-3 text-center bg-light">
GitHub Finder © <span class="curr-year"></span> - <a href="https://www.isaumya.com" target="_blank">Saumya Majumder</a> - All Rights Reserved
</footer>
<script src="./assets/js/build/app.bundle.min.js"></script>
</body>
</html>