BLACKSITE
:
216.73.217.148
:
172.93.223.125 / www.geeteetravels.com
:
Linux ubuntu 5.15.0-179-generic #189-Ubuntu SMP Tue May 5 18:20:56 UTC 2026 x86_64
:
/
home
/
geeteetravels
/
public_html
/
Upload File:
files >> /home/geeteetravels/public_html/Portfolio.php
<?php $currentPage = 'media'; $pageTitle = 'Geetee Travels | Our Diplomatic & VIP Movements Portfolio'; $pageDescription = 'Our portfolio showcases our extensive experience in managing transportation for diplomatic movements, high-profile events, and VIP delegations across India.'; require_once 'admin/config.php'; include 'includes/header.php'; ?> <!-- AOS Animation Library --> <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> <style> :root { --royal-blue: #003366; --gold: #D4AF37; --gold-hover: #B8860B; --text-dark: #333; --text-light: #777; --bg-white: #ffffff; --border-color: #e5e5e5; } /* Hero Breadcrumb Section (Unified Design) */ .hero-breadcrumb { background: url('images/banner2.png') no-repeat center center; background-size: cover; height: 600px; width: 100%; display: flex; align-items: center; justify-content: center; position: relative; margin-bottom: 0px; border-bottom: 4px solid var(--gold); } /* Category Section */ .portfolio-section { padding: 80px 0; background-color: var(--bg-white); } .category-title { position: relative; margin-bottom: 50px; padding-bottom: 20px; font-weight: 700; color: var(--royal-blue); text-transform: uppercase; letter-spacing: 2px; font-size: 1.8rem; text-align: center; } .category-title::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 60px; height: 3px; background: var(--gold); } /* Grid Layout - Clean Open Style */ .portfolio-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px 25px; margin-bottom: 80px; background: transparent; } .event-card { flex: 0 0 calc(20% - 25px); min-width: 200px; background: transparent; border: none; border-radius: 0; box-shadow: none; transition: transform 0.3s ease; height: 100%; display: flex; flex-direction: column; padding: 0; } .event-card:hover { background-color: transparent; transform: translateY(-5px); box-shadow: none; } .image-container { position: relative; width: 100%; height: 120px; /* Reduced height for logo-like feel */ margin-bottom: 20px; display: flex; align-items: center; justify-content: center; } .image-container img { max-width: 90%; max-height: 100%; width: auto; height: auto; object-fit: contain; /* Better for logos and clean grid */ transition: transform 0.4s ease; } .event-card:hover .image-container img { transform: scale(1.05); } .image-overlay { display: none; /* Removed for clean look */ } .card-content { padding: 0; flex-grow: 1; display: flex; flex-direction: column; text-align: center; } .event-name { font-size: 1rem; font-weight: 700; color: var(--royal-blue); margin-bottom: 5px; line-height: 1.2; } .service-type { font-size: 0.75rem; color: var(--text-light); margin-bottom: 8px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; } .location-year { margin-top: auto; font-size: 0.8rem; color: var(--gold); font-weight: 600; } /* Premium Highlight for major events */ .premium-highlight { border: none; position: relative; background-color: transparent; } .premium-highlight::before { content: 'PRESTIGIOUS'; position: absolute; top: 8px; right: 8px; background: var(--gold); color: white; padding: 2px 6px; font-size: 0.6rem; font-weight: 700; border-radius: 2px; z-index: 2; } .premium-highlight:hover { box-shadow: 0 15px 40px rgba(212, 175, 55, 0.2); } /* Responsive Grid */ @media (max-width: 1200px) { .event-card { flex: 0 0 calc(33.33% - 25px); } } @media (max-width: 768px) { .event-card { flex: 1 1 calc(50% - 25px); margin-bottom: 20px; } .category-title { font-size: 1.4rem; margin-bottom: 30px; } } @media (max-width: 480px) { .hero-breadcrumb { height: 160px; width: 94%; margin: 10px auto; border-radius: 12px; background-size: contain; background-color: #ffffff; margin-bottom: 0px; } .event-card { flex: 0 0 100%; } .category-title { font-size: 1.2rem; } .image-container { height: 250px; /* Increased height for better mobile visibility */ } .vip-card-fancy { width: 100% !important; height: 200px; } } /* VIP Banner Style - For the Special VIP Section at the end */ .vip-grid { display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; margin-bottom: 80px; } .vip-card-fancy { position: relative; height: 280px; width: calc(50% - 15px); background: transparent; overflow: hidden; display: flex; align-items: center; color: white; border-radius: 0; box-shadow: none; border: none; } .vip-card-fancy .vip-image-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; /* Fill the entire card to remove background space */ z-index: 1; transition: transform 0.6s ease; } .vip-card-fancy:hover .vip-image-bg { transform: scale(1.05); } .vip-overlay-v2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.03); /* Extremely light overlay for max clarity */ z-index: 2; } .vip-content-wrapper { position: relative; z-index: 3; width: 100%; padding-left: 50%; /* Text shifted to the right */ padding-right: 30px; text-align: center; } .vip-card-fancy h3 { font-size: 1.6rem; font-weight: 700; margin: 0; line-height: 1.3; color: var(--royal-blue); /* Changed to darker color since overlay is light */ text-shadow: none; } /* Partnerships Section Styles */ .partnership-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; margin-bottom: 80px; justify-content: center; max-width: 900px; margin-left: auto; margin-right: auto; } .partner-card { background: #fff; border-radius: 15px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.05); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease; display: flex; flex-direction: column; border: 1px solid var(--border-color); height: 100%; } .partner-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0,32,64,0.08); border-color: var(--gold); } .partner-img-box { position: relative; height: 200px; overflow: hidden; background: #fff; padding: 30px; display: flex; align-items: center; justify-content: center; } .partner-img-box img { width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; transition: transform 0.8s ease; } .partner-card:hover .partner-img-box img { transform: scale(1.1); } .partner-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent, rgba(0,0,32,0.4)); pointer-events: none; } .partner-info { padding: 30px 25px; text-align: center; flex-grow: 1; display: flex; flex-direction: column; justify-content: center; } .partner-name { font-size: 1.3rem; font-weight: 700; color: var(--royal-blue); margin-bottom: 10px; font-family: 'Playfair Display', serif; } .partner-service { font-size: 0.9rem; color: var(--text-light); margin-bottom: 8px; font-weight: 500; letter-spacing: 0.5px; } .partner-location { font-size: 0.85rem; color: var(--gold); font-weight: 600; text-transform: uppercase; letter-spacing: 1px; } @media (max-width: 768px) { .partnership-grid { grid-template-columns: 1fr; padding: 0 15px; gap: 20px; } .partner-img-box { height: 160px; padding: 20px; } } @media (max-width: 991px) { .vip-card-fancy { width: 100%; } .vip-content-wrapper { padding-left: 30%; } .vip-card-fancy h3 { font-size: 1.3rem; } } /* Section Divider */ .category-divider { height: 1px; background: var(--border-color); margin: 40px 0 80px; } </style> <!-- Hero Section --> <section class="hero-breadcrumb" aria-label="Portfolio banner"> <h1 style="position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;">Our Diplomatic & VIP Movements Portfolio | Geetee Travels</h1> </section> <!-- Portfolio Content --> <section class="portfolio-section"> <div class="container"> <!-- 1. Global Summits & Government Events --> <h2 class="category-title" data-aos="fade-up">Global Summits & Government Events</h2> <div class="portfolio-grid"> <!-- G20 Summit - Highlighted --> <div class="event-card " data-aos="fade-up"> <div class="image-container"> <img src="images/events/G20.svg" alt="G20 Summit"> <div class="image-overlay"></div> </div> <div class="card-content"> <div class="event-name">G20 Summit</div> <div class="service-type">Diplomatic Transportation</div> <div class="location-year">New Delhi | 2023</div> </div> </div> <div class="event-card" data-aos="fade-up" data-aos-delay="100"> <div class="image-container"> <img src="images/events/aiib-summit.svg" alt="AIIB Annual Summit"> <div class="image-overlay"></div> </div> <div class="card-content"> <div class="event-name">AIIB Annual Summit</div> <div class="service-type">Transportation & Logistics</div> <div class="location-year">Mumbai | 2018</div> </div> </div> <div class="event-card" data-aos="fade-up" data-aos-delay="200"> <div class="image-container"> <img src="images/events/brics-summit.svg" alt="BRICS Summit"> <div class="image-overlay"></div> </div> <div class="card-content"> <div class="event-name">BRICS Summit</div> <div class="service-type">Delegation Transport</div> <div class="location-year">Goa | 2016</div> </div> </div> <div class="event-card" data-aos="fade-up" data-aos-delay="300"> <div class="image-container"> <img src="images/events/vibrant-gujarat.svg" alt="Vibrant Gujarat Summit"> <div class="image-overlay"></div> </div> <div class="card-content"> <div class="event-name">Vibrant Gujarat Summit</div> <div class="service-type">Mobility Management</div> <div class="location-year">Gujarat | 2024</div> </div> </div> <div class="event-card" data-aos="fade-up" data-aos-delay="400"> <div class="image-container"> <img src="images/events/legislators-conference.svg" alt="National Legislators’ Conference"> <div class="image-overlay"></div> </div> <div class="card-content"> <div class="event-name">National Legislators’ Conference</div> <div class="service-type">Event Logistics</div> <div class="location-year">Mumbai | 2023</div> </div> </div> </div> <div class="category-divider"></div> <!-- 3. Sports Events & Tournaments --> <h2 class="category-title" data-aos="fade-up">Sports Events & Tournaments</h2> <div class="portfolio-grid"> <div class="event-card" data-aos="fade-up"> <div class="image-container"> <img src="images/events/fifa-u17.svg" alt="FIFA U-17 World Cup"> <div class="image-overlay"></div> </div> <div class="card-content"> <div class="event-name">FIFA U-17 World Cup</div> <div class="service-type">Pan India</div> <div class="location-year">2017</div> </div> </div> <div class="event-card" data-aos="fade-up" data-aos-delay="100"> <div class="image-container"> <img src="images/events/nba-india.svg" alt="NBA India Games"> <div class="image-overlay"></div> </div> <div class="card-content"> <div class="event-name">NBA India Games</div> <div class="service-type">Mumbai & Delhi</div> <div class="location-year">2019</div> </div> </div> <div class="event-card" data-aos="fade-up" data-aos-delay="200"> <div class="image-container"> <img src="images/events/khelo-india.svg" alt="Khelo India Games"> <div class="image-overlay"></div> </div> <div class="card-content"> <div class="event-name">Khelo India Games</div> <div class="service-type">Bangalore</div> <div class="location-year">2021</div> </div> </div> <div class="event-card" data-aos="fade-up" data-aos-delay="200"> <div class="image-container"> <img src="images/events/khelo-india.svg" alt="Khelo India Games"> <div class="image-overlay"></div> </div> <div class="card-content"> <div class="event-name">Khelo India Youth Games </div> <div class="service-type">Event Mobility Management | Panchkula </div> <div class="location-year">2022</div> </div> </div> <div class="event-card" data-aos="fade-up" data-aos-delay="300"> <div class="image-container"> <img src="images/events/ranji-trophy.svg" alt="Ranji Trophy"> <div class="image-overlay"></div> </div> <div class="card-content"> <div class="event-name">Ranji Trophy</div> <div class="service-type">National Tournament</div> <div class="location-year">2022–2024</div> </div> </div> <div class="event-card" data-aos="fade-up" data-aos-delay="300"> <div class="image-container"> <img src="images/events/syed.svg" alt="syed Trophy"> <div class="image-overlay"></div> </div> <div class="card-content"> <div class="event-name">Syed Mushtaq Ali Trophy </div> <div class="service-type">Tournament Mobility</div> <div class="location-year">2021–2023</div> </div> </div> <div class="event-card" data-aos="fade-up" data-aos-delay="300"> <div class="image-container"> <img src="images/events/vijay.svg" alt="Vijay Hazare Trophy"> <div class="image-overlay"></div> </div> <div class="card-content"> <div class="event-name">Vijay Hazare Trophy</div> <div class="service-type">Match Logistics</div> <div class="location-year">2022–2023</div> </div> </div> <div class="event-card" data-aos="fade-up" data-aos-delay="300"> <div class="image-container"> <img src="images/events/cricket.svg" alt="Vijay Hazare Trophy"> <div class="image-overlay"></div> </div> <div class="card-content"> <div class="event-name"> Col. C.K. Nayudu Trophy (U-25)</div> <div class="service-type">Team Transportation</div> <div class="location-year">2021</div> </div> </div> <div class="event-card" data-aos="fade-up" data-aos-delay="300"> <div class="image-container"> <img src="images/events/cricket.svg" alt="Vijay Hazare Trophy"> <div class="image-overlay"></div> </div> <div class="card-content"> <div class="event-name"> Col. C.K. Nayudu Trophy</div> <div class="service-type">Team Logistics</div> <div class="location-year">2022</div> </div> </div> <!-- <div class="event-card" data-aos="fade-up" data-aos-delay="300"> <div class="image-container"> <img src="images/events/under-19.svg" alt="Vijay Hazare Trophy"> <div class="image-overlay"></div> </div> <div class="card-content"> <div class="event-name"> Under-19 Women’s One Day Series</div> <div class="service-type">Team Transportation</div> <div class="location-year">2022-2023</div> </div> </div> <div class="event-card" data-aos="fade-up" data-aos-delay="300"> <div class="image-container"> <img src="images/events/under-19.svg" alt="Vijay Hazare Trophy"> <div class="image-overlay"></div> </div> <div class="card-content"> <div class="event-name">Under-19 Tri-Series (India, New Zealand, West Indies) </div> <div class="service-type">International Team Logistics</div> <div class="location-year">2022</div> </div> </div> <div class="event-card" data-aos="fade-up" data-aos-delay="400"> <div class="image-container"> <img src="images/events/india-srilanka.jpg" alt="India vs Sri Lanka T20"> <div class="image-overlay"></div> </div> <div class="card-content"> <div class="event-name">India vs Sri Lanka T20</div> <div class="service-type">Team Transportation</div> <div class="location-year">2023</div> </div> </div> <div class="event-card" data-aos="fade-up" data-aos-delay="400"> <div class="image-container"> <img src="images/events/india-srilanka.jpg" alt="India vs Sri Lanka T20"> <div class="image-overlay"></div> </div> <div class="card-content"> <div class="event-name">India vs Australia Women’s Series</div> <div class="service-type">Team Mobility</div> <div class="location-year">2023</div> </div> </div> <div class="event-card" data-aos="fade-up" data-aos-delay="400"> <div class="image-container"> <img src="images/events/india-srilanka.jpg" alt="India vs Sri Lanka T20"> <div class="image-overlay"></div> </div> <div class="card-content"> <div class="event-name">Pro Kabaddi League – Bengal Warriors </div> <div class="service-type">Team Transportation | Season 7</div> <div class="location-year">2019</div> </div> </div> <div class="event-card" data-aos="fade-up" data-aos-delay="400"> <div class="image-container"> <img src="images/events/india-srilanka.jpg" alt="India vs Sri Lanka T20"> <div class="image-overlay"></div> </div> <div class="card-content"> <div class="event-name">Pro Kabaddi League – U Mumba </div> <div class="service-type">Team Transportation | Season 9</div> <div class="location-year">2022</div> </div> </div>--> </div> <div class="category-divider"></div> <!-- 4. Entertainment & Cultural Events --> <h2 class="category-title" data-aos="fade-up">Entertainment & Cultural Events</h2> <div class="portfolio-grid"> <div class="event-card" data-aos="fade-up"> <div class="image-container"> <img src="images/events/filmfare.svg" alt="Filmfare Awards"> <div class="image-overlay"></div> </div> <div class="card-content"> <div class="event-name">Filmfare Awards</div> <div class="service-type">Celebrity Mobility</div> <div class="location-year">2024</div> </div> </div> <div class="event-card" data-aos="fade-up" data-aos-delay="100"> <div class="image-container"> <img src="images/events/iffi-goa.svg" alt="IFFI"> <div class="image-overlay"></div> </div> <div class="card-content"> <div class="event-name">IFFI</div> <div class="service-type">Goa</div> <div class="location-year">2023</div> </div> </div> <div class="event-card" data-aos="fade-up" data-aos-delay="200"> <div class="image-container"> <img src="images/events/wow-awards.svg" alt="WOW Awards"> <div class="image-overlay"></div> </div> <div class="card-content"> <div class="event-name">WOW Awards</div> <div class="service-type">Mumbai</div> <div class="location-year">2022</div> </div> </div> <div class="event-card" data-aos="fade-up" data-aos-delay="300"> <div class="image-container"> <img src="images/events/lusofonia.svg" alt="Lusofonia Games"> <div class="image-overlay"></div> </div> <div class="card-content"> <div class="event-name">Lusofonia Games</div> <div class="service-type">Goa</div> <div class="location-year">2014</div> </div> </div> </div> <div class="category-divider"></div> <!-- 5. Exhibitions & Trade Shows --> <h2 class="category-title" data-aos="fade-up">Exhibitions & Trade Shows</h2> <div class="portfolio-grid"> <div class="event-card" data-aos="fade-up"> <div class="image-container"> <img src="images/events/IIJS.svg" alt="IIJS Signature"> <div class="image-overlay"></div> </div> <div class="card-content"> <div class="event-name">IIJS Signature</div> <div class="service-type">Mumbai</div> <div class="location-year">Continuous Support</div> </div> </div> <div class="event-card" data-aos="fade-up" data-aos-delay="100"> <div class="image-container"> <img src="images/events/IIJS.svg" alt="IIJS Premiere"> <div class="image-overlay"></div> </div> <div class="card-content"> <div class="event-name">IIJS Premiere</div> <div class="service-type">Bangalore</div> <div class="location-year">Annual Support</div> </div> </div> <div class="event-card" data-aos="fade-up" data-aos-delay="200"> <div class="image-container"> <img src="images/events/IIJS.svg" alt="IIJS Tritiya"> <div class="image-overlay"></div> </div> <div class="card-content"> <div class="event-name">IIJS Tritiya</div> <div class="service-type">Bangalore / Surat</div> <div class="location-year">Exhibition Logistics</div> </div> </div> </div> <div class="category-divider"></div> <!-- 6. Weddings --> <h2 class="category-title" data-aos="fade-up">Luxury Weddings</h2> <div class="portfolio-grid"> <div class="event-card" data-aos="fade-up"> <div class="image-container"> <img src="images/events/sonam-kapoor.jpg" alt="Sonam Kapoor Wedding"> <div class="image-overlay"></div> </div> <div class="card-content"> <div class="event-name">Sonam Kapoor Wedding</div> <div class="service-type">Mumbai</div> <div class="location-year">2018</div> </div> </div> <div class="event-card" data-aos="fade-up" data-aos-delay="100"> <div class="image-container"> <img src="images/events/salgaocar.jpg" alt="Salgaocar Wedding"> <div class="image-overlay"></div> </div> <div class="card-content"> <div class="event-name">Salgaocar Wedding</div> <div class="service-type">Goa</div> <div class="location-year">2016</div> </div> </div> <div class="event-card" data-aos="fade-up" data-aos-delay="200"> <div class="image-container"> <img src="images/events/cello.svg" alt="Cello Wedding"> <div class="image-overlay"></div> </div> <div class="card-content"> <div class="event-name">Cello Wedding</div> <div class="service-type">Mumbai | Royal Wedding Logistics</div> <div class="location-year">2016</div> </div> </div> <div class="event-card" data-aos="fade-up" data-aos-delay="200"> <div class="image-container"> <img src="images/events/cello.svg" alt="Cello Wedding"> <div class="image-overlay"></div> </div> <div class="card-content"> <div class="event-name">Cello Wedding</div> <div class="service-type">Jodhpur | Destination Wedding Logistics </div> <div class="location-year">2017</div> </div> </div> <div class="event-card" data-aos="fade-up" data-aos-delay="300"> <div class="image-container"> <img src="images/events/kotak.jpg" alt="Kotak Wedding"> <div class="image-overlay"></div> </div> <div class="card-content"> <div class="event-name">Kotak Wedding</div> <div class="service-type">Luxury Guest Transport</div> <div class="location-year">2023</div> </div> </div> </div> <div class="category-divider"></div> <!-- 7. Our Partnerships --> <h2 class="category-title" data-aos="fade-up">Our Partnerships</h2> <div class="partnership-grid"> <!-- Taj Lands End --> <div class="partner-card" data-aos="fade-up"> <div class="partner-img-box"> <img src="images/Taj.svg" alt="Taj Lands End Mumbai"> <div class="partner-overlay"></div> </div> <div class="partner-info"> <div class="partner-name">Taj Lands End Mumbai</div> <div class="partner-service">Hospitality Transportation Services</div> <div class="partner-location">Mumbai | Ongoing</div> </div> </div> <!-- Ginger Hotels --> <div class="partner-card" data-aos="fade-up" data-aos-delay="100"> <div class="partner-img-box"> <img src="images/ginger.svg" alt="Ginger Hotels"> <div class="partner-overlay"></div> </div> <div class="partner-info"> <div class="partner-name">Ginger Hotels</div> <div class="partner-service">Corporate Travel Solutions</div> <div class="partner-location">Pan India | Ongoing</div> </div> </div> </div> <div class="category-divider"></div> <!-- 2. Diplomatic & VIP Movements --> <h2 class="category-title" data-aos="fade-up">Diplomatic & VIP Movements</h2> <div class="vip-grid"> <!-- Barack Obama --> <div class="vip-card-fancy" data-aos="fade-up"> <img src="images/events/barack-obama.svg" alt="Barack Obama" class="vip-image-bg"> <div class="vip-overlay-v2"></div> <div class="vip-content-wrapper"> <!-- <h3>Barack Obama's<br>Entourage</h3> --> </div> </div> <!-- DHL Red Bull --> <div class="vip-card-fancy" data-aos="fade-up" data-aos-delay="100"> <img src="images/events/joe-biden.svg" alt="DHL Red Bull" class="vip-image-bg"> <div class="vip-overlay-v2"></div> <div class="vip-content-wrapper"> <!-- <h3>Joe Biden Visit<br>Diplomatic Transportation Management | Mumbai | 2013 </h3> --> </div> </div> <!-- King of Morocco --> <div class="vip-card-fancy" data-aos="fade-up" data-aos-delay="300"> <img src="images/events/king-morocco.svg" alt="King of Morocco" class="vip-image-bg"> <div class="vip-overlay-v2"></div> <div class="vip-content-wrapper"> <!-- <h3>King of Morocco's<br>Entourage</h3> --> </div> </div> </div> </div> </section> <script> // Initialize AOS AOS.init({ duration: 800, easing: 'ease-in-out', once: true, mirror: false }); </script> <?php include 'includes/footer.php'; ?>