11<!DOCTYPE html>
22< html lang ="en ">
3- < head >
4- < meta charset ="UTF-8 ">
5- < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
3+ < head >
4+ < meta charset ="UTF-8 " / >
5+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 " / >
66 < title > Github Profile Finder</ title >
7- </ head >
8- < body >
9-
10- </ body >
11- </ html >
7+ <!-- google fonts -->
8+ < link rel ="preconnect " href ="https://fonts.googleapis.com " />
9+ < link rel ="preconnect " href ="https://fonts.gstatic.com " crossorigin />
10+ < link
11+ href ="https://fonts.googleapis.com/css2?family=Lobster+Two:ital,wght@0,400;0,700;1,400;1,700&display=swap "
12+ rel ="stylesheet "
13+ />
14+
15+ < link rel ="stylesheet " href ="style.css " />
16+ </ head >
17+ < body >
18+ < div class ="container ">
19+ < div class ="search-container ">
20+ < input
21+ type ="text "
22+ name =""
23+ id ="input "
24+ placeholder ="Enter Github UserName "
25+ class =""
26+ />
27+ < div id ="search " onclick ="getUser() "> Search User</ div >
28+ </ div >
29+
30+ < div class ="profile-card ">
31+ < div class ="main-info ">
32+ < img src ="./assets/github-logo.png " alt ="avatar " id ="prof-img " />
33+ < span class ="name " id ="name "> Tajul Afreen</ span >
34+ < a href ="" id ="username "> @tajulafreen</ a >
35+ </ div >
36+ < div class ="bio ">
37+ < p id ="bio "> A full stack developer</ p >
38+ < p > < span id ="repo "> 58</ span > Repositories</ p >
39+ </ div >
40+ < div class ="follow ">
41+ < div class ="followers ">
42+ < span class ="no " id ="followers "> 49</ span >
43+ Followers
44+ </ div >
45+ < div class ="following ">
46+ < span class ="no " id ="following "> 19</ span >
47+ Following
48+ </ div >
49+ </ div >
50+ </ div >
51+ </ div >
52+
53+ < script src ="script.js "> </ script >
54+ </ body >
55+ </ html >
0 commit comments