From 69c6856670ed364a7786e824a4b8da9572344942 Mon Sep 17 00:00:00 2001 From: Mayank saini <71066133+Mayanksaininh@users.noreply.github.com> Date: Sat, 10 Aug 2024 02:16:02 +0530 Subject: [PATCH] Update index.html --- index.html | 894 +++++++++++++++++++++++++++++++++++++---------------- 1 file changed, 627 insertions(+), 267 deletions(-) diff --git a/index.html b/index.html index cd200109..47643fcc 100644 --- a/index.html +++ b/index.html @@ -28,10 +28,12 @@ + + @@ -83,7 +85,6 @@ .active { color: red !important; } - @media screen and (max-width:390px) { .nav__logo { position: relative; @@ -263,12 +264,102 @@ cursor: pointer; font-size: 16px; } +.header__image{ + margin-right: 15rem; +} #cookie-content { display: none; margin-top: 10px; +} + + + @media (max-width: 725px) { + .circle-container{ + 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; + } } + + @@ -277,9 +368,35 @@ -
+ + + + - - - - + --> - -- ||Eiffel Tower|| -
-+ ||Eiffel Tower|| +
+||Giant Wheel||
+||Goa Beach||
+||Giant Wheel||
-||Male Beach||
+||Goa Beach||
-+ Explore your dream places around the world. Here you can find your perfect destination. +
||Male Beach||
-