File manager

File manager - Edit - /home/asiatechinc/.trash/experience.php

Back
<!DOCTYPE html> <html lang="en"> <head> <meta chaRset="utf-8"> <!-- TITLE --> <title>Off-Road Packages \| Yedamakky Plantations</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="format-detection" content="telephone=no"> <meta name="apple-mobile-web-app-capable" content="yes"> <link rel="shortcut icon" href="images/favicon.png"/> <!-- GOOGLE FONT --> <link href="https://fonts.googleapis.com/css?family=Hind:400,300,500,600%7cMontserrat:400,700" rel='stylesheet' type='text/css'> <!-- CSS LIBRARY --> <link rel="stylesheet" type="text/css" href="css/lib/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="css/lib/font-lotusicon.css"> <link rel="stylesheet" type="text/css" href="css/lib/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="css/lib/owl.carousel.css"> <link rel="stylesheet" type="text/css" href="css/lib/jquery-ui.min.css"> <link rel="stylesheet" type="text/css" href="css/lib/magnific-popup.css"> <link rel="stylesheet" type="text/css" href="css/lib/settings.css"> <link rel="stylesheet" type="text/css" href="css/lib/bootstrap-select.min.css"> <link rel="stylesheet" type="text/css" href="css/responsive.css"> <!-- MAIN STYLE --> <link rel="stylesheet" type="text/css" href="css/style.css"> <style> .section-our-best { padding: 80px 0; background: #fff; } .section-title { text-align: center; font-size: 32px; font-weight: 700; margin-bottom: 40px; color: #222; position: relative; } .box-border { display: block; width: 80px; height: 4px; background: #28a745; margin: 0 auto 20px; border-radius: 2px; } .custom-list { list-style: none; padding-left: 0; margin-bottom: 40px; } .custom-list li { position: relative; padding-left: 28px; margin-bottom: 12px; font-size: 16px; line-height: 1.7; color: #444; } .custom-list li::before { content: "✔"; position: absolute; left: 0; top: 0; color: #28a745; font-weight: bold; } .experience-card { display: flex; align-items: center; gap: 30px; margin-bottom: 60px; background: #f9f9f9; border-radius: 16px; overflow: hidden; box-shadow: 0 8px 20px rgba(0,0,0,0.1); } .experience-card.reverse { flex-direction: row-reverse; } .exp-image { flex: 1; position: relative; } .exp-image img { width: 100%; height: 100%; object-fit: cover; display: block; } .exp-image .btn-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(40,167,69,0.9); color: #fff; font-size: 28px; padding: 16px 22px; border-radius: 50%; text-decoration: none; transition: 0.3s; } .exp-image .btn-play:hover { background: #218838; } .exp-text { flex: 1.2; padding: 30px; } .exp-text p { font-size: 16px; line-height: 1.8; margin-bottom: 18px; color: #333; } .sub-title { font-size: 22px; font-weight: 600; color: #222; margin: 20px 0 10px; } .highlight { background: #fffae6; padding: 2px 6px; border-radius: 4px; color: #d35400; font-weight: 600; } /* CSS */ .img-experience { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px; padding: 20px; } .img-experience .ex-img { overflow: hidden; border-radius: 12px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); transition: transform 0.3s ease; } .img-experience .ex-img:hover { transform: scale(1.05); } .img-experience img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; } .img-experience .ex-img:hover img { transform: scale(1.1); } </style> </head> <body> <!-- PAGE WRAP --> <div id="page-wrap"> <!-- HEADER --> <?php include 'include/header.php'?> </header> <!-- END / HEADER --> <!-- SUB BANNER --> <section class="section-sub-banner bg-16"> <div class="sub-banner"> <div class="container"> <div class="text text-center"> <h2><!--Off-Road--> Packages</h2> </div> </div> </div> </section> <!-- END / SUB BANNER --> <section class="section-our-best bg-white"> <div class="container"> <div class="our-best highlight-box"> <span class="box-border"></span> <h2 class="section-title">Experience an Adventurous Picnic amidst the Wild : <br> Bookings Call: +91 8095777266</h2> <h3>Take Home Memorable Experiences at Yedamakky Plantations</h3> <ul class="custom-list"> <li> Enjoy a drive in an open Gypsy through the scenic village roads and Coffee plantations of Coorg, head to Virajpet Hilltop for a stunning sunset view, explore the Sacred Grove (Devara Kadu), or visit the historic 250-year-old Catholic church</li> <li>Breakfast by the pond</li> <li>Brunch at the Plantation picnic spot</li> <li>Test your aim with Airgun Shooting</li> <li>Feed Koi carp fish at the Yedamakky Plantation pond</li> </ul> <!-- HTML --> <div class="img-experience"> <div class="ex-img"> <a href="images/ex-1.jpg"><img src="images/ex-1.jpg" alt="Experience 1"></a> </div> <div class="ex-img"> <a href="images/ex-2.jpg"><img src="images/ex-2.jpg" alt="Experience 2"></a> </div> <div class="ex-img"> <a href="images/ex-3.jpg"><img src="images/ex-3.jpg" alt="Experience 3"></a> </div> <div class="ex-img"> <a href="images/ex-4.jpg"><img src="images/ex-4.jpg" alt="Experience 4"></a> </div> <div class="ex-img"> <a href="images/ex-5.jpg"><img src="images/ex-5.jpg" alt="Experience 5"></a> </div> <div class="ex-img"> <a href="images/ex-6.jpg"><img src="images/ex-6.jpg" alt="Experience 6"></a> </div> <div class="ex-img"> <a href="images/ex-7.jpg"><img src="images/ex-7.jpg" alt="Experience 7"></a> </div> </div> <!-- 🔥 Card Layout --> <!--<div class="experience-card"> <div class="exp-image"> <img src="images/best-image.jpg" alt="Off-road experience at Yedamakky Plantations"> <a class="btn-play" href="https://www.youtube.com/watch?v=_P6ZXha6fQU&t=2s">▶</a> </div> <div class="exp-text"> <p>Gear up for a <span class="highlight">wild off-road drive</span> through untamed terrain to a plantation overlooking the <span class="highlight">Western Ghats forest</span>, where a hearty brunch awaits you in the lap of nature.</p> <p><b>Inclusions:</b></p> <ul class="custom-list"> <li>Brunch overlooking the forest</li> <li>Off-roading in a Gypsy</li> <li>Walk in the wild stream</li> <li>Min Pax: 04 persons</li> <li>Duration: 2.5 hrs</li> </ul> <h3 class="sub-title">Plantation Trails in a Gypsy Off-Roader — Bookings: <a href="tel:+918095777266">+91 8095777266</a> </h3> <p>A morning drive in an open Gypsy Off-Roader through the coffee plantations of Coorg is a serene journey along winding roads and emerald-green coffee bushes.</p> </div> </div>--> <!-- 🔥 Another Card --> <!-- <div class="experience-card reverse"> <!--<div class="exp-image"> <img src="images/virajpet.jpg" alt="Discover Virajpet Charm"> </div>- <div class="exp-text"> <h3 class="sub-title">Discover the Charm of Virajpet — Bookings: <a href="tel:+918095777266">+91 8095777266</a> </h3> <p>Explore the timeless grace of a 230-year-old Gothic-style Church, offer prayers at the serene hilltop Lord Ayyappa Swamy Temple, and enjoy panoramic views of Virajpet town from its most elevated viewpoint.</p> <p><b>Inclusions:</b></p> <ul class="custom-list"> <li>Exploring Virajpet town & notable landmarks</li> <li>Visit to the Spice Store</li> <li>Min Pax: 04 persons</li> <li>Duration: 2 hrs</li> </ul> </div> </div>--> </div> </div> </section> <!-- FOOTER --> <?php include 'include/footer.php'?> <!-- END / FOOTER --> </div> <!-- END / PAGE WRAP --> <!-- LOAD JQUERY --> <script data-cfasync="false" src="../../../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="js/lib/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="js/lib/jquery-ui.min.js"></script> <script type="text/javascript" src="js/lib/bootstrap.min.js"></script> <script type="text/javascript" src="js/lib/bootstrap-select.js"></script> <script src="http://maps.google.com/maps/api/js?key=AIzaSyAb2lfsiytHD7rMhBaAvJz2CKhk05uiIuE"></script> <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script> <script type="text/javascript" src="js/lib/isotope.pkgd.min.js"></script> <script type="text/javascript" src="js/lib/jquery.themepunch.revolution.min.js"></script> <script type="text/javascript" src="js/lib/jquery.themepunch.tools.min.js"></script> <script type="text/javascript" src="js/lib/owl.carousel.js"></script> <script type="text/javascript" src="js/lib/jquery.appear.min.js"></script> <script type="text/javascript" src="js/lib/jquery.countTo.js"></script> <script type="text/javascript" src="js/lib/jquery.countdown.min.js"></script> <script type="text/javascript" src="js/lib/jquery.parallax-1.1.3.js"></script> <script type="text/javascript" src="js/lib/jquery.magnific-popup.min.js"></script> <script type="text/javascript" src="js/lib/SmoothScroll.js"></script> <!-- validate --> <script type="text/javascript" src="js/lib/jquery.form.min.js"></script> <script type="text/javascript" src="js/lib/jquery.validate.min.js"></script> <!-- Custom jQuery --> <script type="text/javascript" src="js/scripts.js"></script> </body> </html>

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.02 | proxy | phpinfo | Settings