CINXE.COM
OPL-2024 | 5th International Conference on Optics, Photonics, and Lasers - Hybrid (OPL-2024)
<!DOCTYPE html> <html> <head> <!-- Basic --> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <!-- Mobile Metas --> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> <!-- Site Metas --> <title> OPL-2024 | 5th International Conference on Optics, Photonics, and Lasers - Hybrid (OPL-2024) </title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="shortcut icon" href="images/favicon.png" type="image/x-icon"> <!-- bootstrap core css --> <link rel="stylesheet" type="text/css" href="css/bootstrap.css" /> <!-- fonts style --> <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700|Poppins:400,600,700&display=swap" rel="stylesheet" /> <!-- Custom styles for this template --> <link href="css/style.css" rel="stylesheet" /> <link href="css/magnific-popup.css" rel="stylesheet" /> <!-- responsive style --> <link href="css/responsive.css" rel="stylesheet" /> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "name": "OPL-2024", "alternateName": "Optics Conference 2024", "url": "https://opticsconference.org" } </script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-2B1HRMFQJV"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-2B1HRMFQJV'); </script> </head> <body> <div class="hero_area"> <!-- header section strats --> <div class="hero_bg_box"> <div class="img-box"> <img src="images/OPL-2024-banner.jpg" alt=""> </div> </div> <header class="header_section"> <div class="header_top"> <div class="container-fluid"> <div class="contact_link-container"> <a href="" class="contact_link1"> <i class="fa fa-map-marker" aria-hidden="true"></i> <span> Valencia, Spain | Online </span> </a> <a href="abstract_submission" class="contact_link2"> <i class="fa fa-hourglass-half" aria-hidden="true"></i> Final Round of Abstract Submission ends on: <span style="color: #f1db25; font-weight: bolder; padding-left: 5px;"> Closed<span> </a> <a href="" class="contact_link3"> <i class="fa fa-envelope" aria-hidden="true"></i> <span> opl@uniscigroup.org </span> </a> </div> </div> </div> <div class="header_bottom"> <div class="container-fluid"> <nav class="navbar navbar-expand-lg custom_nav-container"> <a class="navbar-brand py-0" href="/"> <!-- <span> OPL-2024 </span> --> <img src="images/OPL-logo.png" alt="OPL-2024" width="90%"> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class=""></span> </button> <div class="collapse navbar-collapse ml-auto" id="navbarSupportedContent"> <ul class="navbar-nav "> <li class="nav-item active"> <a class="nav-link" href="./">Home <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="about"> About</a> </li> <div class="nav-item dropdown"> <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Past events</a> <div class="dropdown-menu"> <a href="https://optics.unitedscientificgroup.org/2023/" class="dropdown-item">OPL-2023</a> <a href="https://optics.unitedscientificgroup.org/2022" class="dropdown-item">OPL-2022</a> <a href="https://optics.unitedscientificgroup.org/2021/" class="dropdown-item">OPL-2021</a> <a href="https://unitedscientificgroup.org/optics-and-lasers-2019/home.php" class="dropdown-item">OPL-2019</a> </div> </div> <div class="nav-item dropdown"> <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Experts</a> <div class="dropdown-menu"> <a href="committee" class="dropdown-item">Scientific Committee</a> <a href="speakers" class="dropdown-item">Speakers</a> </div> </div> <li class="nav-item"> <a class="nav-link" href="dates-to-note">Dates</a> </li> <li class="nav-item"> <a class="nav-link" href="become_a_sponsor"> Sponsor </a> </li> <div class="nav-item dropdown"> <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Abstract</a> <div class="dropdown-menu"> <a href="abstract_submission" class="dropdown-item">Abstract Submission</a> <a href="speaker-guidelines" class="dropdown-item">Speaker Guidelines</a> <a href="poster-guidelines" class="dropdown-item">Poster Guidelines</a> <a href="review-process" class="dropdown-item">Review Process</a> </div> </div> <li class="nav-item"> <a class="nav-link" href="venue-and-hospitality"> Venue </a> </li> <li class="nav-item"> <a class="nav-link" href="registration_form">Register</a> </li> </ul> </div> </nav> </div> </div> </header> <!-- end header section --><div class="hero_bg_box"> <div class="img-box"> <img src="images/OPL-2024-banner.jpg" alt="OPL-2024" class="img-fluid"> </div> </div> <!-- slider section --> <section class=" slider_section "> <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <div class="carousel-item active"> <div class="container"> <div class="row"> <div class="col-sm-12 text-left"> <img src="images/usg-logo.png" alt="USG Logo" class="img-fluid mb-3"> </div> <div class="col-md-8"> <div class="detail-box"> <h1> 5<sup>th</sup> International Conference on<br /> Optics, Photonics, and Lasers - Hybrid (OPL-2024) </h1><br /> <h5 class="text-uppercase"><span class="text-info"> <i class="fa fa-building-o" aria-hidden="true"></i> In-Person -</span> November 25-26, 2024 | Valencia, Spain</h5> <h5 class="text-uppercase"><span class="text-info"> <i class="fa fa-laptop" aria-hidden="true"></i> Virtual -</span> November 27, 2024</h5><br /> <!-- <p class="mb-2"> <span class="heading-reg">Dates:</span> November 25-27, 2024 | Hybrid </p> --> <p> <span class="heading-reg">Venue:</span> Barcelo Valencia HOTEL </p> <p class="mb-0"><i class="fa fa-hourglass-half" aria-hidden="true"></i> Final Round of Abstract Submission ends on:<span class="heading-reg fw-bold"> Closed<span> </p> <p><i class="fa fa-hourglass-half" aria-hidden="true"></i> Late Registration:<span class="heading-reg"> Before November 24, 2024</span></p> <a href="registration_form" class="btn-1 mb-2"> Register </a> <a data-target="#program_modalform" data-toggle="modal" href="javascript:void(0);" title="Tentative Agenda" class="btn-2 mb-2"> Program</a> <a href="pdfs/Optics-Program_2024.pdf" id="program_download" style="display:none;">Tentative Agenda</a> <!-- <a href="pdfs/Optics-Program_2024" id="program_download" style="display:none;">Tentative Agenda</a> --> <a href="submit_presentation" class="btn-1 mb-2">Submit Presentation</a> <div class="btn-box"> </div> </div> </div> </div> </div> </div> <!-- <div class="carousel-item "> <div class="container"> <div class="row"> <div class="col-sm-12 text-center"> <img src="images/usg-logo.png" alt="USG Logo" class="img-fluid mb-3"> </div> <div class="col-md-8"> <div class="detail-box"> <h1> 5<sup>th</sup> International Conference on<br /> Optics, Photonics, and Lasers - Hybrid (OPL-2024) <br> <span> November 25-27, 2024 | Valencia, Spain | Online </span> </h1> <p> <span class="heading-reg">Venue:</span> Barcelo Valencia HOTEL </p> <p class="mb-0"><i class="fa fa-hourglass-half" aria-hidden="true"></i> Second Round of Abstract Submission ends on:<span class="heading-reg"> September 10, 2024<span> </p> <p><i class="fa fa-hourglass-half" aria-hidden="true"></i> Early Bird Registration:<span class="heading-reg"> Before September 30, 2024</span></p> <div class="btn-box"> <a href="registration_form" class="btn-1"> Register </a> <a href="abstract_submission" class="btn-2">Abstract</a> <a data-target="#program_modalform" data-toggle="modal" href="javascript:void(0);" title="Tentative Agenda" target="_blank" class="btn-1"> Program </a> <a href="pdfs/Optics-Program_2024" id="program_download" style="display:none;">Tentative Agenda</a> </div> </div> </div> </div> </div> </div> --> <!-- <div class="carousel-item "> <div class="container"> <div class="row"> <div class="col-sm-12 text-center"> <img src="images/usg-logo.png" alt="USG Logo" class="img-fluid mb-3"> </div> <div class="col-md-8"> <div class="detail-box"> <h1> 5<sup>th</sup> International Conference on<br /> Optics, Photonics, and Lasers - Hybrid (OPL-2024)<br> <span> November 25-27, 2024 | Valencia, Spain | Online </span> </h1> <p> <span class="heading-reg">Venue:</span> Barcelo Valencia HOTEL </p> <p class="mb-0"> <i class="fa fa-hourglass-half" aria-hidden="true"></i> Second Round of Abstract Submission ends on:<span class="heading-reg"> September 10, 2024<span> </p> <p><i class="fa fa-hourglass-half" aria-hidden="true"></i> Early Bird Registration:<span class="heading-reg"> Before September 30, 2024</span></p> <div class="btn-box"> <a href="registration_form" class="btn-1"> Register </a> <a href="abstract_submission" class="btn-2">Abstract</a> <a data-target="#program_modalform" data-toggle="modal" href="javascript:void(0);" title="Tentative Agenda" target="_blank" class="btn-1"> Program </a> <a href="pdfs/Optics-Program_2024" id="program_download" style="display:none;">Tentative Agenda</a> </div> </div> </div> </div> </div> </div> --> </div> <!-- <div class="container idicator_container"> <ol class="carousel-indicators"> <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li> <li data-target="#carouselExampleIndicators" data-slide-to="1"></li> <li data-target="#carouselExampleIndicators" data-slide-to="2"></li> </ol> </div> --> </div> </section> <!-- end slider section --> </div> <!-- about section --> <section class="about_section layout_padding py-5"> <div class="container"> <div class="row"> <div class="col-md-6 px-0"> <div class="img_container"> <div class="img d-flex align-items-center justify-content-center py-5 py-md-0"> <img src="images/about-img.jpg" alt="about-img" class="img-fluid" /> </div> </div> </div> <div class="col-md-6 px-0"> <div class="detail-box"> <div class="heading_container "> <h2> About OPL-2024 </h2> </div> <p class="text-justify"> The 5th International Conference on Optics, Photonics, and Lasers (OPL-2024) will be held from November 25-27, 2024, in Valencia, Spain, and online. This event is organized by United Scientific Group (USG), a non-profit organization with tax-exempt status under Section 501(c)(3) of the United States Internal Revenue Code. Following the grand success of OPL-2023 in December in Hiroshima, Japan, USG is excited to extend a hearty welcome to all participants to join us for OPL-2024, where we will continue to explore the latest advancements in optics, photonics, and lasers. Attendees can look forward to a dynamic program featuring leading researchers, industry experts, and ample networking opportunities. We eagerly anticipate your participation and contributions to make OPL-2024 a truly remarkable event! </p> <div class="btn-box"> <a href="about"> Read More </a> </div> </div> </div> </div> </div> </section> <!-- end about section --> <div class="feature wow fadeInUp "> <div class="container"> <div class="row justify-content-center pb-5 mb-3"> <div class="col-md-7 heading-section text-center ftco-animate"> <span class="subheading mb-1">OPL-2024</span> <h2>Scientific Sessions</h2> </div> </div> <div class="row align-items-center"> <div class="col-lg-4 col-md-12"> <div class="feature-item"> <div class="feature-text text-white"> <ul> <li>Optical Design and Instrumentation</li> <li>Novel Development- Optical Materials and Applications</li> <li>Photonic Networks and Devices</li> <li>Nonlinear Optics and Photonics</li> <li>Biomedical Optics and Applications</li> </ul> </div> </div> </div> <div class="col-lg-4 col-md-12"> <div class="feature-item"> <div class="feature-text text-dark"> <ul> <li>Laser Science and Technology</li> <li>Atomic Physics</li> <li>Laser and Fiber Technologies</li> <li>Green Photonics in Industry and Infrastructure</li> <li>Solar Energy and Photovoltaics</li> <li>Optical and Photonic Communications and Signaling</li> <li>Optical Fibers and Sensing Technologies</li> <li>Metamaterials and Metasurfaces</li> </ul> </div> </div> </div> <div class="col-lg-4 col-md-12"> <div class="feature-item"> <div class="feature-text text-white"> <ul> <li>Integrated Optics and Nanophotonics</li> <li>2D Materials</li> <li>Quantum Science, Communications and Applications</li> <li>Holography and Fiber Devices</li> <li>Other multidimensional Applications of Photonics, Optics and Lasers</li> </ul> </div> </div> </div> </div> <div class=" row d-flex justify-content-center align-content-center mt-4"> <a href="abstract_submission" class="btn-custom py-3">Submit Abstract</a> </div> </div> </div> <!-- service section --> <section class="service_section layout_padding"> <div class="container"> <div class="heading_container heading_center"> <h2> Late Registration </h2> </div> <div class="row"> <div class="col-md-4"> <div class="box "> <div class="detail-box"> <h6> ACADEMIC </h6> <h2><sup>$</sup> <span>899</span></h2> <ul class="pricing-text mb-5"> <li><span class="fa fa-check mr-2"></span>Welcome coffee</li> <li><span class="fa fa-check mr-2"></span>Access to All Talks + Posters</li> <li><span class="fa fa-check mr-2"></span>Conference material</li> <!-- <li><span class="fa fa-check mr-2"></span>Free access to conference app</li> --> <li><span class="fa fa-check mr-2"></span>Lunch, tea / coffee breaks</li> <li><span class="fa fa-check mr-2"></span>WiFi in meeting rooms</li> </ul> <a href="registration_form"> Register </a> </div> </div> </div> <div class="col-md-4"> <div class="box "> <div class="detail-box"> <h6> BUSINESS </h6> <h2><sup>$</sup> <span>999</span></h2> <ul class="pricing-text mb-5"> <li><span class="fa fa-check mr-2"></span>Welcome coffee</li> <li><span class="fa fa-check mr-2"></span>Access to All Talks + Posters</li> <li><span class="fa fa-check mr-2"></span>Conference material</li> <!-- <li><span class="fa fa-check mr-2"></span>Free access to conference app</li> --> <li><span class="fa fa-check mr-2"></span>Lunch, tea / coffee breaks</li> <li><span class="fa fa-check mr-2"></span>WiFi in meeting rooms</li> </ul> <a href="registration_form"> Register </a> </div> </div> </div> <div class="col-md-4"> <div class="box "> <div class="detail-box"> <h6> STUDENT </h6> <h2><sup>$</sup> <span>599</span></h2> <ul class="pricing-text mb-5"> <li><span class="fa fa-check mr-2"></span>Welcome coffee</li> <li><span class="fa fa-check mr-2"></span>Access to All Talks + Posters</li> <li><span class="fa fa-check mr-2"></span>Conference material</li> <!-- <li><span class="fa fa-check mr-2"></span>Free access to conference app</li> --> <li><span class="fa fa-check mr-2"></span>Lunch, tea / coffee breaks</li> <li><span class="fa fa-check mr-2"></span>WiFi in meeting rooms</li> </ul> <a href="registration_form"> Register </a> </div> </div> </div> </div> </div> </section> <!-- end service section --> <div class="container-xxl py-5"> <div class="container"> <div class="row justify-content-center pb-5 mb-3"> <div class="col-md-7 heading-section text-center ftco-animate"> <span class="subheading mb-1">Gallery</span> <h2>2023 Conference Highlights</h2> </div> </div> <div> <div class="row gallery-item"> <div class="col-md-4"> <a href="images/31.jpg" class="img-pop-up"> <!-- <a href="img/gallery/8.jpg" class="img-pop-up"> --> <div class="single-gallery-image" style="background: url(images/31.jpg);"></div> </a> </div> <div class="col-md-4"> <a href="images/32.jpg" class="img-pop-up"> <div class="single-gallery-image" style="background: url(images/32.jpg);"></div> </a> </div> <div class="col-md-4"> <a href="images/33.jpg" class="img-pop-up"> <div class="single-gallery-image" style="background: url(images/33.jpg);"></div> </a> </div> <div class="col-md-4"> <a href="images/35.jpg" class="img-pop-up"> <div class="single-gallery-image" style="background: url(images/35.jpg);"></div> </a> </div> <div class="col-md-4"> <a href="images/41.jpg" class="img-pop-up"> <div class="single-gallery-image" style="background: url(images/41.jpg);"></div> </a> </div> <div class="col-md-4"> <a href="images/new.jpg" class="img-pop-up"> <div class="single-gallery-image" style="background: url(images/new.jpg);"></div> </a> </div> <div class="col-md-4"> <a href="images/37.jpg" class="img-pop-up"> <div class="single-gallery-image" style="background: url(images/37.jpg);"></div> </a> </div> <div class="col-md-4"> <a href="images/36.jpg" class="img-pop-up"> <div class="single-gallery-image" style="background: url(images/36.jpg);"></div> </a> </div> <div class="col-md-4"> <a href="images/34.jpg" class="img-pop-up"> <div class="single-gallery-image" style="background: url(images/34.jpg);"></div> </a> </div> </div> </div> <div class="col-md-12 text-right mt-3"> <a href="https://optics.unitedscientificgroup.org/2023/gallery1-2023.php" class="btn-custom">More...</a> </div> </div> </div> <!-- client section --> <section class="client_section layout_padding"> <div class="container "> <div class="heading_container heading_center"> <h2> Testimonials </h2> </div> <div id="carouselExampleControls" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <div class="carousel-item active"> <div class="box"> <!-- <div class="img-box"> <img src="images/client.png" alt=""> </div> --> <div class="detail-box"> <h4> Yongjie Huang <p>Hong Kong Baptist University, Hong Kong</p> </h4> <p> I want to express my gratitude for the conference organized by USG (United Scientific Group). It was a valuable learning experience for me. </p> </div> </div> </div> <div class="carousel-item "> <div class="box"> <!-- <div class="img-box"> <img src="images/client.png" alt=""> </div> --> <div class="detail-box"> <h4> Zhao Suning <p>Huazhong University of Science and Technology, China</p> </h4> <p> I'm delighted to join the conference and present my research work. It's been a wonderful experience. </p> </div> </div> </div> <div class="carousel-item "> <div class="box"> <!-- <div class="img-box"> <img src="images/client.png" alt=""> </div> --> <div class="detail-box"> <h4> Guoqiang Li <p>Fudan University, China</p> </h4> <p> Thank you for organizing the high-quality presentations. I really enjoyed the conference. </p> </div> </div> </div> </div> <div class="carousel_btn-box"> <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev"> <i class="fa fa-angle-left" aria-hidden="true"></i> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next"> <i class="fa fa-angle-right" aria-hidden="true"></i> <span class="sr-only">Next</span> </a> </div> </div> </div> </section> <!-- end client section --> <!-- contact section --> <!-- <section class="contact_section layout_padding"> <div class="contact_bg_box"> <div class="img-box"> <img src="images/contact-bg.jpg" alt=""> </div> </div> <div class="container"> <div class="heading_container heading_center"> <h2> Contact Us </h2> </div> <div class=""> <div class="row"> <div class="col-md-7 mx-auto"> <form action="#"> <div class="contact_form-container"> <div> <div> <input type="text" placeholder="Full Name" /> </div> <div> <input type="email" placeholder="Email " /> </div> <div> <input type="text" placeholder="Phone Number" /> </div> <div class=""> <input type="text" placeholder="Message" class="message_input" /> </div> <div class="btn-box "> <button type="submit"> Send </button> </div> </div> </div> </form> </div> </div> </div> </div> </section> --> <!-- end contact section --> <!-- team section --> <!-- <section class="team_section layout_padding"> <div class="container"> <div class="heading_container heading_center"> <h2> Our Guards </h2> <p> Lorem ipsum dolor sit amet, non odio tincidunt ut ante, lorem a euismod suspendisse vel, sed quam nulla mauris iaculis. Erat eget vitae malesuada, tortor tincidunt porta lorem lectus. </p> </div> <div class="row"> <div class="col-md-4 col-sm-6 mx-auto "> <div class="box"> <div class="img-box"> <img src="images/t1.jpg" alt=""> </div> <div class="detail-box"> <h5> Martin Anderson </h5> <h6 class=""> supervisor </h6> </div> </div> </div> <div class="col-md-4 col-sm-6 mx-auto "> <div class="box"> <div class="img-box"> <img src="images/t2.jpg" alt=""> </div> <div class="detail-box"> <h5> Denny Butler </h5> <h6 class=""> supervisor </h6> </div> </div> </div> <div class="col-md-4 col-sm-6 mx-auto "> <div class="box"> <div class="img-box"> <img src="images/t3.jpg" alt=""> </div> <div class="detail-box"> <h5> Nathan Mcpherson </h5> <h6 class=""> supervisor </h6> </div> </div> </div> </div> <div class="btn-box"> <a href=""> View All </a> </div> </div> </section> --> <!-- end team section --> <!-- end info_section --> <!-- info section --> <section class="info_section "> <div class="container"> <div class="row"> <div class="col-md-4"> <div class="info_logo"> <a class="navbar-brand" href="index.html"> <span> Contact </span> </a> <p class="text-justify"> <i class="fa fa-globe" aria-hidden="true"></i> USG United Scientific Group<br /> A non-profit organization, 8105, Suite 112,<br /> Rasor Blvd, Plano, TX 75024, USA </p> <p class="text-justify"> <i class="fa fa-phone" aria-hidden="true"></i> +1-469-854-2280/81,+1-844-395-4102 </p> <p class="text-justify"> <i class="fa fa-envelope" aria-hidden="true"></i> <a href="mailto:opl@uniscigroup.org" class="text-white">opl@uniscigroup.org</a> </p> </div> </div> <div class="col-md-1"></div> <div class="col-md-3"> <div class="info_links"> <h5> Quick Links </h5> <ul> <li> <a href="./"> Home </a> </li> <li> <a href="about"> About </a> </li> <li> <a href="dates-to-note"> Dates to Note </a> </li> <li> <a href="committee"> Scientific Committee </a> </li> <li> <a href="featured-speakers"> Speakers </a> </li> <li> <a href="registration_form"> Registration </a> </li> </ul> </div> </div> <div class="col-md-4"> <div class="info_form "> <h5> Subscribe </h5> <div class="form"> <div id="enqmsg" class="text-white"></div> <form class="subscribe-form" name="enqform"> <input type="text" name="sub_name" id="sub_name" placeholder="Enter your name" class="mb-3"> <input type="email" name="sub_email" id="sub_email" placeholder="Enter your email"> <button type="submit" class="btn btn-primary btn-lg w-50" onclick="return enquiry();"> Subscribe </button> </form> <!-- <div id="enqmsg" style="color:#fff;font-size:20px;margin-right:10%;margin-top:8px;"></div> --> <!-- <div class="social_box"> <a href=""> <i class="fa fa-facebook" aria-hidden="true"></i> </a> <a href=""> <i class="fa fa-twitter" aria-hidden="true"></i> </a> <a href=""> <i class="fa fa-youtube" aria-hidden="true"></i> </a> <a href=""> <i class="fa fa-instagram" aria-hidden="true"></i> </a> </div> --> </div> </div> </div> </div> </section> <!-- footer section --> <footer class="container-fluid footer_section"> <p>OPL-2024 © <span id="currentYear"></span> Powered by USG <a href="https://unitedscientificgroup.org/">United Scientific Group </a> </p> </footer> <!-- footer section --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <script src="js/jquery-3.4.1.min.js"></script> <script src="js/bootstrap.js"></script> <script src="js/custom.js"></script> <script src="js/jquery.min.js"></script> <script src="js/jquery-migrate-3.0.1.min.js"></script> <script src="js/popper.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/jquery.easing.1.3.js"></script> <script src="js/jquery.waypoints.min.js"></script> <script src="js/jquery.stellar.min.js"></script> <script src="js/jquery.animateNumber.min.js"></script> <script src="js/owl.carousel.min.js"></script> <script src="js/scrollax.min.js"></script> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script> <script src="js/google-map.js"></script> <script src="js/main.js"></script> <script type="text/javascript"> function enquiry() { var name = document.enqform.sub_name.value; var email = document.enqform.sub_email.value; if (document.enqform.sub_name.value == "") { alert("Please enter your Name"); document.enqform.sub_name.focus(); return false; } if (document.enqform.sub_email.value == "") { alert("Please enter your Email"); document.enqform.sub_email.focus(); return false; } var id = document.enqform.sub_email.value; //The regular expression for a valid e-mail address var re = /^.+\@.+\..{2,4}$/gi; if (!id.match(re)) { //If it is NOT a match //flag++; //errors = errors + "Invalid E-Mail\n"; alert("Not a valid e-mail address"); document.enqform.sub_email.focus(); return false; } if (window.XMLHttpRequest) // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp = new XMLHttpRequest(); else // code for IE6, IE5 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) document.getElementById("enqmsg").innerHTML = xmlhttp.responseText; } xmlhttp.open("GET", "enqMessage.php?q=" + email + "&n=" + name); xmlhttp.send(); document.enqform.reset(); return false; } $(document).ready(function() { $('.gallery-item').magnificPopup({ delegate: 'a', type: 'image', tLoading: 'Loading image #%curr%...', mainClass: 'mfp-img-mobile', gallery: { enabled: true, navigateByImgClick: true, preload: [0, 1] }, image: { tError: '<a href="%url%">The image #%curr%</a> could not be loaded.', } }); }); </script> <style> .nav-item .dropdown-item { padding: 0.1rem 1.5rem !important; } </style> </body> </html> <script src="js/jquery.magnific-popup.min.js"></script> <div class="modal" id="program_modalform" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h3 class="modal-title" id="myModalLabel">Contact Information</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> </div> <form class="form-horizontal" role="form" method="post" id="program_form" name="program_form"> <div class="modal-body"> <div class="form-group"> <label class="col-sm-2 control-label" for="program_inputName">Name</label> <div class="col-sm-10"> <input type="text" class="form-control" id="pname" name="pname" placeholder="Name" required /> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label" for="program_inputEmail4">Email</label> <div class="col-sm-10"> <input type="email" class="form-control" id="pemailid" name="pemailid" placeholder="Email" required /> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label" for="program_inputPhone">Phone</label> <div class="col-sm-10"> <input type="text" class="form-control" id="pphone" name="pphone" placeholder="Phone" required /> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label" for="program_inputCountry">Country</label> <div class="col-sm-10"> <input type="text" class="form-control" id="pcountry" name="pcountry" placeholder="Country" /> </div> </div> </div> <div class="modal-footer"> <input type="submit" class="btn btn-primary" value="Download" name="submit" /> </div> </form> </div> </div> </div> <!-- Modal Structure --> <div class="modal-overlay hidden" id="loading_modalform" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div id="ajaxloader" class="hidden"> <img src="images/loader.gif" id="loaderId" /> </div> </div> </div> </div> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script> $(document).ready(function() { $("#program_form").on("submit", function(event) { event.preventDefault(); var name = $("#pname").val(); var emailid = $("#pemailid").val(); var phone = $("#pphone").val(); var country = $("#pcountry").val(); $("#program_modalform").addClass("hidden"); $("#loading_modalform").removeClass("hidden"); $("#ajaxloader").removeClass("hidden"); $.ajax({ url: "ajax_forms.php", type: "post", data: { pname: name, pemailid: emailid, pphone: phone, pcountry: country }, success: function(data) { $('#program_form').trigger('reset'); // $('#applyInvoice').modal({ show: false}) var downloadfile = $("#program_download").attr('href'); // var newtab = window.open(); // alert(data); // if (data == "Successfully submitted to User") { // newtab.location.href = "password.php"; // $("#loading_modalform").addClass("hidden"); // $("#ajaxloader").addClass("hidden"); // } else { // alert("Please enter an valid email address and try again!"); // } $(".close").trigger("click"); window.open(downloadfile, '_parent'); } }); return false; }); }); </script> <style> .hidden { display: none !important; } #program_modalform { z-index: 99999 !important; } .modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); /* Semi-transparent black */ display: flex; align-items: center; justify-content: center; z-index: 1050; /* Make sure it appears above other content */ } /* Modal dialog style */ .modal-dialog { background: #fff; /* White background for the modal */ border-radius: 8px; /* Rounded corners */ padding: 20px; /* Padding around the content */ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Shadow for the modal */ } /* Loader style (optional, if needed) */ #ajaxloader { text-align: center; } </style>