Merge pull request #167 from Ananta2545/branch-1

First commit (Add profile and added some animations) etc.

css/style.css

@@ -44,13 +44,24 @@ body {
 }
 
 .col{
-  flex: 50%
+  /* flex: 50% */
+  display: flex;
+  flex: 50%;
 }
 
+.add-col{
+  margin-left: 25px;
+}
+.add-col:hover{
+  background-color: rgb(61, 59, 59);
+  transform: scale(1.1);
+  transition: transform 0.5s ease-in-out;
+}
 h1 {
   padding: 20px;
   font-size: 36px;
   font-family: "PT Serif", serif;
+
 }
 
 .container {
@@ -72,16 +83,22 @@ h1 {
 
 .profile {
   background-color: var(--clr-secondary);
+  border: 1px solid black ;
+  box-shadow: 3px 3px 2px 2px rgb(141, 139, 139);
   border-radius: 10px;
   padding: 20px;
   margin: 20px;
   width: calc(33.33% - 40px);
   text-align: center;
-  transition: background-color 0.3s ease;
+  /* transition: background-color 0.3s ease; */
+  transform: scale(1.0);
+  transition-duration: 1s;
 }
 
 .profile:hover {
   background-color: var(--clr-profile-hover);
+  transform: scale(1.1);
+  transition: transform 0.5s ease-in-out;
 }
 
 .pfp img {

index.html

@@ -30,7 +30,7 @@ <h1 class="col">Dev Profiles</h1>
         <input type="text" id="searchInput" placeholder="Search by name or skill...">
     </div>
 
-    <button class="add col"
+    <button class="add-col"
         onclick='window.open("https://github.com/oyepriyansh/DevProfiles","_blank")'"><span>Add your Profile &nbsp;</span><i class="
         fa-sharp fa-solid fa-user-plus"></i> </button>
     <div id="no-profile"> No Profile Found </div>