diff --git a/index.html b/index.html index 727a40d8..41e5eea3 100644 --- a/index.html +++ b/index.html @@ -275,6 +275,62 @@ display: none; } } +/* testimonials */ + .card1 { + width: 330px; + height: 450px; + transition: opacity 0.5s ease; +} + +.card-inner { + position: relative; + width: 100%; + height: 100%; + text-align: center; + transform-style: preserve-3d; + transition: transform 0.8s; +} + +.card1:hover .card-inner { + transform: rotateY(180deg); +} + +.card-front, +.card-back { + position: absolute; + width: 100%; + height: 100%; + backface-visibility: hidden; +} + +.card-back { + transform: rotateY(180deg); + background-color: rgb(228, 224, 238); + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + color: black; +} + +.card-img-top { + height: 300px; + width: 100%; + object-fit: cover; +} + + +@media (max-width: 995px) { + .row1 { + flex-direction: column; + align-items: center; + } + + .card1 { + width: 80%; + margin-bottom: 20px; + } +} @@ -1288,7 +1344,220 @@