diff --git a/assets/css/test-style.css b/assets/css/test-style.css index 0f87edd48..9a4b97031 100644 --- a/assets/css/test-style.css +++ b/assets/css/test-style.css @@ -48,19 +48,64 @@ width: 330px; background-color: var(--seashell); height: 350px; + +} + +.item-testimonial{ + box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; } .image-content { display: flex; flex-direction: column; align-items: center; + justify-content: space-between; + + +} +.bio{ + font-size: 12px; + margin: 15px 25px; + font-style: italic; + color:rgb(77, 33, 33); +} +body.dark-mode .bio{ + color:aliceblue; } .image-content { padding: 25px 0; } +.rows-icons{ + display: flex; + flex-direction: row; + justify-content: space-between; + gap:15px !important; + width: 50%; +} + +.fa-linkedin-in{ + color:dodgerblue; +} +.fa-github-alt{ + color:rgb(42, 0, 80); +} +.fa-instagram{ + color:crimson; +} + +body.dark-mode .fa-linkedin-in{ + color:rgb(170, 218, 255); +} + +body.dark-mode .fa-github-alt{ + color:rgb(209, 184, 255); +} +body.dark-mode .fa-instagram{ + color:rgb(253, 190, 217); +} .card-image { height: 150px; width: 150px; @@ -68,6 +113,7 @@ background: #ffffff; } + .card-image .card-img { height: 100%; width: 100%; @@ -75,7 +121,12 @@ border-radius: 50%; border: 4px solid hsl(357, 37%, 62%); } - +.flip-card-front{ + box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; +} +body.dark-mode .flip-card-front{ + background: linear-gradient(black, #4f1919); +} .flip-card-back { background-color: transparent !important; color: var(--old-rose) !important; diff --git a/index.html b/index.html index ccca5545c..614c42f39 100644 --- a/index.html +++ b/index.html @@ -3139,6 +3139,12 @@