File manager - Edit - /home/u608250662/domains/rdsolution.org.in/public_html/travel/index.html
Back
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>JustWravel Clone</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap" rel="stylesheet"> <style> *{font-family:Poppins,sans-serif} body{background:#f6f7fb;color:#111;overflow-x:hidden} a{text-decoration:none} .navbar{background:#fff;padding:14px 0;box-shadow:0 2px 15px rgba(0,0,0,.05)} .nav-link{font-size:14px;font-weight:500;color:#111!important} .hero{height:100vh;background:url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?q=80&w=1800&auto=format&fit=crop') center/cover no-repeat;position:relative;display:flex;align-items:center} .hero:before{content:'';position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.75),rgba(0,0,0,.2))} .hero-content{position:relative;z-index:2;color:#fff} .hero h1{font-size:72px;font-weight:800;line-height:1.1} .hero h1 span{color:#ffd500} .hero p{font-size:18px;opacity:.9} .search-box{background:#fff;padding:14px;border-radius:20px;margin-top:35px;box-shadow:0 10px 35px rgba(0,0,0,.15)} .search-box .form-control,.search-box .form-select{height:54px;border:none;background:#f5f6fb;border-radius:14px} .search-btn{height:54px;border:none;border-radius:14px;background:#0066ff;color:#fff;font-weight:600} .review-card{background:rgba(255,255,255,.12);backdrop-filter:blur(12px);padding:20px;border-radius:22px;border:1px solid rgba(255,255,255,.2);margin-bottom:18px} .category-section{margin-top:-60px;position:relative;z-index:5} .category-strip{background:#fff;padding:28px;border-radius:36px;box-shadow:0 10px 35px rgba(0,0,0,.08)} .category-item{text-align:center;min-width:110px} .category-item img{width:86px;height:86px;border-radius:50%;object-fit:cover;padding:4px;background:linear-gradient(180deg,#ff6a00,#ff0080,#0066ff)} .category-item p{margin-top:10px;font-size:14px;font-weight:600} .switch-box{background:#dcecff;border-radius:60px;padding:7px;display:inline-flex;gap:10px} .switch-box button{border:none;padding:12px 34px;border-radius:40px;font-weight:600;background:transparent} .switch-box .active{background:#0066ff;color:#fff;box-shadow:0 8px 20px rgba(0,102,255,.3)} .section-title{font-size:30px;font-weight:700} .trip-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.08)} .trip-card img{width:100%;height:340px;object-fit:cover} .trip-content{padding:20px} .trip-content h5{font-weight:700} .price{font-size:26px;font-weight:700;color:#0066ff} .banner{height:340px;border-radius:34px;background:url('https://images.unsplash.com/photo-1516483638261-f4dbaf036963?q=80&w=1800&auto=format&fit=crop') center/cover no-repeat;position:relative;overflow:hidden;margin:70px 0} .banner:before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.4)} .banner-content{position:relative;z-index:2;color:#fff;padding:70px} .banner h2{font-size:60px;font-weight:800} .stats-card,.why-card,.testimonial-card,.blog-card{background:#fff;border-radius:24px;padding:28px;box-shadow:0 6px 20px rgba(0,0,0,.06)} .gallery img{height:260px;width:100%;object-fit:cover;border-radius:22px} .newsletter{background:linear-gradient(135deg,#0045d8,#0072ff);padding:70px;border-radius:34px;color:#fff} footer{background:#fff;padding:70px 0 20px;margin-top:70px} @media(max-width:992px){.hero h1{font-size:48px}.banner h2{font-size:40px}} </style> </head> <body> <nav class="navbar navbar-expand-lg sticky-top"> <div class="container-fluid px-lg-5"> <a class="navbar-brand fw-bold fs-3 text-primary" href="index.html">Travel</a> <button class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#nav"><span class="navbar-toggler-icon"></span></button> <div class="collapse navbar-collapse" id="nav"> <ul class="navbar-nav mx-auto gap-lg-3"> <li class="nav-item"><a class="nav-link" href="#">Group Tours</a></li> <li class="nav-item"><a class="nav-link" href="#">Backpacking Trips</a></li> <li class="nav-item"><a class="nav-link" href="#">Treks</a></li> <li class="nav-item"><a class="nav-link" href="#">Weekend Trips</a></li> <li class="nav-item"><a class="nav-link" href="#">Corporate Tours</a></li> <li class="nav-item"><a class="nav-link" href="#">Blogs</a></li> </ul> <a href="#" class="btn btn-primary rounded-pill px-4">Book Now</a> </div> </div> </nav> <section class="hero"> <div class="container-fluid px-lg-5"> <div class="row align-items-center"> <div class="col-lg-7 hero-content"> <span class="badge bg-light text-dark rounded-pill px-4 py-2">India's Largest Social Travel Community</span> <h1 class="mt-4">Book Your <br>Trip to <span>Ladakh</span></h1> <p class="mt-3">Explore curated group tours, trekking experiences and backpacking adventures.</p> <div class="search-box"> <div class="row g-3"> <div class="col-lg-4"><input type="text" class="form-control" placeholder="Search Destination"></div> <div class="col-lg-3"><select class="form-select"><option>Trip Type</option></select></div> <div class="col-lg-3"><input type="date" class="form-control"></div> <div class="col-lg-2 d-grid"><button class="search-btn">Search</button></div> </div> </div> </div> <div class="col-lg-4 offset-lg-1 d-none d-lg-block"> <div class="review-card text-white"> <div class="d-flex align-items-center"><img src="https://randomuser.me/api/portraits/women/44.jpg" class="rounded-circle me-3" width="56"><div><h6 class="mb-0">Priya Sharma</h6><small>★★★★★</small></div></div> <p class="small mt-3 mb-0">Amazing experience and community vibe.</p> </div> <div class="review-card text-white"> <div class="d-flex align-items-center"><img src="https://randomuser.me/api/portraits/men/32.jpg" class="rounded-circle me-3" width="56"><div><h6 class="mb-0">Rahul Verma</h6><small>★★★★★</small></div></div> <p class="small mt-3 mb-0">Loved the biking trip to Ladakh.</p> </div> </div> </div> </div> </section> <section class="category-section"> <div class="container-fluid px-lg-5"> <div class="category-strip"> <div class="d-flex gap-4 overflow-auto justify-content-lg-between"> <div class="category-item"><img src="https://images.unsplash.com/photo-1516483638261-f4dbaf036963?q=80&w=300&auto=format&fit=crop"><p>International</p></div> <div class="category-item"><img src="https://images.unsplash.com/photo-1626621341517-bbf3d9990a23?q=80&w=300&auto=format&fit=crop"><p>Ladakh</p></div> <div class="category-item"><img src="https://images.unsplash.com/photo-1506744038136-46273834b3fb?q=80&w=300&auto=format&fit=crop"><p>Zanskar</p></div> <div class="category-item"><img src="https://images.unsplash.com/photo-1519608487953-e999c86e7455?q=80&w=300&auto=format&fit=crop"><p>Spiti</p></div> <div class="category-item"><img src="https://images.unsplash.com/photo-1527631746610-bca00a040d60?q=80&w=300&auto=format&fit=crop"><p>Treks</p></div> <div class="category-item"><img src="https://images.unsplash.com/photo-1518509562904-e7ef99cdcc86?q=80&w=300&auto=format&fit=crop"><p>Biking</p></div> <div class="category-item"><img src="https://images.unsplash.com/photo-1529156069898-49953e39b3ac?q=80&w=300&auto=format&fit=crop"><p>Girls Trips</p></div> <div class="category-item"><img src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?q=80&w=300&auto=format&fit=crop"><p>Customized</p></div> </div> <div class="text-center mt-4"> <div class="switch-box"><button class="active">Group Tours</button><button>Customized</button></div> </div> </div> </div> </section> <section class="py-5"> <div class="container-fluid px-lg-5"> <div class="d-flex justify-content-between align-items-center mb-4"> <h2 class="section-title">Popular Trips</h2> <a href="#" class="btn btn-outline-primary rounded-pill px-4">View All</a> </div> <div class="swiper tripSlider"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="trip-card"><img src="https://images.unsplash.com/photo-1544735716-392fe2489ffa?q=80&w=900&auto=format&fit=crop"><div class="trip-content"> <h5><a href="idetails.html"> Full Moon Party Thailand </a> </h5> <div class="d-flex justify-content-between align-items-center"><div><small>Starting From</small><div class="price">₹32,999</div></div><button class="btn btn-primary rounded-pill px-4">Book</button></div></div></div> </div> <div class="swiper-slide"> <div class="trip-card"><img src="https://images.unsplash.com/photo-1527631746610-bca00a040d60?q=80&w=900&auto=format&fit=crop"><div class="trip-content"><h5>Bali Backpacking</h5><div class="d-flex justify-content-between align-items-center"><div><small>Starting From</small><div class="price">₹26,999</div></div><button class="btn btn-primary rounded-pill px-4">Book</button></div></div></div> </div> <div class="swiper-slide"> <div class="trip-card"><img src="https://images.unsplash.com/photo-1501785888041-af3ef285b470?q=80&w=900&auto=format&fit=crop"><div class="trip-content"><h5>Bhutan Escape</h5><div class="d-flex justify-content-between align-items-center"><div><small>Starting From</small><div class="price">₹41,999</div></div><button class="btn btn-primary rounded-pill px-4">Book</button></div></div></div> </div> </div> <div class="swiper-pagination mt-4 position-relative"></div> </div> <div class="banner mt-5"> <div class="banner-content"> <h2>Zanskar Valley</h2> <p class="fs-5">Experience breathtaking Himalayan adventures.</p> <button class="btn btn-light rounded-pill px-5 py-3 mt-3">Explore More</button> </div> </div> </div> </section> <!-- UPCOMING TRIPS --> <section class="py-5 bg-white"> <div class="container-fluid px-lg-5"> <div class="d-flex justify-content-between align-items-center mb-4"> <h2 class="section-title">Upcoming Trips</h2> <a href="#" class="btn btn-outline-primary rounded-pill px-4">Explore All</a> </div> <div class="row g-4"> <div class="col-lg-3 col-md-6"> <div class="trip-card"> <img src="https://images.unsplash.com/photo-1528127269322-539801943592?q=80&w=1200&auto=format&fit=crop"> <div class="trip-content"> <h5>Kashmir Backpacking</h5> <div class="d-flex justify-content-between align-items-center mt-3"><span class="price">₹18,999</span><button class="btn btn-primary rounded-pill">View</button></div> </div> </div> </div> <div class="col-lg-3 col-md-6"> <div class="trip-card"> <img src="https://images.unsplash.com/photo-1493558103817-58b2924bce98?q=80&w=1200&auto=format&fit=crop"> <div class="trip-content"> <h5>Meghalaya Adventure</h5> <div class="d-flex justify-content-between align-items-center mt-3"><span class="price">₹24,999</span><button class="btn btn-primary rounded-pill">View</button></div> </div> </div> </div> <div class="col-lg-3 col-md-6"> <div class="trip-card"> <img src="https://images.unsplash.com/photo-1518509562904-e7ef99cdcc86?q=80&w=1200&auto=format&fit=crop"> <div class="trip-content"> <h5>Thailand Escape</h5> <div class="d-flex justify-content-between align-items-center mt-3"><span class="price">₹32,999</span><button class="btn btn-primary rounded-pill">View</button></div> </div> </div> </div> <div class="col-lg-3 col-md-6"> <div class="trip-card"> <img src="https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?q=80&w=1200&auto=format&fit=crop"> <div class="trip-content"> <h5>Spiti Valley Roadtrip</h5> <div class="d-flex justify-content-between align-items-center mt-3"><span class="price">₹27,999</span><button class="btn btn-primary rounded-pill">View</button></div> </div> </div> </div> </div> </div> </section> <!-- STATS --> <section class="py-5"> <div class="container-fluid px-lg-5"> <div class="row g-4 text-center"> <div class="col-lg-3 col-md-6"><div class="stats-card"><h2 class="fw-bold text-primary display-5">50K+</h2><p>Happy Travelers</p></div></div> <div class="col-lg-3 col-md-6"><div class="stats-card"><h2 class="fw-bold text-primary display-5">250+</h2><p>Trips Organized</p></div></div> <div class="col-lg-3 col-md-6"><div class="stats-card"><h2 class="fw-bold text-primary display-5">120+</h2><p>Destinations</p></div></div> <div class="col-lg-3 col-md-6"><div class="stats-card"><h2 class="fw-bold text-primary display-5">9+</h2><p>Years Experience</p></div></div> </div> </div> </section> <!-- WHY JUSTWRAVEL --> <section class="py-5 bg-white"> <div class="container-fluid px-lg-5"> <div class="row align-items-center g-5"> <div class="col-lg-6"> <img src="https://images.unsplash.com/photo-1527631746610-bca00a040d60?q=80&w=1400&auto=format&fit=crop" class="img-fluid rounded-5 shadow-lg"> </div> <div class="col-lg-6"> <h2 class="section-title mb-4">Why JustWravel?</h2> <div class="row g-4"> <div class="col-md-6"><div class="why-card"><i class="bi bi-people-fill text-primary fs-1"></i><h5 class="mt-3">Community Trips</h5><p class="text-muted">Travel with like-minded explorers.</p></div></div> <div class="col-md-6"><div class="why-card"><i class="bi bi-shield-check text-primary fs-1"></i><h5 class="mt-3">Safe Travel</h5><p class="text-muted">Expert trip captains and verified stays.</p></div></div> <div class="col-md-6"><div class="why-card"><i class="bi bi-cash-stack text-primary fs-1"></i><h5 class="mt-3">Affordable Pricing</h5><p class="text-muted">Transparent pricing with no hidden costs.</p></div></div> <div class="col-md-6"><div class="why-card"><i class="bi bi-stars text-primary fs-1"></i><h5 class="mt-3">Premium Experience</h5><p class="text-muted">Curated experiences with premium planning.</p></div></div> </div> </div> </div> </div> </section> <!-- TESTIMONIALS --> <section class="py-5"> <div class="container-fluid px-lg-5"> <div class="d-flex justify-content-between align-items-center mb-4"> <h2 class="section-title">What Our Travelers Say</h2> </div> <div class="row g-4"> <div class="col-lg-4"><div class="testimonial-card"><div class="d-flex align-items-center mb-3"><img src="https://randomuser.me/api/portraits/women/22.jpg" class="rounded-circle me-3" width="60"><div><h6 class="mb-0">Anjali Mehta</h6><small class="text-warning">★★★★★</small></div></div><p>One of the best travel experiences ever. Loved the people and management.</p></div></div> <div class="col-lg-4"><div class="testimonial-card"><div class="d-flex align-items-center mb-3"><img src="https://randomuser.me/api/portraits/men/44.jpg" class="rounded-circle me-3" width="60"><div><h6 class="mb-0">Rohit Singh</h6><small class="text-warning">★★★★★</small></div></div><p>The Ladakh biking expedition was absolutely amazing and unforgettable.</p></div></div> <div class="col-lg-4"><div class="testimonial-card"><div class="d-flex align-items-center mb-3"><img src="https://randomuser.me/api/portraits/women/66.jpg" class="rounded-circle me-3" width="60"><div><h6 class="mb-0">Sneha Kapoor</h6><small class="text-warning">★★★★★</small></div></div><p>Great itinerary, supportive trip leaders and premium stays throughout.</p></div></div> </div> </div> </section> <!-- MEMORIES --> <section class="py-5 bg-white"> <div class="container-fluid px-lg-5"> <h2 class="section-title mb-4">Memories For Life</h2> <div class="row g-4 gallery"> <div class="col-lg-3 col-md-6"><img src="https://images.unsplash.com/photo-1517760444937-f6397edcbbcd?q=80&w=1200&auto=format&fit=crop"></div> <div class="col-lg-3 col-md-6"><img src="https://images.unsplash.com/photo-1526772662000-3f88f10405ff?q=80&w=1200&auto=format&fit=crop"></div> <div class="col-lg-3 col-md-6"><img src="https://images.unsplash.com/photo-1507525428034-b723cf961d3e?q=80&w=1200&auto=format&fit=crop"></div> <div class="col-lg-3 col-md-6"><img src="https://images.unsplash.com/photo-1527631746610-bca00a040d60?q=80&w=1200&auto=format&fit=crop"></div> </div> </div> </section> <!-- BLOGS --> <section class="py-5"> <div class="container-fluid px-lg-5"> <div class="d-flex justify-content-between align-items-center mb-4"> <h2 class="section-title">Latest Blogs</h2> <a href="#" class="btn btn-outline-primary rounded-pill px-4">View All</a> </div> <div class="row g-4"> <div class="col-lg-4"><div class="blog-card"><img src="https://images.unsplash.com/photo-1501785888041-af3ef285b470?q=80&w=1200&auto=format&fit=crop" class="img-fluid rounded-4 mb-3"><h5>Top Places To Visit In Ladakh</h5><p class="text-muted">Explore beautiful monasteries and mountain passes.</p></div></div> <div class="col-lg-4"><div class="blog-card"><img src="https://images.unsplash.com/photo-1493558103817-58b2924bce98?q=80&w=1200&auto=format&fit=crop" class="img-fluid rounded-4 mb-3"><h5>Backpacking Guide For Thailand</h5><p class="text-muted">Everything you need before planning your Thailand trip.</p></div></div> <div class="col-lg-4"><div class="blog-card"><img src="https://images.unsplash.com/photo-1516483638261-f4dbaf036963?q=80&w=1200&auto=format&fit=crop" class="img-fluid rounded-4 mb-3"><h5>Why Bhutan Should Be On Your Bucket List</h5><p class="text-muted">Discover the happiest country in the Himalayas.</p></div></div> </div> </div> </section> <!-- FAQ --> <section class="py-5 bg-white"> <div class="container-fluid px-lg-5"> <h2 class="section-title text-center mb-5">Frequently Asked Questions</h2> <div class="accordion" id="faqAccordion"> <div class="accordion-item rounded-4 overflow-hidden mb-3 border-0 shadow-sm"><h2 class="accordion-header"><button class="accordion-button" data-bs-toggle="collapse" data-bs-target="#faq1">How can I book a trip?</button></h2><div id="faq1" class="accordion-collapse collapse show" data-bs-parent="#faqAccordion"><div class="accordion-body">You can directly book through our website or contact our support team.</div></div></div> <div class="accordion-item rounded-4 overflow-hidden mb-3 border-0 shadow-sm"><h2 class="accordion-header"><button class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#faq2">Are these trips safe for solo travelers?</button></h2><div id="faq2" class="accordion-collapse collapse" data-bs-parent="#faqAccordion"><div class="accordion-body">Yes, our trips are designed for safe and community-based travel experiences.</div></div></div> <div class="accordion-item rounded-4 overflow-hidden border-0 shadow-sm"><h2 class="accordion-header"><button class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#faq3">What payment methods are accepted?</button></h2><div id="faq3" class="accordion-collapse collapse" data-bs-parent="#faqAccordion"><div class="accordion-body">We accept UPI, debit cards, credit cards and net banking.</div></div></div> </div> </div> </section> <!-- NEWSLETTER --> <section class="py-5"> <div class="container-fluid px-lg-5"> <div class="newsletter text-center"> <h2 class="display-5 fw-bold">Sign Up Now!</h2> <p class="mt-3 mb-4">Get travel deals and updates directly in your inbox.</p> <div class="row justify-content-center"> <div class="col-lg-6"> <div class="input-group input-group-lg"> <input type="email" class="form-control rounded-start-pill" placeholder="Enter your email"> <button class="btn btn-light rounded-end-pill px-4">Subscribe</button> </div> </div> </div> </div> </div> </section> <!-- FOOTER --> <footer> <div class="container-fluid px-lg-5"> <div class="row g-5"> <div class="col-lg-4"><h3 class="fw-bold text-primary">JustWravel</h3><p class="text-muted mt-3">India's leading social travel community for backpacking, biking and group tours.</p></div> <div class="col-lg-2"><h5 class="fw-bold mb-4">Company</h5><ul class="list-unstyled"><li class="mb-2"><a href="#" class="text-muted">About</a></li><li class="mb-2"><a href="#" class="text-muted">Careers</a></li><li class="mb-2"><a href="#" class="text-muted">Blogs</a></li></ul></div> <div class="col-lg-3"><h5 class="fw-bold mb-4">Popular Destinations</h5><ul class="list-unstyled"><li class="mb-2"><a href="#" class="text-muted">Ladakh</a></li><li class="mb-2"><a href="#" class="text-muted">Spiti</a></li><li class="mb-2"><a href="#" class="text-muted">Bhutan</a></li></ul></div> <div class="col-lg-3"><h5 class="fw-bold mb-4">Contact</h5><p class="text-muted"><i class="bi bi-geo-alt me-2"></i>New Delhi, India</p><p class="text-muted"><i class="bi bi-envelope me-2"></i>hello@justwravel.com</p><p class="text-muted"><i class="bi bi-telephone me-2"></i>+91 9999999999</p></div> </div> <hr class="my-5"> <div class="d-flex justify-content-between flex-wrap"><p class="text-muted">© 2026 JustWravel. All Rights Reserved.</p><div><i class="bi bi-instagram me-3"></i><i class="bi bi-facebook me-3"></i><i class="bi bi-youtube"></i></div></div> </div> </footer> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> <script> new Swiper('.tripSlider',{slidesPerView:1,spaceBetween:25,pagination:{el:'.swiper-pagination',clickable:true},breakpoints:{768:{slidesPerView:2},1200:{slidesPerView:4}}}); </script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 8.0.30 | Generation time: 0.25 |
proxy
|
phpinfo
|
Settings