updated main page and updated readme

Anujit1 · Anujit1 · commit 661fee072913 · 2025-04-23T21:25:45.000+05:30
diff --git a/index.html b/index.html
@@ -17,23 +17,36 @@
     </head>
 
     <body>
-        <header class="navbar">
-            <h1 class="brand">Anujit Singh</h1>
-            <h1 class="title">Projects</h1>
-            <div class="nav-link">
-              <a href="https://github.com/Anujit1" target="_blank" class="nav-icon">
-                <i class="fa-brands fa-github fa-2xl std-icon" style="color: #FFD43B;"></i>
-                <i class="fa-brands fa-github fa-flip fa-2xl hover-icon" style="color: #FFD43B;"></i>
-              </a>
-            </div>
-            
-        </header>
+
+      <!-- navbar -->
+      <header class="navbar">
+          <h1 class="brand">Anujit Singh</h1>
+          <h1 class="title">Projects</h1>
+          <div class="nav-link">
+            <a href="https://github.com/Anujit1" target="_blank" class="nav-icon">
+              <i class="fa-brands fa-github fa-2xl std-icon" style="color: #FFD43B;"></i>
+              <i class="fa-brands fa-github fa-flip fa-2xl hover-icon" style="color: #FFD43B;"></i>
+            </a>
+          </div>
+          
+      </header>
         
         <div id="navbarMargin"><div>
         
+        <!-- main body -->
         <div class="canvas">
             <div class="projects-container">
 
+              <!-- card -->
+              <div class="project-card">
+                <div class="project-snapshot">
+                  <img src="project_Snapshot/GitHub_Profile_Card.png" alt="Project Snapshot">
+                </div>
+                <div class="project-info">
+                  <h2><a href="github_profile_card/index.html" class="project-link" target="_blank" rel="noopener noreferrer">GitHub Profile Card</a></h2>
+                  <p>Makes a card of your github profile and copy user, followers and profile image link api data.</p>
+                </div>
+              </div>
 
               <!-- card -->
               <div class="project-card">
diff --git a/project_Snapshot/GitHub_Profile_Card.png b/project_Snapshot/GitHub_Profile_Card.png
diff --git a/readme.md b/readme.md
@@ -26,5 +26,10 @@ _Fork it and try it!_
 
 ---
 
-## 5. Keyboard Check - [Code File](https://github.com/Anujit1/JavaScript_Projects/tree/main/keyboard_check)
-![BMI Color webpage snapshot](project_Snapshot/keyboard-check.png)
+## 6. Keyboard Check - [Code File](https://github.com/Anujit1/JavaScript_Projects/tree/main/keyboard_check)
+![BMI Color webpage snapshot](project_Snapshot/keyboard-check.png)
+
+---
+
+## 7. Github Profile Card - [Code File](https://github.com/Anujit1/JavaScript_Projects/tree/main/github_profile_card)
+![BMI Color webpage snapshot](project_Snapshot/GitHub_Profile_Card.png)
diff --git a/styles.css b/styles.css
@@ -133,6 +133,7 @@ header {
 .project-info p {
     font-size: 1rem;
     color: whitesmoke;
+    text-align: center;
 }
 
 .project-link{

Original file line number	Diff line number	Diff line change
`@@ -133,6 +133,7 @@ header {`
`133`	`133`	`.project-info p {`
`134`	`134`	`font-size: 1rem;`
`135`	`135`	`color: whitesmoke;`
	`136`	`+ text-align: center;`
`136`	`137`	`}`
`137`	`138`
`138`	`139`	`.project-link{`