File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/havelockexoticbeachresort.com/cafe.php
Back
<!DOCTYPE html> <html lang="en"> <head> <title>Restaurant || Havelock Exotic Beach Resort</title> <!-- META TAGS --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- FAV ICON(BROWSER TAB ICON) --> <link rel="shortcut icon" href="images/fav.png" type="image/x-icon"> <!-- GOOGLE FONT --> <link href="https://fonts.googleapis.com/css?family=Poppins%7CQuicksand:500,700" rel="stylesheet"> <!-- FONTAWESOME ICONS --> <link rel="stylesheet" href="css/font-awesome.min.css"> <!-- ALL CSS FILES --> <link href="css/materialize.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" /> <!-- RESPONSIVE.CSS ONLY FOR MOBILE AND TABLET VIEWS --> <link href="css/responsive.css" rel="stylesheet"> <style> .cafe-1 { padding-top: 70px ; margin-top:30px; background: #fff; } .cafe-left h2 { font-size: 2.2rem; color: #1b4965; margin-bottom: 20px; } .cafe-left p { font-size: 17px; line-height: 1.7; color: #555; margin-bottom: 20px; } .curry-leaf { background: #f9f9f9; padding: 12px 18px; border-left: 4px solid #81b622; border-radius: 6px; font-size: 1.05rem; line-height: 1.6; } .curry-leaf strong { color: #2e7d32; } .cafe-right { display: flex; justify-content: center; } .img-overlay { position: relative; display: inline-block; } .img-overlay img { border-radius: 12px; width:100%; transition: all 0.4s ease; } .img-overlay img:hover { transform: scale(1.05); } /* Responsive */ @media (max-width: 991px) { .row { flex-direction: column; text-align: center; } .accent-circle { width: 300px; height: 300px; } } @media (max-width: 575px) { .accent-circle { width: 240px; height: 240px; } } /* ====== Gallery Section ====== */ .gallery-title { font-size: 1.8rem; color: #1b4965; margin-bottom: 25px; } .gallery-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; } .gallery-grid img { width: 100%; height: 180px; object-fit: cover; border-radius: 10px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; } .gallery-grid img:hover { transform: scale(1.05); } </style> </head> <body data-ng-app=""> <!--MOBILE MENU--> <!--HEADER SECTION--> <section> <!--TOP SECTION--> <?php include'include/header1.php'?> <!--TOP SECTION--> <!--TOP SECTION--> <div class="inn-banner"> <div class="container"> <div class="row"> <h4>Restaurant</h4> <p>Havelock Exotic Beach Resort – Experience the Charm of Island Living.</p> <ul> <li><a href="#">Home</a> </li> <li><a href="#">About Us</a> </li> </ul> </div> </div> </div> <div class="empty"></div> <div class="cafe-1"> <div class="container"> <div class="row align-items-center about-wrap"> <!-- Left Content --> <div class="col-md-6"> <div class="cafe-left"> <h2>Our Restaurant</h2> <p> Welcome to <strong>Havelock Exotic Beach Resort</strong>, your ultimate escape in the heart of the Andaman & Nicobar Islands. Nestled along the pristine shores of Havelock Island, our resort offers a seamless blend of natural beauty and refined comfort, where turquoise waters, powdery white sands, and lush tropical greenery create an idyllic paradise. Every corner of the resort is designed to inspire tranquility and delight — from elegantly furnished rooms and villas that combine contemporary style with island warmth, to curated experiences that immerse you in local culture and adventure. </p> <p class="curry-leaf"> 🌿 <strong>Curry Leaf</strong> — our signature restaurant — serves fresh coastal delicacies, aromatic curries, and island-inspired dishes made with love. Taste the essence of Havelock through vibrant flavors crafted with locally sourced ingredients, blending authentic spices and tropical freshness for a truly memorable dining experience. </p> </div> </div> <!-- Right Image --> <div class="col-md-6"> <div class="cafe-right"> <div class="img-overlay"> <img src="images/cafe.png" alt="Havelock Exotic Beach Resort" /> <div class="accent-circle"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <!-- ====== GALLERY SECTION ====== --> <div class="gallery"style="padding-bottom:50px;"> <h3 class="gallery-title">Photo Gallery</h3> <div class="gallery-grid"> <img src="images/cafe/1.jpg" alt=""> <img src="images/cafe/2.jpg" alt=""> <img src="images/cafe/3.jpg" alt=""> <img src="images/cafe/4.jpg" alt=""> </div> </div> <!-- ====== END GALLERY ====== --> </div> <!--END HEADER SECTION--> <?php include'include/footer1.php'?> <!--ALL SCRIPT FILES--> <script src="js/jquery.min.js"></script> <script src="js/jquery-ui.js"></script> <script src="js/angular.min.js"></script> <script src="js/bootstrap.js" type="text/javascript"></script> <script src="js/materialize.min.js" type="text/javascript"></script> <script src="js/jquery.mixitup.min.js" type="text/javascript"></script> <script src="js/custom.js"></script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.03 |
proxy
|
phpinfo
|
Settings