Civil Engineering Conferences in Florence February 2025

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Civil Engineering Conferences in Florence February 2025</title> <meta name="description" content="Search and find all international Civil Engineering conferences in Florence in February 2025 for latest discussion and networking with academic, professional and industry experts." /> <meta name="keyword" content="Civil Engineering conferences in Florence in February 2025, Upcoming Civil Engineering conferences in Florence in February 2025, International Civil Engineering conferences in Florence in February 2025, Academic Civil Engineering conferences in Florence in February 2025, Virtual Civil Engineering conferences in Florence in February 2025, Web Civil Engineering conferences in Florence in February 2025, Online Civil Engineering conferences in Florence in February 2025, Civil Engineering conferences in Florence in February 2025." /> <meta name="google-site-verification" content="ECpvHm63Lx8g3O3qoR16TaHyez1l-2izEt_HmWv8iXU"> <meta property="og:title" content="Civil Engineering Conferences in Florence February 2025"> <meta property="og:description" content="Search and find all international Civil Engineering conferences in Florence in February 2025 for latest discussion and networking with academic, professional and industry experts."> <meta property="og:url" content="https://www.conferenceineurope.org/florence/civil-engineering/feb-25"> <link rel="canonical" href="https://www.conferenceineurope.org/florence/civil-engineering/feb-25" />  <script type='application/ld+json'> { "@context": "http://schema.org", "@type": "Organization", "name": "Civil Engineering Conferences in Florence February 2025", "brand": "Conference in Europe", "url": "https://www.conferenceineurope.org/florence/civil-engineering/feb-25", "logo": "https://www.conferenceineurope.org/images/logo.png", "email": "info@conferenceineurope.org", "makesOffer": { "@type": "Offer", "name": "Civil Engineering conferences in Florence in February 2025, Upcoming Civil Engineering conferences in Florence in February 2025, International Civil Engineering conferences in Florence in February 2025, Academic Civil Engineering conferences in Florence in February 2025, Virtual Civil Engineering conferences in Florence in February 2025, Web Civil Engineering conferences in Florence in February 2025, Online Civil Engineering conferences in Florence in February 2025, Civil Engineering conferences in Florence in February 2025." }, "description": "Search and find all international Civil Engineering conferences in Florence in February 2025 for latest discussion and networking with academic, professional and industry experts.", "sameAs": ["https://www.facebook.com/Conferencesineurope", "https://twitter.com/conf_in_europe", "https://www.linkedin.com/in/conferenceineurope", "https://www.youtube.com/channel/UCXa8gfYEtNrOXv7I1ZLZJ4Q", "https://in.pinterest.com/conference_in_europe", "https://www.instagram.com/conf_in_europe", "https://conference-in-europe.business.site/" ], "address": { "@type": "PostalAddress", "streetAddress": "Theresienstra脽e", "addressLocality": "M眉nchen", "addressRegion": "Germany", "postalCode": "85399" } } </script>   <script type="text/javascript"> (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-5NBZLWJ'); </script>   <script src="https://www.googletagmanager.com/gtag/js?id=G-P5YCEHE3Y4" async></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-P5YCEHE3Y4'); </script> <meta name="author" content="https://www.conferenceineurope.org/"> <meta name="content-language" content="en"> <meta name="distribution" content="global"> <meta name="robots" content="index, follow"> <meta name="revisit-after" content="1 days"> <meta name="refresh" content="3600; url=https://www.conferenceineurope.org/"> <meta property="og:type" content="website"> <meta property="og:image" content="https://www.conferenceineurope.org/images/logo1.png"> <meta name="yandex-verification" content="aac12bd6fd5587d7" /> <meta name="apple-mobile-web-app-status-bar-style" content="default"> <meta name="conference-topic" content="Engineering, Technology, Business, Education, Healthcare, Medical and Health Science, Agriculture, Education, Physical and Life Science, Social Science"> <meta name="conference-location" content="Europe, India"> <meta name="conference-year" content="2025, 2026"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Conference in Europe 2025 - International Academic Conferences in Europe"> <meta name="twitter:description" content="Upcoming Conference in Europe 2025. Stay updated on international academic conferences across Europe. Subscribe today!"> <meta name="twitter:image" content="https://www.conferenceineurope.org/images/logo1.png"> <meta name="twitter:site" content="@conf_in_europe"> <meta name="rating" content="General"> <meta name="copyright" content="漏 2025 ConferenceInEurope. All Rights Reserved."> <meta name="publisher" content="ConferenceInEurope"> <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> <meta name="referrer" content="no-referrer-when-downgrade"> <link rel="dns-prefetch" href="//www.conferenceineurope.org"> <link rel="preconnect" href="https://www.conferenceineurope.org"> <link rel="icon" type="image/x-icon" href="https://www.conferenceineurope.org/images/favicon.png" /> <link rel="apple-touch-icon" href="https://www.conferenceineurope.org/images/favicon.png"> <link href="https://www.conferenceineurope.org/css/animate.css" rel="stylesheet" type="text/css" media="all" /> <link href="https://www.conferenceineurope.org/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css" integrity="sha512-5Hs3dF2AEPkpNAR7UiOHba+lRSJNeM2ECkwxUIxC1Q/FLycGTbNapWXB4tP889k5T5Ju8fs4b1P5z/iB4nMfSQ==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900" rel="stylesheet" media="all" />  <link href="https://www.conferenceineurope.org/css/slick.css" rel="stylesheet" type="text/css" media="all" /> <link href="https://www.conferenceineurope.org/css/responsive.css" rel="stylesheet" type="text/css" media="all" /> <link href="https://www.conferenceineurope.org/css/slick.css" rel="stylesheet" type="text/css" media="all" /> <link href="https://www.conferenceineurope.org/css/scssstyles.css?1740456603" rel="stylesheet" type="text/css" media="all" /> <link href="https://www.conferenceineurope.org/css/style6.css?1740456603" rel="stylesheet" type="text/css" media="all" /> <link href="https://www.conferenceineurope.org/css/new_responsive.css" rel="stylesheet" type="text/css" media="all" /> <script src="https://www.conferenceineurope.org/js/jquery-2.1.4.min.js" type="text/javascript"></script> <script language="javascript" src="https://www.conferenceineurope.org/js/conferencealert.js" type="text/javascript" async></script>    </head> <body>  <button class="back-to-top" type="button"></button>   <nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="logo"> <a href="//www.conferenceineurope.org/"><img src="https://www.conferenceineurope.org/images/logo.png" alt="Conference in Europe Logo" class="img-responsive" loading="lazy" /></a></div> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <div class="social-mng"> <span style="width: -webkit-fill-available;display: flex;justify-content: space-around;"> <a class="user-login" href="//www.conferenceineurope.org/login"><i class="fa-regular fa-user"></i> Login</a>  </span> <a class="social" href="https://www.facebook.com/Conferencesineurope" target="_blank"> <span class="sr-only">Follow us on Facebook</span> <i style="color:#3b5998; font-size:20px; padding-left:10px; cursor:pointer;" class="fa-brands fa-facebook"></i> </a> <a class="social" href="https://twitter.com/conf_in_europe" target="_blank"> <span class="sr-only">Follow us on Twitter</span> <i style="color:#000; font-size:20px; padding-left:10px; cursor:pointer;" class="fa-brands fa-square-x-twitter"></i> </a> <a class="social" href="https://in.pinterest.com/conference_in_europe" target="_blank"> <span class="sr-only">Follow us on Pinterest</span> <i style="color:#E60023; font-size:20px; padding-left:10px; cursor:pointer;" class="fa-brands fa-pinterest"></i> </a> <a class="social" href="https://www.linkedin.com/in/conferenceineurope" target="_blank"> <span class="sr-only">Follow us on LinkedIn</span> <i style="color:#0e76a8; font-size:20px; padding-left:10px; cursor:pointer;" class="fa-brands fa-linkedin"></i> </a> <a class="social" href="https://www.instagram.com/conf_in_europe" target="_blank"> <span class="sr-only">Follow us on Instagram</span> <i style="color:#ac46bd; font-size:20px; padding-left:10px; cursor:pointer;" class="fa-brands fa-instagram"></i> </a> <a class="social" href="https://www.youtube.com/channel/UCXa8gfYEtNrOXv7I1ZLZJ4Q" target="_blank"> <span class="sr-only">Follow us on YouTube</span> <i style="color:#FF0000; font-size:20px; padding-left:10px; cursor:pointer;" class="fa-brands fa-youtube"></i> </a> <a class="social" href="https://conference-in-europe.business.site" target="_blank"> <span class="sr-only">Visit our Business Site</span> <i style="color:#db4a39; font-size:20px; padding-left:10px; cursor:pointer;" class="fa-brands fa-google-plus"></i> </a> <a class="social" href="https://blog.conferenceineurope.org/" target="_blank"> <span class="sr-only">Visit our Blog</span> <i style="color:orange; font-size:20px; padding-left:10px; cursor:pointer;" class="fa-solid fa-blog"></i> </a> <a class="social" href="https://t.me/Conferenceineurope" target="_blank"> <span class="sr-only">Join us on Telegram</span> <i style="color:#00aada; font-size:20px; padding-left:10px; cursor:pointer;" class="fa-brands fa-telegram"></i> </a> <div class="evnt_promtBttn"> <li class="blink-soft"> <a href="//www.conferenceineurope.org/add-subscribe"> Subscribe</a></li> </div> </div> <li class="active"><a href="//www.conferenceineurope.org/">Home <span class="sr-only">(current)</span></a></li> <li><a href="//www.conferenceineurope.org/about">About Us</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Journals <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="//www.conferenceineurope.org/scopus-journal">Scopus Journals</a></li> <li><a href="//www.conferenceineurope.org/sci-journals">Sci Journals</a></li> <li><a href="//www.conferenceineurope.org/wos-journals">Wos Journals</a></li> <li><a href="//www.conferenceineurope.org/google-scholar">Google Scholar</a></li> </ul> </li> <li><a href="//www.conferenceineurope.org/scopus-conferences">Scopus conferences</a></li> <li><a href="https://blog.conferenceineurope.org/">Blog</a></li> <li><a href="//www.conferenceineurope.org/add-event">Add Events</a></li> <li><a href="//www.conferenceineurope.org/all-countries">All Countries</a></li> <li><a href="//www.conferenceineurope.org/contact">Contact Us</a></li> </ul> </div> </div> </nav> <section class="home-banner"> <div class="container"> <div class="outer-carousel">  <button class="control-btn left"><i class="fas fa-caret-left"></i></button> <div class="carousel-container">  <div class="carousel-track"> <div class="carousel-box"> <i class="fas fa-graduation-cap"></i> Education <a href="https://www.conferenceineurope.org/education"><button>View More</button></a> </div> <div class="carousel-box"> <i class="fas fa-chart-line"></i> Business and Economics <a href="https://www.conferenceineurope.org/business-and-economics"><button>View More</button></a> </div> <div class="carousel-box"> <i class="fas fa-cogs"></i> Engineering and Technology <a href="https://www.conferenceineurope.org/engineering-and-technology"><button>View More</button></a> </div> <div class="carousel-box"> <i class="fas fa-users"></i> Social Sciences and Humanities <a href="https://www.conferenceineurope.org/social-sciences-and-humanities"><button>View More</button></a> </div> <div class="carousel-box"> <i class="fas fa-heartbeat"></i> Medical And Health Science <a href="https://www.conferenceineurope.org/medical-and-health-science"><button>View More</button></a> </div> <div class="carousel-box"> <i class="fas fa-seedling"></i> Agriculture <a href="https://www.conferenceineurope.org/agriculture"><button>View More</button></a> </div> <div class="carousel-box"> <i class="fas fa-layer-group"></i> Interdisciplinary <a href="https://www.conferenceineurope.org/interdisciplinary"><button>View More</button></a> </div> <div class="carousel-box"> <i class="fas fa-balance-scale"></i> Law <a href="https://www.conferenceineurope.org/law"><button>View More</button></a> </div> <div class="carousel-box"> <i class="fas fa-square-root-alt"></i> Mathematics and Statistics <a href="https://www.conferenceineurope.org/mathematics-and-statistics"><button>View More</button></a> </div> <div class="carousel-box"> <i class="fas fa-flask"></i> Physical and Life Sciences <a href="https://www.conferenceineurope.org/physical-and-life-sciences"><button>View More</button></a> </div> <div class="carousel-box"> <i class="fas fa-futbol"></i> Sports Science <a href="https://www.conferenceineurope.org/sports-science"><button>View More</button></a> </div> </div>  </div> <button class="control-btn right "><i class="fas fa-caret-right"></i></button> </div> </div> </section> <section class="home-banner-"> <div class="container"> <div class="containers col-md-12" > <div class="clearfix"> </div> </div> </div> </section> <section class="inr-body"> <div class="container"> <div class="inr-body-content"> <div class="row"> <div class="col-md-9 pull-left"> <div class="inr-right-sec"> <div class="banner-leftside"> <div class="inr-body-content"> <div class="row">   <div class="inr-up-cmng-evnt-box mbt40 page_hed"> <div class="row"> <div class="col-md-12"> <div class="row"> </div> <div class="row"> <h1 class="h1-style">Civil Engineering Conferences in Florence February 2025 </h1> <hr> <p> Search and find all international conferences in Florence for latest discussion and networking with academic, professional and industry experts. conferenceineurope brings you complete details or current and upcoming conferences across academic fields of study. This site is leading with the best conference listing and promotion platform for scholars, students, academicians, professionals and experts. Here, you can find many verified international conferences in Florence on different subjects like Medical Conference, Engineering Conference, Mathematics Conference, Management Conference, Business Conference and Social Science Conference etc. </p> <p> As a researcher, you can explore many more knowledge and a global platform through international conference in Florence with participants and speak with experts. We are trusted by thousands of professionals, academicians and conference organizers to post, index and promote their conferences worldwide. So, to know more about all the upcoming international conferences in Florence February 2025, search and subscribe to conferenceineurope. </p> <br> <h3 class="h3-style">Florence Conference Calendar :</h3> <div class="col-md-12"> <ul class="county-month-confr"> <li class="country"><a href="https://www.conferenceineurope.org/florence/civil-engineering/feb-25"><i class="fa-solid fa-calendar-day" style="color: lab(96 -6.3 43.3"></i></i> Feb 2025</a></li> <li class="country"><a href="https://www.conferenceineurope.org/florence/civil-engineering/mar-25"><i class="fa-solid fa-calendar-day" style="color: lab(96 -6.3 43.3"></i></i> Mar 2025</a></li> <li class="country"><a href="https://www.conferenceineurope.org/florence/civil-engineering/apr-25"><i class="fa-solid fa-calendar-day" style="color: lab(96 -6.3 43.3"></i></i> Apr 2025</a></li> <li class="country"><a href="https://www.conferenceineurope.org/florence/civil-engineering/may-25"><i class="fa-solid fa-calendar-day" style="color: lab(96 -6.3 43.3"></i></i> May 2025</a></li> <li class="country"><a href="https://www.conferenceineurope.org/florence/civil-engineering/jun-25"><i class="fa-solid fa-calendar-day" style="color: lab(96 -6.3 43.3"></i></i> Jun 2025</a></li> <li class="country"><a href="https://www.conferenceineurope.org/florence/civil-engineering/jul-25"><i class="fa-solid fa-calendar-day" style="color: lab(96 -6.3 43.3"></i></i> Jul 2025</a></li> <li class="country"><a href="https://www.conferenceineurope.org/florence/civil-engineering/aug-25"><i class="fa-solid fa-calendar-day" style="color: lab(96 -6.3 43.3"></i></i> Aug 2025</a></li> <li class="country"><a href="https://www.conferenceineurope.org/florence/civil-engineering/sep-25"><i class="fa-solid fa-calendar-day" style="color: lab(96 -6.3 43.3"></i></i> Sep 2025</a></li> <li class="country"><a href="https://www.conferenceineurope.org/florence/civil-engineering/oct-25"><i class="fa-solid fa-calendar-day" style="color: lab(96 -6.3 43.3"></i></i> Oct 2025</a></li> <li class="country"><a href="https://www.conferenceineurope.org/florence/civil-engineering/nov-25"><i class="fa-solid fa-calendar-day" style="color: lab(96 -6.3 43.3"></i></i> Nov 2025</a></li> <li class="country"><a href="https://www.conferenceineurope.org/florence/civil-engineering/dec-25"><i class="fa-solid fa-calendar-day" style="color: lab(96 -6.3 43.3"></i></i> Dec 2025</a></li> <li class="country"><a href="https://www.conferenceineurope.org/florence/civil-engineering/jan-26"><i class="fa-solid fa-calendar-day" style="color: lab(96 -6.3 43.3"></i></i> Jan 2026</a></li> <li class="country"><a href="https://www.conferenceineurope.org/florence"><i class="fa-solid fa-calendar-day" style="color: lab(96 -6.3 43.3"></i></i> All Events</a></li> </ul> <br> </div> <div class="col-md-12 text-center"> <h2 class="h2-style heading-space">List of Civil Engineering Conferences in Florence February 2025 </h2> </div> </div> <div class="row"> </div> </div> </div> <style> #loading { position: fixed; top: 100px; left: 100px; margin-top: 100px; margin-left: 600px; } #container .pagination ul li.inactive, #container .pagination ul li.inactive:hover { pointer-events: none; cursor: default; } #container .data ul li { list-style: none; font-family: verdana; margin: 5px 0 5px 0; color: #000; font-size: 12px; } #container .pagination { width: 90%; height: 25px; } #container .pagination ul li { list-style: none; float: left; padding: 2px 6px 2px 6px; margin: 0 3px 0 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #707070; background: #ffffff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: solid 1px #dcdcdc; padding: 6px 9px 6px 9px; } #container .pagination ul li:hover { color: #893a00; text-shadow: 0px 1px #ffef42; border-color: #ffa200; background: #ffc800; background: -moz-linear-gradient(top, #ffffff 1px, #ffea01 1px, #ffc800); background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #ffffff), color-stop(0.02, #ffea01), color-stop(1, #ffc800)); cursor: pointer; } #container .pagination li.selected { color: #893a00; text-shadow: 0px 1px #ffef42; border-color: #ffa200; background: #ffc800; background: -moz-linear-gradient(top, #ffffff 1px, #ffea01 1px, #ffc800); background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #ffffff), color-stop(0.02, #ffea01), color-stop(1, #ffc800)); } .total { float: none; font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: 13px; display: none; } </style> <script> function loading_show() { let loadingElement = document.getElementById("loading"); if (loadingElement) { loadingElement.innerHTML = `<img src='https://www.conferenceineurope.org/images/loading.gif'/>`; loadingElement.style.display = "block"; } } function loading_hide() { let loadingElement = document.getElementById("loading"); if (loadingElement) { loadingElement.style.display = "none"; } } function loadData(page) { loading_show(); fetch(`https://www.conferenceineurope.org/place_load_pagi_data.php?place=Florence&date=2025-02&topic=Civil Engineering`, { method: "POST", headers: { "Content-Type": "application/x-www-form-urlencoded" }, body: "page=" + page }) .then(response => response.text()) .then(msg => { loading_hide(); let container = document.getElementById("container"); if (container) { container.innerHTML = msg; } }) .catch(error => console.error("Error:", error)); } loadData(1); // Load default results on page load document.body.addEventListener("click", function(event) { let target = event.target.closest(".pagination li.active"); if (target) { let page = target.getAttribute("p"); if (page) { loadData(page); } } }); </script> <div id="loading_events"> <div id="loading"></div> <div id="container"></div> </div> </div> </div> </div> <div class="col-md-12"> <a href="https://www.conferenceineurope.org/florence.php">Civil Engineering conferences in Florence in February 2025</a>, <a href="https://www.conferenceineurope.org/florence.php">Upcoming Civil Engineering conferences in Florence in February 2025</a>, <a href="https://www.conferenceineurope.org/florence.php">International Civil Engineering conferences in Florence in February 2025</a>, <a href="https://www.conferenceineurope.org/florence.php">Academic Civil Engineering conferences in Florence in February 2025</a>, <a href="https://www.conferenceineurope.org/florence.php">Virtual Civil Engineering conferences in Florence in February 2025</a>, <a href="https://www.conferenceineurope.org/florence.php">Web Civil Engineering conferences in Florence in February 2025</a>, <a href="https://www.conferenceineurope.org/florence.php">Online Civil Engineering conferences in Florence in February 2025</a>, <a href="https://www.conferenceineurope.org/florence.php">Civil Engineering conferences in Florence in February 2025</a> </div> </div> </div> </div> <div class="col-md-3 pull-right"> <div class="inr-left-sec">  <div class="panel-heading"> <h3>Popular Topics</h3> </div> <br /> <b>Warning</b>: Undefined array key "data" in <b>/www/wwwroot/conferenceineurope.org/classes/sqlquery.php</b> on line <b>38</b><br /> <br /> <b>Warning</b>: foreach() argument must be of type array|object, null given in <b>/www/wwwroot/conferenceineurope.org/right_topic_accordian.php</b> on line <b>6</b><br /> <script> var acc = document.getElementsByClassName("accordion2"); var i; for (i = 0; i < acc.length; i++) { acc[i].addEventListener("click", function() { this.classList.toggle("active_acc"); var panel = this.nextElementSibling; if (panel.style.display === "block") { panel.style.display = "none"; } else { panel.style.display = "block"; } }); } </script> <div class="panel-heading"> <h3>Featured Events</h3> </div> <div class="panel-body"> <br /> <b>Warning</b>: Undefined array key "data" in <b>/www/wwwroot/conferenceineurope.org/classes/sqlquery.php</b> on line <b>38</b><br /> <br /> <b>Warning</b>: foreach() argument must be of type array|object, null given in <b>/www/wwwroot/conferenceineurope.org/right-featured-event.php</b> on line <b>4</b><br /> </div>    </div> </div> </div> </div> </div> </section>  <script language="javascript" type="text/javascript"> $(function(){ $('#subscribe').submit(function(e){ e.preventDefault(); var form = $(this); var post_url=form.attr('action'); var post_data=form.serialize(); $('#load_subsc').html("Loading Please Wait").fadeIn('fast'); if(subsc_val()) { $.ajax({ type:'POST', url:post_url, data:post_data, success:function(d){$('#load_subsc').html(d);} }); } }); }); function subsc_val() { var sub_email=document.subscribe.sub_email.value; if(!/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,4})+$/.test(sub_email)) // validation for email { alert("Invalid E-mail Address! Please re-enter."); document.subscribe.sub_email.focus(); error=1; return false; } return true; } </script> <form action="subc_process.php" method="get" name="subscribe" id="subscribe"> <section class="newsletr-sec"> <div class="container"> <div class="row"> <div class="col-md-2"></div> <div class="col-md-8 text-center"> <div class="newsletr-txt"> <span style="font-size: 25px; font-weight: bold"> Newsletter</span> <p>Sign up to our newsletter to get the latest offers and articles direct to your inbox.</p> <input class="news-fld" placeholder="Emai Id" name="sub_email" type="text" id="sub_email"> <button name="submit" type="submit" class="news-btm">Subscribe</button> <div id="load_subsc" style="color:#FFFFFF; width:100%; float:left; margin-top:10px;"></div> </div> </div> <div class="col-md-2"></div> </div> </div> </section> </form> <style> .footer .social-align { text-align: center; } .social-line { display: inline-flex; } li:before { content: none !important; } .footer .social-align h3:after { content: ''; position: absolute; bottom: -10px; width: 80px; height: 1px; background: #f90; right: 531px; } </style> <footer> <div class="footer"> <div class="container"> <div class="row"> <div class="col-md-4 "> <img src="https://www.conferenceineurope.org/images/logo.png" alt="conference 2025" class="logo-bg"> <div class="footer-list social-align"> <h5 class="h6-style"></h5> <ul class="social_iconul social-line"> <li><a rel="noopener noreferrer" href="https://www.facebook.com/Conferencesineurope" target="_blank" aria-label="Conference in europe Facebook Business Page"><i class="fa-brands fa-facebook"></i></a></li> <li><a rel="noopener noreferrer" href="https://twitter.com/conf_in_europe" target="_blank" aria-label="Conference in europe Twitter Business Page"><i class="fa-brands fa-square-x-twitter"></i></a></li> <li><a rel="noopener noreferrer" href="https://in.pinterest.com/conference_in_europe" target="_blank" aria-label="Conference in europe Twitter Business Page"><i class="fa-brands fa-pinterest"></i></a></li> <li><a rel="noopener noreferrer" href="https://www.linkedin.com/in/conferenceineurope" target="_blank" aria-label="Conference in europe Linkedin Business Page"><i class="fa-brands fa-linkedin"></i></a></li> <li><a rel="noopener noreferrer" href="https://t.me/Conferenceineurope" target="_blank" aria-label="Conference in europe Telegram Business Page"><i class="fa-brands fa-telegram"></i></a></li> <li><a rel="noopener noreferrer" href="https://www.instagram.com/conf_in_europe" target="_blank" aria-label="Conference in europe Instagram Business Page"><i class="fa-brands fa-instagram"></i></a></li> <li><a rel="noopener noreferrer" href="https://www.youtube.com/channel/UCXa8gfYEtNrOXv7I1ZLZJ4Q" target="_blank" aria-label="Conference in europe YouTube Page"><i class="fa-brands fa-youtube"></i></a></li> <li><a rel="noopener noreferrer" href="https://blog.conferenceineurope.org/" target="_blank" aria-label="Conference in europe Blog Page"><i class="fa-solid fa-blog"></i></a></li> <li><a rel="nofollow noopener noreferrer" href="https://conference-in-europe.business.site" target="_blank" aria-label="Academic Conference Wikipedia Page"><i class="fa-brands fa-google-plus"></i></a></li> </ul> </div> </div> <div class="col-md-4 "> <div class="row" style="margin-left: 0px;"> <h5 class="h6-style"> Quick Links</h5> <div class="col-md-6" style="padding-left: 0px;"> <div class="footer-list"> <ul> <li><a href="https://www.conferenceineurope.org/" class="current">Home</a></li> <li><a href="https://www.conferenceineurope.org/login">Login</a></li> <li><a href="https://www.conferenceineurope.org/add-event">Add New Event </a> </li> <li><a href="https://blog.conferenceineurope.org/">Blog</a> </li> <li><a href="https://www.conferenceineurope.org/faq">Faq</a> </li> <li><a href="https://www.conferenceineurope.org/contact"> Contact Us</a></li> </ul> </div> </div> <div class="col-md-6" style="padding-left: 0px;"> <div class="footer-list"> <ul> <li><a href="https://www.conferenceineurope.org/cookie-policy" class="current">Cookie Policy</a></li> <li><a href="https://www.conferenceineurope.org/terms-of-use">Terms of Use</a></li> <li><a href="https://www.conferenceineurope.org/privacy-policy">Privacy Policy</a> </li> <li><a href="https://www.conferenceineurope.org/conference-partner">Conference Partner</a> </li> <li><a href="https://www.conferenceineurope.org/aboutconferenceineurope">About Conferenceineurope.org</a></li> </ul> </div> </div> </div> </div> <div class="col-md-4 "> <div class="f-contact"> <h5> About Conference in Europe </h5> <p>Find all upcoming European International Conferences on Social Science and Economics, Innovation and Management, Engineering and Technology, Electrical and Electronics Engineering, Medical Science, Psychology, Language and Teaching, Natural Science and Environment, Law and Political Science, Chemical and Biochemical Engineering, Applied Physics and Mathematics, Advances in Business Management and Information Technology, Forestry Food and Sustainable Agriculture, Mechanical & Production Engineering etc.</p>  </div> </div> </div>  </div> </div> <div class="copy-txt text-center"> <div class="container"> <p>漏 2025 Conference In Europe All Rights Reserved </p> </div> </div> </footer> <br /> <b>Warning</b>: Undefined array key "data" in <b>/www/wwwroot/conferenceineurope.org/classes/sqlquery.php</b> on line <b>38</b><br /> <br /> <b>Warning</b>: foreach() argument must be of type array|object, null given in <b>/www/wwwroot/conferenceineurope.org/db-helper.php</b> on line <b>56</b><br /> <br /> <b>Warning</b>: Undefined array key "data" in <b>/www/wwwroot/conferenceineurope.org/classes/sqlquery.php</b> on line <b>38</b><br /> <br /> <b>Warning</b>: foreach() argument must be of type array|object, null given in <b>/www/wwwroot/conferenceineurope.org/db-helper.php</b> on line <b>80</b><br /> <br /> <b>Warning</b>: Undefined array key "data" in <b>/www/wwwroot/conferenceineurope.org/classes/sqlquery.php</b> on line <b>38</b><br /> <br /> <b>Warning</b>: foreach() argument must be of type array|object, null given in <b>/www/wwwroot/conferenceineurope.org/db-helper.php</b> on line <b>96</b><br /> <style> :root { --primary-color: #033596; --sidebar-bg: #F3F4F6; --sidebar-hover: #FFF; } .active { background-color: var(--sidebar-hover); } li { list-style: none; /* Remove markers */ } #content-body { background-color: #f3f4f6; position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: none; z-index: 10; } .sidebar-item:hover { background-color: var(--sidebar-hover); } .sidebar-item i { color: var(--primary-color); margin-right: 8px; } .content-body { max-height: 750px; overflow-y: auto; } .bottom-btn { width: 100px !important; margin: 10px; } .align-top { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; flex-direction: row-reverse; } .go-back { background-color: #033596; color: white; border: none; padding: 7px 15px; border-radius: 5px; } /* Hover Effect */ .list-group-item.sidebar-item i { transition: color 0.3s ease-in-out; } .list-group-item.sidebar-item:hover i { color: #0256b3 !important; /* A deeper blue for hover */ } /* General Styles */ ul.list-group { box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); } .bottom-nav { display: none; } @media screen and (max-width: 600px) { .bottom-nav { display: block; } #content-body { z-index: 1031; } } /* Styling for the selected-item-box */ #selected-item-box { background: #f8f9fa; padding: 5px 5px 5px 15px; border-radius: 8px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); } .selected-item { padding: 8px 0; border-bottom: 1px solid #ddd; } .selected-item:last-child { border-bottom: none; } .selected-item i { margin-right: 10px; font-size: 20px; } .btn-link { border: none; padding: 0; font-size: 18px; color: inherit; } .btn-link:hover { text-decoration: none; color: #c82333; } /* Text styling */ .text-primary { color: #033596 !important; } .text-success { font-weight: bold; } .text-danger { font-size: 18px; vertical-align: middle; } .leftSide-list { cursor: pointer; background-color: #f8f9fa; color: #033596; font-size: 16px; font-weight: bold; } .leftSide-list:hover { cursor: pointer; background-color: #033596 !important; color: #fff !important; font-size: 16px; font-weight: bold; } .leftSide-list:active { cursor: pointer; background-color: #033596; color: #fff; font-size: 16px; font-weight: bold; } #searchInput { width: 90%; } #clearBtn { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } </style> <div id="content-body" class="hidden">  <div class="" style="margin-bottom:0px"> <div class="container-fluid align-top"> <div class="pull-right"> <button class="btn btn-danger navbar-btn go-back" onclick="goBack()"> <i class="fa-solid fa-arrow-left"></i> Go Back </button> </div> <div class="pull-right"> <button class="btn btn-danger navbar-btn" onclick="closeScreen()"> <span class="fa-solid fa-trash"></span> Clear All </button> </div> </div> </div>  <div id="selected-item-box" class="container" style="display:none;"> <div id="item-country" class="row selected-item" style="display: none;"> <div class="col-xs-12"> <i class="fa-solid fa-earth-americas text-primary"></i> <strong> Country: </strong> <span id="selected-country" class="text-success"></span> <button id="remove-country" class="btn btn-link text-danger" style="display:none;" onclick="removeSelection('country')"> <i class="fa-solid fa-times-circle"></i> </button> </div> </div> <div id="item-city" class="row selected-item " style="display: none;"> <div class="col-xs-12"> <i class="fa-solid fa-location-dot text-primary"></i> <strong> City: </strong> <span id="selected-city" class="text-success"></span> <button id="remove-city" class="btn btn-link text-danger" style="display:none;" onclick="removeSelection('city')"> <i class="fa-solid fa-times-circle"></i> </button> </div> </div> <div id="item-topic" class="row selected-item" style="display: none;"> <div class="col-xs-12"> <i class="fa-solid fa-tags text-primary"></i> <strong> Topic: </strong> <span id="selected-topic" class="text-success"></span> <button id="remove-topic" class="btn btn-link text-danger" style="display:none;" onclick="removeSelection('topic')"> <i class="fa-solid fa-times-circle"></i> </button> </div> </div> </div>  <div class="form-group container"> <div class="input-group"> <span class="input-group-addon"> <i class="fa-solid fa-magnifying-glass"></i> </span> <input type="text" id="searchInput" class="form-control" placeholder="Search..." oninput="searchItems()"> <span class="input-group-text" id="clearBtn" style="display: none; cursor: pointer;" onclick="clearSearch()"> <i class="fa-solid fa-times"></i> </span> </div> </div>  <div class="row container">  <div class="col-xs-4"> <ul class="list-group" style="border: 1px solid #ddd; border-radius: 8px; overflow: hidden;">  <li id="countrySidebar" class="list-group-item sidebar-item d-flex align-items-center leftSide-list" onclick="showCountryList()"> <span>Country</span> </li>  <li id="citySidebar" class="list-group-item sidebar-item d-flex align-items-center leftSide-list" onclick="showCityList()"> <span>City</span> </li>  <li id="topicSidebar" class="list-group-item sidebar-item d-flex align-items-center leftSide-list" onclick="showTopicList()"> <span>Topics</span> </li> </ul> <div id="bottomLeftSection" class="mt-4" style="border-top: 1px solid #ddd; padding-top: 15px;"> <button id="filter-button" class="btn btn-success navbar-btn" style="display:none;" onclick="applyFilter()"> <span class="fa-solid fa-filter"></span> Apply Filter </button> </div> </div>  <div class="col-xs-8 content-body"> <ul id="rightItems"> <ul id="countryList" style="display:none;"> </ul> <ul id="cityList" style="display:none;"> </ul> <ul id="topicList" style="display:none;"> </ul> </ul> </div> </div> </div>  <div class="bottom-nav navbar navbar-default navbar-fixed-bottom"> <div class="container-fluid"> <div class="btn-group" style="display: flex; justify-content: center; width: 100%;"> <button id="country-menu" class="bottom-btn btn btn-primary" onclick="showCountryList()"> <i class="fa-solid fa-earth-americas"></i> Country </button> <button id="city-menu" class="bottom-btn btn btn-primary" onclick="showCityList()"> <i class="fa-solid fa-location-dot"></i> City </button> <button id="topic-menu" class="bottom-btn btn btn-primary" onclick="showTopicList()"> <i class="fa-solid fa-tags"></i> Topics </button> </div> </div> </div> <script> function goBack() { // window.history.back(); document.getElementById('content-body').style.display = 'none'; } function closeScreen() { // Unset all checkboxes document.querySelectorAll('.redirect-checkbox').forEach(checkbox => { checkbox.checked = false; }); // Clear all selected data from the top removeSelection('country'); removeSelection('city'); removeSelection('topic'); // Hide the selected-item-box if it's visible document.getElementById('selected-item-box').style.display = 'none'; document.getElementById('filter-button').style.display = 'none'; } function searchItems() { const searchQuery = document.getElementById('searchInput').value.toLowerCase(); const clearButton = document.getElementById('clearBtn'); if (searchQuery.trim() !== '') { clearButton.style.display = 'inline'; } else { clearButton.style.display = 'none'; } // console.log(searchQuery); const items = document.querySelectorAll('#rightItems li'); items.forEach(item => { const text = item.innerText.toLowerCase(); item.style.display = text.includes(searchQuery) ? 'block' : 'none'; }); } function clearSearch() { document.getElementById('searchInput').value = ''; searchItems(); } function showCountryList() { document.getElementById('content-body').classList.remove('hidden'); document.getElementById('content-body').style.display = 'block'; document.getElementById('countryList').style.display = 'block'; document.getElementById('cityList').style.display = 'none'; document.getElementById('topicList').style.display = 'none'; activateSidebar('countrySidebar'); } function showCityList() { document.getElementById('content-body').classList.remove('hidden'); document.getElementById('content-body').style.display = 'block'; document.getElementById('cityList').style.display = 'block'; document.getElementById('countryList').style.display = 'none'; document.getElementById('topicList').style.display = 'none'; activateSidebar('citySidebar') if (selectedCountryId) { // Fetch cities for the selected country fetchCitiesByCountry(selectedCountryId); } else { // Fetch all cities if no country is selected fetchAllCities(); } } function showTopicList() { document.getElementById('content-body').classList.remove('hidden'); document.getElementById('content-body').style.display = 'block'; document.getElementById('topicList').style.display = 'block'; document.getElementById('countryList').style.display = 'none'; document.getElementById('cityList').style.display = 'none'; activateSidebar('topicSidebar'); } function activateSidebar(activeId) { const sidebarItems = ['countrySidebar', 'citySidebar', 'topicSidebar']; sidebarItems.forEach(item => { document.getElementById(item).classList.remove('active', 'text-[var(--primary-color)]'); }); document.getElementById(activeId).classList.add('active', 'text-[var(--primary-color)]'); } let selectedCountryId = null; // Track selected country ID let cityDataCache = {}; // Cache for storing city data by country function showCityList() { document.getElementById('content-body').classList.remove('hidden'); document.getElementById('content-body').style.display = 'block'; document.getElementById('cityList').style.display = 'block'; document.getElementById('countryList').style.display = 'none'; document.getElementById('topicList').style.display = 'none'; activateSidebar('citySidebar'); if (selectedCountryId) { // Fetch cities for the selected country fetchCitiesByCountry(selectedCountryId); } else { // Fetch all cities fetchAllCities(); } } // Update selectedCountryId on checkbox change document.querySelectorAll('.redirect-checkbox').forEach(checkbox => { checkbox.addEventListener('change', function() { if (this.checked) { selectedCountryId = this.getAttribute('data-id'); // Set selected country ID document.querySelectorAll('.redirect-checkbox').forEach(cb => { if (cb !== this) cb.checked = false; // Uncheck other checkboxes }); // Clear city data whenever country is selected selectedCity = ''; // Reset selected city cityDataCache = {}; // Clear cached city data showCityList(); // Refetch and display the city list for the new country } else { selectedCountryId = null; // Reset selected country ID selectedCountryId = null; // Reset selected country ID selectedCity = ''; // Clear selected city cityDataCache = {}; // Clear cached city data showCityList(); } }); }); // Fetch cities for a specific country function fetchCitiesByCountry(countryId) { console.log(countryId); if (cityDataCache[countryId]) { console.log('City data already cached for country ID:', countryId); displayCities(cityDataCache[countryId]); return; } $.ajax({ type: 'POST', url: 'https://www.conferenceineurope.org/fetch-cities.php', // Backend endpoint data: { country_id: countryId }, success: function(response) { cityDataCache[countryId] = response; // Cache city data displayCities(response); }, error: function() { console.error('Failed to fetch cities for country ID:', countryId); } }); } // Fetch all cities function fetchAllCities() { if (cityDataCache['all']) { console.log('All cities data already cached'); displayCities(cityDataCache['all']); return; } $.ajax({ type: 'POST', url: 'https://www.conferenceineurope.org/fetch-cities.php', // Backend endpoint data: { country_id: null }, // No country selected success: function(response) { cityDataCache['all'] = response; // Cache all cities data displayCities(response); }, error: function() { console.error('Failed to fetch all cities'); } }); } // Display cities in the city list function displayCities(cityData) { const cityList = document.getElementById('cityList'); cityList.innerHTML = ''; // Clear existing cities const cities = JSON.parse(cityData); // Parse JSON response cities.forEach(city => { // Create list item const li = document.createElement('li'); li.className = 'list-group-item'; // Create label const label = document.createElement('label'); label.className = 'checkbox-inline'; // Create checkbox const checkbox = document.createElement('input'); checkbox.type = 'checkbox'; checkbox.className = 'redirect-checkbox'; checkbox.setAttribute('data-url', getReplaceAndLower(city.pleace_name)); // Set checkbox and label text label.appendChild(checkbox); label.appendChild(document.createTextNode(` ${city.pleace_name}`)); // Add label to list item li.appendChild(label); // Append list item to city list cityList.appendChild(li); }); // Show the city list cityList.style.display = 'block'; } // Helper function to mimic `getReplaceAndLower` functionality function getReplaceAndLower(name) { // Example replacement logic (implement based on your backend logic) return name.toLowerCase().replace(/\s+/g, '-'); } function updateSelectedItemBox(category, itemText) { // console.log("Category:", category, "| Selected Item:", itemText); if (!category) { console.error("Category is null or undefined."); return; // Prevent function from proceeding if category is invalid } // Ensure the selected item box is visible const selectedItemBox = document.getElementById("selected-item-box"); if (selectedItemBox) { selectedItemBox.style.display = "block"; } // Update the text and visibility for the specific category const selectedItemSpan = document.getElementById(`selected-${category}`); const selectedItemList = document.getElementById(`item-${category}`); const removeButton = document.getElementById(`remove-${category}`); if (category === 'country') { document.getElementById('item-city').style.display = 'none'; } if (selectedItemList) { selectedItemList.style.display = "block"; } if (selectedItemSpan) { selectedItemSpan.textContent = itemText; } else { console.error(`No span element found for category: ${category}`); } if (removeButton) { removeButton.style.display = "inline-block"; } else { console.error(`No remove button found for category: ${category}`); } } function removeSelection(category) { console.log(category); // Hide the selected item in the UI const selectedItemSpan = document.getElementById(`selected-${category}`); const removeButton = document.getElementById(`remove-${category}`); const selectedItemContainer = document.getElementById(`item-${category}`); if (selectedItemSpan) { selectedItemSpan.textContent = ''; // Clear the selected item text } if (removeButton) { removeButton.style.display = 'none'; // Hide the remove button } if (selectedItemContainer) { selectedItemContainer.style.display = 'none'; // Hide the selected item container } // Uncheck the corresponding checkbox const listId = `${category}List`; // Derive the list ID from the category const checkboxes = document.querySelectorAll(`#${listId} .redirect-checkbox`); checkboxes.forEach(checkbox => { if (checkbox.checked) { checkbox.checked = false; // Uncheck the checkbox } }); // If 'country' is removed, trigger city refetch if (category === 'country') { selectedCountryId = null; // Reset the selected country ID cityDataCache = {}; // Clear cached city data showCityList(); // Refetch and show the city list window.selectedCity = ''; window.selectedCountry = ''; document.getElementById('item-country').style.display = 'none'; document.getElementById('item-city').style.display = 'none'; } else if (category === 'city') { window.selectedCity = ''; // Reset selected city } else if (category === 'topic') { window.selectedTopic = ''; // Reset selected topic } applyFilter(); } // Store the selected values let selectedCountry = ''; let selectedCity = ''; let selectedTopic = ''; // Define applyFilter globally function applyFilter() { let url = 'https://www.conferenceineurope.org/'; // Append filters to the URL if (window.selectedCity) { url += window.selectedCity; } else if (window.selectedCountry) { url += window.selectedCountry; } if (window.selectedTopic && (window.selectedCity || window.selectedCountry)) { url += '/' + window.selectedTopic; } else if (window.selectedTopic) { url += window.selectedTopic; } if (!window.selectedCountry && !window.selectedCity && !window.selectedTopic) { return; // Don't update the URL if no filters are selected } // console.log('Filter URL:', url); // Redirect to the constructed URL window.location.href = url; } // Add event listener for checkbox changes document.getElementById('content-body').addEventListener('change', function(event) { // Check if the clicked element is a checkbox with the class 'redirect-checkbox' if (event.target && event.target.classList.contains('redirect-checkbox')) { const checkbox = event.target; // The actual checkbox element const parentDivId = checkbox.closest('ul').id; // Get the parent ul element's id // Determine the category based on the parent UL ID let category = ''; if (parentDivId === 'countryList') { category = 'country'; } else if (parentDivId === 'cityList') { category = 'city'; } else if (parentDivId === 'topicList') { category = 'topic'; } // Update the selected filter data based on the category const dataUrl = checkbox.getAttribute('data-url'); // Get the associated data attribute if (!window.selectedCountry) window.selectedCountry = ''; if (!window.selectedCity) window.selectedCity = ''; if (!window.selectedTopic) window.selectedTopic = ''; if (checkbox.checked) { if (category === 'country') { window.selectedCountry = dataUrl; } else if (category === 'city') { window.selectedCity = dataUrl; } else if (category === 'topic') { window.selectedTopic = dataUrl; } // Ensure only one checkbox is selected per category document.querySelectorAll(`#${parentDivId} .redirect-checkbox`).forEach(otherCheckbox => { if (otherCheckbox !== checkbox) { otherCheckbox.checked = false; } }); } else { // Clear the selected filter for the unchecked category if (category === 'country') { window.selectedCountry = ''; } else if (category === 'city') { window.selectedCity = ''; } else if (category === 'topic') { window.selectedTopic = ''; } } // Update selected item box and manage display const itemText = checkbox.parentElement.textContent.trim(); if (checkbox.checked) { updateSelectedItemBox(category, itemText); } else { removeSelection(category); } // Show or hide the filter button based on selections if (window.selectedCountry || window.selectedCity || window.selectedTopic) { document.getElementById('filter-button').style.display = 'inline-block'; } else { document.getElementById('filter-button').style.display = 'none'; } // console.log('Checkbox clicked in:', parentDivId); } }); </script> <script src="https://www.conferenceineurope.org/js/bootstrap.js" type="text/javascript"></script>   <script> var i = $('div.hj iframe'); console.log(i.length); i.removeAttr('width'); i.removeAttr('height'); </script> <script> $("#myButton").click(function() { $('html, body').animate({ scrollTop: $("#myDiv").offset().top }, 2000); }); </script>  <script> var amountScrolled = 200; var amountScrolledNav = 25; $(window).scroll(function() { if ($(window).scrollTop() > amountScrolled) { $('button.back-to-top').addClass('show'); } else { $('button.back-to-top').removeClass('show'); } }); $('button.back-to-top').click(function() { $('html, body').animate({ scrollTop: 0 }, 800); return false; }); </script>   <script> const track = document.querySelector('.carousel-track'); const boxes = document.querySelectorAll('.carousel-box'); const leftButton = document.querySelector('.control-btn.left'); const rightButton = document.querySelector('.control-btn.right'); // Dimensions and offsets const boxWidth = boxes[0].offsetWidth + 10; // Get width including margins var visibleCount = 5; if (window.innerWidth <= 750) { visibleCount = 1; } else { visibleCount = 5; } const totalBoxes = boxes.length; const maxOffset = (totalBoxes - visibleCount) * boxWidth; // Maximum scrollable width let currentOffset = 0; // Left button functionality leftButton.addEventListener("click", () => { let lastBox = track.lastElementChild; // Get the last element track.prepend(lastBox); // Move last box to the front track.style.transition = "none"; // Disable transition for instant move track.style.transform = `translateX(-${boxWidth}px)`; // Shift to fake position setTimeout(() => { track.style.transition = "transform 0.5s ease-in-out"; // Re-enable smooth transition track.style.transform = "translateX(0)"; // Move back to normal }, 20); }); // Right button functionality rightButton.addEventListener('click', () => { if (currentOffset < maxOffset) { currentOffset += boxWidth; track.style.transform = `translateX(-${currentOffset}px)`; } }); </script> </body> </html>

CINXE.COM

Civil Engineering Conferences in Florence February 2025