CINXE.COM

Civil and Architecture Conference | Structural Engineering Conference | Environmental Engineering Conference | GRCCIVIL2025

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> Civil and Architecture Conference | Structural Engineering Conference | Environmental Engineering Conference | GRCCIVIL2025 </title> <meta content=" Civil and Architecture conference, Civil Engineering conference, Homepage, Singapore conferences, June conferences, Conference homepage " name='keywords'/> <meta content=" Global Research Conference on Civil, Structural and Environmental Engineering (GRCCIVIL2025) to be held during June 05-07, 2025 in Jurong, Singapore " name='description'/> <!-- Main style sheet --> <link rel="stylesheet" href="https://fosterresearch.org/2025/css/engineering.css"> <!-- responsive style sheet --> <link rel="stylesheet" type="text/css" href="https://fosterresearch.org/2025/css/responsive.css"> <link rel="stylesheet" type="text/css" href="https://fosterresearch.org/2025/css/pricing.css"> <!-- Fix Internet Explorer ______________________________________--> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <script src="vendor/html5shiv.js"></script> <script src="vendor/respond.js"></script> <![endif]--> <style> .kode-slider{ position:relative; float:left; width:100%; } .kode-slider li:after{ position:absolute; content:''; background:rgba(0, 0, 0, .5); left:0; top:0; right:0; bottom:0; z-index:1 } .kode-slider .bx-controls-direction{display:none;} .kode-slider .bx-wrapper .bx-pager, .kode-slider .bx-wrapper .bx-controls-auto{ z-index:50; bottom:40%; left:20px; width:20px; } .kode-slider .bx-wrapper .bx-pager.bx-default-pager a{ display:inline-block; vertical-align:top; width:12px; height:12px; border:2px solid #afafaf; border-radius:50%; background:none; } .kode-content{ color: #fff; left: 0; padding: 100px 0; position: absolute; top: 0; width: 100%; z-index: 3; text-align:center; } .kode-slider-content{ /*max-width:820px;*/ padding-top: 0em; margin:0 auto; overflow:hidden; text-transform:uppercase; } .txt-content{ margin: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-transform:uppercase; } .kode-content h1{ font-family: "Poppins",sans-serif; font-weight: 900; } .kode-content h2{ margin:0 0 10px; color:#fff; font-size: 20px; line-height:60px; /*text-transform:uppercase;*/ } .kode-content .overflow { margin: 0px 15px 60px; max-width: 800px; } /*.kode-content .overflow{ margin:20px 200px 20px; max-width: 800px; }*/ .kode-content h3{ float:left; border-top:3px solid #fff; font-size:20px; line-height:24px; padding:15px 0 0; text-transform:uppercase; color:#fff; } .right-float{ float:right; } .kode-content .right-float{ float:right; } .kode-content p{ margin:0 0 20px; } .button-holder{ position:relative; overflow:hidden; } .button{ display:inline-block; vertical-align:top; border: 1px solid #ffffff; border-radius:3px; width:190px; text-align:center; padding:18px 10px; font:bold 14px/20px 'Montserrat', Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; transition: background-color 0.5s ease; } .button-holder .button{margin:0 5px;} .button.active, .button:hover{ text-decoration:none; color:#fff; border:1px solid #044b4a } .kode-content h3 { float: left; border-top: 3px solid #fff; font-size: 20px; line-height: 24px; padding: 15px 0 0; text-transform: uppercase; color: #fff; } .register-holder { position: absolute; background: rgba(0, 0, 0, .5); left: 0; bottom: 0; right: 0; width: 100%; height: 90px; z-index: 50; } .kode-btn-style-1 { background-color: #ff671f; } .register-content h3 { margin:22px 0 5px; font-size: 30px; line-height: 24px; text-transform: uppercase; color: #fff; } .register-content p { margin: 0; font-size: 14px; } .register-button { width: 510px; height: 90px; margin: 0 auto; text-align: center; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .kf_speaker_socil, .kf_heading_1 i:before, .kf_experience_list:before, .kf_experience_list span, .owl-theme.kf_testimonial_bg .owl-controls .owl-page.active span, .owl-theme.kf_testimonial_bg .owl-controls .owl-page:hover span, .kf_aside_twitter, .kode_calender .fc-toolbar, .blog_img_year, .kf_reply_field input[type="submit"], .kf_reply_field button, .Kode-page-heading, .register-button, #kode-gallery-causel .owl-controls .owl-buttons div:hover, .kf_heading_3 span:before, #kode-testimonial-causel .owl-controls .owl-buttons div:hover, .col-right .button-member, .button.active, .button:hover, .Kode-page-heading, .kode-thumb-caption span a:hover, .kode-blog-2 figure:after, .kode-contact-area > a, .register-button:hover, .first-letter, .pag .pagination > li:hover a, .kf_gallery figure, .col-right .button-member, .button.active, .button:hover, .Kode-page-heading, .kode-thumb-caption span a:hover, .kode-blog-2 figure:after, .kode-contact-area > a, .register-button:hover, .first-letter, .kode-nav li.active > a, .kode-nav ul li:hover > a, .kf_faq_banner .bx-wrapper .bx-controls-direction a:hover, .button-animate span::before, .button-animate span, .main-service-box:hover, .button-slide:hover, .button-slide:focus, .button-slide.active, .scheduletabs .nav-tabs > li.active > a, .scheduletabs .nav-tabs > li.active > a:hover, .scheduletabs .nav-tabs > li.active > a:focus, .scheduletabs .nav-tabs > li.active > a:after, .scheduletabs .nav-tabs > li.active > a:hover:after, .scheduletabs .nav-tabs > li.active > a:focus:after, .auditorium li.active a:after, .auditorium a:hover:after, .find-us-heder, .subscribe-form input[type='submit'], .new-ourspeaker.over-state, .kode-price-footer a:hover, .kode-price-box:hover .kode-price-footer a, .kode-event-testimonial .border-left, .time-newevent, .kode-newblog-footer a:hover, .kode-event-contact .border-left, .contactusform input[type="submit"], .kode-ask-question a, .footer-copyright, .kode-welcome .icon-srvc, .col-right .button-member, .event-slider-box .bx-wrapper .bx-pager.bx-default-pager a:hover, .event-slider-box .bx-wrapper .bx-pager.bx-default-pager a.active, .event-slider-box .bx-wrapper .bx-pager.bx-default-pager a:focus, .bottom-border, .overcontent:before, .kode-error > a:hover, .filter-item li a.active, .filter-item li a:hover, .filter-item li a:focus, .lode-more, .counter-meta, .kode-loading-link, .kode-health-caption > a, #mobile-header:hover, .header-social a:hover, .kode-btn-style-1, .thbg-color { } .service-style-one .single-service { position: relative; padding-left: 118px; overflow: hidden; margin-bottom: 30px; } .service-style-one .single-service .text { border: 1px solid #eaeaea; border-radius: 0 4px 4px 0; border-left:none; padding: 20px 10px 18px 30px; } .service-style-one .single-service .text p {padding-bottom: 10px;} .service-style-one .single-service .text .read-more { font-size: 14px; font-weight: 700; } .service-style-one .single-service .text .read-more i {margin-left: 2px;} .service-style-one .single-service .img-box { position: absolute; left:0; top:0; bottom: 0; width: 120px; border-radius: 5px; background: #001a57; } .service-style-one .single-service .img-box img {width: 100%;border-radius: 4px;opacity: 0.9;} .service-style-one .single-service:hover .text {border-color: #fff;} .service-style-one .single-service:hover { box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08); } .service-style-one .wrapper {margin-top: 50px;} .service-style-one .contact-text {text-align: center;padding-top:35px;} .service-style-one .contact-text h4 {font-weight: normal;margin-bottom: 10px;} .service-style-one .contact-text h5 {font-weight: normal;display: inline-block;position: relative;} .service-style-one .contact-text h5:before { content: ''; width: 100%; height: 1px; position: absolute; bottom: 1px; left:0; }.service-style-one .single-service { position: relative; padding-left: 118px; overflow: hidden; margin-bottom: 30px; } .service-style-one .single-service .text { border: 1px solid #eaeaea; border-radius: 0 4px 4px 0; border-left:none; padding: 20px 10px 18px 30px; } .service-style-one .single-service .text p {padding-bottom: 10px;} .service-style-one .single-service .text .read-more { font-size: 14px; font-weight: 700; } .service-style-one .single-service .text .read-more i {margin-left: 2px;} .service-style-one .single-service .img-box { position: absolute; left:0; top:0; bottom: 0; width: 120px; border-radius: 5px; background: #001a57; } .service-style-one .single-service .img-box img {width: 100%;border-radius: 4px;opacity: 0.9;} .service-style-one .single-service:hover .text {border-color: #fff;} .service-style-one .single-service:hover { box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08); } .service-style-one .wrapper {margin-top: 50px;} .service-style-one .contact-text {text-align: center;padding-top:35px;} .service-style-one .contact-text h4 {font-weight: normal;margin-bottom: 10px;} .service-style-one .contact-text h5 {font-weight: normal;display: inline-block;position: relative;} .service-style-one .contact-text h5:before { content: ''; width: 100%; height: 1px; position: absolute; bottom: 1px; left:0; } .icon_tool{ font-size: 20px; background: #0d3e60; padding: 10px; border-radius: 50%; color: #fff; width: 50px; height: 50px; line-height: 33px; } #mega-menu-holder>ul> li.has-submenu> a { padding-right: 20px !important; } #quote-carousel { padding: 0 10px 30px 10px; margin-top: 30px; /* Control buttons */ /* Previous button */ /* Next button */ /* Changes the position of the indicators */ /* Changes the color of the indicators */ } #quote-carousel .carousel-control { background: none; color: #CACACA; font-size: 2.3em; text-shadow: none; margin-top: 30px; } #quote-carousel .carousel-control.left { left: -60px; } #quote-carousel .carousel-control.right { right: -60px; } #quote-carousel .carousel-indicators { right: 50%; top: auto; bottom: 0px; margin-right: -19px; } #quote-carousel .carousel-indicators li { width: 50px; height: 50px; margin: 5px; cursor: pointer; border: 4px solid #CCC; border-radius: 50px; opacity: 0.4; overflow: hidden; transition: all 0.4s; } #quote-carousel .carousel-indicators .active { background: #333333; width: 128px; height: 128px; border-radius: 100px; border-color: #f33; opacity: 1; overflow: hidden; } .carousel-inner { min-height: 200px; } .item blockquote { border-left: none; margin: 0; } .item blockquote p:before { content: "\f10d"; font-family: 'Fontawesome'; float: left; margin-right: 10px; } #slider { position: relative; width: 500px; height: 290px; margin: 100px auto; overflow: hidden; box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); } #slider ul { position: relative; list-style: none; height: 100%; width: 10000%; padding: 0; margin: 0; transition: all 750ms ease; left: 0; } #slider ul li { position: relative; height: 100%; float: left; } #slider ul li img{ width: 500px; height: 290px; } #slider #prev, #slider #next { width: 40px; line-height: 40px; font-size: 1.5rem; text-shadow: 0 0 20px rgba(0, 0, 0, 0.6); text-align: center; color: black; background: #f9f7fb; text-decoration: none; position: absolute; top: 50%; transform: translateY(-50%); transition: all 150ms ease; } #slider #prev:hover, #slider #next:hover { background-color: rgba(0, 0, 0, 0.5); text-shadow: 0; color: white; } #slider #prev { } #slider #next { right: 0px; } .float{ position:fixed; width:60px; height:60px; bottom:40px; right:40px; background-color:#25d366; color:#FFF; border-radius:50px; text-align:center; font-size:30px; box-shadow: 2px 2px 3px #999; z-index:100; } .my-float{ margin-top:16px; } </style> </head> <body> <div class="main-page-wrapper"> <!-- =================================================== Loading Transition ==================================================== --> <!--<div id="loader-wrapper"> <div id="loader"></div> </div>--> <style> #mega-menu-holder li .sub-toggle { font-family: 'font-awesome'; position: absolute; right: 10px; top: 0; line-height: 75px; color: #8f97ab; font-size: 14px; text-align: center; cursor: pointer; z-index: 9; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #mega-menu-holder>ul> li> a { position: relative; padding: 11px 1px 4px 14px; display: block; font-weight: 700; font-size: 14px; text-transform: capitalize; color: #8f97ab; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear; } a:hover, a:focus, a:visited { text-decoration: none; outline: none; } </style> <!-- ============================================= Theme Header Two ============================================== --> <header class="header-two"> <div class="theme-menu-wrapper"> <div class="container"> <div class="bg-wrapper clearfix"> <div class="logo float-left"><a href="https://fosterresearch.org/2025/civilengineering"><img src="https://fosterresearch.org/cms/photos/56-header-logo.png" alt=""style="width: 235px;"></a></div> <!-- ============== Menu Warpper ================ --> <div class="menu-wrapper float-left"> <nav id="mega-menu-holder" class="clearfix"> <ul class="clearfix"> <li class="active"><a href="https://fosterresearch.org/2025/civilengineering">Home</a> </li> <li><a href="#" class="ml-2">Conference</a> <ul class="dropdown"> <li><a href="#">Welcome Message</a></li> <li><a href="https://fosterresearch.org/2025/civilengineering#sessions">Scientific Tracks</a></li> <li><a href="https://fosterresearch.org/2025/civilengineering/abstract-submission">Abstract Submission</a></li> <li><a href="https://fosterresearch.org/2025/civilengineering/brochure">Brochure Download</a></li> <li><a href="https://fosterresearch.org/2025/civilengineering#registration">Reserve Your Slot</a></li> <li><a href="https://fosterresearch.org/2025/civilengineering/cpd">CPD Credits</a></li> </li> </ul> </li> <li><a href="#">Our Experts</a> <ul class="dropdown"> <li><a href="https://fosterresearch.org/2025/civilengineering/committee">OCM</a></li> <li><a href="https://fosterresearch.org/2025/civilengineering/speakers">Plenary</a></li> <li><a href="https://fosterresearch.org/2025/civilengineering/speakers">Keynote</a></li> <li><a href="https://fosterresearch.org/2025/civilengineering/speakers">Invited</a></li> <!--<li><a href="https://fosterresearch.org/2025/civilengineering/best-yrf">YRF</a></li>--> </ul> </li> <li><a href="#">Program</a> <ul class="dropdown"> <li><a href="#">Tentative Program</a></li> <li><a href="#">Final Program</a></li> </ul> </li> <li><a href="#">Other Info</a> <ul class="dropdown"> <li><a href="https://fosterresearch.org/2025/civilengineering/workshop">Workshop</a></li> <li><a href="https://fosterresearch.org/2025/civilengineering/best-yrf">Best YRF</a></li> <li><a href="https://fosterresearch.org/2025/civilengineering/best-poster">Best Poster</a></li> <li><a href="https://fosterresearch.org/2025/civilengineering/e-poster">E-POSTER</a></li> <li><a href="https://fosterresearch.org/2025/civilengineering/cancellation-policy">Cancellation Policy</a></li> <li><a href="https://fosterresearch.org/2025/civilengineering/registration-policies">Registration Policies</a></li> </ul> </li> <li><a href="https://fosterresearch.org/2025/civilengineering/sponsorship-exhibitor">Sponsor / Exhibitor</a></li> <li><a href="https://fosterresearch.org/2025/civilengineering/visa-info">Visa Info</a></li> <li><a href="https://fosterresearch.org/2025/civilengineering#venue">Venue</a></li> <li><a href="https://fosterresearch.org/2025/civilengineering/contact" class="ml-1">Contact</a></li> </ul> </nav> <!-- /#mega-menu-holder --> </div> <!-- /.menu-wrapper --> </div> <!-- /.bg-wrapper --> </div> <!-- /.container --> </div> <!-- /.theme-menu-wrapper --> </header> <!-- /.header-two --> <div class="kode-slider"> <ul class=""> <li> <img src="https://fosterresearch.org/cms/banners/608-banners-Photo.gif" alt="" style="width: -webkit-fill-available; margin-left:0px;height:555px;"/> <div class="kode-content"> <div class="container"> <div class="row"> <div class="kode-slider-content"> <h2 style="font-weight:normal !important; font-size: 25px;" > <b>2<sup>nd</sup> Global Research Conference on </b> </h2> <h2 style="font-weight:normal !important; font-size: 25px;" > <b>Civil, Structural and Environmental Engineering </b> </h2> <h1><span style="font-size:1.5em; color: #FFF">GRCCIVIL2025</span></h1> <!-- <h1><span style="font-size:1.5em !important; font-weight: bold !important;color: #FFF">GRCGYNEO2025</span></h1>--> <div class="overflow"> <h3>June 05-07, 2025</h3> <h3 class="right-float">Jurong, Singapore</h3> </div> <div class="button-holder"> <!--<button class="button" onclick="submit_abstract()">Submit Abstract </button>--> <a href="https://fosterresearch.org/2025/civilengineering/abstract-submission" class="button">Submit Abstract</a> <a href="https://fosterresearch.org/2025/civilengineering#sessions" class="button">View Tracks</a> </div> </div> </div> </div> </li> <div class="register-holder"> <div class="register-button"> <a href="https://fosterresearch.org/2025/civilengineering#registration" class="register-content"> <h3>Click to Register</h3> <p style="color:#fff;">Early Bird Registration Before December 25, 2024</p> </a> </div> </div> </ul> </div> </div> <!-- ============================================= Theme Main Banner ============================================== --> <!--<div id="theme-main-banner" class="banner-one" style="height:250px !important;"> <div data-src="images/home/nanotechnololgy-2.jpg" style="height:500px !important;"> <div class="camera_caption"> <div class="container"> <h2 class="wow fadeInUp animated text-center text-white" data-wow-delay="0.2s">GRCSENSORS2025</h2> <hr style="border-bottom:3px solid #fff;"> <h1 class="wow fadeInUp animated text-center text-white" data-wow-delay="0.2s">Global Research Conference on Analog Electronics, Sensors and Signal Processing <span style=" "> </span> </h1> <div align="center" style="margin-top: 1rem;margin-bottom: 1rem;"> <a href="about.html" class="text-white"><i class="fa fa-calendar"></i> April 03-05-2025</a> <a href="about.html" class="text-white"><i class="fa fa-map-marker"></i> Osaka, Japan</a> <br> </div> <div align="center"> <a href="about.html" class="theme-button-one wow fadeInUp animated" data-wow-delay="0.39s" style="">Abstract Submission</a> <a href="about.html" class="theme-button-one wow fadeInUp animated" data-wow-delay="0.39s">Register</a> </div> </div> </div> </div> <div data-src="images/home/nano-5.jpg" style="height:250px !important;"> <div class="camera_caption"> <div class="container"> <h2 class="wow fadeInUp animated text-center text-white" data-wow-delay="0.2s">GRCSENSORS2025</h2> <hr style="border-bottom:3px solid #fff;"> <h1 class="wow fadeInUp animated text-center text-white" data-wow-delay="0.2s">Global Research Conference on Analog Electronics, Sensors and Signal Processing <span style=" "> </span> </h1> <div align="center" style="margin-top: 1rem;margin-bottom: 1rem;"> <a href="about.html" class="text-white"><i class="fa fa-calendar"></i> April 03-05-2025</a> <a href="about.html" class="text-white"><i class="fa fa-map-marker"></i> Osaka, Japan</a> <br> </div> <div align="center"> <a href="about.html" class="theme-button-one wow fadeInUp animated" data-wow-delay="0.39s" style="">Abstract Submission</a> <a href="about.html" class="theme-button-one wow fadeInUp animated" data-wow-delay="0.39s">Register</a> </div> </div> </div> </div> <div data-src="images/home/nano-10.jpg" style="height:250px !important;"> <div class="camera_caption"> <div class="container"> <h2 class="wow fadeInUp animated text-center text-white" data-wow-delay="0.2s">GRCSENSORS2025 </h2> <hr style="border-bottom:3px solid #fff;"> <h1 class="wow fadeInUp animated text-center text-white" data-wow-delay="0.2s"> Global Research Conference on Analog Electronics, Sensors and Signal Processing <span style=" "> </span> </h1> <div align="center" style="margin-top: 1rem;margin-bottom: 1rem;"> <a href="about.html" class="text-white"><i class="fa fa-calendar"></i> April 03-05-2025</a> <a href="about.html" class="text-white"><i class="fa fa-map-marker"></i> Osaka, Japan</a> <br> </div> <div align="center"> <a href="about.html" class="theme-button-one wow fadeInUp animated" data-wow-delay="0.39s" style="">Abstract Submission</a> <a href="about.html" class="theme-button-one wow fadeInUp animated" data-wow-delay="0.39s">Register</a> </div> </div> </div> </div> </div> --> <!-- ============================================= CallOut Banner ============================================== --> <!--<div class="callout-banner section-spacing"> <div class="container clearfix"> <h3 class="title">Provide solutions for the realiable growth</h3> <p>A tale of a fateful trip that started from this tropic port aboard this tiny ship today still wanted by the government they survive as soldiers of fortune to ever wondered the east side to a deluxe apartment.</p> <a href="#" class="theme-button-one">REGISTER</a> </div> </div> <!-- /.callout-banner --> <!-- ============================================= Our Solution ============================================== --> <div class="our-solution section-spacing"> <div class="container"> <div class="theme-title-one"> </div> <!-- /.theme-title-one --> <div class="container"> <div class="row" style="padding-top: 26px;"> <div class="col-md-8"> <div class="Description product-review-tab"> <ul class="nav nav-tabs"> <!--<li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#description" style="border: none;" id="welcomeMessageTab" >Welcome Message</a> </li>--> <li class="nav-item"> <a class="nav-link " data-toggle="tab" href="#review" style="border: none;" id="aboutConferenceTab">About Conference</a> </li> </ul> <!-- Tab panes --> <div class="tab-content"> <div id="review" class="tab-pane active"> <div class="single-review clearfix"> <!--<img src="images/blog/17.jpg" alt="" class="float-left">--> <div class="comment float-left <style> p {font-family: "'Source Sans Pro', sans-serif !important;"} </style> <p class="text-justify"> <p class="MsoNormal" align="center" style="margin-top:12.0pt;mso-margin-bottom-alt: auto;text-align:center;line-height:normal"><b><span style="font-size: 12pt; font-family: " times="" new="" roman",="" "serif";"="">Welcome Message to our Participants, Distinguished Speakers, and Scholars for Attending 2<sup>nd</sup>&nbsp;edition of GRCCIVIL2025 in Jurong, Singapore, on</span></b><span style="font-size: 12pt; font-family: " times="" new="" roman",="" "serif";"="">&nbsp;<b>June 5–7, 2025.</b><o:p></o:p></span></p><p class="MsoNormal" style="margin-top:12.0pt;mso-margin-bottom-alt:auto; text-align:justify;line-height:normal"><span style="font-size: 12pt; font-family: " times="" new="" roman",="" "serif";"="">We are excited to bring together renowned scientists, outstanding researchers, academicians, professionals, corporate delegations, and excellent students communities from around the world for an in-depth investigation of <b>Civil, Structural and Environmental Engineering</b>. Our goal is to create a comprehensive global forum where academics can exchange ideas and present cutting-edge research in this critical area. As we engage on this joint adventure, we must acknowledge the environmental difficulties we confront. From the gloomy spectre of global warming to the far-reaching consequences of our current energy source, the need for change is overwhelming. The urgency to move to cleaner and civil engineering has become important, reflecting the primary emphasis of the globe today.<o:p></o:p></span></p><p class="MsoNormal" style="margin-top:12.0pt;mso-margin-bottom-alt:auto; text-align:justify;line-height:normal"><span style="font-size: 12pt; font-family: " times="" new="" roman",="" "serif";"="">We focus on the theme of&nbsp;<b>“<i>Challenges of Civil Engineering in Addressing Extreme Threats of Natural Disasters: -Towards Resilient Society”.</i></b><o:p></o:p></span></p><p class="MsoNormal" style="margin-top:12.0pt;mso-margin-bottom-alt:auto; text-align:justify;line-height:normal"><span style="font-size: 12pt; font-family: " times="" new="" roman",="" "serif";"="">GRCCIVIL2025 aims to unite distinguished scientists, talented engineer’s, young researchers, esteemed academicians, business delegates, and exceptional student communities around the world in one venue. The conference aims to facilitate constructive discussions, allowing researchers and authors to showcase their work. Its primary objective is to create a comprehensive global platform where experts and participants from academia can exchange ideas and present the latest findings in Civil, Structural and Environmental Engineering and related fields. It will be hosting a forum of&nbsp;<b>Plenaries, Keynote, Invited lectures and orals Poster Presentations</b>. We anticipate that this gathering will provide attendees with with a highly rewarding educational and collaborative experience.<o:p></o:p></span></p><p class="MsoNormal" style="margin-top:12.0pt;mso-margin-bottom-alt:auto; text-align:justify;line-height:normal"><span style="font-size: 12pt; font-family: " times="" new="" roman",="" "serif";"="">We eagerly await your esteemed presence at&nbsp;<b>GRCCIVIL2025 in Jurong, Singapore</b>. Your participation will be invaluable to the success of the event.<o:p></o:p></span></p><p class="MsoNormal" align="center" style="mso-margin-bottom-alt:auto;text-align: center;line-height:normal"> </p><p class="MsoNormal" style="margin-top:12.0pt;mso-margin-bottom-alt:auto; text-align:justify;line-height:normal"><span style="font-size: 12pt; font-family: " times="" new="" roman",="" "serif";"="">Regards,<br> GRCCIVIL2025<br> Organizing Committee<o:p></o:p></span></p> </p> </div> <!-- /.comment --> </div> <!-- /.single-review --> </div> </div> </div> <!-- /.product-review-tab --> </div> <!-- col-md-8 --> <div class="col-lg-4 col-12 text"> <div class="reg-form registration-form main-carousel2" style="padding-top: 0px;"> <div class="theme-title-one"> <h2>Important Dates</h2> <!--<p>A tale of a fateful trip that started from this tropic port aboard this tiny ship today stillers</p>--> </div> <div class="form-wrapper registration-form-wrap mb-30" style=" margin-top: 3%;"> <ul> <li style="background-color: rgba(0, 0, 0, .6);"> <a href="#" target="_blank" tabindex="0" style=" color: #fff; display: flex; justify-content:center; padding: 8px 0; background: #0d3e60;">Abstract Submission Deadline : January 28, 2025 </a> </li> <li style="background-color: #fff !important;"> <a href="#" target="_blank" tabindex="0" style=" color: #000; display: flex; justify-content:center; padding: 8px 0;background-color: #fff;">Early Bird Ends: December 25, 2024 </a> </li> <li style="background-color: rgba(0, 0, 0, .6);"> <a href="#" target="_blank" tabindex="0" style=" color: #fff; display: flex; justify-content:center; padding: 8px 0; background: #0d3e60;">Standard Registration Ends: January 20, 2025 </a> </li> <!--<li > <a href="#" target="_blank" tabindex="0" style="color: #000; display: flex; justify-content:center; padding: 8px 0;"></a> </li>--> <li style="background-color: rgba(0, 0, 0, .6);"> <a href="#" target="_blank" tabindex="0" style=" color: #000; display: flex; justify-content:center; padding: 8px 0;background-color: #fff;">On Spot Registration: June 05, 2025 </a> </li> <!--<li > <a href="#" target="_blank" tabindex="0" style="color: #000; display: flex; justify-content:center; padding: 8px 0;"></a> </li>--> </ul> </div> </div> <style> .active-tab { color: green !important; } #wrapper{ width:600px; margin:50px auto; height:400px; position:relative; color:#fff; text-shadow:rgba(0,0,0,0.1) 2px 2px 0px; } #slider-wrap{ width:600px; height:400px; position:relative; overflow:hidden; } #slider-wrap ul#slider{ width:100%; height:100%; position:absolute; top:0; left:0; } #slider-wrap ul#slider li{ float:left; position:relative; width:600px; height:400px; } #slider-wrap ul#slider li > div{ position:absolute; top:20px; left:35px; } #slider-wrap ul#slider li > div h3{ font-size:36px; text-transform:uppercase; } #slider-wrap ul#slider li > div span{ font-family: Neucha, Arial, sans serif; font-size:21px; } #slider-wrap ul#slider li i{ text-align:center; line-height:400px; display:block; width:100%; font-size:90px; } /*btns*/ .btns{ position:absolute; width:50px; height:60px; top:50%; margin-top:-25px; line-height:57px; text-align:center; cursor:pointer; background:rgba(0,0,0,0.1); z-index:100; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; -ms-transition: all 0.1s ease; transition: all 0.1s ease; } .btns:hover{ background:rgba(0,0,0,0.3); } #next{right:-50px; border-radius:7px 0px 0px 7px;} #previous{left:-50px; border-radius:0px 7px 7px 7px;} #counter{ top: 30px; right:35px; width:auto; position:absolute; } #slider-wrap.active #next{right:0px;} #slider-wrap.active #previous{left:0px;} /*bar*/ #pagination-wrap{ min-width:20px; margin-top:350px; margin-left: auto; margin-right: auto; height:15px; position:relative; text-align:center; } #pagination-wrap ul { width:100%; } #pagination-wrap ul li{ margin: 0 4px; display: inline-block; width:5px; height:5px; border-radius:50%; background:#fff; opacity:0.5; position:relative; top:0; } #pagination-wrap ul li.active{ width:12px; height:12px; top:3px; opacity:1; box-shadow:rgba(0,0,0,0.1) 1px 1px 0px; } /*Header*/ h1, h2{text-shadow:none; text-align:center;} h1{ color: #666; text-transform:uppercase; font-size:36px;} h2{ color: #7f8c8d; font-family: Neucha, Arial, sans serif; font-size:18px; margin-bottom:30px;} /*ANIMATION*/ #slider-wrap ul, #pagination-wrap ul li{ -webkit-transition: all 0.3s cubic-bezier(1,.01,.32,1); -moz-transition: all 0.3s cubic-bezier(1,.01,.32,1); -o-transition: all 0.3s cubic-bezier(1,.01,.32,1); -ms-transition: all 0.3s cubic-bezier(1,.01,.32,1); transition: all 0.3s cubic-bezier(1,.01,.32,1); } </style> <br> <div class="theme-title-one"> <h2>PREVIOUS GLIMPSES</h2> <!--<p>A tale of a fateful trip that started from this tropic port aboard this tiny ship today stillers</p>--> </div> <div style="width:100%;"><div id="carouselExampleControls" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <div class="carousel-item active"> <img class="d-block w-100" src="images/conference-people-1.jpg" alt="First slide"> </div> <div class="carousel-item"> <img class="d-block w-100" src="images/conference-people-2.jpg" alt="Second slide"> </div> <div class="carousel-item"> <img class="d-block w-100" src="images/conference-people-3.jpg" alt="Third slide"> </div> <div class="carousel-item"> <img class="d-block w-100" src="images/conference-people-4.jpg" alt="Forth slide"> </div> <div class="carousel-item"> <img class="d-block w-100" src="images/conference-people-5.jpg" alt="Fifth slide"> </div> </div> <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true" style="margin-bottom: 35px;"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true" style="margin-bottom: 35px;"></span> <span class="sr-only">Next</span> </a> </div> </div> </div> </div> <!-- /.container --> </div> <!-- /.our-solution --> </div> </div> <div class="our-case section-spacing"> <div class="container"> <div class="theme-title-one"> <h2>PLENARY SPEAKERS</h2> <!--<p>A tale of a fateful trip that started from this tropic port aboard this tiny ship today stillers</p>--> </div> <!-- /.theme-title-one --> <div class="our-team section-spacing"> <div class="container"> <div class="wrapper"> <div class="row"> <div class="col-xl-4 col-md-6 col-12"> <div class="row single-service"> <div class="col-md-4"> <div class="team-member"> <div align="center" class="image-box"> <img src="https://fosterresearch.org/cms/photos/225-Plenary-Photo.jpg" alt="" style="height:100px;"> <div align="center" class="overlay"> <div class="hover-content"> <ul> <li><a href="#" data-toggle="modal" data-target="#Plenary_Speaker_225"> <i class="fa fa-eye" aria-hidden="true"></i></a></li> </ul> <p>BIOGRAPHY <i class="fa fa-angle-right" aria-hidden="true"></i> </p> </div> <!-- /.hover-content --> </div> <!-- /.overlay --> </div> <!-- /.image-box --> </div> </div> <div class="col-md-8" style="margin-top: 30px;"> <div class="text"> <div align=""> <img src="https://fosterresearch.org/cms/photos/225-Unviversity-Photo.png" alt="" style="width:120px;"> </div> <h5 style="font-size:14px;"><a href="#">Dr. Vistasp Karbhari</a></h5> <p style="font-size:13px;line-height: 15px;"> University of Texas at Arlington</br>US</p> </div> <!-- /.text --> </div> </div> <!-- /.single-service --> </div> <!-- /.col- --> <div class="modal fade" id="Plenary_Speaker_225" role="dialog"> <br> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h4 style="color: #000" class="modal-title">Biography</h4> </div> <div class="modal-body"> <p style="color: #000" align="justify">A visionary leader and accomplished scholar, Dr. Vistasp M. Karbhari took office in June 2013 as the eith president of The University of Texas at Arlington (UTA). As president, he is committed to advancing UTA’s national and international profile while strengthening excellence in research and teaching and ensuring the success of UTA’s students in campus-based and online degree programs in Texas and around the world. In the 2017-18 academic year, UTA served almost 60,000 students through these programs. Under his leadership, UTA has achieved Carnegie R-1 status, was named a Hispanic-Serving Institution, and is ranked as the top educational institution in the State of Texas for Veterans and Adult Learners, in addition to having nationally ranked programs in each of UTA’s schools and colleges. Prior to joining UTA, President Karbhari served at the University of Alabama in Huntsville (2008-2013), the University of California San Diego (1995-2008), and the University of Delaware (1991-1995). A prolific researcher, President Karbhari is an expert in the processing and mechanics of composites, durability of materials, infrastructure rehabilitation, and multi-threat mitigation, and has authored or co-authored more than 460 papers in journals and conference proceedings and edited or co-edited six books. He is a fellow of several pre-eminent research organizations, including the National Academy of Inventors, the American Society of Civil Engineers, ASM International, the International Institute for Fiber-Reinforced Polymers in Construction, the International Society for Structural Health Monitoring of Intelligent Infrastructure, and the ASCE’s Structural Engineering Institute.</p> </div> </div> </div> </div> </div> </div> </div> </div> <!-- /.wrapper --> </div> <!-- /.container --> </div> <!-- /.end of section-spacing --> <!-- Trigger the modal with a button --> <div align="center" class="col-md-12"> <div class="row" align="center" style="padding-top:15px;"> <div class="col-md-4"></div> <div class="col-md-2"> <span> <a type="button" class="theme-button-one" data-toggle="modal" data-target="#plenary_speakersmodel" style="padding: 0px 10px;">SUGGEST A SPEAKER</a> </div> <div class="col-md-2"> <a type="button" class="theme-button-one" data-toggle="modal" data-target="#plenary_speakersviewmodel" style="padding: 0px 10px;">VIEW ALL</a></span> </div> <div class="col-md-4"></div> </div> </div><!-- button ends--> <!-- Modal Suggest a Speaker --> <div id="plenary_speakersmodel" class="modal fade" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" style=" font-size: 17px;text-align: center !important;margin: 0px auto;">Suggest a Speaker</h4> </div> <div class="modal-body"> <div class="form-wrapper"> <form action="#" class="theme-form-one form-validation" autocomplete="" method="POST"> <div class="row"> <select name="title" class="form-control" placeholder="Title" id="title" name="title"> <option value="" selected=""> Select Titles </option> <option value="Prof."> Prof.</option> <option value="Dr.">Dr. </option> <option value="Mr."> Mr. </option> <option value="Mrs."> Mrs. </option> <option value="Ms."> Ms. </option> </select> <div class="col-sm-6 col-12"><input type="text" class="form-control" placeholder="Name *" name="name" id="Name"></div> <div class="col-sm-6 col-12"><input type="email" class="form-control" placeholder="Email *" name="email" id="Email"></div> <div class="col-sm-6 col-12"><input type="text" class="form-control" placeholder="Colleague Name 1: *" name="ColleagueName1" id="ColleagueName1"></div> <div class="col-sm-6 col-12"><input type="email" class="form-control" placeholder="c_email1: *" name="c_email1" id="c_email1"></div> <div class="col-sm-6 col-12"><input type="text" class="form-control" placeholder="Colleague Name 2: *" name="ColleagueName2" id="ColleagueName2"></div> <div class="col-sm-6 col-12"><input type="email" class="form-control" placeholder="c_email2: *" name="c_email2" id="c_email2"></div> <div class="col-sm-6 col-12"><input type="hidden" class="form-control" name="toemail" value="grccivil@fosterresearch.org" id="c_email2"></div> <div class="col-sm-6 col-12"><input type="hidden" class="form-control" name="Speaker_Category1" value="Plenary Speaker"></div> <div class="col-12"><textarea placeholder="Write Subject" class="form-control" name="message"></textarea></div> </div> <!-- /.row --> <button class="theme-button-one" id="Suggest-Speaker" name="Suggest-Speaker1">SUBMIT</button> </form> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> <!-- Modal --> <!-- Modal VIEW ALL --> <div id="plenary_speakersviewmodel" class="modal fade" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <h5 align="center" style="font-size: 17px;">Please fill out this form. You'll get speakers information:</h5> </div> <div class="modal-body"> <div class="form-wrapper"> <form action="#" class="theme-form-one form-validation" autocomplete="" method="POST"> <div class="row"> <div class="col-sm-6 col-12"> <select name="title" class="form-control" placeholder="Title" id="title" name="title"> <option value="" selected=""> Select Titles </option> <option value="Prof."> Prof.</option> <option value="Dr.">Dr. </option> <option value="Mr."> Mr. </option> <option value="Mrs."> Mrs. </option> <option value="Ms."> Ms. </option> </select></div> <div class="col-sm-6 col-12"><input type="text" class="form-control" placeholder="Name *" name="name"></div> <div class="col-sm-6 col-12"><input type="email" class="form-control" placeholder="Email Id *" name="email"></div> <div class="col-sm-6 col-12"><input type="email" class="form-control" placeholder="Alternate Email Id *" name="Alternateemail"></div> <div class="col-12"><textarea placeholder="Write Subject" class="form-control" placeholder="Query *" name="message"></textarea></div> <div class="col-sm-6 col-12"><input type="hidden" class="form-control" name="Speaker_Category1" value="Plenary Speaker"></div> </div> <!-- /.row --> <button class="theme-button-one" id="View-AllForm" name="View-AllForm1">SUBMIT</button> </form> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div><!-- View all ends--> <!-- Modal --> <br><br> <!-- ===================================================== Our Team ===================================================== --> <div class="our-case section-spacing"> <div class="container"> <div class="theme-title-one"> <h2>KEYNOTE SPEAKERS</h2> <!--<p>A tale of a fateful trip that started from this tropic port aboard this tiny ship today stillers</p>--> </div> <!-- /.theme-title-one --> <div class="our-team section-spacing"> <div class="container"> <div class="wrapper"> <div class="row"> <div class="col-xl-4 col-md-6 col-12"> <div class="row single-service"> <div class="col-md-4"> <div class="team-member"> <div align="center" class="image-box"> <img src="https://fosterresearch.org/cms/photos/174-Keynote-Photo.png" alt="" style="height:100px;"> <div align="center" class="overlay"> <div class="hover-content"> <ul> <li><a href="#" data-toggle="modal" data-target="#Keynote_Speaker_174"> <i class="fa fa-eye" aria-hidden="true"></i></a></li> </ul> <p>BIOGRAPHY <i class="fa fa-angle-right" aria-hidden="true"></i> </p> </div> <!-- /.hover-content --> </div> <!-- /.overlay --> </div> <!-- /.image-box --> </div> </div> <div class="col-md-8" style="margin-top: 30px;"> <div class="text"> <div align=""> <img src="https://fosterresearch.org/cms/photos/174-Unviversity-Photo.png" alt="" style="width:120px;"> </div> <h5 style="font-size:14px;"><a href="#">Professor Rita Yi Man Li</a></h5> <p style="font-size:13px;line-height: 15px;"> Hong Kong Shue Yan University</br>China </p> </div> <!-- /.text --> </div> </div> <!-- /.single-service --> </div> <!-- /.col- --> <div class="modal fade" id="Keynote_Speaker_174" role="dialog"> <br> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h4 style="color: #000" class="modal-title">Biography</h4> </div> <div class="modal-body"> <p style="color: #000" align="justify"> Graduated from HKU (global subject ranking 14 in QS), I now serve as an Associate Professor in Dept of Economics and Finance in Hong Kong Shue Yan University. I am the founder and director of Sustainable Real Estate Research Center. My major research interests lie in SDGs, construction safety and health, housing economics, real estate economics, applied AI, I am listed as Stanford University World’s Top 2% Scientist across 22 scientific fields and 176 sub-fields of all scientists (2020-2022 single year, 2022 career-long) with the highest rank in the fields of artificial intelligence, Information & Communication Technologies, Environmental Sciences (2021)/energy(2022). I act as a journal editorial board member and SI editor for SSCI/SCIE journals, an author of 9 books and over 200 articles over the past eight years. Apart from writing single-authored papers mostly in my early career, I have quite an extensive academic network with research collaborators from Australia, the UK, Italy, the US, Cyprus, France, Canada, Thailand, Malaysia, Turkey, Bangladesh, Saudi Arabia and mainland China etc. I am also an invited keynote speaker for over 30 conferences. </p> </div> </div> </div> </div> </div> </div> </div> </div> <!-- /.wrapper --> </div> <!-- /.container --> </div> <!-- /.end of section-spacing --> <!-- Trigger the modal with a button --> <div align="center" class="col-md-12"> <div class="row" align="center" style="padding-top:15px;"> <div class="col-md-4"></div> <div class="col-md-2"> <span> <a type="button" class="theme-button-one" data-toggle="modal" data-target="#keynote_speakersmodel" style="padding:0px 10px !important;">SUGGEST A SPEAKER</a> </div> <div class="col-md-2"> <a type="button" class="theme-button-one" data-toggle="modal" data-target="#keynote_speakersviewmodel" style="padding:0px 10px !important;">VIEW ALL</a></span> </div> <div class="col-md-4"></div> </div> </div><!-- button ends--> <!-- Modal Suggest a Speaker --> <div id="keynote_speakersmodel" class="modal fade" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" style="font-size: 17px;text-align: center !important;margin: 0px auto;">Suggest a Speaker</h4> </div> <div class="modal-body"> <div class="form-wrapper"> <form action="#" class="theme-form-one form-validation" autocomplete="" method="POST"> <div class="row"> <select name="title" class="form-control" placeholder="Title" id="title" name="title"> <option value="" selected=""> Select Titles </option> <option value="Prof."> Prof.</option> <option value="Dr.">Dr. </option> <option value="Mr."> Mr. </option> <option value="Mrs."> Mrs. </option> <option value="Ms."> Ms. </option> </select> <div class="col-sm-6 col-12"><input type="text" class="form-control" placeholder="Name *" name="name" id="Name"></div> <div class="col-sm-6 col-12"><input type="email" class="form-control" placeholder="Email *" name="email" id="Email"></div> <div class="col-sm-6 col-12"><input type="text" class="form-control" placeholder="Colleague Name 1: *" name="ColleagueName1" id="ColleagueName1"></div> <div class="col-sm-6 col-12"><input type="email" class="form-control" placeholder="c_email1: *" name="c_email1" id="c_email1"></div> <div class="col-sm-6 col-12"><input type="text" class="form-control" placeholder="Colleague Name 2: *" name="ColleagueName2" id="ColleagueName2"></div> <div class="col-sm-6 col-12"><input type="email" class="form-control" placeholder="c_email2: *" name="c_email2" id="c_email2"></div> <div class="col-sm-6 col-12"><input type="hidden" class="form-control" name="Speaker_Category1" value="keynote Speaker"></div> <div class="col-12"><textarea placeholder="Write Subject" class="form-control" name="message"></textarea></div> </div> <!-- /.row --> <button class="theme-button-one" id="Suggest-Speaker" name="Suggest-Speaker1">SUBMIT</button> </form> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> <!-- Modal --> <!-- Modal VIEW ALL --> <div id="keynote_speakersviewmodel" class="modal fade" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <h5 align="center" style="font-size: 17px;">Please fill out this form. You'll get speakers information:</h5> </div> <div class="modal-body"> <div class="form-wrapper"> <form action="#" class="theme-form-one form-validation" autocomplete="" method="POST"> <div class="row"> <div class="col-sm-6 col-12"> <select name="title" class="form-control" placeholder="Title" id="title" name="title"> <option value="" selected=""> Select Titles </option> <option value="Prof."> Prof.</option> <option value="Dr.">Dr. </option> <option value="Mr."> Mr. </option> <option value="Mrs."> Mrs. </option> <option value="Ms."> Ms. </option> </select></div> <div class="col-sm-6 col-12"><input type="text" class="form-control" placeholder="Name *" name="name"></div> <div class="col-sm-6 col-12"><input type="email" class="form-control" placeholder="Email Id *" name="email"></div> <div class="col-sm-6 col-12"><input type="email" class="form-control" placeholder="Alternate Email Id *" name="Alternateemail"></div> <div class="col-12"><textarea placeholder="Write Subject" class="form-control" placeholder="Query *" name="message"></textarea></div> <div class="col-sm-6 col-12"><input type="hidden" class="form-control" name="Speaker_Category1" value="keynote Speaker"></div> </div> <!-- /.row --> <button class="theme-button-one" id="View-AllForm" name="View-AllForm1">SUBMIT</button> </form> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div><!-- View all ends--> <!-- Modal --> <br><br> <!-- ===================================================== Our Team ===================================================== --> <div class="our-case section-spacing"> <div class="container"> <div class="theme-title-one"> <h2>INVITED SPEAKERS</h2> <!--<p>A tale of a fateful trip that started from this tropic port aboard this tiny ship today stillers</p>--> </div> <!-- /.theme-title-one --> <div class="our-team section-spacing"> <div class="container"> <div class="wrapper"> <div class="row"> <div class="col-xl-4 col-md-6 col-12"> <div class="row single-service"> <div class="col-md-4"> <div class="team-member"> <div align="center" class="image-box"> <img src="https://fosterresearch.org/cms/photos/332-invited-Photo.jpg" alt="" style="height:100px;"> <div align="center" class="overlay"> <div class="hover-content"> <ul> <li><a href="#" data-toggle="modal" data-target="#Invited_Speaker_332"> <i class="fa fa-eye" aria-hidden="true"></i></a></li> </ul> <p>BIOGRAPHY <i class="fa fa-angle-right" aria-hidden="true"></i> </p> </div> <!-- /.hover-content --> </div> <!-- /.overlay --> </div> <!-- /.image-box --> </div> </div> <div class="col-md-8" style="margin-top: 30px;"> <div class="text"> <div align=""> <img src="https://fosterresearch.org/cms/photos/332-Unviversity-Photo.png" alt="" style="width:120px;"> </div> <h5 style="font-size:14px;"><a href="#">Dr. Kong Fah Tee </a></h5> <p style="font-size:13px;line-height: 15px;"> King Fahd University of Petroleum and Minerals</br>Saudi Arabia </p> </div> <!-- /.text --> </div> </div> <!-- /.single-service --> </div> <!-- /.col- --> <div class="modal fade" id="Invited_Speaker_332" role="dialog"> <br> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h4 style="color: #000" class="modal-title">Biography</h4> </div> <div class="modal-body"> <p style="color: #000" align="justify"> Dr. Kong Fah Tee . His research interests include transportation infrastructure engineering and management, heavy construction engineering, steel engineering and construction composite materials in construction, structural analysis and design, and seismic rehabilitation of existing structures. Koorosh is currently an academic and also consults as a professional engineer and senior technical advisor. Dr Kong Fah Tee, BEng(Hons) PhD PGCert(HE) MBA DIC FHEA research effort has been focused on: structural system identification and health monitoring; structural reliability and failure analysis; experimental stress analysis; and fatigue, fracture mechanics and structural dynamics. He has published three books and more than 210 papers, of which 140 are in refereed international journals associated with over 2779 citations, an H-index of 28 and an i-10 index of 71. He has been awarded research grants with a total worth over £1 million. He has supervised 13 PhD students to successful completion. He is currently serving as Editor-in-Chief of the International Journal of Forensic Engineering (Inderscience) and International Journal of Engineering Research and Technology. He was awarded an International Research Collaboration Award from the University of Sydney and invited as a foreign expert to the Nanjing University of Aeronautics and Astronautics. Prof. Kerry McManus is a full professor specializing in civil infrastructure.</p> </div> </div> </div> </div> <div class="col-xl-4 col-md-6 col-12"> <div class="row single-service"> <div class="col-md-4"> <div class="team-member"> <div align="center" class="image-box"> <img src="https://fosterresearch.org/cms/photos/330-invited-Photo.JPG" alt="" style="height:100px;"> <div align="center" class="overlay"> <div class="hover-content"> <ul> <li><a href="#" data-toggle="modal" data-target="#Invited_Speaker_330"> <i class="fa fa-eye" aria-hidden="true"></i></a></li> </ul> <p>BIOGRAPHY <i class="fa fa-angle-right" aria-hidden="true"></i> </p> </div> <!-- /.hover-content --> </div> <!-- /.overlay --> </div> <!-- /.image-box --> </div> </div> <div class="col-md-8" style="margin-top: 30px;"> <div class="text"> <div align=""> <img src="https://fosterresearch.org/cms/photos/330-Unviversity-Photo.png" alt="" style="width:120px;"> </div> <h5 style="font-size:14px;"><a href="#">Simai Yang</a></h5> <p style="font-size:13px;line-height: 15px;"> Chongqing University</br>China </p> </div> <!-- /.text --> </div> </div> <!-- /.single-service --> </div> <!-- /.col- --> <div class="modal fade" id="Invited_Speaker_330" role="dialog"> <br> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h4 style="color: #000" class="modal-title">Biography</h4> </div> <div class="modal-body"> <p style="color: #000" align="justify"> Simai Yang is a third-year PhD candidate at the School of Management Science and Real Estate, Chongqing University, China. He has participated in several research projects, including the Key Project of National Social Science Foundation of China, the Major Project of Sichuan Philosophy and Society, and the Faceted Project of Natural Science Foundation of Chongqing Municipality. His research interests include project management, project risk management and transportation infrastructure management.</p> </div> </div> </div> </div> <div class="col-xl-4 col-md-6 col-12"> <div class="row single-service"> <div class="col-md-4"> <div class="team-member"> <div align="center" class="image-box"> <img src="https://fosterresearch.org/cms/photos/333-invited-Photo.jpg" alt="" style="height:100px;"> <div align="center" class="overlay"> <div class="hover-content"> <ul> <li><a href="#" data-toggle="modal" data-target="#Invited_Speaker_333"> <i class="fa fa-eye" aria-hidden="true"></i></a></li> </ul> <p>BIOGRAPHY <i class="fa fa-angle-right" aria-hidden="true"></i> </p> </div> <!-- /.hover-content --> </div> <!-- /.overlay --> </div> <!-- /.image-box --> </div> </div> <div class="col-md-8" style="margin-top: 30px;"> <div class="text"> <div align=""> <img src="https://fosterresearch.org/cms/photos/333-Unviversity-Photo.png" alt="" style="width:120px;"> </div> <h5 style="font-size:14px;"><a href="#">Lawrence Zahemen Tuleun</a></h5> <p style="font-size:13px;line-height: 15px;"> University of Ilorin</br>Nigeria </p> </div> <!-- /.text --> </div> </div> <!-- /.single-service --> </div> <!-- /.col- --> <div class="modal fade" id="Invited_Speaker_333" role="dialog"> <br> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h4 style="color: #000" class="modal-title">Biography</h4> </div> <div class="modal-body"> <p style="color: #000" align="justify"> An experienced Civil/Structural Engineer with over 10 years in structural design and construction management. Proficient in software like Staad Pro and AutoCAD, with a BEng, MEng, and extensively involved in civil and structural engineering research works. A research expert in the area of sustainable material performance in concrete, with a proven track record of academic excellence, with several publications in reputable journals and a role as a reviewer for journals and conferences</p> </div> </div> </div> </div> <div class="col-xl-4 col-md-6 col-12"> <div class="row single-service"> <div class="col-md-4"> <div class="team-member"> <div align="center" class="image-box"> <img src="https://fosterresearch.org/cms/photos/306-invited-Photo.jpg" alt="" style="height:100px;"> <div align="center" class="overlay"> <div class="hover-content"> <ul> <li><a href="#" data-toggle="modal" data-target="#Invited_Speaker_306"> <i class="fa fa-eye" aria-hidden="true"></i></a></li> </ul> <p>BIOGRAPHY <i class="fa fa-angle-right" aria-hidden="true"></i> </p> </div> <!-- /.hover-content --> </div> <!-- /.overlay --> </div> <!-- /.image-box --> </div> </div> <div class="col-md-8" style="margin-top: 30px;"> <div class="text"> <div align=""> <img src="https://fosterresearch.org/cms/photos/306-Unviversity-Photo.jpg" alt="" style="width:120px;"> </div> <h5 style="font-size:14px;"><a href="#">Professor Mohamed Al-Farjani</a></h5> <p style="font-size:13px;line-height: 15px;"> Department of Civil and Architectural Engineering</br>Libyan Academy </p> </div> <!-- /.text --> </div> </div> <!-- /.single-service --> </div> <!-- /.col- --> <div class="modal fade" id="Invited_Speaker_306" role="dialog"> <br> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h4 style="color: #000" class="modal-title">Biography</h4> </div> <div class="modal-body"> <p style="color: #000" align="justify"> </p> </div> </div> </div> </div> <div class="col-xl-4 col-md-6 col-12"> <div class="row single-service"> <div class="col-md-4"> <div class="team-member"> <div align="center" class="image-box"> <img src="https://fosterresearch.org/cms/photos/331-invited-Photo.jpg" alt="" style="height:100px;"> <div align="center" class="overlay"> <div class="hover-content"> <ul> <li><a href="#" data-toggle="modal" data-target="#Invited_Speaker_331"> <i class="fa fa-eye" aria-hidden="true"></i></a></li> </ul> <p>BIOGRAPHY <i class="fa fa-angle-right" aria-hidden="true"></i> </p> </div> <!-- /.hover-content --> </div> <!-- /.overlay --> </div> <!-- /.image-box --> </div> </div> <div class="col-md-8" style="margin-top: 30px;"> <div class="text"> <div align=""> <img src="https://fosterresearch.org/cms/photos/331-Unviversity-Photo.png" alt="" style="width:120px;"> </div> <h5 style="font-size:14px;"><a href="#">Xu Lan</a></h5> <p style="font-size:13px;line-height: 15px;">Chongqing University</br>China </p> </div> <!-- /.text --> </div> </div> <!-- /.single-service --> </div> <!-- /.col- --> <div class="modal fade" id="Invited_Speaker_331" role="dialog"> <br> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h4 style="color: #000" class="modal-title">Biography</h4> </div> <div class="modal-body"> <p style="color: #000" align="justify"> Xu Lan, an ambitious scholar, completed her undergraduate studies and earned a Bachelor's degree at Chengdu University in China in 2023. During her time there, she demonstrated exceptional academic abilities and a thirst for knowledge, laying a solid foundation for future graduate studies. Currently, She is pursuing a Master's degree in Management Science and Engineering at Chongqing University, a renowned institution of higher learning in China. Chongqing University boasts a strong faculty and advanced teaching facilities in the field of management science, providing Xu Lan with a vast learning platform and ample opportunities for in-depth research. In the future, She plans to either continue her academic pursuits or embark on a career in the management field, applying her acquired knowledge and skills to practical work, contributing to the development of enterprises and society.</p> </div> </div> </div> </div> <div class="col-xl-4 col-md-6 col-12"> <div class="row single-service"> <div class="col-md-4"> <div class="team-member"> <div align="center" class="image-box"> <img src="https://fosterresearch.org/cms/photos/292-invited-Photo.jpg" alt="" style="height:100px;"> <div align="center" class="overlay"> <div class="hover-content"> <ul> <li><a href="#" data-toggle="modal" data-target="#Invited_Speaker_292"> <i class="fa fa-eye" aria-hidden="true"></i></a></li> </ul> <p>BIOGRAPHY <i class="fa fa-angle-right" aria-hidden="true"></i> </p> </div> <!-- /.hover-content --> </div> <!-- /.overlay --> </div> <!-- /.image-box --> </div> </div> <div class="col-md-8" style="margin-top: 30px;"> <div class="text"> <div align=""> <img src="https://fosterresearch.org/cms/photos/292-Unviversity-Photo.png" alt="" style="width:120px;"> </div> <h5 style="font-size:14px;"><a href="#">Prof Pat Rajeev</a></h5> <p style="font-size:13px;line-height: 15px;">Swinburne University of Technology</br>Australia </p> </div> <!-- /.text --> </div> </div> <!-- /.single-service --> </div> <!-- /.col- --> <div class="modal fade" id="Invited_Speaker_292" role="dialog"> <br> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h4 style="color: #000" class="modal-title">Biography</h4> </div> <div class="modal-body"> <p style="color: #000" align="justify"> Dr. Pat Rajeev joined the Department of Civil and Construction Engineering at Swinburne University of Technology (SUT) as a Senior Lecturer in November 2013. Prior to joining SUT, he worked as a research fellow at Monash University from 2009 to 2013. His work at Monash focused in the areas of failure management of pipeline (both onshore and offshore), numerical modelling of pipe-soil interaction, and sensor technology for pipeline monitoring. He earned his BSc degree with Honors in civil engineering from the University of Peradeniya in Sri Lanka and MSc in Earthquake Engineering from ROSE School, University of Pavia in Italy. Prior to pursuing his PhD at ROSE School, he was a visiting researcher at TNO DIANA B.V in The Netherlands and working on dynamic soil-structure interaction (finite element) modelling of geo-systems. He received his PhD in Earthquake Engineering (Structural) in 2008 under the guidance of Professor Paolo. E. Pinto. His research interests include earthquake-resistant design and analysis of structures, pipeline engineering, soil-foundation-structure interaction (SFSI), advanced sensor technology and structural reliability and risk analysis. His research projects have been funded by the Australian Research Council, Department of State government Victoria, CRC for Low Carbon Living, Australian Building Codes Board, Italian Civil Protection Agency, European Union, non-profit institutions, and private industry.</p> </div> </div> </div> </div> <div class="col-xl-4 col-md-6 col-12"> <div class="row single-service"> <div class="col-md-4"> <div class="team-member"> <div align="center" class="image-box"> <img src="https://fosterresearch.org/cms/photos/304-invited-Photo.jpg" alt="" style="height:100px;"> <div align="center" class="overlay"> <div class="hover-content"> <ul> <li><a href="#" data-toggle="modal" data-target="#Invited_Speaker_304"> <i class="fa fa-eye" aria-hidden="true"></i></a></li> </ul> <p>BIOGRAPHY <i class="fa fa-angle-right" aria-hidden="true"></i> </p> </div> <!-- /.hover-content --> </div> <!-- /.overlay --> </div> <!-- /.image-box --> </div> </div> <div class="col-md-8" style="margin-top: 30px;"> <div class="text"> <div align=""> <img src="https://fosterresearch.org/cms/photos/304-Unviversity-Photo.jpg" alt="" style="width:120px;"> </div> <h5 style="font-size:14px;"><a href="#">Prof. Mohamed Elforgani</a></h5> <p style="font-size:13px;line-height: 15px;">Department of Civil and Architectural Engineering</br>Libyan Academy </p> </div> <!-- /.text --> </div> </div> <!-- /.single-service --> </div> <!-- /.col- --> <div class="modal fade" id="Invited_Speaker_304" role="dialog"> <br> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h4 style="color: #000" class="modal-title">Biography</h4> </div> <div class="modal-body"> <p style="color: #000" align="justify"> </p> </div> </div> </div> </div> <div class="col-xl-4 col-md-6 col-12"> <div class="row single-service"> <div class="col-md-4"> <div class="team-member"> <div align="center" class="image-box"> <img src="https://fosterresearch.org/cms/photos/305-invited-Photo.jpg" alt="" style="height:100px;"> <div align="center" class="overlay"> <div class="hover-content"> <ul> <li><a href="#" data-toggle="modal" data-target="#Invited_Speaker_305"> <i class="fa fa-eye" aria-hidden="true"></i></a></li> </ul> <p>BIOGRAPHY <i class="fa fa-angle-right" aria-hidden="true"></i> </p> </div> <!-- /.hover-content --> </div> <!-- /.overlay --> </div> <!-- /.image-box --> </div> </div> <div class="col-md-8" style="margin-top: 30px;"> <div class="text"> <div align=""> <img src="https://fosterresearch.org/cms/photos/305-Unviversity-Photo.jpg" alt="" style="width:120px;"> </div> <h5 style="font-size:14px;"><a href="#">Prof. Mohamed Abdalla</a></h5> <p style="font-size:13px;line-height: 15px;"> Department of Civil and Architectural Engineering</br>Libyan Academy </p> </div> <!-- /.text --> </div> </div> <!-- /.single-service --> </div> <!-- /.col- --> <div class="modal fade" id="Invited_Speaker_305" role="dialog"> <br> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h4 style="color: #000" class="modal-title">Biography</h4> </div> <div class="modal-body"> <p style="color: #000" align="justify"> </p> </div> </div> </div> </div> </div> </div> </div> </div> <!-- /.wrapper --> </div> <!-- /.container --> </div> <!-- /.end of section-spacing --> <!-- Trigger the modal with a button --> <div align="center" class="col-md-12"> <div class="row" align="center" style="padding-top:15px;"> <div class="col-md-4"></div> <div class="col-md-2"> <span> <a type="button" class="theme-button-one" data-toggle="modal" data-target="#invited_speakersmodel" style="padding:0px 10px !important;">SUGGEST A SPEAKER</a> </div> <div class="col-md-2"> <a type="button" class="theme-button-one" data-toggle="modal" data-target="#invited_speakersviewmodel" style="padding:0px 10px !important;">VIEW ALL</a></span> </div> <div class="col-md-4"></div> </div> </div><!-- button ends--> <!-- Modal Suggest a Speaker --> <div id="invited_speakersmodel" class="modal fade" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" style=" font-size: 17px;text-align: center !important;margin: 0px auto;">Suggest a Speaker</h4> </div> <div class="modal-body"> <div class="form-wrapper"> <form action="#" class="theme-form-one form-validation" autocomplete="" method="POST"> <div class="row"> <select name="title" class="form-control" placeholder="Title" id="title" name="title"> <option value="" selected=""> Select Titles </option> <option value="Prof."> Prof.</option> <option value="Dr.">Dr. </option> <option value="Mr."> Mr. </option> <option value="Mrs."> Mrs. </option> <option value="Ms."> Ms. </option> </select> <div class="col-sm-6 col-12"><input type="text" class="form-control" placeholder="Name *" name="name" id="Name"></div> <div class="col-sm-6 col-12"><input type="email" class="form-control" placeholder="Email *" name="email" id="Email"></div> <div class="col-sm-6 col-12"><input type="text" class="form-control" placeholder="Colleague Name 1: *" name="ColleagueName1" id="ColleagueName1"></div> <div class="col-sm-6 col-12"><input type="email" class="form-control" placeholder="c_email1: *" name="c_email1" id="c_email1"></div> <div class="col-sm-6 col-12"><input type="text" class="form-control" placeholder="Colleague Name 2: *" name="ColleagueName2" id="ColleagueName2"></div> <div class="col-sm-6 col-12"><input type="email" class="form-control" placeholder="c_email2: *" name="c_email2" id="c_email2"></div> <div class="col-sm-6 col-12"><input type="hidden" class="form-control" name="Speaker_Category1" value="invited Speaker"></div> <div class="col-12"><textarea placeholder="Write Subject" class="form-control" name="message"></textarea></div> </div> <!-- /.row --> <button class="theme-button-one" id="Suggest-Speaker" name="Suggest-Speaker1">SUBMIT</button> </form> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> <!-- Modal --> <!-- Modal VIEW ALL --> <div id="invited_speakersviewmodel" class="modal fade" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <h5 align="center" style="font-size: 17px;">Please fill out this form. You'll get speakers information:</h5> </div> <div class="modal-body"> <div class="form-wrapper"> <form action="#" class="theme-form-one form-validation" autocomplete="" method="POST"> <div class="row"> <div class="col-sm-6 col-12"> <select name="title" class="form-control" placeholder="Title" id="title" name="title"> <option value="" selected=""> Select Titles </option> <option value="Prof."> Prof.</option> <option value="Dr.">Dr. </option> <option value="Mr."> Mr. </option> <option value="Mrs."> Mrs. </option> <option value="Ms."> Ms. </option> </select></div> <div class="col-sm-6 col-12"><input type="text" class="form-control" placeholder="Name *" name="name"></div> <div class="col-sm-6 col-12"><input type="email" class="form-control" placeholder="Email Id *" name="email"></div> <div class="col-sm-6 col-12"><input type="email" class="form-control" placeholder="Alternate Email Id *" name="Alternateemail"></div> <div class="col-12"><textarea placeholder="Write Subject" class="form-control" placeholder="Query *" name="message"></textarea></div> <div class="col-sm-6 col-12"><input type="hidden" class="form-control" name="Speaker_Category1" value="invited Speaker"></div> </div> <!-- /.row --> <button class="theme-button-one" id="View-AllForm" name="View-AllForm1">SUBMIT</button> </form> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div><!-- View all ends--> <!-- Modal --> <br><br> <!-- PRICING PLANS --> <div class="our-case section-spacing" id="registration"> <div class="container"> <div class="theme-title-one"> <h2>Registration Categories</h2> </div> <div class="row"> <div class="col-md-3 col-xsm-6"> <section class="pricing-table pricing-table-primary"> <p class="pricing-price"> <span class="pricing-sign">Earlybird Registration <br>$</span> 749 </p> <div class="pricing-plan-details"> <p class="pricing-lead">Speaker Registration</p> <ul> <li>E-Abstract Book</li> <li>Certificate of Attendance</li> <li>Conference Schedule Handout</li> <li>Entry to all sessions and workshops</li> <li>Lunch & Coffee Breaks</li> </ul> </div> <footer> <form action="https://fosterresearch.org/2025/civilengineering/registration" method="post"> <input type="hidden" name="price" value="749"> <input type="hidden" name="description" value="Speaker Registration"> <input type="submit" class="theme-button-one" name="reg_submit" value="Register Now" style="border:none !important;"> </form> </footer> </section> </div> <div class="col-md-3 col-xsm-6"> <section class="pricing-table pricing-table-success"> <p class="pricing-price"> <span class="pricing-sign">Earlybird Registration <br>$</span> 899 </p> <div class="pricing-plan-details"> <p class="pricing-lead">Delegate Registration</p> <ul> <li>E-Abstract Book</li> <li>Certificate of Attendance</li> <li>Conference Schedule Handout</li> <li>Entry to all sessions and workshops</li> <li>Lunch & Coffee Breaks</li> </ul> </div> <footer> <form action="https://fosterresearch.org/2025/civilengineering/registration" method="post"> <input type="hidden" name="price" value="899"> <input type="hidden" name="description" value="Delegate Registration"> <input type="submit" class="theme-button-one" name="reg_submit" value="Register Now" style="border:none !important;"> </form></footer> </section> </div> <div class="col-md-3 col-xsm-6"> <section class="pricing-table pricing-table-warning"> <p class="pricing-price"> <span class="pricing-sign">Earlybird Registration <br>$</span> 299 </p> <div class="pricing-plan-details"> <p class="pricing-lead">Student Delegate Registration</p> <ul> <li>E-Abstract Book</li> <li>Certificate of Attendance</li> <li>Conference Schedule Handout</li> <li>Entry to all sessions and workshops</li> <li>Lunch & Coffee Breaks</li> </ul> </div> <footer> <form action="https://fosterresearch.org/2025/civilengineering/registration" method="post"> <input type="hidden" name="price" value="299"> <input type="hidden" name="description" value="Student Registration"> <input type="submit" class="theme-button-one" name="reg_submit" value="Register Now" style="border:none !important;"> </form> </footer> </section> </div> <div class="col-md-3 col-xsm-6"> <section class="pricing-table pricing-table-danger"> <p class="pricing-price"> <span class="pricing-sign">Earlybird Registration <br>$</span> 449 </p> <div class="pricing-plan-details"> <p class="pricing-lead">Poster Registration</p> <ul> <li>E-Abstract Book</li> <li>Certificate of Attendance</li> <li>Conference Schedule Handout</li> <li>Entry to all sessions and workshops</li> <li>Lunch & Coffee Breaks</li> </ul> </div> <footer> <form action="https://fosterresearch.org/2025/civilengineering/registration" method="post"> <input type="hidden" name="price" value="449"> <input type="hidden" name="description" value="Poster Registration"> <input type="submit" class="theme-button-one" name="reg_submit" value="Register Now" style="border:none !important;"> </form> </footer> </section> </div> </div> </div> </div> </div> <!-- ===================================================== Faq Section ===================================================== --> <style> h2 { font-size: 30px; line-height: 36px; font-weight: 700; font-family: var(--title-font); } .section-padding { padding: 60px 0 !important; position: relative; } .s-title span { color: #ff671f; font-weight: 800; } .s-title { color: #fff !important; font-size: 48px; font-weight: 600; margin-bottom: 15px; position: relative; line-height: 1.2; } .mb-4 { margin-bottom: 1.5rem !important; } .why-box .whyus-icon-content .event-num { color: rgba(250, 3, 104, 0.1); margin-bottom: 0; } .why-box .whyus-icon-content .event-num { color: rgba(250, 3, 104, 0.1); margin-bottom: 0; } .why-section{ background-image: linear-gradient(45deg, #0000008a, #0000008e), url('../images/bbg.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; } .why-section .btn-custom-1{ background-color: transparent; color: #fff; font-size: 20px; } .why-section .btn-custom-1:hover{ background-color: #0fc2c2; color: #fff; } .why-box{ background-color: #fff !important; padding: 50px 40px 46px !important; border-radius: 25px !important; position: relative; z-index: 1; overflow: hidden; transition: all 0.4s; height: 100%; } .why-box::before { content: ""; background-image: linear-gradient(30deg, #ffffff 69%, #ff671f 100%); opacity: 0.1; top: 0; left: 0; width: 100%; height: 100%; position: absolute; z-index: -1; } .why-box .whyus-icon-content { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; } .why-box .whyus-icon-content .whyus-icon { margin-bottom: 0; } .why-box .whyus-icon-content .whyus-icon i{ font-size: 30px; color: var(--secondary-color); } .why-box .whyus-icon-content .event-num { color: rgba(250, 3, 104, 0.1); margin-bottom: 0; } .btn-custom-1 { width: fit-content; height: 60px; border: 3px solid #ff671f; /* border-radius: 45px; */ border-radius: 10px; transition: all 0.3s; cursor: pointer; background: #fff; font-size: 1.2em; font-weight: 550; display: flex; align-items: center; justify-content: center; padding: 0 20px; color: #000; } .why-box:hover .whyus-icon-content .event-num { color: var(--secondary-color); } .why-box h5 { font-size: 15px !important; font-weight: 600 !important; margin: 0 !important; } .why-box p{ margin: 0; } .btn-custom-1:hover { background:#ff671f !important; color: #fff; font-size: 1.5em; } .why-box::before { content: ""; background-image: linear-gradient(30deg, #ffffff 69%, #FA0368 100%); opacity: 0.1; top: 0; left: 0; width: 100%; height: 100%; position: absolute; z-index: -1; } .imp-section ul li{ list-style-type: none; display: flex; align-items: flex-start; gap: 10px; margin: 10px 0; } </style> <div class="overlay"> <div class="container"> <!--<div class="theme-title-one"> <h2>Audience Demographics</h2> </div> <div class="row"> <div class="col-md-12"> <img src="https://fosterresearch.org/foster-new/images/demographic/demographic.jpg" class="card-img-top" alt="photo"> </div> </div>--> <div class="container"> <div class="theme-title-one" style="margin-top: 40px;"> <h2>Audience Demographics</h2> </div> <div class="row"> <div class="form-group col-md-3"> <div class=" " style="width: 275px !important;"> <div class="card-body"> <h5 class="card-title"></h5> <p class="card-text"></p> <div align="center"> <img src="https://fosterresearch.org/foster-new/images/demographic/highly-cited-researchers.png" class="card-img-top" alt="photo1" style="width: 103px;"> <h5>Highly Cited Researchers</h5> </div> </div> </div> </div> <div class="form-group col-md-3"> <div class=" " style="width: 275px !important;"> <div class="card-body"> <h5 class="card-title"></h5> <p class="card-text"></p> <div align="center"> <img src="https://fosterresearch.org/foster-new/images/demographic/global-top-ranked.png" class="card-img-top" alt="photo1" style="width: 120px;"> <h5>Global Top Ranked Scientists</h5> </div> </div> </div> </div> <div class="form-group col-md-3"> <div class=" " style="width: 275px !important;"> <div class="card-body"> <h5 class="card-title"></h5> <p class="card-text"></p> <div align="center"> <img src="https://fosterresearch.org/foster-new/images/demographic/academic-degree-graduation.png" class="card-img-top" alt="photo1" style="width: 140px;"> <h5>Academic Professors</h5> </div> </div> </div> </div> <div class="form-group col-md-3"> <div class=" " style="width: 275px !important;"> <div class="card-body"> <h5 class="card-title"></h5> <p class="card-text"></p> <div align="center"> <img src="https://fosterresearch.org/foster-new/images/demographic/industry-experts.png" class="card-img-top" alt="photo1" style="width: 140px;"> <h5>Independent Researchers</h5> </div> </div> </div> </div> <div class="form-group col-md-3"> <div class=" " style="width: 275px !important;"> <div class="card-body"> <h5 class="card-title"></h5> <p class="card-text"></p> <div align="center"> <img src="https://fosterresearch.org/foster-new/images/demographic/Business.png" class="card-img-top" alt="photo1" style="width: 100px;"> <h5>Bussiness Delegates</h5> </div> </div> </div> </div> <div class="form-group col-md-3"> <div class=" " style="width: 275px !important;"> <div class="card-body"> <h5 class="card-title"></h5> <p class="card-text"></p> <div align="center"> <img src="https://fosterresearch.org/foster-new/images/demographic/business-excuetives.png" class="card-img-top" alt="photo1" style="width: 85px;"> <h5>Marketing Executives</h5> </div> </div> </div> </div> <div class="form-group col-md-3"> <div class=" " style="width: 275px !important;"> <div class="card-body"> <h5 class="card-title"></h5> <p class="card-text"></p> <div align="center"> <img src="https://fosterresearch.org/foster-new/images/demographic/industry-experts.png" class="card-img-top" alt="photo1" style="width: 80px;"> <h5>Industry Experts</h5> </div> </div> </div> </div> <div class="form-group col-md-3"> <div class=" " style="width: 275px !important;"> <div class="card-body"> <h5 class="card-title"></h5> <p class="card-text"></p> <div align="center"> <img src="https://fosterresearch.org/foster-new/images/demographic/yrf.png" class="card-img-top" alt="photo1" style=" width: 100px; "> <h5> Students &amp; YRF</h5> </div> </div> </div> </div> </div> <!-- /.wrapper --> </div> <!-- /.container --> </div> <!-- /.overlay --> </div> <div id="sessions" class="our-case section-spacing"> <div class="container"> <div class="theme-title-one"> <h2>Scientific Sessions</h2> <!--<p>A tale of a fateful trip that started from this tropic port aboard this tiny ship today stillers</p>--> </div> <!-- /.theme-title-one --><br> <div class="cards row"> <div class="card col-md-6"> <ul class="session"> <li class="bottom-bar"><i class="fa fa-check-square-o" aria-hidden="true"></i>&nbsp; Reinforced Concrete Structure</li> <li class="bottom-bar"><i class="fa fa-check-square-o" aria-hidden="true"></i>&nbsp; Modular Construction</li> <li class="bottom-bar"><i class="fa fa-check-square-o" aria-hidden="true"></i>&nbsp; Environmental Modeling</li> <li class="bottom-bar"><i class="fa fa-check-square-o" aria-hidden="true"></i>&nbsp; Geology in Civil Engineering</li> <li class="bottom-bar"><i class="fa fa-check-square-o" aria-hidden="true"></i>&nbsp; Building Technology Science</li> <li class="bottom-bar"><i class="fa fa-check-square-o" aria-hidden="true"></i>&nbsp; Structural & Environmental Engineering</li> <li class="bottom-bar"><i class="fa fa-check-square-o" aria-hidden="true"></i>&nbsp; Hydraulic Engineering</li> <li class="bottom-bar"><i class="fa fa-check-square-o" aria-hidden="true"></i>&nbsp; Building Materials</li> <li class="bottom-bar"><i class="fa fa-check-square-o" aria-hidden="true"></i>&nbsp; Architectural Design and Theories</li> <li class="bottom-bar"><i class="fa fa-check-square-o" aria-hidden="true"></i>&nbsp; Marine structures</li> <li class="bottom-bar"><i class="fa fa-check-square-o" aria-hidden="true"></i>&nbsp; Infrastructure Engineering</li> <li class="bottom-bar"><i class="fa fa-check-square-o" aria-hidden="true"></i>&nbsp; Coastal Engineering</li> </ul> </div> <div class="card col-md-6"> <ul class="session"> <li class="bottom-bar"><i class="fa fa-check-square-o" aria-hidden="true"></i>&nbsp; River Restoration</li> <li class="bottom-bar"><i class="fa fa-check-square-o" aria-hidden="true"></i>&nbsp; Concrete Engineering</li> <li class="bottom-bar"><i class="fa fa-check-square-o" aria-hidden="true"></i>&nbsp; Advanced Construction Materials</li> <li class="bottom-bar"><i class="fa fa-check-square-o" aria-hidden="true"></i>&nbsp; Architectural Design and Its Theory</li> <li class="bottom-bar"><i class="fa fa-check-square-o" aria-hidden="true"></i>&nbsp; Bridge Engineering</li> <li class="bottom-bar"><i class="fa fa-check-square-o" aria-hidden="true"></i>&nbsp; Digital Structural Designs</li> <li class="bottom-bar"><i class="fa fa-check-square-o" aria-hidden="true"></i>&nbsp; Seismic Performance of Concrete Building</li> <li class="bottom-bar"><i class="fa fa-check-square-o" aria-hidden="true"></i>&nbsp; Ecological Architecture</li> <li class="bottom-bar"><i class="fa fa-check-square-o" aria-hidden="true"></i>&nbsp; Green Building Materials</li> <li class="bottom-bar"><i class="fa fa-check-square-o" aria-hidden="true"></i>&nbsp; Building Energy Saving Technology</li> <li class="bottom-bar"><i class="fa fa-check-square-o" aria-hidden="true"></i>&nbsp; Environmental Safety and Health</li> <li class="bottom-bar"><i class="fa fa-check-square-o" aria-hidden="true"></i>&nbsp; Tunnel Construction</li> </ul> </div> </div> <br> <div align="center"> <a href="https://fosterresearch.org/2025/civilengineering/abstract-submission" class="theme-button-one">Submit Abstract</a> </div> </div> <br> <div class="top-feature fix-border"> <div class="top-features-slide"> <div class="item"> <div class="main-content" style="background:#fafafa;"> <i class="fa fa-ticket icon_tool"></i> <b>15 Seats per session</b> <!-- <p>The east side to a deluxe apartment in move on up to the east side</p>--> </div> <!-- /.main-content --> </div> <!-- /.item --> <div class="item"> <div class="main-content" style="background:#f6f6f6;"> <i class="fa fa-clock-o icon_tool"></i> <b>Speaker Time 25-45 Mins</b> </div> <!-- /.main-content --> </div> <!-- /.item --> <div class="item"> <div class="main-content" style="background:#efefef;"> <i class="fa fa-microphone icon_tool"></i> <b>Workshop Proposal <a href="#" class="hidden-link" data-toggle="modal" data-target="#myModalview">Click Here</a></b> </div> <!-- /.main-content --> </div> <!-- /.item --> <div class="item"> <div class="main-content" style="background:#e9e9e9;"><a href="https://fosterresearch.org/foster-new/abstract-submission.php"> <i class="fa fa-file-text-o icon_tool"></i> <b>Submit Your Abstract</b> </a></div> <!-- /.main-content --> </div> <!-- /.item --> </div> <!-- /.top-features-slide --> </div> <!-- /.top-feature --> <div id="myModalview" class="modal fade" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <h5 align="center">Please fill out this form. You'll get speakers information:</h5> </div> <div class="modal-body"> <div class="form-wrapper"> <form action="" class="theme-form-one form-validation" autocomplete="off" method="POST"> <div class="row"> <div class="col-sm-6 col-12"><select name="title" class="form-control" placeholder="Title" id="title"> <option value="" selected=""> Select Titles </option> <option value="Prof."> Prof.</option> <option value="Dr.">Dr. </option> <option value="Mr."> Mr. </option> <option value="Mrs."> Mrs. </option> <option value="Ms."> Ms. </option> </select></div> <div class="col-sm-6 col-12"><input type="text" class="form-control" placeholder="Name *" name="name"></div> <div class="col-sm-6 col-12"><input type="email" class="form-control" placeholder="Email Id *" name="email"></div> <div class="col-sm-6 col-12"><input type="email" class="form-control" placeholder="Alternate Email Id *" name="email"></div> <div class="col-12"><textarea placeholder="Write Subject" class="form-control" placeholder="Query *" name="message"></textarea></div> </div> <!-- /.row --> <button class="theme-button-one" id="View-AllForm">SUBMIT</button> </form> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> <!-- Modal --> <!-- /.col- --> <!-- /.col- --> <!-- /.col- --> <!-- /.col- --> </div> <!-- /.row --> </div> <!-- /.wrapper --> </div> <!-- /.container --> </div> <!-- /.our-team --> <!-- /.wrapper --> </div> <!-- /.our-case --> </div> <!-- /.our-case --> <div id="venue" class="faq-section" style="background: url(https://fosterresearch.org/venue/Jurong/venue1.jpg) no-repeat center center !important;background-size: cover;background-attachment: fixed;background-color: #707d9e;height: 570px; margin-bottom: 285px;"> <div class="overlay"> <div class="container"> <div class="theme-title-one"> <h2>Conference Venue </h2> </div> <!-- /.theme-title-one --> <div class="wrapper row no-gutters"> <div class="col-xl-6 col-lg-7 order-last"> <div align="hustify" class="faq-content"> <style> p, span{ font-family: 'Source Sans Pro', sans-serif !important; </style> <div style="text-align: justify;"><span style="font-size: 1rem;">Jurong was first developed and heavily industrialiser in the late 1960s in response to the general economic situation of post-independence Singapore, and remains vital to the country's economic growth, commercial, industrial and residential. The heavy redevelopment of the region paved the way for the opening of a large-scale industrial sector in the country, something which was unprecedented at that time. Since the turn of the century, Jurong has envisioned to be the country's second central business district (CBD) as part of the Jurong Lake District project.</span></div><p></p> <p class="MsoNormal" style="margin-top:12.0pt;margin-right:0cm;margin-bottom: 0cm;margin-left:0cm;margin-bottom:.0001pt;text-align:justify;line-height:normal"><span style="font-size:12.0pt;font-family:" times="" new="" roman","serif";mso-fareast-font-family:="" "times="" roman";mso-fareast-language:en-in"="">Jurong, a lively town in Singapore lies in the west part of Singapore and attracts many tourists every year due to its thrilling nightlife, liveliness, and some major attractions. Jurong region of Singapore completes its geography by covering the five main regions of Singapore which are&nbsp;<b>Jurong East Singapore</b>, Jurong West, Boon Lay,&nbsp;<b>Jurong Island</b>, and Pioneer. Jurong is a paradise for nature lovers as it is an abode to many parks and gardens. Other than this, it has a plenty of options for shopping, adventures, and recreation. Some of the must visit places in Jurong are Jurong Bird Park, JCube, Singapore Discovery Centre, Singapore Botanic Garden, National Orchid Garden, Snow City, and Chinese Garden.</span></p> </div> <!-- /.faq-content --> </div> <!-- /.col- --> <div class="col-xl-6 col-lg-5 order-first"> <div class="img-box" style="background: url(https://fosterresearch.org/venue/Jurong/venue1.jpg) !important;background-size: cover !important;border-radius: 5px 0 0 5px!important;position: relative !important;height: 500px !important;"><a data-fancybox href=""></a></div></div> </div> <!-- /.wrapper --> </div> <!-- /.container --> </div> <!-- /.overlay --> </div> <!-- /.faq-section --> <br> <div class=""> <section class="section-padding why-section" style=" margin-top: 0px !important;margin-bottom: 45px !important;background-image: linear-gradient(45deg, #0000008a, #ffffff), url(images/conference-people.jpg); background-position: center; background-size: cover;background-repeat: no-repeat;"> <div class="container"> <div class="row align-items-center"> <div class="col-lg-4 mb-4 mb-lg-0"> <h2 class="s-title text-white">Reasons to Attend <span>Our Conference</span></h2> <a class="btn-custom-1" href="#">Submit Abstract</a> </div> <div class="col-lg-8 mb-4 mb-lg-0"> <div class="row"> <div class="col-lg-4 col-md-6 mb-4"> <div class="why-box"> <div class="whyus-icon-content"> <span class="whyus-icon"> <i class="fa fa-users"></i> </span> <h2 class="event-num"> 01. </h2> </div> <div> <h5> Global Networking Opportunities </h5> </div> </div> </div> <div class="col-lg-4 col-md-6 mb-4"> <div class="why-box"> <div class="whyus-icon-content"> <span class="whyus-icon"> <i class="fa fa-microphone "></i> </span> <h2 class="event-num"> 02. </h2> </div> <div> <h5> High Quality Presentations </h5> </div> </div> </div> <div class="col-lg-4 col-md-6 mb-4"> <div class="why-box"> <div class="whyus-icon-content"> <span class="whyus-icon"> <i class="fa fa-handshake-o"></i> </span> <h2 class="event-num"> 03. </h2> </div> <div> <h5> Great place for Collaborations </h5> </div> </div> </div> <div class="col-lg-4 col-md-6 mb-4"> <div class="why-box"> <div class="whyus-icon-content"> <span class="whyus-icon"> <i class="fa fa-trophy"></i> </span> <h2 class="event-num"> 04. </h2> </div> <div> <h5> Best Presentation Awards </h5> </div> </div> </div> <div class="col-lg-4 col-md-6 mb-4"> <div class="why-box"> <div class="whyus-icon-content"> <span class="whyus-icon"> <i class="fa fa-briefcase"></i> </span> <h2 class="event-num"> 05. </h2> </div> <div> <h5> Workshops by Experts </h5> </div> </div> </div> <div class="col-lg-4 col-md-6 mb-4"> <div class="why-box"> <div class="whyus-icon-content"> <span class="whyus-icon"> <i class="fa fa-location-arrow" aria-hidden="true"></i> </span> <h2 class="event-num"> 06. </h2> </div> <div> <h5> Diversity and Inclusivity </h5> </div> </div> </div> </div> </div> </div> </div> </section> <!-- ===================================================== Google Map ===================================================== --> <style> .blink { animation: blink-animation 1s steps(5, start) infinite; -webkit-animation: blink-animation 1s steps(5, start) infinite; } @keyframes blink-animation { to { visibility: hidden; } } @-webkit-keyframes blink-animation { to { visibility: hidden; } } </style> <div style="position:fixed;right: 100px; bottom: 0px; z-index:999;padding: 15px; opacity: 1;"> <img src="https://fosterresearch.org/foster-new/images/cpd.png" class="blink img-responsive" style="width:200px;"> </div> <a href="https://api.whatsapp.com/send?phone=51955081075&text=Hola%21%20Quisiera%20m%C3%A1s%20informaci%C3%B3n%20sobre%20Varela%202." class="float" target="_blank"> <i class="fa fa-whatsapp my-float"></i> </a> <!-- Google Map --> <div class="google-map-one" style="display:none;"><div class="map-canvas"></div></div> </div> <!-- /.our-team --> <!-- /.wrapper --> <br> <footer class="theme-footer-two" style="position: absolute; width: 100%;"> <div class="top-footer"> <div class="container"> <div class="row"> <div class="col-lg-4 col-sm-6 col-12 logo-widget"> <div class="logo"><a href="#"><img src="https://fosterresearch.org/cms/photos/56-footer-logo.png" alt="" style="width:90%;"></a></div> <!--<p>Tthis tropic port aboard this tiny ship today still wanted by theam government they survive on up east side to a deluxe as soldiers.</p>--> <ul class="social-icon" style="margin: 30px;"> <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li> <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li> <li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li> <li><a href="#"><i class="fa fa-pinterest" aria-hidden="true"></i></a></li> <li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li> </ul> </div> <!-- /.logo-widget --> <div class="col-lg-4 col-sm-6 col-12 footer-list"> <h6 class="title">EXPLORE</h6> <ul> <li><a href="https://fosterresearch.org/2025/civilengineering/abstract-submission"><i class="fa fa-chevron-right"></i> Abstract Submission</a></li> <li><a href="https://fosterresearch.org/2025/civilengineering#registration"><i class="fa fa-chevron-right"></i> Registration</a></li> <li><a href="https://fosterresearch.org/2025/civilengineering/cancellation-policy"><i class="fa fa-chevron-right"></i> Cancellation Policy</a></li> </ul> </div> <!-- /.footer-list --> <div class="col-lg-4 col-sm-6 col-12 contact-widget"> <h6 class="title">CONTACT</h6> <ul> <li> <i class="fa fa-map-marker" aria-hidden="true"></i> Jurong, Singapore </li> <li> <i class="flaticon-multimedia-1"></i> <a href="mailto:grccivil@fosterresearch.org">grccivil@fosterresearch.org</a> </li> <li> <i class="fa fa-phone" aria-hidden="true"></i> <a href="#">+91-9100067998</a> </li> </ul> </div> <!-- /.contact-widget --> </div> <!-- /.row --> </div> <!-- /.container --> </div> <!-- /.top-footer --> <div class="bottom-footer"> <div class="container"> <p>&copy; Copyright 2023 All rights reserved | Foster Research</p> </div> </div> <!-- /.bottom-footer --> </footer> <!-- /.theme-footer-two --> <!-- Scroll Top Button --> <button class="scroll-top tran3s"> <i class="fa fa-angle-up" aria-hidden="true"></i> </button> <!-- Optional JavaScript _____________________________ --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <!-- jQuery --> <script src="https://fosterresearch.org/2025/vendor/jquery.2.2.3.min.js"></script> <!-- Popper js --> <script src="https://fosterresearch.org/2025/vendor/popper.js/popper.min.js"></script> <!-- Bootstrap JS --> <script src="https://fosterresearch.org/2025/vendor/bootstrap/js/bootstrap.min.js"></script> <!-- Camera Slider --> <script src='https://fosterresearch.org/2025/vendor/Camera-master/scripts/jquery.mobile.customized.min.js'></script> <script src='https://fosterresearch.org/2025/vendor/Camera-master/scripts/jquery.easing.1.3.js'></script> <script src='https://fosterresearch.org/2025/vendor/Camera-master/scripts/camera.min.js'></script> <!-- menu --> <script src="https://fosterresearch.org/2025/vendor/menu/src/js/jquery.slimmenu.js"></script> <!-- WOW js --> <script src="https://fosterresearch.org/2025/vendor/WOW-master/dist/wow.min.js"></script> <!-- owl.carousel --> <script src="https://fosterresearch.org/2025/vendor/owl-carousel/owl.carousel.min.js"></script> <!-- js count to --> <script src="https://fosterresearch.org/2025/vendor/jquery.appear.js"></script> <script src="https://fosterresearch.org/2025/vendor/jquery.countTo.js"></script> <!-- Fancybox --> <script src="https://fosterresearch.org/2025/vendor/fancybox/dist/jquery.fancybox.min.js"></script> <!-- Language Stitcher --> <script src="https://fosterresearch.org/2025/vendor/language-switcher/jquery.polyglot.language.switcher.js"></script> <!-- Google map js --> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCjQLCCbRKFhsr8BY78g2PQ0_bTyrm_YXU"></script> <script src="https://fosterresearch.org/2025/vendor/sanzzy-map/dist/snazzy-info-window.min.js"></script> <!-- Theme js --> <script src="https://fosterresearch.org/2025/js/theme.js"></script> <script src="https://fosterresearch.org/2025/js/map-script.js"></script> </div> <!-- /.main-page-wrapper --> <script> var responsiveSlider = function() { var slider = document.getElementById("slider"); var sliderWidth = slider.offsetWidth; var slideList = document.getElementById("slideWrap"); var count = 1; var items = slideList.querySelectorAll("li").length; var prev = document.getElementById("prev"); var next = document.getElementById("next"); window.addEventListener('resize', function() { sliderWidth = slider.offsetWidth; }); var prevSlide = function() { if(count > 1) { count = count - 2; slideList.style.left = "-" + count * sliderWidth + "px"; count++; } else if(count = 1) { count = items - 1; slideList.style.left = "-" + count * sliderWidth + "px"; count++; } }; var nextSlide = function() { if(count < items) { slideList.style.left = "-" + count * sliderWidth + "px"; count++; } else if(count = items) { slideList.style.left = "0px"; count = 1; } }; next.addEventListener("click", function() { nextSlide(); }); prev.addEventListener("click", function() { prevSlide(); }); setInterval(function() { nextSlide() }, 5000); }; window.onload = function() { responsiveSlider(); } </script> <script> $(document).ready(function() { // Initialize by adding the active class to the first tab $('#welcomeMessageTab').addClass('active-tab'); // Listen for tab click events $('#welcomeMessageTab').click(function() { // Add green to Welcome Message tab and remove from About Conference $(this).addClass('active-tab'); $('#aboutConferenceTab').removeClass('active-tab'); }); $('#aboutConferenceTab').click(function() { // Add green to About Conference tab and remove from Welcome Message $(this).addClass('active-tab'); $('#welcomeMessageTab').removeClass('active-tab'); }); }); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10