Merge pull request Gyanthakur#221 from pa1narendra/main

Added my profile (Pavan Narendra)
chaanakyaaM · Oct 10, 2024 · 7321b91 · 7321b91
2 parents b652314 + 0aa366a
commit 7321b91
Show file tree

Hide file tree

Showing 2 changed files with 54 additions and 27 deletions.
diff --git a/index.html b/index.html
@@ -264,6 +264,27 @@ <h3 class="name">Abdul Rehan</h3>
 
             </div>
         </div>
+        <div class="profile">
+            <div class="lines"></div>
+            <!-- change './default.png' to your profile image url -->
+            <div class="pfp"><img src="https://avatars.githubusercontent.com/u/84829899?s=400&v=4" alt="User Image"></div>
+            <h3 class="name">Pavan Narendra Peela</h3>
+            <div class="skills">
+                <span class="skill">ReactJs</span>
+                <span class="skill">Tailwind</span>
+                <span class="skill">TypeScript</span>
+                <span class="skill">JavaScript</span>
+                <span class="skill">Java</span>
+                <span class="skill">Open Source</span>
+
+            </div>
+            <div class="social">
+                <a href="https://github.com/pa1narendra" target="_blank"><i class="fa-brands fa-github"></i></a>
+                <a href="https://x.com/pa1narendra" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
+                <a href="https://www.linkedin.com/in/pa1narendra" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
+                <a href="https://www.instagram.com/pa1narendra" target="_blank"><i class="fa-brands fa-instagram"></i></a>
+        </div>
+    </div>
 
         <div class="profile">
         <!-- change './default.png' to your profile image URL -->

diff --git a/style.css b/style.css
@@ -529,7 +529,8 @@ footer {
   padding: 10px;
   font-size: 16px;
   color: var(--color-white); /* Consistent text color */
-  transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
+  transition: background-color 0.3s ease, transform 0.3s ease,
+    box-shadow 0.3s ease;
   border-radius: 4px; /* Rounded corners for list items */
   margin-bottom: 10px; /* Space between list items */
 }
@@ -549,39 +550,38 @@ footer {
 
 .contribution-steps li:hover i {
   color: white; /* Change icon color to black on hover */
-
 }
 
 #backToTopBtn i {
   font-size: 24px;
 }
 
 #backToTopBtn {
-    display: none; /* Hidden by default */
-    position: fixed;
-    bottom: 20px;
-    right: 30px;
-    z-index: 99;
-    font-size: 18px;
-    background-color: #444;
-    color: white;
-    border: none;
-    padding: 15px;
-    border-radius: 5px;
-    cursor: pointer;
-    transition: background-color 0.3s;
-    border-radius: 50%;
-    box-shadow: 5px 0px 10px 0px rgba(227, 86, 5, 0.838),-0.1em 0 0.4em rgba(227, 86, 5, 0.838);
-    transition: transform ease 0.5s, box-shadow ease 0.5s;
-
-  }
-  
-  /* Button hover effect */
-  #backToTopBtn:hover {
-    background-color: #333;
-    transform: translateY(-5px);
-    box-shadow: 1px 10px 20px 2px rgba(227, 86, 5, 0.415);
-  }
+  display: none; /* Hidden by default */
+  position: fixed;
+  bottom: 20px;
+  right: 30px;
+  z-index: 99;
+  font-size: 18px;
+  background-color: #444;
+  color: white;
+  border: none;
+  padding: 15px;
+  border-radius: 5px;
+  cursor: pointer;
+  transition: background-color 0.3s;
+  border-radius: 50%;
+  box-shadow: 5px 0px 10px 0px rgba(227, 86, 5, 0.838),
+    -0.1em 0 0.4em rgba(227, 86, 5, 0.838);
+  transition: transform ease 0.5s, box-shadow ease 0.5s;
+}
+
+/* Button hover effect */
+#backToTopBtn:hover {
+  background-color: #333;
+  transform: translateY(-5px);
+  box-shadow: 1px 10px 20px 2px rgba(227, 86, 5, 0.415);
+}
 
 /* Footer for About Page */
 .about-footer {
@@ -592,3 +592,9 @@ footer {
   color: var(--color-white);
   text-align: center;
 }
+
+.link-primary {
+  color: var(--color-profile-border);
+  font-weight: bold;
+  text-decoration: none;
+}