diff --git a/index.html b/index.html index 148455d9..97331051 100644 --- a/index.html +++ b/index.html @@ -128,98 +128,6 @@ } .gallery-rotate-image .image-container { - - display: flex; - flex-wrap: wrap; - gap: 16px; /* Adjust the gap between images */ -} - -.gallery-rotate-image .image-container span { - display: inline-block; -} - -/* .trip-gallery-container { - display: flex; - flex-wrap: wrap; - gap: 16px; -} - -.trip-gallery-container .image-container { - display: flex; - flex-direction: column; - align-items: center; -} - -.trip-gallery-container .image-container img { - max-width: 100%; - height: auto; -} */ - body { - font-family: Arial, sans-serif; - margin: 0; - padding: 0; - } - - .grid-container { - display: grid; - grid-template-columns: repeat(5, 1fr); - gap: 16px; - padding: 20px; - box-sizing: border-box; - } - - .cardi { - background-size: cover; - background-position: center; - background-repeat: no-repeat; - height: 20vh; - border-radius: 20px; - color: #fff; - cursor: pointer; - flex: 0.5; - margin: 4px; - margin-right: 29px; - position: relative; - transition: flex 0.7s ease-in; - display: flex; - flex-direction: column; - overflow: hidden; - } - - .cardi img { - width: 100%; - height: 100%; - transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275); - } - - .cardi:hover { - transform: scale(1.05); - box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); - border: 1px solid transparent; - background-clip: padding-box; - } - - .cardi:hover img { - filter: blur(4px); - backdrop-filter:box-shadow(0 8px 16px rgba); - } - - .card__content { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - padding: 20px; - box-sizing: border-box; - transform: rotateX(-90deg); - transform-origin: bottom; - transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275); - z-index: 1; - } - - .card__overlay { - position: absolute; display: flex; flex-wrap: wrap; gap: 16px; @@ -278,79 +186,10 @@ left: 0; width: 100%; height: 100%; - background-color: rgba(1, 0, 0, 0.7); /* Darker semi-transparent background */ - opacity: 0; - transition: opacity 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275); - z-index: 0; - } - - .cardi:hover .card__overlay { - opacity: 1; - } - - .cardi:hover .card__content { - transform: rotateX(0deg); - } - - .card__title { - margin: 0; - font-size: 24px; - color: #ffdf60; - font-weight: 700; - } - - .card__description { - margin: 10px 0 0; - font-size: 14px; - color: #fff; - line-height: 1.4; - } - - .card__description:hover { - cursor: pointer; - color: #fff; - } - - @media (max-width: 1200px) { - .grid-container { - grid-template-columns: repeat(4, 1fr); - } - } - - @media (max-width: 992px) { - .grid-container { - grid-template-columns: repeat(3, 1fr); - } - } - - @media (max-width: 768px) { - .grid-container { - grid-template-columns: repeat(2, 1fr); - } - } - - @media (max-width: 480px) { - .grid-container { - grid-template-columns: repeat(1, 1fr); - } - } -.btn-container { - display: flex; - justify-content: center; - gap: 8px; /* Adjust the gap between buttons */ -} - pointer-events: none; z-index: 9999; } - @media screen and (max-width: 768px){ - .circle-container { - display: none; - } - - } - @@ -361,32 +200,6 @@ - - - - -
@@ -506,7 +319,6 @@

TourGuide . . .

  • Testimonial
  • Rate Us
  • Contact Us
    • -
  • Contributors
    • @@ -911,7 +723,7 @@

    MALDIVES

    Best trip packages

    -

    +

    Top trip deals curated for you. Get the best package for your adventure and save more.

    @@ -1063,147 +875,68 @@

    -
    -
    - Card image -
    -
    -
    -

    LADAKH

    - Read More -
    -
    -
    -
    - Card image -
    -
    -
    -

    RANNERDALE KNOTTS

    - Read More -
    -
    -
    -
    - Card image -
    -
    -
    -

    AMALPHI COAST

    - Read More -
    -
    -
    -
    - Card image -
    -
    -
    -

    THE GOLDEN TEMPLE,PERIYAPATTNA

    - Read More -
    -
    -
    -
    - Card image -
    -
    -
    -

    MALSHEJ GHAT

    - Read More -
    -
    -
    -
    - Card image -
    -
    -
    -

    SAHARA DESERT

    - Read More -
    -
    -
    -
    - Card image -
    -
    -
    -

    MALDIVES

    - Read More -
    -
    -
    -
    - Card image -
    -
    -
    -

    PUNAKHA SUSPENSION BRIDGE

    - Read More -
    -
    -
    -
    - Card image -
    -
    -
    -

    ARU VALLEY

    - Read More -
    -
    -
    -
    - Card image -
    -
    -
    -

    THE GOLDEN BRIDGE

    - Read More -
    -
    -
    -
    - Card image -
    -
    -
    -

    LAKE DISTRICT

    - Read More -
    -
    -
    -
    - Card image -
    -
    -
    -

    MUNNAR

    - Read More -
    -
    -
    -
    - Card image -
    -
    -
    -

    STATUE OF LIBERTY

    - Read More -
    -
    -
    -
    - Card image -
    -
    -
    -

    NAKKI LAKE

    - Read More -
    -
    -
    +
    + +
    + +

    LADAKH

    +
    +
    + +

    RANNERDALE KNOTTS

    +
    +
    + +

    AMALPHI COAST

    +
    +
    + +

    THE GOLDEN TEMPLE,PERIYAPATTNA +

    +
    +
    + +

    MALSHEJ GHAT

    +
    +
    + +

    SAHARA DESERT

    +
    +
    + +

    MALDIVES

    +
    +
    + +

    PUNAKHA SUSPENSION BRIDGE

    +
    +
    + +

    ARU VALLEY

    +
    +
    + +

    THE GOLDEN BRIDGE

    +
    +
    + +

    LAKE DISTRICT

    +
    +
    + +

    MUNNAR

    +
    +
    + +

    STATUE OF LIBERTY

    +
    +
    + +

    NAKKI LAKE

    +
    + + +
    @@ -1238,33 +971,30 @@

    H
    +

    Hotels & Resorts

    -
    -
    -

    Hotels & Resorts

    -

    Best Place for Beautiful Trip

    -
    - -
    - hr1 - Book Now -
    - -
    - hr2 - Book Now -
    - -
    - hr3 - Book Now -
    - -
    - hr4 - Book Now -
    - +

    +

    Best Place for Beautiful Trip

    +

    +
    + hr1 +

    + Book Now +

    +

    + hr2 +

    + Book Now +

    +

    + hr3 +

    + Book Now +

    +

    + hr4 +

    + Book Now




    @@ -1610,10 +1340,8 @@

    Subscribe to get special prize

    - -
    +
    -
    +
    - - - - - -
  • Copyright © Arpan Chowdhury. All rights reserved.
    • + - @@ -1854,14 +1574,14 @@

    Contact Us

    - + @@ -2312,7 +2032,7 @@

    Contact Us

    animateValue("guidesCount", 0, 25000, 20000); animateValue("toursCount", 0, 20000, 20000); animateValue("destinationsCount", 0, 10994, 20000); -}) + }); diff --git a/package.html b/package.html index 20b2f9d1..f0da725f 100644 --- a/package.html +++ b/package.html @@ -575,40 +575,150 @@
    HoneyMoon
    - + + + --> @@ -714,7 +824,6 @@

    Contact Us

    -
    Hits