Merge b14331bd62 into 236f68461b

3 years ago · 7659066af7
parent 236f68461b b14331bd62
commit 7659066af7
3 changed files with 21 additions and 3 deletions
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5502
+}
--- a/github-profiles/index.html
+++ b/github-profiles/index.html
@ -7,12 +7,14 @@
    <title>Github Profiles</title>
  </head>
  <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">
      <input type="text" id="search" placeholder="Search a Github User">
    </form>

    <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="script.js"></script>
  </body>
--- a/github-profiles/style.css
+++ b/github-profiles/style.css
@ -5,7 +5,7 @@
 }

 body {
-  background-color: #2a2a72;
+  background-color: #0b0b0c;
  color: #fff;
  font-family: 'Poppins', sans-serif;
  display: flex;
@ -25,7 +25,7 @@ body {
 .user-form input {
  width: 100%;
  display: block;
-  background-color: #4c2885;
+  background-color: #060607;
  border: none;
  border-radius: 10px;
  color: #fff;
@ -39,6 +39,7 @@ body {

 .user-form input::placeholder {
  color: #bbb;
+  
 }

 .user-form input:focus {
@ -111,3 +112,15 @@ body {
    max-width: 400px;
  }
 }
+
+h1{
+  text-align: center;
+  font-size: 3.5rem;
+  margin-bottom: 0.5rem;
+}
+img{
+  height: 5rem;
+  width: 5rem;
+}
+
+