CINXE.COM
<!DOCTYPE HTML> <html> <head> <!-- Main style sheet --> <link rel="stylesheet" href="https://ent.fosterresearch.org/css/environmentscience.css"> <!-- responsive style sheet --> <link rel="stylesheet" type="text/css" href="https://ent.fosterresearch.org/css/responsive.css"> <link rel="stylesheet" type="text/css" href="https://ent.fosterresearch.org/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 { background-color: #458030; } .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: #458030; 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: 300px; } .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://ent.fosterresearch.org"><img src="https://fosterresearch.org/cms/photos/" 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://ent.fosterresearch.org">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://ent.fosterresearch.org#sessions">Scientific Tracks</a></li> <li><a href="https://ent.fosterresearch.org/abstract-submission">Abstract Submission</a></li> <li><a href="https://ent.fosterresearch.org/brochure">Brochure Download</a></li> <li><a href="https://ent.fosterresearch.org#registration">Reserve Your Slot</a></li> <li><a href="https://ent.fosterresearch.org/cpd">CPD Credits</a></li> </li> </ul> </li> <li><a href="#">Our Experts</a> <ul class="dropdown"> <li><a href="https://ent.fosterresearch.org/committee">OCM</a></li> <li><a href="https://ent.fosterresearch.org/speakers">Plenary</a></li> <li><a href="https://ent.fosterresearch.org/speakers">Keynote</a></li> <li><a href="https://ent.fosterresearch.org/speakers">Invited</a></li> <li><a href="https://ent.fosterresearch.org/best-yrf">YRF</a></li> <li><a href="https://ent.fosterresearch.org/workshop">Workshop</a></li> <!--<li><a href="https://ent.fosterresearch.org/students">Students</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://ent.fosterresearch.org/workshop">Workshop</a></li> <li><a href="https://ent.fosterresearch.org/best-yrf">Best YRF</a></li> <li><a href="https://ent.fosterresearch.org/best-poster">Best Poster</a></li> <li><a href="https://ent.fosterresearch.org/e-poster">E-POSTER</a></li> <li><a href="https://ent.fosterresearch.org/cancellation-policy">Cancellation Policy</a></li> <li><a href="https://ent.fosterresearch.org/registration-policies">Registration Policies</a></li> </ul> </li> <li><a href="https://ent.fosterresearch.org/sponsorship-exhibitor">Sponsor / Exhibitor</a></li> <li><a href="https://ent.fosterresearch.org/visa-info">Visa Info</a></li> <li><a href="https://ent.fosterresearch.org#venue">Venue</a></li> <li><a href="https://ent.fosterresearch.org/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="google-map-two section-spacing" style="display:none;"><div class="map-canvas"></div></div> <!-- ===================================================== Google Map ===================================================== --> <!-- Google Map --> <div class="google-map-two section-spacing" style="display:none;"><div class="map-canvas"></div></div> <div class="kode-slider" style="margin-bottom: 55px;"> <ul class=""> <li> <img src="https://fosterresearch.org/cms/banners/522-banners-Photo.jpg" alt="" style="width: -webkit-fill-available; margin-left:0px;height:300px; object-fit: cover;" </li> <div class="register-holder"> <div class="register-button"> <a href="/contact" class="register-content"> <h3>Contact</h3> <p style="color:#fff;"><a href="https://ent.fosterresearch.org" class="text-white">Home / Contact</a></p> </a> </div> </div> </ul> </div> <!-- ============================================= Conatct us Section ============================================== --> <div class="contact-us-section section-spacing"> <div class="container"> <div class="theme-title-one"> <h3>CONTACT</h3> <!--<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="clearfix main-content no-gutters row"> <!--<div class="col-lg-5 col-12"><div class="img-box"></div></div>--> <div class="col-lg-12 col-md-12"> <div class="form-wrapper"> <form action="https://html.creativegigstf.com/charles/inc/sendemail.php" class="theme-form-one form-validation" autocomplete="off"> <div class="row"> <div class="col-sm-6 col-12"><input type="text" placeholder="Name *" name="name"></div> <div class="col-sm-6 col-12"><input type="text" placeholder="Phone *" name="phone"></div> <div class="col-sm-6 col-12"><input type="email" placeholder="Email *" name="email"></div> <div class="col-sm-6 col-12"><input type="text" placeholder="Website *" name="web"></div> <div class="col-12"><textarea placeholder="Message" name="message"></textarea></div> </div> <!-- /.row --> <button class="theme-button-one">SEND MESSAGE</button> </form> </div> <!-- /.form-wrapper --> </div> <!-- /.col- --> </div> <!-- /.main-content --> </div> <!-- /.container --> <!--Contact Form Validation Markup --> <!-- Contact alert --> <div class="alert-wrapper" id="alert-success"> <div id="success"> <button class="closeAlert"><i class="fa fa-times" aria-hidden="true"></i></button> <div class="wrapper"> <p>Your message was sent successfully.</p> </div> </div> </div> <!-- End of .alert_wrapper --> <div class="alert-wrapper" id="alert-error"> <div id="error"> <button class="closeAlert"><i class="fa fa-times" aria-hidden="true"></i></button> <div class="wrapper"> <p>Sorry!Something Went Wrong.</p> </div> </div> </div> <!-- End of .alert_wrapper --> </div> <!-- /.contact-us-section --> <!-- ============================================= Compnay Branch Address ============================================== --> <!--<div class="branch-address"> <div class="container"> <div class="row"> <div class="address-slider"> <div class="item"> <div class="wrapper"> <h6>United States Office</h6> <p><i class="fa fa-address-book-o" aria-hidden="true"></i> 23A, Queenstown St, Log Vegas, United States.</p> </div> </div> <div class="item"> <div class="wrapper"> <h6>Australia Office</h6> <p><i class="fa fa-address-book-o" aria-hidden="true"></i> consult floor, melbourne, Australia.</p> </div> </div> <div class="item"> <div class="wrapper"> <h6>Germany Office</h6> <p><i class="fa fa-address-book-o" aria-hidden="true"></i> no:108, shshi st, berlin, <br> Germany.</p> </div> </div> <div class="item"> <div class="wrapper"> <h6>London Office</h6> <p><i class="fa fa-address-book-o" aria-hidden="true"></i> cityhigh, clock bell floor, United Kingdom.</p> </div> </div> </div> </div> </div> </div> --> <!-- ===================================================== Footer ===================================================== --> <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/" 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://ent.fosterresearch.org/abstract-submission"><i class="fa fa-chevron-right"></i> Abstract Submission</a></li> <li><a href="https://ent.fosterresearch.org/registration"><i class="fa fa-chevron-right"></i> Registration</a></li> <li><a href="https://ent.fosterresearch.org/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> Rome Italy </li> <li> <i class="flaticon-multimedia-1"></i> <a href="mailto:grcent@fosterresearch.org">grcent@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>© 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://ent.fosterresearch.org/vendor/jquery.2.2.3.min.js"></script> <!-- Popper js --> <script src="https://ent.fosterresearch.org/vendor/popper.js/popper.min.js"></script> <!-- Bootstrap JS --> <script src="https://ent.fosterresearch.org/vendor/bootstrap/js/bootstrap.min.js"></script> <!-- Camera Slider --> <script src='https://ent.fosterresearch.org/vendor/Camera-master/scripts/jquery.mobile.customized.min.js'></script> <script src='https://ent.fosterresearch.org/vendor/Camera-master/scripts/jquery.easing.1.3.js'></script> <script src='https://ent.fosterresearch.org/vendor/Camera-master/scripts/camera.min.js'></script> <!-- menu --> <script src="https://ent.fosterresearch.org/vendor/menu/src/js/jquery.slimmenu.js"></script> <!-- WOW js --> <script src="https://ent.fosterresearch.org/vendor/WOW-master/dist/wow.min.js"></script> <!-- owl.carousel --> <script src="https://ent.fosterresearch.org/vendor/owl-carousel/owl.carousel.min.js"></script> <!-- js count to --> <script src="https://ent.fosterresearch.org/vendor/jquery.appear.js"></script> <script src="https://ent.fosterresearch.org/vendor/jquery.countTo.js"></script> <!-- Fancybox --> <script src="https://ent.fosterresearch.org/vendor/fancybox/dist/jquery.fancybox.min.js"></script> <!-- Language Stitcher --> <script src="https://ent.fosterresearch.org/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://ent.fosterresearch.org/vendor/sanzzy-map/dist/snazzy-info-window.min.js"></script> <!-- Theme js --> <script src="https://ent.fosterresearch.org/js/theme.js"></script> <script src="https://ent.fosterresearch.org/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>