File manager - Edit - /home/monara/public_html/BenHoldings_web/index.php
Back
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <title>Ben Holdings</title> <meta name="description" content=""> <meta name="keywords" content=""> <!-- Favicons --> <link href="assets/img/benlogo.png" rel="icon"> <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon"> <!-- Fonts --> <link href="https://fonts.googleapis.com" rel="preconnect"> <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> <!-- Vendor CSS Files --> <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet"> <link href="assets/vendor/aos/aos.css" rel="stylesheet"> <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet"> <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet"> <!-- Main CSS File --> <link href="assets/css/main.css" rel="stylesheet"> <style> .logo-slider { overflow: hidden; white-space: nowrap; position: relative; width: 100%; background: #ffffff; /* White Background */ padding: 10px 0; } .logo-slider .logo-track { display: flex; align-items: center; animation: scroll 15s linear infinite; width: calc(50px * 10 * 2); /* Adjust based on logo size */ } .logo-slider .logo-track img { width: 120px; /* Adjust size */ margin: 0 15px; transition: transform 0.3s ease-in-out; } .logo-slider .logo-track img:hover { transform: scale(1.1); } @keyframes scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } } </style> </head> <body class="index-page"> <header id="header" class="header d-flex align-items-center fixed-top"> <div class="container-fluid container-xl position-relative d-flex align-items-center"> <a href="index.html" class="logo d-flex align-items-center me-auto"> <!-- Uncomment the line below if you also wish to to use an image logo --> <img src="assets/img/benlogo.png" alt=""> </a> <nav id="navmenu" class="navmenu"> <ul> <li><a href="#hero" >Home</a></li> <li><a href="#about">About</a></li> <li><a href="#featured-services">Sectors</a></li> <li><a href="assets\php\career.php">Carrers</a></li> </ul> <i class="mobile-nav-toggle d-xl-none bi bi-list"></i> </nav> <a class="btn-getstarted" href="#contact">Contact Us</a> </div> </header> <main class="main"> <!-- Hero Section --> <section id="hero" class="hero section light-background"> <div class="container"> <div class="row gy-4"> <div class="col-lg-6 order-2 order-lg-1 d-flex flex-column justify-content-center" data-aos="fade-in"> <h1>Redefining Entertainment, Retail & Hospitality in Sri Lanka</h1> <p>Ben Holdings (Pvt) Ltd is a leader in entertainment, broadcasting, retail, and hospitality, with 60+ locations island-wide. Driven by innovation and investment, we create unforgettable experiences and shape industry standards.</p> <div class="d-flex"> <a href="#about" class="btn-get-started">See More</a> </div> </div> <div class="col-lg-6 order-1 order-lg-2 hero-img" data-aos="zoom-out" data-aos-delay="100"> <img src="assets/img/hero-img.svg" class="img-fluid animated" alt=""> </div> </div> </div> </section><!-- /Hero Section --> <!-- About Section --> <section id="about" class="about section"> <div class="container"> <div class="row gy-4"> <div class="col-lg-6 position-relative" data-aos="fade-up" data-aos-delay="200"> <img src="assets/img/about.svg" class="img-fluid animated" alt=""> <!-- <a href="https://www.youtube.com/watch?v=Y7f98aduVJ8" class="glightbox pulsating-play-btn"></a> --> </div> <div class="col-lg-6 content order-lg-last" data-aos="fade-up" data-aos-delay="100"> <h3>About Us</h3> <p> Ben Holdings (Pvt) Ltd is a leading business group in Sri Lanka, specializing in entertainment, broadcasting, retail, and hospitality. With a strong legacy and iconic brands like Swarnamahal Jewelers, EAP Films, and Hotel Sapphire, we operate across 60+ locations, reaching millions through our theatres, media, and retail spaces. Committed to growth and innovation, we continue to expand with strong investments and a vision for industry transformation. </p> <ul> <li> <i class="bi bi-diagram-3"></i> <div> <h5>Diverse Business Portfolio</h5> <p>Owns leading brands in entertainment, retail, and hospitality.</p> </div> </li> <li> <i class="bi bi-fullscreen-exit"></i> <div> <h5>Widespread Presence</h5> <p>Operates 60+ locations and reaches millions via media & retail.</p> </div> </li> <li> <i class="bi bi-broadcast"></i> <div> <h5>Investment & Growth</h5> <p>Rapid expansion backed by foreign direct investments.</p> </div> </li> </ul> </div> </div> </div> </section><!-- /About Section --> <!-- Features Section --> <section id="features" class="features section"> <div class="container"> <div class="container section-title" data-aos="fade-up"> <h2>Our Mission</h2> </div> <div class="row gy-4 align-items-center features-item"> <div class="col-md-5 order-1 order-md-2 d-flex align-items-center" data-aos="zoom-out" data-aos-delay="200"> <img src="assets/img/features-2.svg" class="img-fluid" alt=""> </div> <div class="col-md-7 order-2 order-md-1" data-aos="fade-up" data-aos-delay="200"> <h3>Be a globally renowned business icon bringing happiness to the hearts of all Sri Lankans by</h3> <ul> <li><i class="bi bi-check"></i><span> Provide exhilarating lifestyle experiences through creativity and innovation with state-of-the-art technology ensuring reliability, quality, and trust.</span></li> <li><i class="bi bi-check"></i> <span> While being the most ethical and responsible employer providing our family with a happy working environment they can be proud.</span></li> </ul> </div> </div><!-- Features Item --> </div> </section><!-- /Features Section --> <!-- Featured Services Section --> <section id="featured-services" class="featured-services section"> <!-- Section Title --> <div class="container section-title" data-aos="fade-up"> <h2>Ben Holdings Business Sectors</h2> <p>Ben Holdings (Private) Limited holds Sri Lanka’s famous business entities in the field of Entertainment, Broadcasting and Retail.</p> </div><!-- End Section Title --> <div class="container" data-aos="fade-up" data-aos-delay="100"> <div class="row gy-5"> <div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="200"> <div class="service-item"> <div class="img"> <img src="assets/img/services-1.svg" class="img-fluid" alt=""> </div> <div class="details position-relative"> <div class="icon"> <i class="bi bi-camera-reels"></i> </div> <h3>Entertainment</h3> </a> <p> A premium loyalty program by Ben Holdings, offering exclusive rewards, discounts, and privileges for movie lovers at Savoy Cinemas.</p> </div> </div> </div><!-- End Service Item --> <div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="300"> <div class="service-item"> <div class="img"> <img src="assets/img/services-2.svg" class="img-fluid" alt=""> </div> <div class="details position-relative"> <div class="icon"> <i class="bi bi-cart-check"></i> </div> <h3>Retail</h3> </a> <p>Swarnamahal is the market leader in retail jewelry segment with over 20% market share in the formalized sector. </p> </div> </div> </div><!-- End Service Item --> <div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="400"> <div class="service-item"> <div class="img"> <img src="assets/img/services-3.svg" class="img-fluid" alt=""> </div> <div class="details position-relative"> <div class="icon"> <i class="bi bi-easel"></i> </div> <h3>Media & Broadcasting</h3> </a> <p>EAP Broadcasting operates two TV Channels – Swarnavahini & ETV as well as three Radio stations – Shree FM, E FM & Ran FM.</p> </div> </div> </div><!-- End Service Item --> <div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="500"> <div class="service-item"> <div class="img"> <img src="assets/img/services-4.svg" class="img-fluid" alt=""> </div> <div class="details position-relative"> <div class="icon"> <i class="bi bi-building"></i> </div> <a href="service-details.html" class="stretched-link"> <h3>Hotels & Leisure</h3> </a> <p>A reliable mainstay in the heart of Colombo for decades, the Hotel Sapphire is a mid-tier city hotel ideal for events and is a popular wedding venue.</p> <a href="service-details.html" class="stretched-link"></a> </div> </div> </div><!-- End Service Item --> <div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="600"> <div class="service-item"> <div class="img"> <img src="assets/img/services-5.svg" class="img-fluid" alt=""> </div> <div class="details position-relative"> <div class="icon"> <i class="bi bi-shield-check"></i> </div> <h3>EAP Security Services</h3> </a> <p>EAP Security Services provides security solutions, including guard services, cash transit protection, and event security for select clients.</p> <a href="service-details.html" class="stretched-link"></a> </div> </div> </div><!-- End Service Item --> <div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="700"> <div class="service-item"> <div class="img"> <img src="assets/img/services-6.svg" class="img-fluid" alt=""> </div> <div class="details position-relative"> <div class="icon"> <i class="bi bi-buildings"></i> </div> <h3>EAP Property Developers</h3> </a> <p>The company manages all property projects within the Group including business expansions and refurbishments across all business units.</p> <a href="service-details.html" class="stretched-link"></a> </div> </div> </div><!-- End Service Item --> </div> </div> </section><!-- /Featured Services Section --> <!-- Services Section --> <section id="services" class="services section"> <!-- Clients Section --> <section id="clients" class="clients section"> <div class="container"> <div class="logo-slider"> <div class="logo-track"> <!-- Repeat logos twice for seamless loop --> <img src="assets/img/clients/client-1.png" alt="Client 1"> <img src="assets/img/clients/client-2.png" alt="Client 2"> <img src="assets/img/clients/client-3.png" alt="Client 3"> <img src="assets/img/clients/client-4.png" alt="Client 4"> <img src="assets/img/clients/client-5.png" alt="Client 5"> <img src="assets/img/clients/client-6.png" alt="Client 6"> <img src="assets/img/clients/client-7.png" alt="Client 7"> <img src="assets/img/clients/client-8.png" alt="Client 8"> <img src="assets/img/clients/client-9.png" alt="Client 9"> <img src="assets/img/clients/client-10.png" alt="Client 10"> <img src="assets/img/clients/client-1.png" alt="Client 11"> <img src="assets/img/clients/client-2.png" alt="Client 12"> <img src="assets/img/clients/client-3.png" alt="Client 13"> <img src="assets/img/clients/client-4.png" alt="Client 14"> <img src="assets/img/clients/client-5.png" alt="Client 15"> <img src="assets/img/clients/client-6.png" alt="Client 16"> <img src="assets/img/clients/client-7.png" alt="Client 17"> <img src="assets/img/clients/client-8.png" alt="Client 18"> <img src="assets/img/clients/client-9.png" alt="Client 19"> <img src="assets/img/clients/client-10.png" alt="Client 20"> </div> </div> </div> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> <!-- /Clients Section --> <!-- Contact Section --> <section id="contact" class="contact section light-background"> <!-- Section Title --> <div class="container section-title" data-aos="fade-up"> <h2>Contact</h2> <p>Available from 08.30 – 17:00 Mon - Fri | Sri Lankan time (GMT+5.5)</p> </div><!-- End Section Title --> <div class="container" data-aos="fade-up" data-aos-delay="100"> <div class="row gy-4"> <div class="col-lg-6 "> <div class="row gy-4"> <div class="col-lg-12"> <div class="info-item d-flex flex-column justify-content-center align-items-center" data-aos="fade-up" data-aos-delay="200"> <i class="bi bi-geo-alt"></i> <h3>Address</h3> <p>42 Dr NM Perera Mawatha Rd, Colombo 00800</p> </div> </div><!-- End Info Item --> <div class="col-md-6"> <div class="info-item d-flex flex-column justify-content-center align-items-center" data-aos="fade-up" data-aos-delay="300"> <i class="bi bi-telephone"></i> <h3>Call Us</h3> <p>+94117 534 534</p> </div> </div><!-- End Info Item --> <div class="col-md-6"> <div class="info-item d-flex flex-column justify-content-center align-items-center" data-aos="fade-up" data-aos-delay="400"> <i class="bi bi-envelope"></i> <h3>Email Us</h3> <p>info@benholdingslk.com</p> </div> </div><!-- End Info Item --> </div> </div> <div class="col-lg-6"> <form id="contactForm" class="php-email-form" data-aos="fade-up" data-aos-delay="500"> <div class="row gy-4"> <div class="col-md-6"> <input type="text" name="name" class="form-control" placeholder="Your Name" required> </div> <div class="col-md-6"> <input type="email" name="email" class="form-control" placeholder="Your Email" required> </div> <div class="col-md-12"> <input type="text" name="subject" class="form-control" placeholder="Subject" required> </div> <div class="col-md-12"> <textarea class="form-control" name="message" rows="4" placeholder="Message" required></textarea> </div> <div class="col-md-12 text-center"> <div class="loading" style="display: none;">Loading</div> <div class="error-message" style="display: none;"></div> <div class="sent-message" style="display: none;">Your message has been sent. Thank you!</div> <button type="submit" class="btn btn-primary">Send Message</button> </div> </div> </form> </div> <script> // Named function for the submit handler let isSubmitting = false; // Flag to track if the form is already being submitted function handleFormSubmit(e) { e.preventDefault(); // Prevent default form submission if (isSubmitting) return; // If already submitting, exit the function isSubmitting = true; // Set flag to true console.log('Form submission triggered'); // Debug log const form = this; const loading = form.querySelector('.loading'); const errorMsg = form.querySelector('.error-message'); const sentMsg = form.querySelector('.sent-message'); const submitButton = form.querySelector('button[type="submit"]'); // Reset UI and disable button loading.style.display = 'block'; errorMsg.style.display = 'none'; sentMsg.style.display = 'none'; submitButton.disabled = true; fetch('assets/php/contact.php', { method: 'POST', body: new FormData(form) }) .then(response => { if (!response.ok) throw new Error('Network response was not ok'); return response.json(); // Parse JSON response }) .then(data => { loading.style.display = 'none'; isSubmitting = false; // Reset flag on response if (data.success) { sentMsg.style.display = 'block'; form.reset(); // Reset form only on success } else { errorMsg.textContent = data.message || 'Something went wrong. Please try again.'; errorMsg.style.display = 'block'; } submitButton.disabled = false; // Enable the button again }) .catch(error => { loading.style.display = 'none'; errorMsg.textContent = 'An error occurred: ' + error.message; errorMsg.style.display = 'block'; submitButton.disabled = false; // Enable the button again isSubmitting = false; // Reset flag on error }); } // Attach the submit listener only once const form = document.getElementById('contactForm'); form.addEventListener('submit', handleFormSubmit); </script> </div> </div> </section> </main> <?php include 'assets\php\footer.php'; ?> <!-- Scroll Top --> <a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a> <!-- Preloader --> <div id="preloader"></div> <!-- Vendor JS Files --> <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="assets/vendor/php-email-form/validate.js"></script> <script src="assets/vendor/aos/aos.js"></script> <script src="assets/vendor/glightbox/js/glightbox.min.js"></script> <script src="assets/vendor/swiper/swiper-bundle.min.js"></script> <script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script> <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script> <!-- Main JS File --> <script src="assets/js/main.js"></script> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0 |
proxy
|
phpinfo
|
Settings