File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/varkalaescaperesort.com/index.php
Back
<!DOCTYPE html> <html lang="zxx"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <title>Varkala Escape Resort - Varkala</title> <link rel="shortcut icon" href="img/favicon.png" /> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Barlow&family=Barlow+Condensed&family=Gilda+Display&display=swap"> <link rel="stylesheet" href="css/plugins.css" /> <link rel="stylesheet" href="css/style.css" /> <meta name="google-site-verification" content="-mYJv6bB6Olmvyi2d2lZXHe5vFaw8w796XG29ExjenA" /> </head> <body> <style> .list ul li{ list-style-type: circle; font-family: 'Barlow', sans-serif; font-size: 16px; font-weight: 600; line-height: 1.75em; color: #234c3e; } .video-header { position: relative; width: 100%; height: 100vh; /* Full screen height */ overflow: hidden; } .video-bg { position: absolute; top: 50%; left: 50%; /* min-height: 81%; */ width: auto; height:842px; z-index: 1; transform: translate(-50%, -50%); object-fit: cover; } .card-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; } .card { background-color: #fff; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; transition: transform 0.3s; } .card:hover { transform: translateY(-5px); } .card img { width: 100%; height: 180px; object-fit: cover; } .card-content { padding: 15px; } .card-content h3 { font-size: 1.2em; font-weight: 600; margin-bottom: 10px; } .card-content p { font-size: 0.95em; color: #555; } .overlay-content { position: absolute; top: 50%; left: 50%; text-shadow: 1px 1px 2px #000, 0 0 25px #000, 0 0 5px #000; z-index: 2; text-align: center; transform: translate(-50%, -50%); } </style> <?php include 'include/header.php'?> <!-- Slider --> <header class="header slider-fade"> <div class="video-header"> <video autoplay muted loop playsinline class="video-bg"> <source src="img/vid.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <!--<div class="overlay-content">--> <!-- <h1 style="color:#fff;font-size: 46px;">Varkala Escape Resort</h1>--> <!-- <p style="color:#fff;">Your perfect coastal getaway</p>--> <!-- Add buttons or other content here if needed --> <!--</div>--> </div> <!-- <div class="owl-carousel owl-theme">--> <!-- The opacity on the image is made with "data-overlay-dark="number". You can change it using the numbers 0-9. --> <!--<div class="text-center item bg-img" data-overlay-dark="2" data-background="img/slider/s1.jpg">--> <!-- <div class="v-middle caption">--> <!-- <div class="container">--> <!-- <div class="row">--> <!-- <div class="col-md-10 offset-md-1">--> <!-- <h4>Welcome To </h4>--> <!-- <h1>Varkala Escape Resort</h1>--> <!-- <div class="butn-light mt-30 mb-30"> <a href="" data-scroll-nav="1"><span>Book Here</span></a> </div>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!--</div>--> <!--<div class="text-center item bg-img" data-overlay-dark="2" data-background="img/slider/s3.jpg">--> <!-- <div class="v-middle caption">--> <!-- <div class="container">--> <!-- <div class="row">--> <!-- <div class="col-md-10 offset-md-1">--> <!-- <h4>Unique Place to Relax & Enjoy</h4>--> <!-- <h1>Varkala Escape Resort </h1>--> <!-- <div class="butn-light mt-30 mb-30"> <a href="about.php" data-scroll-nav="1"><span>About Us</span></a> </div>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!--</div>--> <!--</div>--> <!-- slider reservation --> <div class="reservation"> <a href="tel:+918686747430"> <div class="icon d-flex justify-content-center align-items-center"> <i class="flaticon-call"></i> </div> <div class="call"><span>+91 8686747430</span> <br>Reservation</div> </a> </div> </header> <!-- Booking Search --> <!--<div class="booking-wrapper">--> <!-- <div class="container">--> <!-- <div class="booking-inner clearfix">--> <!-- <form action="https://asiatech.in/booking_engine/index3?token=ODk4MA==" target="_blank" method="post"class="form1 clearfix">--> <!-- <div class="col1 c1">--> <!-- <div class="input1_wrapper">--> <!-- <label>Check in</label>--> <!-- <div class="input1_inner">--> <!-- <input type="text" class="form-control input datepicker" placeholder="Check in">--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!-- <div class="col1 c2">--> <!-- <div class="input1_wrapper">--> <!-- <label>Check out</label>--> <!-- <div class="input1_inner">--> <!-- <input type="text" class="form-control input datepicker" placeholder="Check out">--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!-- <div class="col2 c3">--> <!-- <div class="select1_wrapper">--> <!-- <label>Adults</label>--> <!-- <div class="select1_inner">--> <!-- <select class="select2 select" style="width: 100%">--> <!-- <option value="1">1 Adult</option>--> <!-- <option value="2">2 Adults</option>--> <!-- <option value="3">3 Adults</option>--> <!-- </select>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!-- <div class="col2 c4">--> <!-- <div class="select1_wrapper">--> <!-- <label>Children</label>--> <!-- <div class="select1_inner">--> <!-- <select class="select2 select" style="width: 100%">--> <!-- <option value="1">Children</option>--> <!-- <option value="1">1 Child</option>--> <!-- <option value="2">2 Children</option>--> <!-- <option value="3">3 Children</option>--> <!-- <option value="4">4 Children</option>--> <!-- </select>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!-- <div class="col2 c5">--> <!-- <div class="select1_wrapper">--> <!-- <label>Rooms</label>--> <!-- <div class="select1_inner">--> <!-- <select class="select2 select" style="width: 100%">--> <!-- <option value="1">1 Room</option>--> <!-- <option value="2">2 Rooms</option>--> <!-- </select>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!-- <div class="col3 c6">--> <!-- <button type="submit" class="btn-form1-submit">Check Now</button>--> <!-- </div>--> <!-- </form>--> <!-- </div>--> <!-- </div>--> <!--</div>--> <!-- About --> <section class="about section-padding"> <div class="container"> <div class="row"> <div class="col col-md-3 animate-box fadeInUp animated" data-animate-effect="fadeInUp"> <!--<img src="img/about/1.jpg" alt="" class="mt-90 mb-30">--> </div> <div class="col-md-6 mt-30 animate-box" data-animate-effect="fadeInUp" style="text-align: center;"> <span> <i class="star-rating"></i> <i class="star-rating"></i> <i class="star-rating"></i> <i class="star-rating"></i> <i class="star-rating"></i> </span> <div class="section-subtitle">Varkala Escape Resort</div> <div class="section-title">Our Story</div> <p>At Varkala Escape Resort, we believe that a great stay is about more than just a room. It’s about creating a space that feels like home, where every detail is designed to help you relax, reconnect, and recharge. Set in the heart of Varkala, the resort offers a cozy atmosphere with modern comforts—perfect for those looking to experience the laid-back charm of coastal Kerala. </p> <p>Serenity at Varkala Escape Resort, nestled in the tranquil surroundings of Varkala. Offering panoramic views of lush view and temples, this provides a peaceful retreat from city life. Relax in luxurious accommodations designed for comfort and elegance, complete with modern amenities. </p> <!-- call --> <div class="reservations" style="justify-content: center;"> <div class="icon"><span class="flaticon-call"></span></div> <div class="text"> <p>Reservation</p> <a href="tel:+918686747430">+91 8686747430</a> </div> </div> </div> <div class="col col-md-3 animate-box fadeInUp animated" data-animate-effect="fadeInUp"> <!--<img src="img/about/2.jpg" class="mt-90 mb-30" alt="">--> </div> </div> <div class="row"> <div class="map" style="margin: 46px auto;"> <a href="https://maps.app.goo.gl/QwL4AAMmcak1kCx38" target="_blank"><img src="img/mapp1.png"></a> </div> </div> </div> </section> <!-- Rooms --> <section class="rooms1 section-padding bg-cream" data-scroll-index="1"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="section-title">Your Space, Your Comfort</div> <p>Whether you’re staying for a weekend or a month, you’ll find all the comforts of home and more</p> </div> </div> <div class="row"> <div class="col-md-4"> <div class="item"> <div class="position-re o-hidden"> <img src="img/room/1.jpg" alt=""> </div> <div class="con"> <h5><a href="budget-room-non-ac.php">Budget Room Non AC Shared Kitchen</a> </h5> <div class="line"></div> <div class="row facilities"> <div class="col col-md-7"> <ul> <li><i class="flaticon-bed"></i></li> <li><i class="flaticon-bath"></i></li> <li><i class="flaticon-breakfast"></i></li> <li><i class="flaticon-towel"></i></li> </ul> </div> <div class="col col-md-5 text-end"> <div class="permalink"><a href="budget-room-non-ac.php">Details <i class="ti-arrow-right"></i></a></div> </div> </div> </div> </div> </div> <div class="col-md-4"> <div class="item"> <div class="position-re o-hidden"> <img src="img/room/2.jpg" alt=""> </div> <div class="con"> <h5><a href="budget-room-non-ac1.php">Budget Room Non AC Large Room Shared Kitchen</a></h5> <div class="line"></div> <div class="row facilities"> <div class="col col-md-7"> <ul> <li><i class="flaticon-bed"></i></li> <li><i class="flaticon-bath"></i></li> <li><i class="flaticon-breakfast"></i></li> <li><i class="flaticon-towel"></i></li> </ul> </div> <div class="col col-md-5 text-end"> <div class="permalink"><a href="budget-room-non-ac1.php">Details <i class="ti-arrow-right"></i></a></div> </div> </div> </div> </div> </div> <div class="col-md-4"> <div class="item"> <div class="position-re o-hidden"> <img src="img/room/3.jpg" alt=""> </div> <div class="con"> <h5><a href="executive-ac.php">Executive AC Room Shared Kitchen</a></h5> <div class="line"></div> <div class="row facilities"> <div class="col col-md-7"> <ul> <li><i class="flaticon-bed"></i></li> <li><i class="flaticon-bath"></i></li> <li><i class="flaticon-breakfast"></i></li> <li><i class="flaticon-towel"></i></li> </ul> </div> <div class="col col-md-5 text-end"> <div class="permalink"><a href="executive-ac.php">Details <i class="ti-arrow-right"></i></a></div> </div> </div> </div> </div> </div> <div class="col-md-4"> <div class="item"> <div class="position-re o-hidden"> <img src="img/room/4.jpg" alt="" style="height: 460px;"> </div> <div class="con"> <h5><a href="private-non-ac.php">Private 1BHK cottage Non AC</a></h5> <div class="line"></div> <div class="row facilities"> <div class="col col-md-7"> <ul> <li><i class="flaticon-bed"></i></li> <li><i class="flaticon-bath"></i></li> <li><i class="flaticon-breakfast"></i></li> <li><i class="flaticon-towel"></i></li> </ul> </div> <div class="col col-md-5 text-end"> <div class="permalink"><a href="private-non-ac.php">Details <i class="ti-arrow-right"></i></a></div> </div> </div> </div> </div> </div> <div class="col-md-4"> <div class="item"> <div class="position-re o-hidden"> <img src="img/room/2.jpg" alt=""> </div> <div class="con"> <h5><a href="executive-large-ac.php">Executive Large AC Room with Shared kitchen</a></h5> <div class="line"></div> <div class="row facilities"> <div class="col col-md-7"> <ul> <li><i class="flaticon-bed"></i></li> <li><i class="flaticon-bath"></i></li> <li><i class="flaticon-breakfast"></i></li> <li><i class="flaticon-towel"></i></li> </ul> </div> <div class="col col-md-5 text-end"> <div class="permalink"><a href="executive-large-ac.php">Details <i class="ti-arrow-right"></i></a></div> </div> </div> </div> </div> </div> <div class="col-md-4"> <div class="item"> <div class="position-re o-hidden"> <img src="img/room/5.jpg" alt="" style="height: 460px;"> </div> <div class="con"> <h5><a href="private-ac.php">Private 1BHK Cottage AC</a></h5> <div class="line"></div> <div class="row facilities"> <div class="col col-md-7"> <ul> <li><i class="flaticon-bed"></i></li> <li><i class="flaticon-bath"></i></li> <li><i class="flaticon-breakfast"></i></li> <li><i class="flaticon-towel"></i></li> </ul> </div> <div class="col col-md-5 text-end"> <div class="permalink"><a href="private-ac.php">Details <i class="ti-arrow-right"></i></a></div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="facilties section-padding"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="section-subtitle">Our Services</div> <div class="section-title">Varkala Escape Resort Facilities</div> </div> </div> <div class="row"> <div class="col-md-3"> <div class="single-facility animate-box fadeInUp animated" data-animate-effect="fadeInUp"> <img src="img/services/1.png"> <h5>Wi-Fi</h5> <div class="facility-shape"> <img src="img/services/1.png"> </div> </div> </div> <div class="col-md-3"> <div class="single-facility animate-box fadeInUp animated" data-animate-effect="fadeInUp"> <img src="img/services/2.png"> <h5>CCTV</h5> <div class="facility-shape"> <img src="img/services/2.png"> </div> </div> </div> <div class="col-md-3"> <div class="single-facility animate-box fadeInUp animated" data-animate-effect="fadeInUp"> <img src="img/services/9.png"> <h5>Parking Available</h5> <div class="facility-shape"> <img src="img/services/9.png"> </div> </div> </div> <div class="col-md-3"> <div class="single-facility animate-box fadeInUp animated" data-animate-effect="fadeInUp"> <img src="img/services/5.png"> <h5>24/7 Room Service</h5> <div class="facility-shape"> <img src="img/services/5.png"> </div> </div> </div> <!--lllllll--> <div class="col-md-3"> <div class="single-facility animate-box fadeInUp animated" data-animate-effect="fadeInUp"> <img src="img/services/8.png"> <h5>Toiletries</h5> <div class="facility-shape"> <img src="img/services/8.png"> </div> </div> </div> <div class="col-md-3"> <div class="single-facility animate-box fadeInUp animated" data-animate-effect="fadeInUp"> <img src="img/services/7.png"> <h5>Split Ac</h5> <div class="facility-shape"> <img src="img/services/7.png"> </div> </div> </div> <div class="col-md-3"> <div class="single-facility animate-box fadeInUp animated" data-animate-effect="fadeInUp"> <img src="img/services/12.png"> <h5>Kayaking Tour</h5> <div class="facility-shape"> <img src="img/services/12.png"> </div> </div> </div> <div class="col-md-3"> <div class="single-facility animate-box fadeInUp animated" data-animate-effect="fadeInUp"> <img src="img/services/3.png"> <h5>Tour Guide</h5> <div class="facility-shape"> <img src="img/services/3.png"> </div> </div> </div> <div class="col-md-3"> <div class="single-facility animate-box fadeInUp animated" data-animate-effect="fadeInUp"> <img src="img/services/10.png"> <h5>Changing Room</h5> <div class="facility-shape"> <img src="img/services/10.png"> </div> </div> </div> <div class="col-md-3"> <div class="single-facility animate-box fadeInUp animated" data-animate-effect="fadeInUp"> <img src="img/services/6.png"> <h5>Kettle</h5> <div class="facility-shape"> <img src="img/services/6.png"> </div> </div> </div> <div class="col-md-3"> <div class="single-facility animate-box fadeInUp animated" data-animate-effect="fadeInUp"> <img src="img/services/11.png"> <h5>Relax Room</h5> <div class="facility-shape"> <img src="img/services/11.png"> </div> </div> </div> <div class="col-md-3"> <div class="single-facility animate-box fadeInUp animated" data-animate-effect="fadeInUp"> <img src="img/services/4.png"> <h5>Kayaking Safety</h5> <div class="facility-shape"> <img src="img/services/4.png"> </div> </div> </div> <div class="col-md-3"> <div class="single-facility animate-box fadeInUp animated" data-animate-effect="fadeInUp"> <img src="img/services/13.png"> <h5>Yoga Service</h5> <div class="facility-shape"> <img src="img/services/13.png"> </div> </div> </div> </div><br> <div class="row"> <div class="col-md-7"> <div class="section-subtitle">Varkala Escape Resort</div> <div class="section-title">Why Choose Us</div> </div> </div> <div class="row"> <div class="col-md-6"> <div class="list" style="padding-left: 11px;"> <ul> <li>Close to Varkala North Cliff and black beach but away from the crowds</li> <li>Spacious flats with full kitchens</li> <li> Beautiful tropical garden</li> <li>Personalized service and tour planning</li> <li>Ideal for long stays, remote work, or short getaways</li> </ul> </div> </div> </div> </div> </section> <section class="testimonials"> <div class="background bg-img bg-fixed section-padding pb-0" data-background="img/bg/1.jpg" data-overlay-dark="3"> <div class="container"> <div class="row"> <div class="col-md-8 offset-md-2"> <div class="testimonials-box"> <div class="head-box"> <h6>Guest Reviews</h6> <h4>What Client's Say?</h4> <div class="line"></div> </div> <div class="owl-carousel owl-theme"> <div class="item"> <span class="quote"><img src="img/quot.png" alt=""></span> <p>Absolutely loved the stay! The location is perfect and the rooms are spacious and clean. Great service too.</p> <div class="info"> <!--<div class="author-img"> <img src="img/team/1.jpg" alt=""> </div>--> <div class="cont"> <span><i class="star-rating"></i><i class="star-rating"></i><i class="star-rating"></i><i class="star-rating"></i><i class="star-rating"></i></span> <h6>Ramesh</h6> <span>Guest review</span> </div> </div> </div> <div class="item"> <span class="quote"><img src="img/quot.png" alt=""></span> <p>Felt like a home away from home. The beach is so close and the garden is beautiful!</p> <div class="info"> <!--<div class="author-img"> <img src="img/team/2.jpg" alt=""> </div>--> <div class="cont"> <span><i class="star-rating"></i><i class="star-rating"></i><i class="star-rating"></i><i class="star-rating"></i><i class="star-rating"></i></span> <h6>Asha</h6> <span>Guest review</span> </div> </div> </div> <div class="item"> <span class="quote"><img src="img/quot.png" alt=""></span> <p>We did yoga every morning and explored Varkala’s coast with their tour guide—perfect holiday!</p> <div class="info"> <!--<div class="author-img"> <img src="img/team/3.jpg" alt=""> </div>--> <div class="cont"> <span><i class="star-rating"></i><i class="star-rating"></i><i class="star-rating"></i><i class="star-rating"></i><i class="star-rating"></i></span> <h6>Maria</h6> <span>Guest review</span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!--<section class="facilties section-padding bg-cream">--> <!-- <div class="container">--> <!-- <div class="row">--> <!-- <div class="col-md-12">--> <!-- <div class="section-subtitle"> Varkala Escape Resort</div>--> <!-- <div class="section-title">Our Gallery</div>--> <!-- </div>--> <!-- </div>--> <!-- <div class="row">--> <!-- <div class="col-md-4 gallery-item">--> <!-- <a href="img/gallery/1.jpg" title="" class="img-zoom">--> <!-- <div class="gallery-box">--> <!-- <div class="gallery-img"> <img src="img/gallery/1.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div>--> <!-- </div>--> <!-- </a>--> <!-- </div>--> <!-- <div class="col-md-4 gallery-item">--> <!-- <a href="img/gallery/2.jpg" title="" class="img-zoom">--> <!-- <div class="gallery-box">--> <!-- <div class="gallery-img"> <img src="img/gallery/2.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div>--> <!-- </div>--> <!-- </a>--> <!-- </div>--> <!-- <div class="col-md-4 gallery-item">--> <!-- <a href="img/gallery/3.jpg" title="" class="img-zoom">--> <!-- <div class="gallery-box">--> <!-- <div class="gallery-img"> <img src="img/gallery/3.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div>--> <!-- </div>--> <!-- </a>--> <!-- </div>--> <!--<div class="col-md-4 gallery-item">--> <!-- <a href="img/gallery/4.jpg" title="" class="img-zoom">--> <!-- <div class="gallery-box">--> <!-- <div class="gallery-img"> <img src="img/gallery/4.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div>--> <!-- </div>--> <!-- </a>--> <!-- </div>--> <!-- <div class="col-md-4 gallery-item">--> <!-- <a href="img/gallery/5.jpg" title="" class="img-zoom">--> <!-- <div class="gallery-box">--> <!-- <div class="gallery-img"> <img src="img/gallery/5.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div>--> <!-- </div>--> <!-- </a>--> <!-- </div>--> <!-- <div class="col-md-4 gallery-item">--> <!-- <a href="img/gallery/6.jpg" title="" class="img-zoom">--> <!-- <div class="gallery-box">--> <!-- <div class="gallery-img"> <img src="img/gallery/6.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div>--> <!-- </div>--> <!-- </a>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!-- </section>--> <!-- <section class="testimonials"> <div class="background bg-img bg-fixed section-padding pb-0" data-background="img/bg/1.jpg" data-overlay-dark="3"> <div class="container"> <div class="row"> <div class="col-md-8 offset-md-2"> <div class="testimonials-box"> <div class="head-box"> <h6>Testimonials</h6> <h4>What Client's Say?</h4> <div class="line"></div> </div> <div class="owl-carousel owl-theme"> <div class="item"> <span class="quote"><img src="img/quot.png" alt=""></span> <p></p> <div class="info"> <div class="author-img"> <img src="img/testimonials/t1.png" alt=""> </div> <div class="cont"> <span><i class="star-rating"></i><i class="star-rating"></i><i class="star-rating"></i><i class="star-rating"></i><i class="star-rating"></i></span> <h6></h6> <span>Guest review</span> </div> </div> </div> <div class="item"> <span class="quote"><img src="img/quot.png" alt=""></span> <p></p> <div class="info"> <div class="author-img"> <img src="img/testimonials/t2.png" alt=""> </div> <div class="cont"> <span><i class="star-rating"></i><i class="star-rating"></i><i class="star-rating"></i><i class="star-rating"></i><i class="star-rating"></i></span> <h6></h6> <span>Guest review</span> </div> </div> </div> <div class="item"> <span class="quote"><img src="img/quot.png" alt=""></span> <p></p> <div class="info"> <div class="author-img"> <img src="img/testimonials/t3.png" alt=""> </div> <div class="cont"> <span><i class="star-rating"></i><i class="star-rating"></i><i class="star-rating"></i><i class="star-rating"></i><i class="star-rating"></i></span> <h6></h6> <span>Guest review</span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> --> <!-- Services --> <section class="services section-padding"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="section-subtitle"> Varkala Escape Resort</div> <div class="section-title">Things to do at Varkala</div> </div> </div> <!--<div class="row">--> <!-- <div class="col-md-6 p-0 animate-box" data-animate-effect="fadeInLeft">--> <!-- <div class="img left">--> <!-- <a href="#"><img src="img/attractions/janar.jpg" alt=""></a>--> <!-- </div>--> <!-- </div>--> <!-- <div class="col-md-6 p-0 bg-cream valign animate-box" data-animate-effect="fadeInRight">--> <!-- <div class="content">--> <!-- <div class="cont text-left">--> <!-- <h4>Janardanaswamy Temple</h4>--> <!-- <p>A 2000-year-old Hindu temple dedicated to Lord Vishnu, offering a glimpse into Kerala’s spiritual heritage.</p>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!--</div>--> <!--<div class="row">--> <!-- <div class="col-md-6 bg-cream p-0 order2 valign animate-box" data-animate-effect="fadeInLeft">--> <!-- <div class="content">--> <!-- <div class="cont text-left">--> <!-- <h4>Varkala Cliff</h4>--> <!-- <p>Varkala cliff is a famous beachfront which is a massive cluster of old times rock formations. Varkala is rising the popularity ladder with immense speed and has become a thriving place. </p>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!-- <div class="col-md-6 p-0 order1 animate-box" data-animate-effect="fadeInRight">--> <!-- <div class="img">--> <!-- <a href="#"><img src="img/attractions/var.jpg" alt=""></a>--> <!-- </div>--> <!-- </div>--> <!--</div>--> <!--<div class="row">--> <!-- <div class="col-md-6 p-0 animate-box" data-animate-effect="fadeInLeft">--> <!-- <div class="img left">--> <!-- <a href="#"><img src="img/attractions/kappil.jpg" alt=""></a>--> <!-- </div>--> <!-- </div>--> <!-- <div class="col-md-6 p-0 bg-cream valign animate-box" data-animate-effect="fadeInRight">--> <!-- <div class="content">--> <!-- <div class="cont text-left">--> <!-- <h4>Kappil Beach & Backwaters</h4>--> <!-- <p>A serene escape where the tranquil backwaters meet the Arabian Sea, perfect for a peaceful boat ride.</p>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!--</div>--> <div class="card-container"> <div class="card"> <img src="img/attractions/janar.webp" alt="Card 1"> <div class="card-content"> <h3>Janardanaswamy Temple</h3> <p>A 2000-year-old Hindu temple dedicated to Lord Vishnu, offering a glimpse into Kerala’s spiritual heritage.</p> </div> </div> <div class="card"> <img src="img/attractions/var.jpg" alt="Card 2"> <div class="card-content"> <h3>Varkala Cliff</h3> <p>Varkala cliff is a famous beachfront which is a massive cluster of old times rock formations..</p> </div> </div> <div class="card"> <img src="img/attractions/kappil.webp" alt="Card 3"> <div class="card-content"> <h3>Kappil Beach & Backwaters</h3> <p>A serene escape where the tranquil backwaters meet the Arabian Sea, perfect for a peaceful boat ride.</p> </div> </div> <div class="card"> <img src="img/attractions/pon.webp" alt="Card 1"> <div class="card-content"> <h3>Ponmudi Hills</h3> <p>A scenic hill station just a short drive from Varkala, ideal for nature walks and breathtaking mountain views.</p> </div> </div> <div class="card"> <img src="img/attractions/munroe.webp" alt="Card 2"> <div class="card-content"> <h3>Munroe Island (Kollam Backwaters)</h3> <p>Experience Kerala’s famous backwater life with a guided canoe tour through lush canals and traditional villages.</p> </div> </div> <div class="card"> <img src="img/attractions/po.jpg" alt="Card 3"> <div class="card-content"> <h3>Golden Island (Ponnumthuruthu)</h3> <p>A secluded island on the backwaters, home to an ancient Shiva-Parvati temple and mesmerizing sunset views.</p> </div> </div> </div> </section> <?php include 'include/footer.php'?> <!-- jQuery --> <script src="js/jquery-3.6.0.min.js"></script> <script src="js/jquery-migrate-3.0.0.min.js"></script> <script src="js/modernizr-2.6.2.min.js"></script> <script src="js/imagesloaded.pkgd.min.js"></script> <script src="js/jquery.isotope.v3.0.2.js"></script> <script src="js/pace.js"></script> <script src="js/popper.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/scrollIt.min.js"></script> <script src="js/jquery.waypoints.min.js"></script> <script src="js/owl.carousel.min.js"></script> <script src="js/jquery.stellar.min.js"></script> <script src="js/jquery.magnific-popup.js"></script> <script src="js/YouTubePopUp.js"></script> <script src="js/select2.js"></script> <script src="js/datepicker.js"></script> <script src="js/smooth-scroll.min.js"></script> <script src="js/custom.js"></script> <!--popup video--> <script type="text/javascript"> function toggle(){ var trailer= document.querySelector( ".trailer") var video=document.querySelector("video") trailer.classList.toggle("active") video.pause(); video.currentTime=0; } </script> <!--popup video--> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.05 |
proxy
|
phpinfo
|
Settings