Merge pull request vikhyatsingh123#354 from yashi-15/card

card UI improved.
atul120212 · Oct 23, 2023 · 3924f19 · 3924f19
2 parents 605850d + 69cb056
commit 3924f19
Show file tree

Hide file tree

Showing 4 changed files with 284 additions and 223 deletions.
diff --git a/css/custom.css b/css/custom.css
@@ -10,7 +10,7 @@
   word-wrap: break-word;
   background-color: #fff;
   background-clip: border-box;
-  border: 1pxsolidrgba (0, 0, 0, 0.125);
+  /* border: 1px solid rgba (0, 0, 0, 0.125); */
   border-radius: 0.25rem;
   height: 100%;
   overflow: hidden;
@@ -20,8 +20,9 @@
 }
 
 .card:hover{
-  border-color: #FF4F04 !important;
-  scale: 105%;
+  /* border-color: #FF4F04 !important; */
+  scale: 100%;
+  cursor: pointer;
 }
 
 
@@ -39,6 +40,7 @@
   padding: 2rem;
 }
 p.card-text {
+  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   white-space: normal;
   word-wrap: break-word;
   display: -webkit-box;

diff --git a/css/style.css b/css/style.css
@@ -120,9 +120,9 @@ a {
     transition:1.5s;
 } */
 
-.btn:hover{
+/* .btn:hover{
     box-shadow: 0 5px 50px 0 #15f4ee inset,0 5px 50px 0 #15f4ee,0 5px 50px 0 #15f4ee inset,0 5px 50px 0 #15f4ee;
-}
+} */
 
 .btn-custom {
     margin-top: 20px;

diff --git a/index.css b/index.css
@@ -5,8 +5,9 @@
 .card-title {
   font-size: 1.3rem;  
   font-weight: bold;  
-  color: #034efd; 
-
+  color: #FF4F04; 
+  text-transform:uppercase;
+  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   transition: transform 0.3s ease;
   text-align: center;
 }
@@ -112,6 +113,12 @@ html {
   width: 45%;
   height: 45%;  
   padding: 2rem;
+  transition: transform 0.3s ease;
+
+}
+.card-img-top:hover{
+  cursor: pointer;  
+  transform: scale(1.1); 
 }
 body {
   font-family: 'Righteous', cursive;
@@ -138,9 +145,7 @@ body {
   margin:20px;
   border-radius: 0;
   height: 100%;
-  box-shadow: 3px 3px 1px #e92929, 5px 5px 1px 
-  #a2e946,7px 7px 1px #297ce9, 9px 9px 1px #e92999;
-  transition: all 0.5s;
+  transition: 0.5s all;
 }
 
 .card-text{
@@ -155,14 +160,13 @@ body {
 }
 
 .card:hover{
-  box-shadow: -10px 10px 10px  #dcf002, 10px -10px 10px 
-  #d61616 ;
+  transform: scale(1.2);
+  box-shadow: 0 0 20px #FF4F04;
   transform: scale(0.95);
   z-index: 100;
 }
 
-.card {  
-  border: 1px solid #ccc;
+.card {
   border-radius: 50px;
   transition: transform 0.3s ease-in-out;
 }
@@ -171,6 +175,21 @@ body {
   transform: scale(1.04); /* Increase size on hover */
 }
 
+.contributor-name{
+  display: block;
+  width:fit-content;
+  height: 60px;
+  margin: auto;
+  margin-top: 30px;
+  text-align: center;
+  font-size:15px;
+  color:#f3f7f7;
+  font-family: poppins;
+  text-transform:uppercase;
+  overflow: hidden;
+  cursor:pointer;
+}
+
 .theme{
   background-image: url(images/2407699.jpg);
   width: 169%;