CINXE.COM
Young Researchers | Future Materials Conference 2023 | Nanotechnology Conference
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Young Researchers | Future Materials Conference 2023 | Nanotechnology Conference</title> <meta name="keywords" content="2023 Materials research Fall Meetings & Exhibits, International Conference on Advanced Materials & Nanotechnology, world biomaterials congress, Sustainable Development of Materials Conference, Electronic Materials Conference" /> <meta name="description" content="FM 2023 is a 5-day scientific event, will consist a stimulating program of plenary and keynote speakers, oral and poster presentations on Materials science & Nanotechnology." /> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <!-- Favicon --> <link href="images/favicon.png" rel="icon"> <!-- Google Web Fonts --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600&family=Teko:wght@400;500;600&display=swap" rel="stylesheet"> <!-- Icon Font Stylesheet --> <!-- FontAwesome --> <link rel="stylesheet" href="css/font-awesome.min.css"> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet"> <!-- Libraries Stylesheet --> <link href="lib/animate/animate.min.css" rel="stylesheet"> <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet"> <link href="lib/tempusdominus/css/tempusdominus-bootstrap-4.min.css" rel="stylesheet" /> <link rel="stylesheet" href="css/owl.css"> <!-- Customized Bootstrap Stylesheet --> <link href="css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="css/flaticon.css"> <!-- Template Stylesheet --> <link href="css/style.css" rel="stylesheet"> <link rel="stylesheet" href="css/magnific-popup.css"> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-E46VGV56FM"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-E46VGV56FM'); </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "name": "Future Materials-2025", "alternateName": "Future Materials Conference 2025", "url": "https://materialsconference.yuktan.com" } </script> </head> <body> <!-- Spinner Start <div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center"> <div class="spinner-border position-relative text-primary" style="width: 6rem; height: 6rem;" role="status"></div> <img class="position-absolute top-50 start-50 translate-middle" src="img/icons/icon-1.png" alt="Icon"> </div> Spinner End --> <style> .notification { opacity: 0; animation: blink 1s infinite; color: #b31206; } @keyframes blink { 0% { opacity: 0; } 100% { opacity: 1; } } </style> <!-- Topbar Start --> <div class="container-fluid bg-dark p-0 wow fadeIn sticky-top topbox-dates d-none d-lg-block d-md-block" data-wow-delay="0.1s"> <div class="row gx-0 d-lg-flex" style="background:#111739 !important; text-align:center;"> <div class="col-md-4 text-center"> <div class="h-100 d-inline-flex align-items-center py-3 me-5"> <i class="fa fa-users notification text-white me-1"></i> <a class="text-white px-2">In-person | Online</a> </div> </div> <div class="col-md-4" style="padding-left:0;"> <div class="h-100 d-inline-flex align-items-center py-1"> <i class="fa fa-file notification text-white me-1"></i> <a class="text-white px-2" href="abstract-submission">Extended Submission Deadline: Feb 28, 2025</a> </div> </div> <div class="col-md-4"> <div class="h-100 d-inline-flex align-items-center py-3 me-2"> <i class="fa fa-ticket-alt notification text-white me-1"></i><a class="text-white px-2" href="registration_form">Early Bird Registration: Before Feb 18, 2025</a> </div> </div> </div> </div> <!-- Topbar End --> <nav class="navbar navbar-expand-lg bg-white navbar-light sticky-top py-lg-0 px-lg-5 wow fadeIn" data-wow-delay="0.1s"> <a href="index.php" class="navbar-brand ms-4 ms-sm-2 ms-md-2 ms-lg-0"> <img src="images/logo.png" alt="Materials Science Conference 2025" style="width:71%;"> <!-- <h1 class="text-primary m-0">Future Materials 2025</h1>--> </a> <button type="button" class="navbar-toggler me-1" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarCollapse"> <div class="navbar-nav ms-auto p-4 p-lg-0"> <a href="index.php" class="nav-item nav-link active">Home</a> <div class="nav-item dropdown"> <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">About</a> <div class="dropdown-menu border-0 m-0"> <a href="about" class="dropdown-item">About Future Materials</a> <a href="organizing-committee" class="dropdown-item">Committee</a> <a href="important-dates" class="dropdown-item">Important Dates</a> <a href="#contactus" class="dropdown-item">Contact Us</a> <p class="btn-primary text-center text-white p-0 fw-600 mt-2">Past Events</p> <a href="https://materialsconference.yuktan.com/2024/" class="dropdown-item">Future Materials 2024</a> <a href="https://materialsconference.yuktan.com/2023/" class="dropdown-item">Future Materials 2023</a> <a href="https://materialsconference.yuktan.com/2022/" class="dropdown-item">Future Materials 2022</a> <a href="https://materialsconference.yuktan.com/2021" class="dropdown-item">Future Materials 2021</a> <a href="https://materialsconference.yuktan.com/2020" class="dropdown-item">Future Materials 2020</a> <a href="https://futurematerials.net/2021/" class="dropdown-item">Future Energy 2021</a> </div> </div> <div class="nav-item dropdown"> <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Experts</a> <div class="dropdown-menu border-0 m-0"> <a href="featured-speakers" class="dropdown-item">Featured Speakers</a> <!-- <a href="poster-presenters" class="dropdown-item">Poster Presenters</a> --> <!--<a href="young-researchers" class="dropdown-item">Young Researchers</a> --> </div> </div> <div class="nav-item dropdown"> <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Abstract</a> <div class="dropdown-menu border-0 m-0"> <a href="abstract-submission" class="dropdown-item">Abstract Submission</a> <a href="abstract-submission#sub-gui" class="dropdown-item">Submission Guidelines</a> <a href="review-process" class="dropdown-item">Review Process</a> </div> </div> <div class="nav-item dropdown"> <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Program</a> <div class="dropdown-menu border-0 m-0"> <a href="speaker-guidelines" class="dropdown-item">Speaker Guidelines</a> <a href="presentation-guidelines" class="dropdown-item">Presentation Guidelines</a> <a href="poster-guidelines" class="dropdown-item">Poster Guidelines</a> <a href="e-poster-guidelines" class="dropdown-item">E-Poster Guidelines</a> </div> </div> <a href="venue" class="nav-item nav-link">Venue</a> <div class="nav-item dropdown"> <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Sponsors</a> <div class="dropdown-menu border-0 m-0"> <a href="exhibition-opportunities" class="dropdown-item">Exhibition (Tabletop) Opportunities</a> <a href="sponsor-opportunities" class="dropdown-item">Sponsor Opportunities</a> <a href="become_a_sponsor" class="dropdown-item">Become A Sponsor</a> </div> </div> <a href="registration_form" class="btn btn-primary-top px-4 d-lg-block nav-item nav-link text-white">Register</a> <!--<a href="#" class="nav-item nav-link">Contact</a>--> </div> </div> </nav> <!-- Navbar End --><style> .team-item .bg-light { min-height: 195px !important; } </style> <div class="container-fluid page-header mb-5 p-0" style="background-image: url(img/carousel-bg-2.jpg);"> <div class="container-fluid page-header-inner py-5"> <div class="container text-center"> <h1 class="display-3 text-white mb-3 animated slideInDown">Young Researchers</h1> <nav aria-label="breadcrumb"> <ol class="breadcrumb justify-content-center text-uppercase"> <li class="breadcrumb-item"><a href="./">Home</a></li> <li class="breadcrumb-item text-white active" aria-current="page">Young Researchers </li> </ol> </nav> </div> </div> </div> <main> <div class="lgx-page-wrapper lgx-page-wrapper-none"> <!--ABOUT--> <section> <div class="container-xxl py-2"> <div class="container"> <div class="row g-0 "> <div class="col-sm-12"> <p class="text-center">Will be updated soon</p> </div> </div> <div class="row g-0 team-items" style="display: none;"> <div class="col-md-5th-1 wow fadeInUp" data-wow-delay="0.7s"> <div class="team-item position-relative"> <div class="position-relative"> <img class="img-fluid w-100" src="images/speakers/Harikrishnan-Venugopal.jpg" alt="Harikrishnan Venugopal" style="width:80%;"> </div> <div class="bg-light text-center p-4"> <h3 class="mt-2">Harikrishnan Venugopal</h3> <small>University of Paderborn<br />Germany</small> </div> </div> </div> <div class="col-md-5th-1 wow fadeInUp" data-wow-delay="0.7s"> <div class="team-item position-relative"> <div class="position-relative"> <img class="img-fluid w-100" src="images/speakers/Helani-Singhapurage.jpg" alt="Helani Singhapurage" style="width:80%;"> </div> <div class="bg-light text-center p-4"> <h3 class="mt-2">Helani Singhapurage</h3> <small>University of Rhode Island, United States</small> </div> </div> </div> <div class="col-md-5th-1 wow fadeInUp" data-wow-delay="0.7s"> <div class="team-item position-relative"> <div class="position-relative"> <img class="img-fluid w-100" src="images/speakers/Anastasiia-Skvortsova.jpg" alt="Anastasiia Skvortsova" style="width:80%;"> </div> <div class="bg-light text-center p-4"> <h3 class="mt-2">Anastasiia Skvortsova</h3> <small>University of Chemistry and Technology Prague<br /> Czech Republic</small> </div> </div> </div> <div class="col-md-5th-1 wow fadeInUp" data-wow-delay="0.1s"> <div class="team-item position-relative"> <div class="position-relative"> <img class="img-fluid w-100" src="images/speakers/Duncan-Burns.jpg" alt="Duncan Burns" style="width:80%;"> </div> <div class="bg-light text-center p-4" bis_skin_checked="1"> <h3 class="mt-2">Duncan Burns</h3> <small>McGill University<br /> Canada</small> </div> </div> </div> <div class="col-md-5th-1 wow fadeInUp" data-wow-delay="0.1s"> <div class="team-item position-relative"> <div class="position-relative"> <img class="img-fluid w-100" src="images/speakers/Marianela-G贸mez-Toledo.jpg" alt="Marianela G贸mez Toledo" style="width:80%;"> </div> <div class="bg-light text-center p-4" bis_skin_checked="1"> <h3 class="mt-2">Marianela Gomez Toledo</h3> <small>Complutense University of Madrid, Spain</small> </div> </div> </div> <div class="col-md-5th-1 wow fadeInUp" data-wow-delay="0.3s"> <div class="team-item position-relative"> <div class="position-relative"> <img class="img-fluid w-100" src="images/speakers/Krishna-Priyadarshini-Das.jpg" alt="Krishna Priyadarshini Das" style="width:80%;"> </div> <div class="bg-light text-center p-4"> <h3 class="mt-2">Krishna Priyadarshini Das</h3> <small>Indian Institute of Technology Delhi, India</small> </div> </div> </div> <div class="col-md-5th-1 wow fadeInUp" data-wow-delay="0.3s"> <div class="team-item position-relative"> <div class="position-relative"> <img class="img-fluid w-100" src="images/speakers/Yubing-Wang.jpg" alt="Yubing Wang" style="width:80%;"> </div> <div class="bg-light text-center p-4"> <h3 class="mt-2">Yubing Wang</h3> <small>University of Bristol<br /> United Kingdom</small> </div> </div> </div> <div class="col-md-5th-1 wow fadeInUp" data-wow-delay="0.3s"> <div class="team-item position-relative"> <div class="position-relative"> <img class="img-fluid w-100" src="images/speakers/Lavinia-Saltarelli.jpg" alt="Lavinia Saltarelli" style="width:80%;"> </div> <div class="bg-light text-center p-4"> <h3 class="mt-2">Lavinia Saltarelli</h3> <small>ICMAB-CSIC<br /> Spain</small> </div> </div> </div> <div class="col-md-5th-1 wow fadeInUp" data-wow-delay="0.3s"> <div class="team-item position-relative"> <div class="position-relative"> <img class="img-fluid w-100" src="images/speakers/Ulzhalgas-Karatayeva.jpg" alt="Ulzhalgas Karatayeva" style="width:80%;"> </div> <div class="bg-light text-center p-4"> <h3 class="mt-2">Ulzhalgas Karatayeva</h3> <small>University of Bristol<br /> United Kingdom</small> </div> </div> </div> <div class="col-md-5th-1 wow fadeInUp" data-wow-delay="0.3s"> <div class="team-item position-relative"> <div class="position-relative"> <img class="img-fluid w-100" src="images/speakers/Maximilian-JL-Hagemann.jpg" alt="Maximilian JL Hagemann" style="width:80%;"> </div> <div class="bg-light text-center p-4"> <h3 class="mt-2" style="font-size:26px;">Maximilian JL Hagemann</h3> <small>University of Bristol<br /> United Kingdom</small> </div> </div> </div> <div class="col-md-5th-1 wow fadeInUp" data-wow-delay="0.3s"> <div class="team-item position-relative"> <div class="position-relative"> <img class="img-fluid w-100" src="images/speakers/Anterdipan-Singh.jpg" alt="Anterdipan Singh" style="width:80%;"> </div> <div class="bg-light text-center p-4"> <h3 class="mt-2">Anterdipan Singh</h3> <small>Indian Institute of Technology Guwahati<br /> India</small> </div> </div> </div> <div class="col-md-5th-1 wow fadeInUp" data-wow-delay="0.7s"> <div class="team-item position-relative"> <div class="position-relative"> <img class="img-fluid w-100" src="images/speakers/Abdechafik-Elharrak.jpg" alt="Abdechafik Elharrak" style="width:80%;"> </div> <div class="bg-light text-center p-4"> <h3 class="mt-2">Abdechafik Elharrak</h3> <small>Mohammed VI Polytechnic University<br /> Morocco</small> </div> </div> </div> <div class="col-md-5th-1 wow fadeInUp" data-wow-delay="0.7s"> <div class="team-item position-relative"> <div class="position-relative"> <img class="img-fluid w-100" src="images/speakers/Julian-Acevedo-Moncada.jpg" alt="Julian Acevedo Moncada" style="width:80%;"> </div> <div class="bg-light text-center p-4"> <h3 class="mt-2">Julian Acevedo Moncada</h3> <small>University of Antioquia<br />Colombia</small> </div> </div> </div> <div class="col-md-5th-1 wow fadeInUp" data-wow-delay="0.3s"> <div class="team-item position-relative"> <div class="position-relative"> <img class="img-fluid w-100" src="images/speakers/Mireia-Sainz-Mench贸n.jpg" alt="Mireia Sainz-Mench贸n" style="width:80%;"> </div> <div class="bg-light text-center p-4"> <h3 class="mt-2" style="font-size:26px;">Mireia Sainz-Menchon</h3> <small>UPV/EHU<br /> Spain</small> </div> </div> </div> <div class="col-md-5th-1 wow fadeInUp" data-wow-delay="0.7s"> <div class="team-item position-relative"> <div class="position-relative"> <img class="img-fluid w-100" src="images/speakers/Ju-Young-Sung.jpg" alt="Ju Young Sung" style="width:80%;"> </div> <div class="bg-light text-center p-4"> <h3 class="mt-2">Ju Young Sung</h3> <small>Ajou University<br /> South Korea</small> </div> </div> </div> <div class="col-md-5th-1 wow fadeInUp" data-wow-delay="0.3s"> <div class="team-item position-relative"> <div class="position-relative"> <img class="img-fluid w-100" src="images/speakers/Chae-Hyun-Lee.jpg" alt="Chae Hyun Lee" style="width:80%;"> </div> <div class="bg-light text-center p-4"> <h3 class="mt-2">Chae Hyun Lee</h3> <small>Ajou University<br /> South Korea</small><br /> </div> </div> </div> <div class="col-md-5th-1 wow fadeInUp" data-wow-delay="0.7s"> <div class="team-item position-relative"> <div class="position-relative"> <img class="img-fluid w-100" src="images/speakers/Se-Eun-Kim.jpg" alt="Se-Eun-Kim" style="width:80%;"> </div> <div class="bg-light text-center p-4"> <h3 class="mt-2">Se Eun Kim</h3> <small>Ajou University<br /> South Korea</small> </div> </div> </div> <div class="col-md-5th-1 wow fadeInUp" data-wow-delay="0.3s"> <div class="team-item position-relative"> <div class="position-relative"> <img class="img-fluid w-100" src="images/speakers/Ye-Won-Yun.jpg" alt="Ye Won Yun" style="width:80%;"> </div> <div class="bg-light text-center p-4"> <h3 class="mt-2">Ye Won Yun</h3> <small>Ajou University<br /> South Korea</small> </div> </div> </div> <div class="col-md-5th-1 wow fadeInUp" data-wow-delay="0.5s"> <div class="team-item position-relative"> <div class="position-relative"> <img class="img-fluid w-100" src="images/speakers/Sang-Mo-Moon.jpg" alt="Sang Mo Moon" style="width:80%;"> </div> <div class="bg-light text-center p-4"> <h3 class="mt-2">Sang Mo Moon</h3> <small>Ajou University<br /> South Korea</small><br /> </div> </div> </div> <div class="col-md-5th-1 wow fadeInUp" data-wow-delay="0.7s"> <div class="team-item position-relative"> <div class="position-relative"> <img class="img-fluid w-100" src="images/speakers/Pablo-Castro-Tamay.jpg" alt="Pablo Castro-Tamay" style="width:80%;"> </div> <div class="bg-light text-center p-4"> <h3 class="mt-2">Pablo Castro-Tamay</h3> <small>University of Concepcion, Chile</small> </div> </div> </div> <div class="col-md-5th-1 wow fadeInUp" data-wow-delay="0.7s"> <div class="team-item position-relative"> <div class="position-relative"> <img class="img-fluid w-100" src="images/speakers/Sami-M-Alharbi.jpg" alt="Sami M. Alharbi" style="width:80%;"> </div> <div class="bg-light text-center p-4"> <h3 class="mt-2">Sami M. Alharbi</h3> <small>University of Bristol<br /> United Kingdom</small> </div> </div> </div> <div class="col-md-5th-1 wow fadeInUp" data-wow-delay="0.7s"> <div class="team-item position-relative"> <div class="position-relative"> <img class="img-fluid w-100" src="images/speakers/Zhongnan-Duan.jpg" alt="Zhongnan Duan" style="width:80%;"> </div> <div class="bg-light text-center p-4"> <h3 class="mt-2">Zhongnan Duan</h3> <small>University of Nottingham, United Kingdom</small> </div> </div> </div> <div class="col-md-5th-1 wow fadeInUp" data-wow-delay="0.7s"> <div class="team-item position-relative"> <div class="position-relative"> <img class="img-fluid w-100" src="images/speakers/Weichen-Xiao.jpg" alt="Weichen Xiao" style="width:80%;"> </div> <div class="bg-light text-center p-4"> <h3 class="mt-2">Weichen Xiao</h3> <small>University of Manchester, United Kingdom</small> </div> </div> </div> <div class="col-md-5th-1 wow fadeInUp" data-wow-delay="0.7s"> <div class="team-item position-relative"> <div class="position-relative"> <img class="img-fluid w-100" src="images/speakers/Bassey-Oboho.jpg" alt="Bassey Oboho" style="width:80%;"> </div> <div class="bg-light text-center p-4"> <h3 class="mt-2">Bassey Oboho</h3> <small>Loughborough University, United Kingdom</small> </div> </div> </div> <div class="col-md-5th-1 wow fadeInUp" data-wow-delay="0.7s"> <div class="team-item position-relative"> <div class="position-relative"> <img class="img-fluid w-100" src="images/speakers/Wenqing-Yang.jpg" alt="Wenqing Yang" style="width:80%;"> </div> <div class="bg-light text-center p-4"> <h3 class="mt-2">Wenqing Yang</h3> <small>The Hong Kong Polytechnic University<br /> Hong Kong</small> </div> </div> </div> <div class="col-md-5th-1 wow fadeInUp" data-wow-delay="0.7s"> <div class="team-item position-relative"> <div class="position-relative"> <img class="img-fluid w-100" src="images/speakers/Wang-Yi-Lin.jpg" alt="Wang Yi Lin" style="width:80%;"> </div> <div class="bg-light text-center p-4"> <h3 class="mt-2">Wang Yi Lin</h3> <small>The Hong Kong Polytechnic University<br /> Hong Kong</small> </div> </div> </div> <div class="col-md-5th-1 wow fadeInUp" data-wow-delay="0.7s"> <div class="team-item position-relative"> <div class="position-relative"> <img class="img-fluid w-100" src="images/speakers/Varsha-Yadav.jpg" alt="Varsha Yadav" style="width:80%;"> </div> <div class="bg-light text-center p-4"> <h3 class="mt-2">Varsha Yadav</h3> <small>University of Delhi<br /> India</small> </div> </div> </div> <div class="col-md-5th-1 wow fadeInUp" data-wow-delay="0.7s"> <div class="team-item position-relative"> <div class="position-relative"> <img class="img-fluid w-100" src="images/speakers/Yuchen-Guo.jpg" alt="Yuchen Guo" style="width:80%;"> </div> <div class="bg-light text-center p-4"> <h3 class="mt-2">Yuchen Guo</h3> <small>Tianjin University<br /> China</small> </div> </div> </div> <div class="col-md-5th-1 wow fadeInUp" data-wow-delay="0.7s"> <div class="team-item position-relative"> <div class="position-relative"> <img class="img-fluid w-100" src="images/speakers/Araceli-Granja-Alvear.jpg" alt="Araceli Granja Alvear" style="width:80%;"> </div> <div class="bg-light text-center p-4"> <h3 class="mt-2">Araceli Granja Alvear</h3> <small>Yachay Tech University<br /> Ecuador</small> </div> </div> </div> <div class="col-md-5th-1 wow fadeInUp" data-wow-delay="0.7s"> <div class="team-item position-relative"> <div class="position-relative"> <img class="img-fluid w-100" src="images/speakers/Heewon-Song.jpg" alt="Heewon Song" style="width:80%;"> </div> <div class="bg-light text-center p-4"> <h3 class="mt-2">Heewon Song</h3> <small>Daegu Gyeongbuk Institute of Science and Technology<br /> South Korea</small> </div> </div> </div> <div class="col-md-5th-1 wow fadeInUp" data-wow-delay="0.3s"> <div class="team-item position-relative"> <div class="position-relative"> <img class="img-fluid w-100" src="images/speakers/Helal-Alharbi.jpg" alt="Helal Alharbi" style="width:80%;"> </div> <div class="bg-light text-center p-4"> <h3 class="mt-2">Helal Alharbi</h3> <small>University of Bristol<br /> United Kingdom</small> </div> </div> </div> <div class="col-md-5th-1 wow fadeInUp" data-wow-delay="0.3s"> <div class="team-item position-relative"> <div class="position-relative"> <img class="img-fluid w-100" src="images/speakers/Janaky-Sunil.jpg" alt="Janaky Sunil" style="width:80%;"> </div> <div class="bg-light text-center p-4"> <h3 class="mt-2">Janaky Sunil</h3> <small>JNCASR<br /> India</small> </div> </div> </div> </div> </div> </div> </section> </div> </main> <!-- Footer Start --> <div class="container-fluid bg-dark text-body footer mt-2 pt-0 px-0 wow fadeIn" data-wow-delay="0.1s"> <div class="container py-5"> <div class="row"> <div class="col-lg-8 col-md-8"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2901.0398156281904!2d-16.739255424518813!3d28.093320475963527!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xc6a974d015d6dcb%3A0xa911fa9003e76337!2sGF%20Gran%20Costa%20Adeje%20Hotel!5e1!3m2!1sen!2sin!4v1736764401667!5m2!1sen!2sin" width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> </div> <div class="col-lg-4 col-md-6" style="background-color: #0000006e;"> <h4 class="text-light mb-1 text-center" style="font-size:30px;">Subscribe</h4> <p class="mb-1 text-center" style="color:#ddd !important;">Subscribe now and Never Miss an Update!</p> <form name="enqform" class="rd-mailform" data-form-output="form-output-global" data-form-type="subscribe" method="post" action="#"> <div class="form-wrap input-group"> <label class="text-white" for="subscribe-form-email">Your name</label> <input class="form-input input-group" id="subscribe-form-email" type="name" name="name"> <label class="mt-1 text-white" for="subscribe-form-email">Your e-mail</label> <input class="form-input input-group form-control-has-validation" id="subscribe-form-email" type="email" name="email" data-constraints="@Email @Required"><span class="form-validation"></span> <div class="col-sm-12 text-center"> <button onclick="return enquiry();" class="btn btn btn-primary" type="submit" style="margin-top: 4%; left:1%;">Subscribe</button> </div> </div> </form> <!--<div class="ajax-error"></div>--> <div id="enqmsg" style="color:#fff;" class="text-center"></div> <div class="footer-social mt-4 pl-1 text-center"> <!--<a class="btn btn-sm-square bg-white text-primary me-1" href=""><i class="fab fa-facebook-f"></i></a>--> <a class="btn twitter_icon_footer" href="https://x.com/futurematerials"> <img src="images/twitter.png" alt="twitter" class="twitter-normal"> <img src="images/twitter_white.png" alt="twitter" class="twitter-hover"> </a> <a class="btn bg-white text-primary" href="https://www.linkedin.com/in/trapti-g/"><i class="fab fa-linkedin-in mt-1"></i></a> <!--<a class="btn btn-sm-square bg-white text-primary me-0" href=""><i class="fab fa-instagram"></i></a>--> </div> <style> .footer-social a:hover { background: #005bb6 !important; color: #fff !important; } </style> </div> </div> </div> <div class="container-fluid copyright"> <div class="container"> <div class="row"> <div class="col-md-12 text-center text-md-start mb-3 mb-md-0"> <div class="copyright-info"> <span>Powered by <a href="https://www.yuktan.com/" target="_blank" title="Yuktan">Yuktan</a>   © <script> document.write(new Date().getFullYear()) </script> Copyright <a href="https://materialsconference.yuktan.com/2025/"><strong>Future Materials-2025</strong></a>   All Rights Reserved ®.   <a href="https://www.yuktan.com/privacy-policy.php" target="_blank" title="Privacy Policy">Privacy Policy</a> | <a href="https://www.yuktan.com/terms-and-conditions.php" target="_blank" title="Terms & Conditions">Terms & Conditions</a> </span> </div> </div> </div> </div> </div> </div> <!-- Footer End --> <!-- Back to Top --> <a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"><i class="bi bi-arrow-up"></i></a> <!-- JavaScript Libraries --> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script> <script src="lib/wow/wow.min.js"></script> <script src="lib/easing/easing.min.js"></script> <script src="lib/waypoints/waypoints.min.js"></script> <script src="lib/counterup/counterup.min.js"></script> <script src="lib/owlcarousel/owl.carousel.min.js"></script> <script src="lib/tempusdominus/js/moment.min.js"></script> <script src="lib/tempusdominus/js/moment-timezone.min.js"></script> <script src="lib/tempusdominus/js/tempusdominus-bootstrap-4.min.js"></script> <!-- Template Javascript --> <script src="js/main.js"></script> </body> </html> <script type="text/javascript"> // Function to toggle the icons on click function toggleIcon(element) { // First, reset all tabs' icons to the default state const allTabs = document.querySelectorAll('.nav-item'); allTabs.forEach(tab => { const images = tab.querySelectorAll('img'); if (images.length === 2) { // Show the default image and hide the alternate one images[0].style.display = 'inline'; images[1].style.display = 'none'; } }); // Now toggle the clicked tab's icons const images = element.querySelectorAll('img'); if (images.length === 2) { // Toggle the images on the clicked tab images[0].style.display = images[0].style.display === 'none' ? 'inline' : 'none'; images[1].style.display = images[1].style.display === 'none' ? 'inline' : 'none'; } } // Optional: Use Bootstrap's event listener to reset the icon when switching tabs document.querySelectorAll('.nav-link').forEach(link => { link.addEventListener('click', function() { // If a different tab is clicked, reset the "Electronic Materials" icon const electronicTab = document.querySelector('.nav-item[role="presentation"][onclick="toggleIcon(this)"]'); const images = electronicTab.querySelectorAll('img'); if (images.length === 2) { images[0].style.display = 'inline'; // Show default icon images[1].style.display = 'none'; // Hide white icon } }); }); function enquiry() { var name = document.enqform.name.value; var email = document.enqform.email.value; if (document.enqform.name.value == "") { alert("Please enter your Name"); document.enqform.name.focus(); return false; } if (document.enqform.email.value == "") { alert("Please enter your Email"); document.enqform.email.focus(); return false; } var id = document.enqform.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.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, true); xmlhttp.send(); document.enqform.reset(); return false; } $(document).ready(function() { $("#program_form").on("submit", function(event) { event.preventDefault(); var name = $("#pname").val(); var email = $("#pemail").val(); var country = $("#pcountry").val(); var message = $("#pmessage").val(); var phone = $("#pphone").val(); var subject = $("#psubject").val(); console.log("name = ", name); $.ajax({ url: "ajax_forms.php", type: "post", data: { pname: name, pemail: email, pcountry: country, psubject: subject, pphone: phone }, success: function(response) { $('#program_form')[0].reset(); console.log("response =", response); if (response.trim() === 'Successfully submitted') { var downloadfile = $("#program_download").attr('href'); $(".close").trigger("click"); alert(response); window.location.href = downloadfile; window.open(downloadfile, '_blank'); } else { alert('Please fill the required fields'); } } }); }); $("#contactForm").submit(function(event) { // cancels the form submission event.preventDefault(); submitForm(); }); function submitForm() { // Initiate Variables With Form Content var name = $("#name").val(); var email = $("#email").val(); var country = $("#country-contact").val(); var message = $("#message").val(); var phone = $("#phone").val(); $.ajax({ type: "POST", url: "contact_process.php", data: "name=" + name + "&email=" + email + "&country-contact=" + country + "&phone=" + phone + "&message=" + message, success: function(text) { if (text == "Submitted Successfully!") { formSuccess(); $("#contactForm")[0].reset(); } else { formError(); submitMSG(false, text); } } }); } function formSuccess() { $("#msgSubmit").removeClass("hidden"); } function formError() { $("#contactForm").removeClass("hidden").addClass('shake animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() { $("#msgSubmit").removeClass("hidden"); }); } function submitMSG(valid, msg) { var msgClasses; if (valid) { msgClasses = "h3 text-center tada animated text-success"; } else { msgClasses = "h3 text-center text-danger"; } $("#msgSubmit").removeClass().addClass(msgClasses).text(msg); } // $('#myModal').modal('show'); // $(".close").click(function(){ // $('#myModal').modal('hide'); // return false; // }); $(".close").click(function() { $('#video_modalwindow').modal('hide'); return false; }); $('.img-pop-up').magnificPopup({ type: 'image', gallery: { enabled: true } }); }); </script> <script src="js/isotope.min.js"></script> <script src="js/owl-carousel.js"></script> <script src="js/custom.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.1/jquery.validate.min.js"></script> <script src="https://code.jquery.com/jquery-1.7.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="js/jquery.magnific-popup.min.js"></script>