msb-public
/
50projects50days
mirror of https://github.com/bradtraversy/50projects50days
1
0
Code Issues Projects Releases Wiki Activity

github profile

Browse Source
pull/97/head
Maitulya Vaghela 4 years ago
parent f682234a3c
commit b14331bd62
3 changed files with 21 additions and 3 deletions
Show Stats Download Patch File Download Diff File

3
.vscode/settings.json vendored
Unescape View File

@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5502
}

4
github-profiles/index.html
Unescape View File

@ -7,12 +7,14 @@
<title>Github Profiles</title> <title>Github Profiles</title>
</head> </head>
<body> <body>
<img src="https://cdn-icons.flaticon.com/png/512/3291/premium/3291667.png?token=exp=1641472591~hmac=1aea14fa7e03045653f2af5f19445ef3" alt="">
<h1>GitHub</h1>
<form class="user-form" id="form"> <form class="user-form" id="form">
<input type="text" id="search" placeholder="Search a Github User"> <input type="text" id="search" placeholder="Search a Github User">
</form> </form>
<main id="main"></main> <main id="main"></main>
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.21.0/axios.min.js" integrity="sha512-DZqqY3PiOvTP9HkjIWgjO6ouCbq+dxqWoJZ/Q+zPYNHmlnI2dQnbJ5bxAHpAMw+LXRm4D72EIRXzvcHQtE8/VQ==" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.21.0/axios.min.js" integrity="sha512-DZqqY3PiOvTP9HkjIWgjO6ouCbq+dxqWoJZ/Q+zPYNHmlnI2dQnbJ5bxAHpAMw+LXRm4D72EIRXzvcHQtE8/VQ==" crossorigin="anonymous"></script>
<script src="script.js"></script> <script src="script.js"></script>
</body> </body>

17
github-profiles/style.css
Unescape View File

@ -5,7 +5,7 @@
} }
body { body {
background-color: #2a2a72; background-color: #0b0b0c;
color: #fff; color: #fff;
font-family: 'Poppins', sans-serif; font-family: 'Poppins', sans-serif;
display: flex; display: flex;
@ -25,7 +25,7 @@ body {
.user-form input { .user-form input {
width: 100%; width: 100%;
display: block; display: block;
background-color: #4c2885; background-color: #060607;
border: none; border: none;
border-radius: 10px; border-radius: 10px;
color: #fff; color: #fff;
@ -39,6 +39,7 @@ body {
.user-form input::placeholder { .user-form input::placeholder {
color: #bbb; color: #bbb;
} }
.user-form input:focus { .user-form input:focus {
@ -111,3 +112,15 @@ body {
max-width: 400px; max-width: 400px;
} }
} }
h1{
text-align: center;
font-size: 3.5rem;
margin-bottom: 0.5rem;
}
img{
height: 5rem;
width: 5rem;
}

Write Preview
Loading…
Cancel
Save