CINXE.COM
International Conferences in lithuania 2025 | Conference Next
<!doctype html> <html lang="en"> <head> <!-- Required meta tags --> <title>International Conferences in lithuania 2025 | Conference Next</title> <meta name="description" content="Find international conferences in lithuania 2025 in your field. Attend lithuania conferences 2025 to learn, share and collaborate."> <meta name="keywords" content="Conferences in lithuania, International Conference in lithuania, Conference Alerts in lithuania , Academic Conferences lithuania , Conference in lithuania 2025, Conference in lithuania 2025, Upcoming Conferences in lithuania , ieee Conferences in lithuania , Scopus Indexed Conferences in lithuania"> <meta charset="utf-8"> <meta name="robots" content="index,follow"/> <meta name="google-site-verification" content="gzbX_dplKWEDfhmt_PSiGQXXgnNL0SU_K2mV0yUuJVg" /> <meta name="yandex-verification" content="b86bfb80dad21c67" /> <meta name="p:domain_verify" content="0c04ec23babec84d69e93c7eb7f3d570"/> <meta name="viewport" content="width=device-width, initial-scale=1"> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-107068083-1', 'auto'); ga('send', 'pageview'); </script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KJXMLFR');</script> <!-- End Google Tag Manager --> <!-- Meta Pixel Code --> <noscript> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1717558738382761'); fbq('track', 'PageView'); </script> </noscript> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1717558738382761&ev=PageView&noscript=1" /></noscript> <!-- End Meta Pixel Code --> <!--roboto font--> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preload" href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'"> <link rel="preload" href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'"> <link rel="preload" href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'"> <!-- open sans font --> <link rel="preload" href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'"> <!-- Canonical URL --> <link rel="canonical" href="https://conferencenext.com/conferences/lithuania" /> <link rel="stylesheet" type="text/css" href="https://conferencenext.com/new_design/css/slider/owl.carousel.min.css"> <link rel="stylesheet" type="text/css" href="https://conferencenext.com/new_design/css/slider/owl.theme.default.css"> <link id="bsdp-css" href="https://conferencenext.com/new_design/plugins/single-datepicker/bootstrap-datepicker3.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://conferencenext.com/new_design/plugins/single-datepicker/bootstrap-datepicker-single.css"> <!-- font-awesome --> <link rel="stylesheet" href="https://conferencenext.com/new_design/css/font-awesome-4.7.0/css/font-awesome.min.css"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://conferencenext.com/new_design/css/all.css"> <link rel="stylesheet" href="https://conferencenext.com/new_design/css/bootstrap.min.css" preload defer> <link rel="stylesheet" href="https://conferencenext.com/new_design/css/bootstrap_new.min.css" preload defer> <link rel="stylesheet" href="https://conferencenext.com/new_design/css/typography.css" defer> <link rel="stylesheet" href="https://conferencenext.com/new_design/css/style.css" defer> <link rel="stylesheet" href="https://conferencenext.com/new_design/css/responsive.css" defer> <link rel="icon" type="image/x-icon" href="https://conferencenext.com/new_design/images/conference_next_logo.png"></head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KJXMLFR" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --><style nonce> .grecaptcha-badge { display: none; } .result-box ul{ border-top: 1px solid #999; padding: 15px 10px; margin-bottom: 0rem; } .result-box ul li{ list-style: none; border-radius: 3px; padding: 10px 10px; cursor: pointer; } .result-box ul li:hover{ background: #e9f3ff; } .result-box{ max-height: 300px; overflow-y: scroll; position: absolute; width: 62%; background: ghostwhite; background-size: 50px; z-index: 1; font-weight: bold; } .hide{ display:none; } div.nq { z-index: -2; } .v1 { background-color: #f9edbe; border: 1px solid #f0c36d; -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2); box-shadow: 0 2px 4px rgba(0,0,0,.2); color: #222; padding: 6px 10px; } .loading_head{ margin-left:45%; margin-bottom: -2%; margin-top: 1%; z-index: 7; position: absolute; } </style> <div class="main" id="main-header"> <div class="loading_head" style="display:none;"> <span class="v1">Loading...</span> </div> <div class="container-fluid"> <div class="row"> <div class="col-lg-12"> <div class="py-3 top-header"> <div class="container"> <div class="row align-items-center"> <div class="col-lg-8"> <div class="seacrh-box-div"> <img class="logo" src="https://conferencenext.com/new_design/images/logo.png" height="70" widhth="189" alt="Conference Next"> <!-- <div class="form-group has-search w-100 pl-md-5 pl-0 mb-md-0"> <span class="fa fa-search form-control-feedback"></span> <input type="text" id="myInput" class="form-control" placeholder="Search Events"> </div> --> <div class="form-group has-search w-100 pl-md-5 pl-0 mb-md-0"> <span class="fa fa-search form-control-feedback search_icon"></span> <span class="fa fa-circle-o-notch fa-spin search_loading form-control-feedback" style="padding-right: 4%;padding-bottom: 3%;display:none;"></span> <input type="text" id="" class="form-control input-box" style="width: 105%;text-transform: lowercase;" placeholder="Search for Conference (Country or Topic or City)" autocomplete="off" onclick="search_onclick();this.onclick=null;" > <div class="result-box"> <!-- <ul> <li></li> </ul> --> </div> </div> <span class="ico-times form-control-feedback search_clear" onclick="search_clear()" role="img" aria-label="Cancel" style="padding-right: 2%;cursor: pointer;"></span> <!-- <div class="form-group has-search w-100 pl-md-5 pl-0 mb-md-0"> <form method="get" action="{{route('advance.search"> <div class="header-search-div"> <span class="fa fa-search form-control-feedback"></span> <input type="text" name="keyword" class=" form-control" placeholder="Search Events"> <button class="btn" type="submit">Search</button> </div> </form> <div class="appendSearchResult"></div> <div id='loader' style='display: none;margin-left: 50%;margin-right: 50%;'> <i class="fa fa-spinner fa-spin" aria-hidden="true"></i> </div> </div> --> </div> </div> <div class="col-lg-2"> <div class="header-right-icon-div"> <div class="circle-div"> <a href="tel:+918925031783"><i class="fal fa-phone-alt"></i></a> </div> <span>+91 8925031783</span> </div> </div> <div class="col-lg-2"> <div class="header-right-icon-div"> <div class="circle-div"> <a href="/cdn-cgi/l/email-protection#7e171018113e1d1110181b0c1b101d1b101b060a501d1113"><i class="fal fa-envelope"></i></a> </div> <span><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="01686f676e41626e6f676473646f62646f6479752f626e6c">[email protected]</a></span> </div> </div> </div> </div> </div> </div> </div> </div> <header style="z-index: 0;"> <nav class="navbar navbar-expand-lg" id="desktop-nav"> <div class="container mobile-view"> <img class="logo ml-3 hide-in-desktop-logo" src="https://conferencenext.com/new_design/images/logo-mobile.webp" height="70" widhth="189" alt="conference next"> <div class="mobile-search"> <i class="fas fa-search"></i> </div> <button class="navbar-toggler collapsed remove_breadcrumb" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"> <span class="line-1"></span> <span class="line-2"></span> <span class="line-3"></span> </span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav mr-auto"> <li class="nav-item"> <a class="nav-link" href="https://conferencenext.com/">Home </a> </li> <li class="nav-item {{ Request::routeIs('aboutus') ? 'active' : '' }}"> <a class="nav-link" href="https://conferencenext.com/about-us">About </a> </li> <!-- <li class="nav-item {{ Request::routeIs('addevent') ? 'active' : '' }}"> <a class="nav-link" href="{{route('addevent')}}" >Add event</a> </li> --> <li class="nav-item {{ Request::routeIs('subscribe.add') ? 'active' : '' }}"> <a class="nav-link" href="https://conferencenext.com/subscribe" >Subscribe </a> </li> <li class="nav-item {{ Request::routeIs('journal') ? 'active' : '' }}"> <a class="nav-link" href="https://conferencenext.com/journal">Journal</a> </li> <li class="nav-item"> <a class="nav-link" href="https://conferencenext.com/blog">Blog</a> </li> <li class="nav-item {{ Request::routeIs('faq') ? 'active' : '' }}"> <a class="nav-link" href="https://conferencenext.com/faq">FAQ</a> </li> <li class="nav-item {{ Request::routeIs('contact.us') ? 'active' : '' }}"> <a class="nav-link" href="https://conferencenext.com/contact-us">Contact us</a> </li> <li class="header-btn "> <a class="nav-link" href="https://conferencenext.com/add-event"><button type="button" class="btn btn-outline-primary btn-2 mr-2" id="location_click" style="padding: 2px 3px"> <i class="fa fa-plus" aria-hidden="true" style="margin-right:5px"></i>ADD EVENTS</button> </a> </li> <!--<li class="header-btn "> <a id="near_location"><button type="button" class="btn btn-outline-primary btn-2 mr-2" id="location_click" style="padding: 3px 3px"> <i class="fal fa-street-view" style="margin-right:5px"></i>EVENTS NEAR YOU</button> </a>--> </li> </ul> <!-- <div class="header-btn ml-auto"> <a href=""><button type="button" class="btn btn-outline-primary btn-2 mr-2" style="padding: 8px 6px"><i class="fal fa-street-view" style="margin-right:5px"></i>EVENTS NEAR YOU</button></a> <button type="button" class="btn btn-outline-primary btn-1 mr-2" >LOG IN</button> <button type="button" class="btn btn-primary btn-2 mr-2" >REGISTER</button> </div>--> <div class="show-div-in-desktop"> <div class="seacrh-box-div ml-2 my-2" style="margin-right: 42px;"> <div class="form-group has-search w-100 pl-lg-5 pl-md-0 pl-0 mb-md-0 ml-1"> <span class="fa fa-search form-control-feedback"></span> <input type="text" class="form-control" placeholder="Search Events"> </div> </div> <div class="header-right-icon-div ml-2"> <div class="circle-div"> <i class="fal fa-phone-alt"></i> </div> <span class="text-white">+91 9345684472</span> </div> <div class="header-right-icon-div ml-2"> <div class="circle-div"> <i class="fal fa-envelope"></i> </div> <span class="text-white"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="95fcfbf3fad5f6fafbf3f0e7f0fbf6f0fbf0ede1bbf6faf8">[email protected]</a></span> </div> </div> </div> </div> </nav> <div class="mobile-search-div "> <div class="d-flex align-items-center m-2"> <span class="mobile-search-close"><i class="fas fa-arrow-left"></i></span> <div class=" has-search has-search-mobi ml-4 w-100"> <div class="header-search-div"> <span class="fa fa-search form-control-feedback search_icon" style="padding-left: 0%;"></span> <span class="fa fa-circle-o-notch fa-spin search_loading form-control-feedback" style="padding-right: 4%;padding-bottom: 3%;display:none;"></span> <div class="row"> <input type="text" class="form-control mobile_input-box" style="width: 85%;" placeholder="Search anything" onclick="search_onclick();this.onclick=null;" autocomplete="off"> {{-- <span class="ico-times form-control-feedback search_clear" onclick="mobile_search_clear()" role="img" aria-label="Cancel" style="padding-left: 85%;cursor: pointer;"></span> --}} </div> <div class="mobile_result-box"> <!-- <ul> <li></li> </ul> --> </div> </div> {{-- <form method="get" action="{{route('advance.search')}}"> <div class="header-search-div"> <span class="fa fa-search form-control-feedback"></span> <input type="text" class="form-control" name="keyword" placeholder="Search for Topic, Event or Location"> <button class="btn" type="submit">Search</button> </div> </form> --}} </div> </div> <hr> </div> </header> </div><style> /* .listings-tab .nav .nav-item .nav-link { padding: 8px 15px; } */ /* .listings-tab .nav .nav-item { background: white; box-shadow: 0 0 30px rgba(0,1,1,.3); border-radius: 5px; margin: 0 2px; } .listings-tab .nav .nav-item .nav-link { padding: 8px 10px; } */ .listings-tab .nav .nav-item { background: white; box-shadow: 0 0 30px rgba(0, 1, 1, .3); border-radius: 5px; margin: 0 2px; border: 1px solid; } .selectedTopicClass { background-color: #EB2299 !important; border-color: #EB2299 !important; } .pagination { flex-wrap: wrap; padding-left: 10%; } .filter-btn-div i { padding-right: 10px; } .search-div i { position: absolute; z-index: 2; padding-left: 10px; } .search-div { display: flex; align-items: center; } .search-div .list-search { padding-left: 30px; } .cities-name-check a{ color: unset; } .cities-name-check a :hover{ background-color: unset !important; border-radius: 0.25em !important; } .right-list-div { position: sticky; top: 168px; } .listing-filter-inner-div { position: sticky; bottom: 0; } .listing-filter .left-side-filter { display: flex; align-items: flex-end; height: 100%; } .list-top-div.scroll-tabs { position: sticky; top: 168px; background: white; z-index: 1; border-bottom: 1px solid #51BFC0; } .card-body a :hover { background: #236667; box-shadow: 0 0 30px rgba(0, 0, 0, .06); border-radius: 15px; transition: all .4s } .card-body a :hover p { color: white; } .card-body a :hover span { color: white; } /* popular continents countries tab */ .tabset>input[type="radio"] { position: absolute; left: -200vw; } .tabset .tab-panel { display: none; } .tabset>input:first-child:checked~.tab-panels>.tab-panel:first-child, .tabset>input:nth-child(3):checked~.tab-panels>.tab-panel:nth-child(2), .tabset>input:nth-child(5):checked~.tab-panels>.tab-panel:nth-child(3), .tabset>input:nth-child(7):checked~.tab-panels>.tab-panel:nth-child(4), .tabset>input:nth-child(9):checked~.tab-panels>.tab-panel:nth-child(5), .tabset>input:nth-child(11):checked~.tab-panels>.tab-panel:nth-child(6) { display: block; } .tabset>label { position: relative; display: inline-block; padding: 9px 15px 14px; border: 1px solid transparent; border-bottom: 0; cursor: pointer; font-weight: 600; } /* .tabset > label::after { content: ""; position: absolute; left: 15px; bottom: 10px; width: 22px; height: 4px; background: #8d8d8d; } */ input:focus-visible+label { outline: 2px solid rgba(0, 102, 204, 1); border-radius: 3px; } .tabset>label:hover, .tabset>input:focus+label, .tabset>input:checked+label { color: #06c; } .tabset>label:hover::after, .tabset>input:focus+label::after, .tabset>input:checked+label::after { background: #06c; } .tabset>input:checked+label { border-color: #ccc; border-bottom: 1px solid #fff; margin-bottom: -1px; } .tab-panel { border-top: 1px solid #ccc; } .tabset { max-width: 65em; } .tab_label_pink { background-color: #ec228d; color: white !important; font-weight: 600; font-size: 17px; } .tab_label_black { background-color: black; color: white !important; font-weight: 600; font-size: 17px; } .content-wider { text-align: justify; line-height: 25px; font-weight: 500; color: #000; } .continent-collapse{ margin-top:10px; } .collapse-btn{ border: 2px solid black; padding: 5px; border-radius: 7px; margin-left:20px; margin-right:10px; } .continent-name{ margin-top:10px; } @media (max-width: 600px) { .img-banner{ margin-left: 0px !important; } } </style> <section class="home-banner-2 pb-md-0"> <div class="container-fluid "> <div class="row"> <!-- <div class="col-lg-12 p-0"> <div class="blur-effect"> <img src="images/banners/home-banner.png" class="w-100" alt=""> </div> </div> --> <div class="main-text-div"> <p style="font-size:40px" ;> lithuania </p> </div> </div> </div> </section> <section class="breadcrumb-section border border-success border-2"> <div class="container"> <div class="row"> <div class="col-lg-12"> <nav aria-label="breadcrumb"> <ol class="breadcrumb breadcrumb-fill2 style4"> <li><a href="https://conferencenext.com/"><i class="fa fa-home"></i></a></li> <li class="active fw-bold"> lithuania </li> </ol> </nav> </div> </div> </div> </section> <section class="event-list-detail pt-md-3 pb-md-4"> <div class="container mt-2"> <div class="row"> <div class="col-lg-12"> <center> </center> <div class="bor-der-div"> <h2> International Conference in Lithuania 2025 </h2> <p class="content-wider" style="max-width: 100%;display: block;"> Lithuania is a rapidly developing country with a strong focus on technology and education. Its universities offer high-quality programs, and the country is home to a growing number of tech startups and conferences. The much awaited Lithuania Conference 2025 is finally here! This amazing event brings together professionals, researchers, and industry leaders from different parts of the world to share the latest trends and advancements across various fields. Whether you're interested in finance, technology, healthcare, or other sectors, Lithuania鈥檚 variety of conferences have been planned to inspire and motivate.<br><br>Get ready to engage with business experts, participate in insightful discussions, and connect with individuals from different domains. It is a one stop destination to discover new opportunities, widen your knowledge, and stay ahead in your field ! </p> </div> </div> </div> </div> </section> <section class="city-list-section pt-md-5 pb-md-5"> <div class="container"> <div class="row"> <div class="col-lg-12"> <h1 class="pb-5 ">Upcoming Conferences in Lithuania 2025</h1> </div> <div class="col-lg-3 col-md-6 listing-filter"> <div class="left-side-filter"> <div class="listing-filter-inner-div"> <div class="list-main-div"> <div class="list-heading"> <div class="upper-div"> <h4> Popular Cities </h4> <div> <span> </span> </div> </div> <div class="search-div p-3"> <i class="fas fa-search"></i> <input type="text" id="searchcities" class="form-control list-search" placeholder="Search Place / City"> </div> <div id='searchloader' style='display: none;margin-left: 50%;margin-right: 50%;'> <i class="fa fa-spinner fa-spin" aria-hidden="true"></i> </div> <div class="card-body pb-0 searchCityAppend"> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Kaunas"> <a href="https://conferencenext.com/conferences/kaunas/september-2025"> <input class="form-check-input city-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Kaunas"> Kaunas </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Klaipeda"> <a href="https://conferencenext.com/conferences/klaipeda/september-2025"> <input class="form-check-input city-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Klaipeda"> Klaipeda </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Vilnius"> <a href="https://conferencenext.com/conferences/vilnius/september-2025"> <input class="form-check-input city-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Vilnius"> Vilnius </a> </label> </div> <span> </span> </div> </div> </div> </div><div class="list-main-div my-md-5"> <div class="list-heading"> <div class="upper-div"> <h4> Popular States </h4> <div> <span> </span> </div> </div> <div class="search-div p-3"> <i class="fas fa-search"></i> <input type="text" id="searchstates" class="form-control list-search" placeholder="Search State"> </div> <div id='searchloader' style='display: none;margin-left: 50%;margin-right: 50%;'> <i class="fa fa-spinner fa-spin" aria-hidden="true"></i> </div> <div class="card-body pb-0 searchStateAppend"> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Kaunas"> <a href="https://conferencenext.com/conferences/kaunas/september-2025"> <input class="form-check-input state-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Kaunas"> Kaunas </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Klaipeda"> <a href="https://conferencenext.com/conferences/klaipeda/september-2025"> <input class="form-check-input state-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Klaipeda"> Klaipeda </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Vilnius"> <a href="https://conferencenext.com/conferences/vilnius/september-2025"> <input class="form-check-input state-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Vilnius"> Vilnius </a> </label> </div> <span> </span> </div> </div> </div> </div><div class="list-main-div"> <div class="list-heading"> <div class="upper-div"> <h4> Popular Countries </h4> <div> <span> </span> </div> </div> <div class="search-div p-3"> <i class="fas fa-search"></i> <input type="text" id="searchcountries" class="form-control list-search" placeholder="Search Place / City"> </div> <div id='searchloader' style='display: none;margin-left: 50%;margin-right: 50%;'> <i class="fa fa-spinner fa-spin" aria-hidden="true"></i> </div> <div class="card-body pb-0 searchCountryAppend"> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="India"> <a href="https://conferencenext.com/conferences/india/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="India"> India </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="USA"> <a href="https://conferencenext.com/conferences/usa/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="USA"> USA </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Canada"> <a href="https://conferencenext.com/conferences/canada/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Canada"> Canada </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="China"> <a href="https://conferencenext.com/conferences/china/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="China"> China </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Bangladesh"> <a href="https://conferencenext.com/conferences/bangladesh/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Bangladesh"> Bangladesh </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Australia"> <a href="https://conferencenext.com/conferences/australia/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Australia"> Australia </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Japan"> <a href="https://conferencenext.com/conferences/japan/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Japan"> Japan </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Malaysia"> <a href="https://conferencenext.com/conferences/malaysia/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Malaysia"> Malaysia </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Brazil"> <a href="https://conferencenext.com/conferences/brazil/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Brazil"> Brazil </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="UK"> <a href="https://conferencenext.com/conferences/uk/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="UK"> UK </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Indonesia"> <a href="https://conferencenext.com/conferences/indonesia/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Indonesia"> Indonesia </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Italy"> <a href="https://conferencenext.com/conferences/italy/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Italy"> Italy </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Argentina"> <a href="https://conferencenext.com/conferences/argentina/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Argentina"> Argentina </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Turkey"> <a href="https://conferencenext.com/conferences/turkey/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Turkey"> Turkey </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Germany"> <a href="https://conferencenext.com/conferences/germany/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Germany"> Germany </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="UAE"> <a href="https://conferencenext.com/conferences/uae/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="UAE"> UAE </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Philippines"> <a href="https://conferencenext.com/conferences/philippines/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Philippines"> Philippines </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Algeria"> <a href="https://conferencenext.com/conferences/algeria/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Algeria"> Algeria </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="south Korea "> <a href="https://conferencenext.com/conferences/south-korea-/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="south Korea "> south Korea </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Spain"> <a href="https://conferencenext.com/conferences/spain/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Spain"> Spain </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Thailand"> <a href="https://conferencenext.com/conferences/thailand/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Thailand"> Thailand </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Russia"> <a href="https://conferencenext.com/conferences/russia/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Russia"> Russia </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Pakistan"> <a href="https://conferencenext.com/conferences/pakistan/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Pakistan"> Pakistan </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Saudi Arabia"> <a href="https://conferencenext.com/conferences/saudi-arabia/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Saudi Arabia"> Saudi Arabia </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Vietnam"> <a href="https://conferencenext.com/conferences/vietnam/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Vietnam"> Vietnam </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Nepal"> <a href="https://conferencenext.com/conferences/nepal/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Nepal"> Nepal </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Egypt"> <a href="https://conferencenext.com/conferences/egypt/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Egypt"> Egypt </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Finland"> <a href="https://conferencenext.com/conferences/finland/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Finland"> Finland </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Taiwan"> <a href="https://conferencenext.com/conferences/taiwan/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Taiwan"> Taiwan </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Netherlands"> <a href="https://conferencenext.com/conferences/netherlands/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Netherlands"> Netherlands </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Belgium"> <a href="https://conferencenext.com/conferences/belgium/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Belgium"> Belgium </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Poland"> <a href="https://conferencenext.com/conferences/poland/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Poland"> Poland </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Kenya"> <a href="https://conferencenext.com/conferences/kenya/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Kenya"> Kenya </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="France"> <a href="https://conferencenext.com/conferences/france/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="France"> France </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="South Africa"> <a href="https://conferencenext.com/conferences/south-africa/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="South Africa"> South Africa </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Denmark"> <a href="https://conferencenext.com/conferences/denmark/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Denmark"> Denmark </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Iran"> <a href="https://conferencenext.com/conferences/iran/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Iran"> Iran </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="New Zealand"> <a href="https://conferencenext.com/conferences/new-zealand/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="New Zealand"> New Zealand </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Greece"> <a href="https://conferencenext.com/conferences/greece/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Greece"> Greece </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Nigeria"> <a href="https://conferencenext.com/conferences/nigeria/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Nigeria"> Nigeria </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Iraq"> <a href="https://conferencenext.com/conferences/iraq/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Iraq"> Iraq </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Austria"> <a href="https://conferencenext.com/conferences/austria/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Austria"> Austria </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Zimbabwe"> <a href="https://conferencenext.com/conferences/zimbabwe/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Zimbabwe"> Zimbabwe </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Portugal"> <a href="https://conferencenext.com/conferences/portugal/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Portugal"> Portugal </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Oman"> <a href="https://conferencenext.com/conferences/oman/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Oman"> Oman </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Morocco"> <a href="https://conferencenext.com/conferences/morocco/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Morocco"> Morocco </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Bulgaria"> <a href="https://conferencenext.com/conferences/bulgaria/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Bulgaria"> Bulgaria </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Belarus"> <a href="https://conferencenext.com/conferences/belarus/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Belarus"> Belarus </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Andorra"> <a href="https://conferencenext.com/conferences/andorra/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Andorra"> Andorra </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Sri Lanka"> <a href="https://conferencenext.com/conferences/sri-lanka/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Sri Lanka"> Sri Lanka </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Romania"> <a href="https://conferencenext.com/conferences/romania/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Romania"> Romania </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Hong Kong"> <a href="https://conferencenext.com/conferences/hong-kong/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Hong Kong"> Hong Kong </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Bahrain"> <a href="https://conferencenext.com/conferences/bahrain/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Bahrain"> Bahrain </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Israel"> <a href="https://conferencenext.com/conferences/israel/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Israel"> Israel </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Uzbekistan"> <a href="https://conferencenext.com/conferences/uzbekistan/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Uzbekistan"> Uzbekistan </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Cyprus"> <a href="https://conferencenext.com/conferences/cyprus/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Cyprus"> Cyprus </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Singapore"> <a href="https://conferencenext.com/conferences/singapore/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Singapore"> Singapore </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Kuwait"> <a href="https://conferencenext.com/conferences/kuwait/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Kuwait"> Kuwait </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Ukraine"> <a href="https://conferencenext.com/conferences/ukraine/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Ukraine"> Ukraine </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Peru"> <a href="https://conferencenext.com/conferences/peru/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Peru"> Peru </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Colombia"> <a href="https://conferencenext.com/conferences/colombia/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Colombia"> Colombia </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Mauritius"> <a href="https://conferencenext.com/conferences/mauritius/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Mauritius"> Mauritius </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Switzerland"> <a href="https://conferencenext.com/conferences/switzerland/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Switzerland"> Switzerland </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Maldives"> <a href="https://conferencenext.com/conferences/maldives/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Maldives"> Maldives </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Ethiopia"> <a href="https://conferencenext.com/conferences/ethiopia/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Ethiopia"> Ethiopia </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Czech Republic"> <a href="https://conferencenext.com/conferences/czech-republic/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Czech Republic"> Czech Republic </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Mozambique"> <a href="https://conferencenext.com/conferences/mozambique/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Mozambique"> Mozambique </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Bahamas"> <a href="https://conferencenext.com/conferences/bahamas/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Bahamas"> Bahamas </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Uganda"> <a href="https://conferencenext.com/conferences/uganda/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Uganda"> Uganda </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Venezuela"> <a href="https://conferencenext.com/conferences/venezuela/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Venezuela"> Venezuela </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="chile"> <a href="https://conferencenext.com/conferences/chile/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="chile"> chile </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Jamaica"> <a href="https://conferencenext.com/conferences/jamaica/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Jamaica"> Jamaica </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Qatar"> <a href="https://conferencenext.com/conferences/qatar/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Qatar"> Qatar </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Ghana"> <a href="https://conferencenext.com/conferences/ghana/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Ghana"> Ghana </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Armenia"> <a href="https://conferencenext.com/conferences/armenia/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Armenia"> Armenia </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Bolivia"> <a href="https://conferencenext.com/conferences/bolivia/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Bolivia"> Bolivia </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Cuba"> <a href="https://conferencenext.com/conferences/cuba/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Cuba"> Cuba </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Norway"> <a href="https://conferencenext.com/conferences/norway/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Norway"> Norway </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Seychelles"> <a href="https://conferencenext.com/conferences/seychelles/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Seychelles"> Seychelles </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Fiji"> <a href="https://conferencenext.com/conferences/fiji/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Fiji"> Fiji </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Mongolia"> <a href="https://conferencenext.com/conferences/mongolia/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Mongolia"> Mongolia </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Slovenia"> <a href="https://conferencenext.com/conferences/slovenia/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Slovenia"> Slovenia </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Barbados"> <a href="https://conferencenext.com/conferences/barbados/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Barbados"> Barbados </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Ecuador"> <a href="https://conferencenext.com/conferences/ecuador/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Ecuador"> Ecuador </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Zambia"> <a href="https://conferencenext.com/conferences/zambia/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Zambia"> Zambia </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Jordan"> <a href="https://conferencenext.com/conferences/jordan/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Jordan"> Jordan </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Slovakia"> <a href="https://conferencenext.com/conferences/slovakia/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Slovakia"> Slovakia </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Dominican Republic"> <a href="https://conferencenext.com/conferences/dominican-republic/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Dominican Republic"> Dominican Republic </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Ireland"> <a href="https://conferencenext.com/conferences/ireland/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Ireland"> Ireland </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Sweden"> <a href="https://conferencenext.com/conferences/sweden/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Sweden"> Sweden </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Bhutan"> <a href="https://conferencenext.com/conferences/bhutan/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Bhutan"> Bhutan </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Dominica"> <a href="https://conferencenext.com/conferences/dominica/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Dominica"> Dominica </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Costa Rica"> <a href="https://conferencenext.com/conferences/costa-rica/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Costa Rica"> Costa Rica </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Malawi"> <a href="https://conferencenext.com/conferences/malawi/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Malawi"> Malawi </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Puerto Rico"> <a href="https://conferencenext.com/conferences/puerto-rico/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Puerto Rico"> Puerto Rico </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Panama"> <a href="https://conferencenext.com/conferences/panama/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Panama"> Panama </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Sierra Leone"> <a href="https://conferencenext.com/conferences/sierra-leone/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Sierra Leone"> Sierra Leone </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Paraguay"> <a href="https://conferencenext.com/conferences/paraguay/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Paraguay"> Paraguay </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Estonia"> <a href="https://conferencenext.com/conferences/estonia/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Estonia"> Estonia </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Macedonia"> <a href="https://conferencenext.com/conferences/macedonia/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Macedonia"> Macedonia </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Liberia"> <a href="https://conferencenext.com/conferences/liberia/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Liberia"> Liberia </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Vatican City"> <a href="https://conferencenext.com/conferences/vatican-city/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Vatican City"> Vatican City </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Suriname"> <a href="https://conferencenext.com/conferences/suriname/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Suriname"> Suriname </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Georgia"> <a href="https://conferencenext.com/conferences/georgia/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Georgia"> Georgia </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Sudan"> <a href="https://conferencenext.com/conferences/sudan/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Sudan"> Sudan </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Mexico"> <a href="https://conferencenext.com/conferences/mexico/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Mexico"> Mexico </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Croatia"> <a href="https://conferencenext.com/conferences/croatia/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Croatia"> Croatia </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Burma"> <a href="https://conferencenext.com/conferences/burma/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Burma"> Burma </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="El Salvador"> <a href="https://conferencenext.com/conferences/el-salvador/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="El Salvador"> El Salvador </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Gambia"> <a href="https://conferencenext.com/conferences/gambia/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Gambia"> Gambia </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Lithuania"> <a href="https://conferencenext.com/conferences/lithuania/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Lithuania"> Lithuania </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Somalia"> <a href="https://conferencenext.com/conferences/somalia/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Somalia"> Somalia </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Hungary"> <a href="https://conferencenext.com/conferences/hungary/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Hungary"> Hungary </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Luxembourg"> <a href="https://conferencenext.com/conferences/luxembourg/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Luxembourg"> Luxembourg </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Mali"> <a href="https://conferencenext.com/conferences/mali/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Mali"> Mali </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Guyana"> <a href="https://conferencenext.com/conferences/guyana/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Guyana"> Guyana </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Uruguay"> <a href="https://conferencenext.com/conferences/uruguay/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Uruguay"> Uruguay </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Syria"> <a href="https://conferencenext.com/conferences/syria/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Syria"> Syria </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Greenland"> <a href="https://conferencenext.com/conferences/greenland/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Greenland"> Greenland </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Lesotho"> <a href="https://conferencenext.com/conferences/lesotho/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Lesotho"> Lesotho </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Honduras"> <a href="https://conferencenext.com/conferences/honduras/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Honduras"> Honduras </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Brunei Darussalam"> <a href="https://conferencenext.com/conferences/brunei-darussalam/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Brunei Darussalam"> Brunei Darussalam </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Iceland"> <a href="https://conferencenext.com/conferences/iceland/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Iceland"> Iceland </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Palestinian Territories"> <a href="https://conferencenext.com/conferences/palestinian-territories/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Palestinian Territories"> Palestinian Territories </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Haiti"> <a href="https://conferencenext.com/conferences/haiti/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Haiti"> Haiti </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Papua New Guinea"> <a href="https://conferencenext.com/conferences/papua-new-guinea/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Papua New Guinea"> Papua New Guinea </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Papua NewGuinea"> <a href="https://conferencenext.com/conferences/papua-newguinea/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Papua NewGuinea"> Papua NewGuinea </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Sao Tome and Principe"> <a href="https://conferencenext.com/conferences/sao-tome-and-principe/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Sao Tome and Principe"> Sao Tome and Principe </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Russian Federation"> <a href="https://conferencenext.com/conferences/russian-federation/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Russian Federation"> Russian Federation </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Namibia"> <a href="https://conferencenext.com/conferences/namibia/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Namibia"> Namibia </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Serbia"> <a href="https://conferencenext.com/conferences/serbia/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Serbia"> Serbia </a> </label> </div> <span> </span> </div> </div> </div> </div> </div> </div> </div> <div class="col-lg-6"> <div id='loader' style='display: none;margin-left: 50%;margin-right: 50%;'> <i class="fa fa-spinner fa-spin" aria-hidden="true"></i> </div> <input type="hidden" id="currentFullUrl" value="{{$currentURL}}"> <div class="listings-tab" id="listing-tab"> <div class="list-top-div scroll-tabs"> <ul class="nav cata-sub-nav nav-pills mb-3 nav-tabs" id="pills-tab" role="tablist"> <li class="nav-item"> <a class="nav-link all-tab " id="pills-home-tab" onclick=eventMonthAll() data-toggle="pill" href="https://conferencenext.com/conferences/lithuania" role="tab" aria-controls="pills-home" aria-selected="true">All </a> </li> <li class="nav-item"> <a class="nav-link " href="https://conferencenext.com/conferences/lithuania/november-2024" role="tab" aria-controls="pills-{{ $i }}" aria-selected="false"> <div class="nav-tab-div"> <span class="nav-month"> november </span> <span class="nav-year"> 2024 </span> </div> </a> </li> <li class="nav-item"> <a class="nav-link " href="https://conferencenext.com/conferences/lithuania/december-2024" role="tab" aria-controls="pills-{{ $i }}" aria-selected="false"> <div class="nav-tab-div"> <span class="nav-month"> december </span> <span class="nav-year"> 2024 </span> </div> </a> </li> <li class="nav-item"> <a class="nav-link " href="https://conferencenext.com/conferences/lithuania/january-2025" role="tab" aria-controls="pills-{{ $i }}" aria-selected="false"> <div class="nav-tab-div"> <span class="nav-month"> january </span> <span class="nav-year"> 2025 </span> </div> </a> </li> <li class="nav-item"> <a class="nav-link " href="https://conferencenext.com/conferences/lithuania/february-2025" role="tab" aria-controls="pills-{{ $i }}" aria-selected="false"> <div class="nav-tab-div"> <span class="nav-month"> february </span> <span class="nav-year"> 2025 </span> </div> </a> </li> <li class="nav-item"> <a class="nav-link " href="https://conferencenext.com/conferences/lithuania/march-2025" role="tab" aria-controls="pills-{{ $i }}" aria-selected="false"> <div class="nav-tab-div"> <span class="nav-month"> march </span> <span class="nav-year"> 2025 </span> </div> </a> </li> <li class="nav-item"> <a class="nav-link " href="https://conferencenext.com/conferences/lithuania/april-2025" role="tab" aria-controls="pills-{{ $i }}" aria-selected="false"> <div class="nav-tab-div"> <span class="nav-month"> april </span> <span class="nav-year"> 2025 </span> </div> </a> </li> <li class="nav-item"> <a class="nav-link " href="https://conferencenext.com/conferences/lithuania/may-2025" role="tab" aria-controls="pills-{{ $i }}" aria-selected="false"> <div class="nav-tab-div"> <span class="nav-month"> may </span> <span class="nav-year"> 2025 </span> </div> </a> </li> <li class="nav-item"> <a class="nav-link " href="https://conferencenext.com/conferences/lithuania/june-2025" role="tab" aria-controls="pills-{{ $i }}" aria-selected="false"> <div class="nav-tab-div"> <span class="nav-month"> june </span> <span class="nav-year"> 2025 </span> </div> </a> </li> <li class="nav-item"> <a class="nav-link " href="https://conferencenext.com/conferences/lithuania/july-2025" role="tab" aria-controls="pills-{{ $i }}" aria-selected="false"> <div class="nav-tab-div"> <span class="nav-month"> july </span> <span class="nav-year"> 2025 </span> </div> </a> </li> <li class="nav-item"> <a class="nav-link " href="https://conferencenext.com/conferences/lithuania/august-2025" role="tab" aria-controls="pills-{{ $i }}" aria-selected="false"> <div class="nav-tab-div"> <span class="nav-month"> august </span> <span class="nav-year"> 2025 </span> </div> </a> </li> <li class="nav-item"> <a class="nav-link active" href="https://conferencenext.com/conferences/lithuania/september-2025" role="tab" aria-controls="pills-{{ $i }}" aria-selected="false"> <div class="nav-tab-div"> <span class="nav-month"> september </span> <span class="nav-year"> 2025 </span> </div> </a> </li> <li class="nav-item"> <a class="nav-link " href="https://conferencenext.com/conferences/lithuania/october-2025" role="tab" aria-controls="pills-{{ $i }}" aria-selected="false"> <div class="nav-tab-div"> <span class="nav-month"> october </span> <span class="nav-year"> 2025 </span> </div> </a> </li> </ul> </div> <div id='loader33' style='display: none;margin-left: 50%;margin-right: 50%;'> <i class="fa fa-spinner fa-spin" aria-hidden="true"></i> </div> <div class="tab-content" id="pills-tabContentmonthWise" style="display:none;"> <style> .highlight { background-color: #77002b !important; color: #fff; } .highlight > td > a, .highlight > td.date h3, .highlight > td.date span, .highlight > td.venue > b, .highlight > td.venue > i { color: #fff !important; } .cpagination > ul{ list-style-type: none; display: flex; } .cpagination > ul > li{ padding: .375rem .75rem; border: 1px solid #dee2e6; cursor: pointer; } .loading > img{ position: absolute; left: calc(50% - 50px); top: 8rem; } </style> <div class="loading" id="loading"> <img src="https://conferencenext.com/new_design/images/cnext_loading.gif" width="100" /> </div> <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab" data-id="testingClass"> <a href="https://conferencenext.com/event/3083393" itemscope itemtype="http://schema.org/Event"> <div class="list-city-info-div"> <p class="e_name" itemprop="name"> International Conference on Teaching, Educational, and Learning </p> <div class="row"> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-map-marker" aria-hidden="true"></i> <span class="e_venue" itemprop="location" itemscope itemtype="http://schema.org/Place"> <span itemprop="address"> Kaunas, Lithuania </span> </span> </div> </div> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-calendar-check-o" aria-hidden="true"></i> <span class="e_dates" itemprop="startDate" content="2025-09-09T00:00:00+00:00"> 09 Sep </span> <span style="display:none;" class="e_dates" itemprop="endDate" content="2025-09-10T00:00:00+00:00"> 10 Sep </span> <span style="display:none;" itemprop="url" content="https://conferencenext.com/event/{{$event->event_id}}"> https://conferencenext.com/event/{{$event->event_id}} </span> </div> </div> </div> </div> </a> <a href="https://conferencenext.com/event/3088724" itemscope itemtype="http://schema.org/Event"> <div class="list-city-info-div"> <p class="e_name" itemprop="name"> International Conference on Engineering, Social- Sciences, And Humanities </p> <div class="row"> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-map-marker" aria-hidden="true"></i> <span class="e_venue" itemprop="location" itemscope itemtype="http://schema.org/Place"> <span itemprop="address"> Kaunas, Lithuania </span> </span> </div> </div> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-calendar-check-o" aria-hidden="true"></i> <span class="e_dates" itemprop="startDate" content="2025-09-11T00:00:00+00:00"> 11 Sep </span> <span style="display:none;" class="e_dates" itemprop="endDate" content="2025-09-12T00:00:00+00:00"> 12 Sep </span> <span style="display:none;" itemprop="url" content="https://conferencenext.com/event/{{$event->event_id}}"> https://conferencenext.com/event/{{$event->event_id}} </span> </div> </div> </div> </div> </a> <a href="https://conferencenext.com/event/3085851" itemscope itemtype="http://schema.org/Event"> <div class="list-city-info-div"> <p class="e_name" itemprop="name"> International Conference on Geriatrics and Gerontology </p> <div class="row"> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-map-marker" aria-hidden="true"></i> <span class="e_venue" itemprop="location" itemscope itemtype="http://schema.org/Place"> <span itemprop="address"> Kaunas, Lithuania </span> </span> </div> </div> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-calendar-check-o" aria-hidden="true"></i> <span class="e_dates" itemprop="startDate" content="2025-09-16T00:00:00+00:00"> 16 Sep </span> <span style="display:none;" class="e_dates" itemprop="endDate" content="2025-09-17T00:00:00+00:00"> 17 Sep </span> <span style="display:none;" itemprop="url" content="https://conferencenext.com/event/{{$event->event_id}}"> https://conferencenext.com/event/{{$event->event_id}} </span> </div> </div> </div> </div> </a> <a href="https://conferencenext.com/event/3087191" itemscope itemtype="http://schema.org/Event"> <div class="list-city-info-div"> <p class="e_name" itemprop="name"> International Conference on Computer Science </p> <div class="row"> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-map-marker" aria-hidden="true"></i> <span class="e_venue" itemprop="location" itemscope itemtype="http://schema.org/Place"> <span itemprop="address"> Kaunas, Lithuania </span> </span> </div> </div> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-calendar-check-o" aria-hidden="true"></i> <span class="e_dates" itemprop="startDate" content="2025-09-20T00:00:00+00:00"> 20 Sep </span> <span style="display:none;" class="e_dates" itemprop="endDate" content="2025-09-21T00:00:00+00:00"> 21 Sep </span> <span style="display:none;" itemprop="url" content="https://conferencenext.com/event/{{$event->event_id}}"> https://conferencenext.com/event/{{$event->event_id}} </span> </div> </div> </div> </div> </a> <a href="https://conferencenext.com/event/3083378" itemscope itemtype="http://schema.org/Event"> <div class="list-city-info-div"> <p class="e_name" itemprop="name"> International Conference on Business, Economics, Marketing and Management </p> <div class="row"> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-map-marker" aria-hidden="true"></i> <span class="e_venue" itemprop="location" itemscope itemtype="http://schema.org/Place"> <span itemprop="address"> Kaunas, Lithuania </span> </span> </div> </div> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-calendar-check-o" aria-hidden="true"></i> <span class="e_dates" itemprop="startDate" content="2025-09-22T00:00:00+00:00"> 22 Sep </span> <span style="display:none;" class="e_dates" itemprop="endDate" content="2025-09-23T00:00:00+00:00"> 23 Sep </span> <span style="display:none;" itemprop="url" content="https://conferencenext.com/event/{{$event->event_id}}"> https://conferencenext.com/event/{{$event->event_id}} </span> </div> </div> </div> </div> </a> <a href="https://conferencenext.com/event/3084791" itemscope itemtype="http://schema.org/Event"> <div class="list-city-info-div"> <p class="e_name" itemprop="name"> International Conference on Turkish Language, Literature and Linguistics </p> <div class="row"> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-map-marker" aria-hidden="true"></i> <span class="e_venue" itemprop="location" itemscope itemtype="http://schema.org/Place"> <span itemprop="address"> Kaunas, Lithuania </span> </span> </div> </div> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-calendar-check-o" aria-hidden="true"></i> <span class="e_dates" itemprop="startDate" content="2025-09-26T00:00:00+00:00"> 26 Sep </span> <span style="display:none;" class="e_dates" itemprop="endDate" content="2025-09-27T00:00:00+00:00"> 27 Sep </span> <span style="display:none;" itemprop="url" content="https://conferencenext.com/event/{{$event->event_id}}"> https://conferencenext.com/event/{{$event->event_id}} </span> </div> </div> </div> </div> </a> <a href="https://conferencenext.com/event/3089756" itemscope itemtype="http://schema.org/Event"> <div class="list-city-info-div"> <p class="e_name" itemprop="name"> International Conference on Nursing Ethics and Medical Ethics </p> <div class="row"> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-map-marker" aria-hidden="true"></i> <span class="e_venue" itemprop="location" itemscope itemtype="http://schema.org/Place"> <span itemprop="address"> Kaunas, Lithuania </span> </span> </div> </div> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-calendar-check-o" aria-hidden="true"></i> <span class="e_dates" itemprop="startDate" content="2025-09-27T00:00:00+00:00"> 27 Sep </span> <span style="display:none;" class="e_dates" itemprop="endDate" content="2025-09-28T00:00:00+00:00"> 28 Sep </span> <span style="display:none;" itemprop="url" content="https://conferencenext.com/event/{{$event->event_id}}"> https://conferencenext.com/event/{{$event->event_id}} </span> </div> </div> </div> </div> </a> <div class="row col-md-12" id="pagination-div"> <div class="row col-md-12" id="pagination-div"><nav id="pagination"><ul class="pagination"><li class='page-item active'><span class='page-link' data-page='1'>1</span></li></ul></nav></div> </div> </div> </div> </div> </div> <div class="col-lg-3 col-md-6 listing-filter"> <div class="left-side-filter"> <div class="listing-filter-inner-div"> <div class="list-main-div"> <div class="list-heading"> <div class="upper-div"> <h4> Popular Topics </h4> <div> <span> </span> </div> </div> <div class="search-div p-3"> <i class="fas fa-search"></i> <input type="text" id="searchtopics" class="form-control list-search" placeholder="Search Place / City"> </div> <div id='searchloader' style='display: none;margin-left: 50%;margin-right: 50%;'> <i class="fa fa-spinner fa-spin" aria-hidden="true"></i> </div> <div class="card-body pb-0 searchTopicAppend"> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="architecture"> <a href="https://conferencenext.com/conferences/lithuania/architecture/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="architecture"> Architecture </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="agriculture"> <a href="https://conferencenext.com/conferences/lithuania/agriculture/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="agriculture"> Agriculture </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="anthropology"> <a href="https://conferencenext.com/conferences/lithuania/anthropology/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="anthropology"> Anthropology </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="aquaculture"> <a href="https://conferencenext.com/conferences/lithuania/aquaculture/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="aquaculture"> Aquaculture </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="architecture"> <a href="https://conferencenext.com/conferences/lithuania/architecture/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="architecture"> Architecture </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="arts"> <a href="https://conferencenext.com/conferences/lithuania/arts/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="arts"> Arts </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="astronomy"> <a href="https://conferencenext.com/conferences/lithuania/astronomy/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="astronomy"> Astronomy </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="bioinformatics"> <a href="https://conferencenext.com/conferences/lithuania/bioinformatics/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="bioinformatics"> Bioinformatics </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="biology"> <a href="https://conferencenext.com/conferences/lithuania/biology/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="biology"> Biology </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="biotechnology"> <a href="https://conferencenext.com/conferences/lithuania/biotechnology/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="biotechnology"> Biotechnology </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="business"> <a href="https://conferencenext.com/conferences/lithuania/business/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="business"> Business </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="cardiology"> <a href="https://conferencenext.com/conferences/lithuania/cardiology/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="cardiology"> Cardiology </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="engineering-chemistry"> <a href="https://conferencenext.com/conferences/lithuania/engineering-chemistry/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="engineering-chemistry"> Engineering chemistry </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="computing"> <a href="https://conferencenext.com/conferences/lithuania/computing/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="computing"> Computing </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="creativity"> <a href="https://conferencenext.com/conferences/lithuania/creativity/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="creativity"> Creativity </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="agriculture"> <a href="https://conferencenext.com/conferences/lithuania/agriculture/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="agriculture"> Agriculture </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="dentistry"> <a href="https://conferencenext.com/conferences/lithuania/dentistry/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="dentistry"> Dentistry </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="dermatology"> <a href="https://conferencenext.com/conferences/lithuania/dermatology/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="dermatology"> Dermatology </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="design"> <a href="https://conferencenext.com/conferences/lithuania/design/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="design"> Design </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="discource"> <a href="https://conferencenext.com/conferences/lithuania/discource/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="discource"> Discource </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="discourse"> <a href="https://conferencenext.com/conferences/lithuania/discourse/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="discourse"> Discourse </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="e-commerce"> <a href="https://conferencenext.com/conferences/lithuania/e-commerce/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="e-commerce"> E commerce </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="e-learning"> <a href="https://conferencenext.com/conferences/lithuania/e-learning/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="e-learning"> E learning </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="ecology"> <a href="https://conferencenext.com/conferences/lithuania/ecology/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="ecology"> Ecology </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="economics"> <a href="https://conferencenext.com/conferences/lithuania/economics/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="economics"> Economics </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="distance-education"> <a href="https://conferencenext.com/conferences/lithuania/distance-education/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="distance-education"> Distance education </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="energy engineering"> <a href="https://conferencenext.com/conferences/lithuania/energy-engineering/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="energy engineering"> Energy Engineering </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="energy engineering"> <a href="https://conferencenext.com/conferences/lithuania/energy-engineering/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="energy engineering"> Energy Engineering </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="biomedical-engineering"> <a href="https://conferencenext.com/conferences/lithuania/biomedical-engineering/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="biomedical-engineering"> Biomedical engineering </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="english"> <a href="https://conferencenext.com/conferences/lithuania/english/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="english"> English </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="space-environment-and-aviation-technology"> <a href="https://conferencenext.com/conferences/lithuania/space-environment-and-aviation-technology/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="space-environment-and-aviation-technology"> Space environment and aviation technology </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="forestry"> <a href="https://conferencenext.com/conferences/lithuania/forestry/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="forestry"> Forestry </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="gastroenterology"> <a href="https://conferencenext.com/conferences/lithuania/gastroenterology/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="gastroenterology"> Gastroenterology </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="genetics"> <a href="https://conferencenext.com/conferences/lithuania/genetics/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="genetics"> Genetics </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="gerontology"> <a href="https://conferencenext.com/conferences/lithuania/gerontology/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="gerontology"> Gerontology </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="gis"> <a href="https://conferencenext.com/conferences/lithuania/gis/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="gis"> Gis </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="globalization"> <a href="https://conferencenext.com/conferences/lithuania/globalization/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="globalization"> Globalization </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="alternative-health"> <a href="https://conferencenext.com/conferences/lithuania/alternative-health/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="alternative-health"> Alternative health </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="art-history"> <a href="https://conferencenext.com/conferences/lithuania/art-history/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="art-history"> Art history </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="identity"> <a href="https://conferencenext.com/conferences/lithuania/identity/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="identity"> Identity </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="interdisciplinary-studies"> <a href="https://conferencenext.com/conferences/lithuania/interdisciplinary-studies/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="interdisciplinary-studies"> Interdisciplinary studies </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="language"> <a href="https://conferencenext.com/conferences/lithuania/language/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="language"> Language </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="leadership"> <a href="https://conferencenext.com/conferences/lithuania/leadership/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="leadership"> Leadership </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="linguistics"> <a href="https://conferencenext.com/conferences/lithuania/linguistics/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="linguistics"> Linguistics </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="literature"> <a href="https://conferencenext.com/conferences/lithuania/literature/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="literature"> Literature </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="management"> <a href="https://conferencenext.com/conferences/lithuania/management/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="management"> Management </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="manufacturing"> <a href="https://conferencenext.com/conferences/lithuania/manufacturing/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="manufacturing"> Manufacturing </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="marketing"> <a href="https://conferencenext.com/conferences/lithuania/marketing/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="marketing"> Marketing </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="mathematics"> <a href="https://conferencenext.com/conferences/lithuania/mathematics/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="mathematics"> Mathematics </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="family-medicine"> <a href="https://conferencenext.com/conferences/lithuania/family-medicine/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="family-medicine"> Family medicine </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="memory"> <a href="https://conferencenext.com/conferences/lithuania/memory/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="memory"> Memory </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="meteorology"> <a href="https://conferencenext.com/conferences/lithuania/meteorology/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="meteorology"> Meteorology </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="military"> <a href="https://conferencenext.com/conferences/lithuania/military/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="military"> Military </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="data-mining"> <a href="https://conferencenext.com/conferences/lithuania/data-mining/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="data-mining"> Data mining </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="music"> <a href="https://conferencenext.com/conferences/lithuania/music/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="music"> Music </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="nanotechnology-and-smart-materials"> <a href="https://conferencenext.com/conferences/lithuania/nanotechnology-and-smart-materials/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="nanotechnology-and-smart-materials"> Nanotechnology and smart materials </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="networking"> <a href="https://conferencenext.com/conferences/lithuania/networking/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="networking"> Networking </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="neurology"> <a href="https://conferencenext.com/conferences/lithuania/neurology/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="neurology"> Neurology </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="nursing"> <a href="https://conferencenext.com/conferences/lithuania/nursing/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="nursing"> Nursing </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="oncology"> <a href="https://conferencenext.com/conferences/lithuania/oncology/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="oncology"> Oncology </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="pharmacy"> <a href="https://conferencenext.com/conferences/lithuania/pharmacy/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="pharmacy"> Pharmacy </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="philosophy"> <a href="https://conferencenext.com/conferences/lithuania/philosophy/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="philosophy"> Philosophy </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="physics"> <a href="https://conferencenext.com/conferences/lithuania/physics/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="physics"> Physics </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="politics"> <a href="https://conferencenext.com/conferences/lithuania/politics/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="politics"> Politics </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="poverty"> <a href="https://conferencenext.com/conferences/lithuania/poverty/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="poverty"> Poverty </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="psychiatry"> <a href="https://conferencenext.com/conferences/lithuania/psychiatry/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="psychiatry"> Psychiatry </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="radiology"> <a href="https://conferencenext.com/conferences/lithuania/radiology/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="radiology"> Radiology </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="robotics"> <a href="https://conferencenext.com/conferences/lithuania/robotics/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="robotics"> Robotics </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="computer-science-engineering"> <a href="https://conferencenext.com/conferences/lithuania/computer-science-engineering/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="computer-science-engineering"> Computer science engineering </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="sociology"> <a href="https://conferencenext.com/conferences/lithuania/sociology/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="sociology"> Sociology </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="soil"> <a href="https://conferencenext.com/conferences/lithuania/soil/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="soil"> Soil </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="spirituality"> <a href="https://conferencenext.com/conferences/lithuania/spirituality/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="spirituality"> Spirituality </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="statistics"> <a href="https://conferencenext.com/conferences/lithuania/statistics/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="statistics"> Statistics </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="surgery"> <a href="https://conferencenext.com/conferences/lithuania/surgery/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="surgery"> Surgery </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="tourism"> <a href="https://conferencenext.com/conferences/lithuania/tourism/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="tourism"> Tourism </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="transport"> <a href="https://conferencenext.com/conferences/lithuania/transport/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="transport"> Transport </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="violence"> <a href="https://conferencenext.com/conferences/lithuania/violence/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="violence"> Violence </a> </label> </div> <span> </span> </div> </div> </div> </div><div class="list-main-div my-md-5"> <div class="list-heading"> <div class="upper-div"> <h4> Popular Continents </h4> <div> <span> </span> </div> </div> <div class="search-div p-3"> <i class="fas fa-search"></i> <input type="text" id="searchcontinents" class="form-control list-search" placeholder="Search Place / City"> </div> <div id='searchloader' style='display: none;margin-left: 50%;margin-right: 50%;'> <i class="fa fa-spinner fa-spin" aria-hidden="true"></i> </div> <div class="card-body pb-0 searchContinentAppend"> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Asia"> <a href="https://conferencenext.com/conferences/asia/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Asia"> Asia </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Europe"> <a href="https://conferencenext.com/conferences/europe/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Europe"> Europe </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Oceania"> <a href="https://conferencenext.com/conferences/oceania/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Oceania"> Oceania </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Africa"> <a href="https://conferencenext.com/conferences/africa/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Africa"> Africa </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="North America"> <a href="https://conferencenext.com/conferences/north-america/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="North America"> North America </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="South America"> <a href="https://conferencenext.com/conferences/south-america/september-2025"> <input class="form-check-input country-checkbox" name="city_events[]" type="checkbox" value="chennai" id="South America"> South America </a> </label> </div> <span> </span> </div> </div> </div> </div><div class="list-main-div"> <div class="list-heading"> <div class="upper-div"> <h4> Featured Events </h4> </div> <div class="card-body pb-0"> <a href="https://www.acsee.net/" target="_new"> <div class="list-city-info-div-2"> <p> <a href='https://www.acsee.net/' class='style'> 2nd Latin American International Conference on Sustainable Engineering and Education (LAICSEE-2024)</a> </p> <div class="row"> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-calendar-check-o" aria-hidden="true"></i> <span> 06<sup>th</sup> - 07<sup>th</sup> December 2024 </span> </div> </div> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-map-marker" aria-hidden="true"></i> <span> Lima, Peru </span> </div> </div> </div> </div> </a> <a href="https://gogreen.bioleagues.com/conference/" target="_new"> <div class="list-city-info-div-2"> <p> <a href='https://gogreen.bioleagues.com/conference/' class='style'> 11th GoGreen Summit</a> </p> <div class="row"> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-calendar-check-o" aria-hidden="true"></i> <span> 13<sup>rd</sup> - 14<sup>th</sup> December 2024 </span> </div> </div> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-map-marker" aria-hidden="true"></i> <span> Bali, Indonesia </span> </div> </div> </div> </div> </a> <a href="https://www.iferp.in/MediaInnovate/international-conference-in-srilanka/" target="_new"> <div class="list-city-info-div-2"> <p> <a href='https://www.iferp.in/MediaInnovate/international-conference-in-srilanka/' class='style'>MediaInnovate: Pioneering the Future of Global Communication</a> </p> <div class="row"> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-calendar-check-o" aria-hidden="true"></i> <span> 27<sup>th</sup> - 28<sup>th</sup> December 2024 </span> </div> </div> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-map-marker" aria-hidden="true"></i> <span> Colombo,Sri Lanka </span> </div> </div> </div> </div> </a> <a href="https://wcaset.com/bangkok/international-conference-bangkok/" target="_new"> <div class="list-city-info-div-2"> <p> <a href='https://wcaset.com/bangkok/international-conference-bangkok/' class='style'>47th World Conference on Applied Science, Engineering & Technology-(WCASET)</a> </p> <div class="row"> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-calendar-check-o" aria-hidden="true"></i> <span> 27<sup>th</sup> - 28<sup>th</sup> December 2024 </span> </div> </div> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-map-marker" aria-hidden="true"></i> <span> Bangkok, Thailand </span> </div> </div> </div> </div> </a> <a href="https://iaoncology.org/urooncology-pathology/" target="_new"> <div class="list-city-info-div-2"> <p> <a href='https://iaoncology.org/urooncology-pathology/' class='style'>International Congress on Frontiers in Urologic Oncology and Uropathology</a> </p> <div class="row"> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-calendar-check-o" aria-hidden="true"></i> <span> 10<sup>th</sup> - 12<sup>th</sup> January 2025 </span> </div> </div> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-map-marker" aria-hidden="true"></i> <span> Bhubaneswar, Odisha, India </span> </div> </div> </div> </div> </a> <a href="https://www.icakmpet.com/" target="_new"> <div class="list-city-info-div-2"> <p> <a href='https://www.icakmpet.com/' class='style'>5th International Conference on Advancing Knowledge from Multidisciplinary Perspectives in Education, Engineering & Technology (ICAKMPET-2025)</a> </p> <div class="row"> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-calendar-check-o" aria-hidden="true"></i> <span> 24<sup>th</sup> - 25<sup>th</sup> January 2025 </span> </div> </div> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-map-marker" aria-hidden="true"></i> <span> Cebu, Philippines </span> </div> </div> </div> </div> </a> <a href="https://www.iferp.in/icraeca/" target="_new"> <div class="list-city-info-div-2"> <p> <a href='https://www.iferp.in/icraeca/' class='style'>2nd International Conference on Recent Advances in Engineering and Computer Applications (ICRAECA)</a> </p> <div class="row"> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-calendar-check-o" aria-hidden="true"></i> <span> 24<sup>th</sup> - 25<sup>th</sup> January 2025 </span> </div> </div> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-map-marker" aria-hidden="true"></i> <span> LJU, India </span> </div> </div> </div> </div> </a> <a href="https://www.iferp.in/icetmp" target="_new"> <div class="list-city-info-div-2"> <p> <a href='https://www.iferp.in/icetmp' class='style'>International Conference on Emerging Trends in Management Practices (ICETMP)</a> </p> <div class="row"> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-calendar-check-o" aria-hidden="true"></i> <span> 21<sup>st</sup> - 22<sup>nd</sup> February 2025 </span> </div> </div> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-map-marker" aria-hidden="true"></i> <span> LJU, India </span> </div> </div> </div> </div> </a> <a href="https://iccce.co.in/" target="_new"> <div class="list-city-info-div-2"> <p> <a href='https://iccce.co.in/' class='style'>3rd International Conference on Computer, Cybernetics and Education (ICCCE) </a> </p> <div class="row"> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-calendar-check-o" aria-hidden="true"></i> <span> 27<sup>th</sup> - 28<sup>th</sup> February 2025 </span> </div> </div> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-map-marker" aria-hidden="true"></i> <span> Jakarta, Indonesia </span> </div> </div> </div> </div> </a> <a href="https://bioleagues.com/healthcare-conference/" target="_new"> <div class="list-city-info-div-2"> <p> <a href='https://bioleagues.com/healthcare-conference/' class='style'>International Conference on Recent Innovation and Healthcare for Sustainable Development</a> </p> <div class="row"> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-calendar-check-o" aria-hidden="true"></i> <span> 27<sup>th</sup> - 28<sup>th</sup> February 2025 </span> </div> </div> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-map-marker" aria-hidden="true"></i> <span> Kuala Lumpur, Malaysia </span> </div> </div> </div> </div> </a> <a href="https://www.icmcer.com/" target="_new"> <div class="list-city-info-div-2"> <p> <a href='https://www.icmcer.com/' class='style'>6th International Conference on Multidisciplinary and Current Educational Research (ICMCER)</a> </p> <div class="row"> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-calendar-check-o" aria-hidden="true"></i> <span> 13<sup>th</sup> - 14<sup>th</sup> March 2025 </span> </div> </div> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-map-marker" aria-hidden="true"></i> <span> Bangkok, Thailand </span> </div> </div> </div> </div> </a> <a href="https://bioleagues.com/public-health-conference/" target="_new"> <div class="list-city-info-div-2"> <p> <a href='https://bioleagues.com/public-health-conference/' class='style'>International Conference on Public Health and Education</a> </p> <div class="row"> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-calendar-check-o" aria-hidden="true"></i> <span> 14<sup>th</sup> - 15<sup>th</sup> March 2025 </span> </div> </div> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-map-marker" aria-hidden="true"></i> <span> Bangkok, Thailand </span> </div> </div> </div> </div> </a> <a href="https://bioleagues.com/rehab-conclave-conference/" target="_new"> <div class="list-city-info-div-2"> <p> <a href='https://bioleagues.com/rehab-conclave-conference/' class='style'>Rehab Conclave: Bangkok 2025</a> </p> <div class="row"> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-calendar-check-o" aria-hidden="true"></i> <span> 14<sup>th</sup> - 15<sup>th</sup> March 2025 </span> </div> </div> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-map-marker" aria-hidden="true"></i> <span> Bangkok, Thailand </span> </div> </div> </div> </div> </a> <a href="https://www.icaset.in/" target="_new"> <div class="list-city-info-div-2"> <p> <a href='https://www.icaset.in/' class='style'>3rd International conference on Advances in Science,Engineering &Technology (ICASET)</a> </p> <div class="row"> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-calendar-check-o" aria-hidden="true"></i> <span> 22<sup>nd</sup> - 23<sup>rd</sup> March 2025 </span> </div> </div> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-map-marker" aria-hidden="true"></i> <span> Chennai, India </span> </div> </div> </div> </div> </a> <a href="https://www.iferp.in/EdInnovate/" target="_new"> <div class="list-city-info-div-2"> <p> <a href='https://www.iferp.in/EdInnovate/' class='style'>2nd EdInnovate 2025: Innovations in Education and e-Learning</a> </p> <div class="row"> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-calendar-check-o" aria-hidden="true"></i> <span> 27<sup>th</sup> - 28<sup>th</sup> March 2025 </span> </div> </div> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-map-marker" aria-hidden="true"></i> <span> Japan, Tokyo </span> </div> </div> </div> </div> </a> <a href="https://www.icessu.com/" target="_new"> <div class="list-city-info-div-2"> <p> <a href='https://www.icessu.com/' class='style'>5th International Conference on Engineering, Social Sciences and Humanities (ICESSU)</a> </p> <div class="row"> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-calendar-check-o" aria-hidden="true"></i> <span> 09<sup>th</sup> - 10<sup>th</sup> April 2025 </span> </div> </div> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-map-marker" aria-hidden="true"></i> <span> Manila, Philippines </span> </div> </div> </div> </div> </a> <a href="https://www.icrcet.org/" target="_new"> <div class="list-city-info-div-2"> <p> <a href='https://www.icrcet.org/' class='style'>14th International Conference on Recent Challenges in Engineering and Technology (ICRCET)</a> </p> <div class="row"> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-calendar-check-o" aria-hidden="true"></i> <span> 26<sup>th</sup> - 27<sup>th</sup> April 2025 </span> </div> </div> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-map-marker" aria-hidden="true"></i> <span> Bangalore, India </span> </div> </div> </div> </div> </a> <a href="https://www.icmdrse.com/" target="_new"> <div class="list-city-info-div-2"> <p> <a href='https://www.icmdrse.com/' class='style'>8th International Conference on Multi-Disciplinary Research Studies and Education (ICMDRSE)</a> </p> <div class="row"> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-calendar-check-o" aria-hidden="true"></i> <span> 22<sup>nd</sup> - 23<sup>rd</sup> May 2025 </span> </div> </div> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-map-marker" aria-hidden="true"></i> <span> Kuala lumpur, Malaysia </span> </div> </div> </div> </div> </a> <a href="https://www.iferp.in/icset/" target="_new"> <div class="list-city-info-div-2"> <p> <a href='https://www.iferp.in/icset/' class='style'>2nd International Conference on Societal Transformation through Engineering, Education, Social Science, and Humanities (ICSET)</a> </p> <div class="row"> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-calendar-check-o" aria-hidden="true"></i> <span> 29<sup>th</sup> - 30<sup>th</sup> May 2025 </span> </div> </div> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-map-marker" aria-hidden="true"></i> <span> Marrakesh/ Tangier, Morocco </span> </div> </div> </div> </div> </a> <a href="https://www.acsee.net/" target="_new"> <div class="list-city-info-div-2"> <p> <a href='https://www.acsee.net/' class='style'>Latin American International Conference on Sustainable Engineering and Education (LAICSEE)</a> </p> <div class="row"> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-calendar-check-o" aria-hidden="true"></i> <span> 12<sup>th</sup> - 13<sup>th</sup> June 2025 </span> </div> </div> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-map-marker" aria-hidden="true"></i> <span> Lima, Peru </span> </div> </div> </div> </div> </a> <a href="https://wcmri.org/" target="_new"> <div class="list-city-info-div-2"> <p> <a href='https://wcmri.org/' class='style'>4th World Conference on Multidisciplinary Research & Innovation (WCMRI)</a> </p> <div class="row"> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-calendar-check-o" aria-hidden="true"></i> <span> 24<sup>th</sup> - 25<sup>th</sup> July 2025 </span> </div> </div> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-map-marker" aria-hidden="true"></i> <span> Singapore, Singapore </span> </div> </div> </div> </div> </a> <a href="https://apcierlt.com/index.php" target="_new"> <div class="list-city-info-div-2"> <p> <a href='https://apcierlt.com/index.php' class='style'>4th Asia Pacific Conference on Educational Research, Social Science and Humanities (APCERSSH)</a> </p> <div class="row"> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-calendar-check-o" aria-hidden="true"></i> <span> 25<sup>th</sup> - 26<sup>th</sup> September 2025 </span> </div> </div> <div class="col-lg-6"> <div class="d-flex align-items-center"> <i class="fa fa-map-marker" aria-hidden="true"></i> <span> Bangkok, Thailand </span> </div> </div> </div> </div> </a> </div> </div> </div> </div> </div> </div> <!--<div class="col-lg-3 col-md-6 listing-filter"> <div class="left-side-filter"> <div class="listing-filter-inner-div"> </div> </div> </div>--> </div> </div> </section> <div class="filter-btn-div"> <button type="button" class="btn btn-orange"> <i class="fas fa-sliders-h"></i> Filter </button> <button type="button" class="btn btn-light"><i class="fas fa-arrow-up"></i>City</button> <button type="button" class="btn btn-light"><i class="fas fa-arrow-up"></i>Country</button> <button type="button" class="btn btn-light"><i class="fas fa-arrow-up"></i>Topics</button> <button type="button" class="btn btn-light"><i class="fas fa-arrow-up"></i>Continents</button> <button type="button" class="btn btn-light"><i class="fas fa-arrow-up"></i>Months</button> </div> <div class="filter-main-div"> <div class="filter-top mt-1 "> <p class="filter-main-div-close"> <i class="fas fa-arrow-left"></i> </p> <p onclick="mobileCancelButton()">CLEAR ALL</p> </div> <hr> <div class="filter-content"> <div class="row"> <div class="col-4"> <div class="nav filter-nav " id="v-pills-tab" role="tablist" aria-orientation="vertical"> <a class="nav-link" id="v-pills-city-tab" data-toggle="pill" href="#v-pills-city" role="tab" aria-controls="v-pills-city" aria-selected="false">City</a> <a class="nav-link active show" id="v-pills-profile-tab" data-toggle="pill" href="#v-pills-country" role="tab" aria-controls="v-pills-country" aria-selected="true">Country</a> <a class="nav-link" id="v-pills-continents-tab" data-toggle="pill" href="#v-pills-continents" role="tab" aria-controls="v-pills-continents" aria-selected="false">Continents</a> <a class="nav-link" id="v-pills-topics-tab" data-toggle="pill" href="#v-pills-topics" role="tab" aria-controls="v-pills-topics" aria-selected="false">Topics</a> <a class="nav-link" id="v-pills-months-tab" data-toggle="pill" href="#v-pills-months" role="tab" aria-controls="v-pills-months" aria-selected="false">Months</a> </div> </div> <div class="col-8"> <div class="tab-content" id="v-pills-tabContent"> <div class="tab-pane fade" id="v-pills-city" role="tabpanel" aria-labelledby="v-pills-city-tab"> <ul> <li class="sub-list-title d-flex"> <div>Popular Cities</div> <div style="float: right;"> <span> <!--<a href="#"><i class="far fa-location mx-1"></i>Near You</a>--> </span> </div> </li> <div class="search-div" style="display:block;"> <input type="text" id="searchcityMobile" class="form-control list-search" placeholder="Search Place / City"> </div> <div id="searchCityMobileloader" style="display: none;margin-left: 50%;margin-right: 50%;"> <i class="fa fa-spinner fa-spin" aria-hidden="true"></i> </div> <div class="searchCityAppendMobile"> <li class="ctm-ga sub-list active"> <input type="hidden" value="city-Andorra la vella"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Andorra la vella </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Canillo"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Canillo </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Ordino"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Ordino </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Santa Coloma"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Santa Coloma </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Encamp"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Encamp </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-La Massana"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> La Massana </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Arinsal"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Arinsal </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Yerevan"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Yerevan </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Vanadzor"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Vanadzor </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Gyumri"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Gyumri </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Salzburg"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Salzburg </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Innsbruck"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Innsbruck </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Vienna"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Vienna </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Linz"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Linz </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Graz"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Graz </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Mazyr"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Mazyr </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Minsk"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Minsk </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Lida"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Lida </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Mogilev"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Mogilev </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Babruysk"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Babruysk </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Bruges"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Bruges </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Brussels"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Brussels </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Antwerp"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Antwerp </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Liege"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Liege </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Namur"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Namur </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Ghent"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Ghent </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Plovdiv"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Plovdiv </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Sofia"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Sofia </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Ruse"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Ruse </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Stara Zagora"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Stara Zagora </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Burgas"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Burgas </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Split"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Split </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Zagreb"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Zagreb </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Rijeka"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Rijeka </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Kyrenia"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Kyrenia </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Nicosia"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Nicosia </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Limassol"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Limassol </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Brno"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Brno </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Pilsen"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Pilsen </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Prague"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Prague </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Ostrava"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Ostrava </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Copenhagen"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Copenhagen </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Roskilde"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Roskilde </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Skagen"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Skagen </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Aarhus"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Aarhus </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Tallinn"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Tallinn </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Helsinki"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Helsinki </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Tampere"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Tampere </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Turku"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Turku </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Vantaa"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Vantaa </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Espoo"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Espoo </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Oulu"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Oulu </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Marseille"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Marseille </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Paris"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Paris </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Cannes"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Cannes </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Toulouse"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Toulouse </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Lyon"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Lyon </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Nice"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Nice </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Bordeaux"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Bordeaux </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Atlanta"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Atlanta </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Savannah"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Savannah </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Hamburg"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Hamburg </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Leipzig"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Leipzig </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Berlin"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Berlin </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Frankfurt"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Frankfurt </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Munich"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Munich </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Stuttgart"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Stuttgart </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Nuremberg"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Nuremberg </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Germany"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Germany </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Athens"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Athens </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Crete"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Crete </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Chania"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Chania </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Thessaloniki"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Thessaloniki </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Budapest"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Budapest </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Gyor"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Gyor </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Reykjavik"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Reykjavik </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Kopavogur"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Kopavogur </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Dublin"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Dublin </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Venice"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Venice </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Milan"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Milan </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Florence"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Florence </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Rome"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Rome </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Naples"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Naples </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Bologna"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Bologna </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Turin"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Turin </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Genoa"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Genoa </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Verona"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Verona </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Luxembourg City"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Luxembourg City </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Skopje"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Skopje </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Amsterdam"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Amsterdam </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-The Hague"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> The Hague </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Utrecht"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Utrecht </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Rotterdam"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Rotterdam </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Amsterdam, Netherlands"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Amsterdam, Netherlands </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Oslo"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Oslo </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Stavenger"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Stavenger </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Bergen"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Bergen </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Krakow"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Krakow </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Poznan"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Poznan </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Lublin"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Lublin </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Lodz"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Lodz </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Warsaw"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Warsaw </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Gdansk"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Gdansk </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Porto"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Porto </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Lisbon"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Lisbon </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Cascais"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Cascais </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Coimbra"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Coimbra </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Sintra"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Sintra </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Bucharest"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Bucharest </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Constanta"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Constanta </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Timisoara"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Timisoara </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Brasov"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Brasov </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Moscow"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Moscow </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Novosibirsk"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Novosibirsk </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Saint Petersburg"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Saint Petersburg </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Omsk"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Omsk </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Samara"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Samara </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Kazan"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Kazan </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Rostov-on-Don"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Rostov-on-Don </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Bratislava"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Bratislava </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Kosice"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Kosice </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Kranj"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Kranj </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Malaga"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Malaga </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Barcelona"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Barcelona </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Granada"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Granada </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Zaragoza"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Zaragoza </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Bilbao"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Bilbao </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Madrid"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Madrid </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Las Palmas de Gran Canaria"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Las Palmas de Gran Canaria </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Jerez de la Frontera"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Jerez de la Frontera </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Seville"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Seville </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Valencia, Spain"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Valencia, Spain </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Valencia"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Valencia </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Malmo Municipality"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Malmo Municipality </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Gothenburg"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Gothenburg </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Malmo"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Malmo </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Stockholm"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Stockholm </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Geneva"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Geneva </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Zurich"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Zurich </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Istanbul"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Istanbul </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Fethiye"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Fethiye </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Antalya"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Antalya </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Konya"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Konya </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Sanliurfa"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Sanliurfa </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Adana"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Adana </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Izmir"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Izmir </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Ankara"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Ankara </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Samsun"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Samsun </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Bursa"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Bursa </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-new york"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> new york </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Odessa"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Odessa </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Kharkiv"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Kharkiv </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Kyiv"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Kyiv </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Chernihiv"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Chernihiv </span> <small class="text-blue"> </small> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="city-Vatican City"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Vatican City </span> <small class="text-blue"> </small> </div> </li> </div> </ul> </div> <div class="tab-pane fade active show" id="v-pills-country" role="tabpanel" aria-labelledby="v-pills-country-tab"> <ul> <li class="sub-list-title d-flex"> <div>Popular Countries</div> <div style="float: right;"> <span> <!--<a href="#"><i class="far fa-location mx-1"></i>Near You</a>--> </span> </div> </li> <div class="search-div" style="display:block;"> <input type="text" id="searchCountryMobile" class="form-control list-search" placeholder="Search Country"> </div> <div id="searchCountryMobileloader" style="display: none;margin-left: 50%;margin-right: 50%;"> <i class="fa fa-spinner fa-spin" aria-hidden="true"></i> </div> <div class="searchContryMobileAppend"> <li class="ctm-ga sub-list"> <input type="hidden" value="country-andorra"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> andorra </span> </div> </li> <li class="ctm-ga sub-list active"> <input type="hidden" value="country-armenia"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> armenia </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-austria"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> austria </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-belarus"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> belarus </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-belgium"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> belgium </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-bosnia and herzegovina"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> bosnia and herzegovina </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-bulgaria"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> bulgaria </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-croatia"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> croatia </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-cyprus"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> cyprus </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-czech republic"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> czech republic </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-denmark"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> denmark </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-estonia"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> estonia </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-finland"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> finland </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-france"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> france </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-georgia"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> georgia </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-germany"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> germany </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-greece"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> greece </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-hungary"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> hungary </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-iceland"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> iceland </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-ireland"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> ireland </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-italy"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> italy </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-latvia"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> latvia </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-luxembourg"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> luxembourg </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-macedonia"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> macedonia </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-malta"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> malta </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-monaco"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> monaco </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-netherlands"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> netherlands </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-norway"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> norway </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-poland"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> poland </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-portugal"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> portugal </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-romania"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> romania </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-russia"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> russia </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-serbia"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> serbia </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-slovakia"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> slovakia </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-slovenia"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> slovenia </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-spain"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> spain </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-sweden"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> sweden </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-switzerland"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> switzerland </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-turkey"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> turkey </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-ukraine"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> ukraine </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-united kingdom"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> united kingdom </span> </div> </li> <li class="ctm-ga sub-list"> <input type="hidden" value="country-vatican city"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> vatican city </span> </div> </li> </div> </ul> </div> <div class="tab-pane fade" id="v-pills-topics" role="tabpanel" aria-labelledby="v-pills-topics-tab"> <ul> <li class="sub-list-title"> Popular Topics</li> <li class="ctm-ga sub-list-subtopic "> <input type="hidden" value="sub_topic-Engineering"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Engineering </span> </div> </li> <li class="ctm-ga sub-list-subtopic "> <input type="hidden" value="sub_topic-Medicine"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Medicine </span> </div> </li> <li class="ctm-ga sub-list-subtopic "> <input type="hidden" value="sub_topic-Business"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Business </span> </div> </li> <li class="ctm-ga sub-list-subtopic "> <input type="hidden" value="sub_topic-Education"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Education </span> </div> </li> <li class="ctm-ga sub-list-subtopic "> <input type="hidden" value="sub_topic-Mathematics"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Mathematics </span> </div> </li> <li class="ctm-ga sub-list-subtopic "> <input type="hidden" value="sub_topic-Life Sciences"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Life Sciences </span> </div> </li> <li class="ctm-ga sub-list-subtopic "> <input type="hidden" value="sub_topic-Regional Studies"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Regional Studies </span> </div> </li> <li class="ctm-ga sub-list-subtopic "> <input type="hidden" value="sub_topic-Social"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Social </span> </div> </li> <li class="ctm-ga sub-list-subtopic "> <input type="hidden" value="sub_topic-Law"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Law </span> </div> </li> <li class="ctm-ga sub-list-subtopic "> <input type="hidden" value="sub_topic-Interdisciplinary"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> Interdisciplinary </span> </div> </li> </ul> </div> <div class="tab-pane fade" id="v-pills-continents" role="tabpanel" aria-labelledby="v-pills-continents-tab"> <ul> <li class="sub-list-title"> Popular Continents</li> <li class="ctm-ga sub-list-subtopic "> <input type="hidden" value="continent-asia"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> asia </span> </div> </li> <li class="ctm-ga sub-list-subtopic "> <input type="hidden" value="continent-europe"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> europe </span> </div> </li> <li class="ctm-ga sub-list-subtopic "> <input type="hidden" value="continent-oceania"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> oceania </span> </div> </li> <li class="ctm-ga sub-list-subtopic "> <input type="hidden" value="continent-africa"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> africa </span> </div> </li> <li class="ctm-ga sub-list-subtopic "> <input type="hidden" value="continent-north america"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> north america </span> </div> </li> <li class="ctm-ga sub-list-subtopic "> <input type="hidden" value="continent-south america"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> south america </span> </div> </li> </ul> </div> <div class="tab-pane fade" id="v-pills-months" role="tabpanel" aria-labelledby="v-pills-months-tab"> <ul> <li class="sub-list-title">Months</li> <li class="ctm-ga sub-list-monthyear"> <input type="hidden" value="month-July-2024"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> July, </span> </div> </li> <li class="ctm-ga sub-list-monthyear"> <input type="hidden" value="month-August-2024"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> August, </span> </div> </li> <li class="ctm-ga sub-list-monthyear"> <input type="hidden" value="month-September-2024"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> September, </span> </div> </li> <li class="ctm-ga sub-list-monthyear"> <input type="hidden" value="month-October-2024"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> October, </span> </div> </li> <li class="ctm-ga sub-list-monthyear"> <input type="hidden" value="month-November-2024"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> November, </span> </div> </li> <li class="ctm-ga sub-list-monthyear"> <input type="hidden" value="month-December-2024"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> December, </span> </div> </li> <li class="ctm-ga sub-list-monthyear"> <input type="hidden" value="month-January-2025"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> January, </span> </div> </li> <li class="ctm-ga sub-list-monthyear"> <input type="hidden" value="month-April-2024"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> April, </span> </div> </li> <li class="ctm-ga sub-list-monthyear"> <input type="hidden" value="month-November-2023"> <div class="d-flex justify-content-between align-items-center "> <span class="d-flex justify-content-between"> <i class="fas fa-check"></i> November, </span> </div> </li> </ul> </div> </div> </div> </div> </div> <div class="d-flex bg-white filter-button"> <button class="btn btn-lg btn-orange w-50 mr-2" onclick="mobileApplyButton()">Apply</button> <button class="btn btn-lg w-50" onclick="mobileCancelButton()">Cancel</button> </div> </div><style> /* @media (min-width: 992px){ .col-lg-5 { flex: 0 0 auto; width: 24.666667%; } } */ @media (max-width: 575.98px){ .breadcrumb{ font-size: 10px; } .breadcrumb li a{ padding:5px 0 -2px 30px; } } @media (max-width: 575.98px){ .popup-content { top: 22vw; height: 110vw; } } @media (max-width: 575.98px){ .detail-top-heading { padding-top: 2vw; } } @media (max-width: 575.98px){ .bor-der-div { margin-top: 17%; } } @media (max-width: 575.98px){ .pb-4 { padding-bottom: 5.5rem!important; } } .loading_submit{ background: #eb228d; box-shadow: 0 1px 1px rgba(0,0,0,.1); border-radius: 6px; border: 1px solid #eb228d; padding: 10px 30px; font-weight: 700; font-size: 17px; color: #fff; } .loading_submit:hover{ background-color: #39b7cd; border-color: #39b7cd; color: #fff; } .breadcrumb { width: 100%; float: left; margin: 20px 0; padding: 7px; position: relative; display: block; background: rgba(0,0,0,.05)} .breadcrumb ol { list-style: none;} .breadcrumb li { height: 30px; line-height: 30px; float: left; padding: 0 12px;} .breadcrumb .fw-bold a { background-image: linear-gradient( to right, #54b3d6, #54b3d6 50%, #fff 50% ); background-size: 200% 100%; background-position: -100%; display: inline-block; /* padding: 5px 0; */ position: relative; -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: all 0.3s ease-in-out; } .breadcrumb .fw-bold a:before{ content: ''; background: #54b3d6; display: block; position: absolute; bottom: -3px; left: 0; width: 0; height: 3px; transition: all 0.3s ease-in-out; } .breadcrumb .fw-bold a:hover { background-position: 0; } .breadcrumb .fw-bold a:hover::before{ width: 100%; } .breadcrumb li a { text-decoration: none;} .breadcrumb li .fa-home { width: 60px; height: 62px; line-height: 30px;} .breadcrumb li .fa-angle-double-right{padding-left: 0.3vw; color: darkcyan;} .breadcrumb a:hover { text-decoration: none;} /* Bredcrumb Fill 0 */ .breadcrumb-fill0 { padding: 15px; background: #ffffff; border-radius: 5px; box-shadow: 0px 0px 50px 0px rgba(0,0,0,.2);} /* Bredcrumb Fill 1 */ .breadcrumb-fill1 { padding: 15px; background: #135fb4; color: #ffffff; border-radius: 5px; box-shadow: 0px 0px 50px 0px rgba(0,0,0,.2);} .breadcrumb-fill1, .breadcrumb-fill1 li, .breadcrumb-fill1 li.active, .breadcrumb-fill1 li a { color: #ffffff;} /* Bredcrumb Fill 2 - style 1 */ .breadcrumb-fill2 { padding: 15px; background: #135fb4; color: #ffffff; border-radius: 15px; box-shadow: 0px 0px 50px 0px rgba(0,0,0,.2);} .breadcrumb-fill2 .fa-home { position: absolute; background: #ec228d;; padding: 25px; border-radius: 50%; left: -10px; top: -10px; font-size: 30px; line-height: 1; box-shadow: 0px 0px 50px 0px rgba(0,0,0,.2);} .breadcrumb-fill2, .breadcrumb-fill2 li, .breadcrumb-fill2 li.active, .breadcrumb-fill2 li a { color: #ffffff;} .breadcrumb-fill2 li:first-child { margin-right: 30px;} /* Bredcrumb Fill 2 - style 4 */ .breadcrumb-fill2.style4 { border-radius: 30px; background: #236667;; padding: 0; width: 100%; float: left;} .breadcrumb-fill2.style4 .fa-home { border: 5px solid #ffffff; text-align: center; padding: 10px 10px;} .breadcrumb-fill2.style4 li { height: 50px; line-height: 50px; float: left; padding: 0 12px;} .breadcrumb-fill2.style4 li:before { display: none;} .breadcrumb-fill2.style4 li:first-child { background: rgba(0,0,0,.3);} .breadcrumb-fill2.style4 li:nth-child(2n) { background: rgba(0,0,0,.4);} .breadcrumb-fill2.style4 li:nth-child(3n) { background: rgba(0,0,0,.3);} .breadcrumb-fill2.style4 li:nth-child(4n) { background: rgba(0,0,0,.2);} .breadcrumb-fill2.style4 li:nth-child(5n) { background: rgba(0,0,0,.1);} .breadcrumb-fill2.style4 li:last-child { background: transparent;} .breadcrumb .fa-home:hover { transform: scale(1.15)} /* @import url("https://pro.fontawesome.com/releases/v6.0.0-beta1/css/all.css"); @import url("https://fonts.googleapis.com/css2?family=Jura:wght@500;600;900&display=swap"); */ .event-body ul { --col-gap: 2rem; --barH: 1rem; --roleH: 2rem; --flapH: 2rem; width: min(60rem, 90%); margin-inline: auto; display: flex; flex-wrap: wrap; gap: var(--col-gap); padding-inline: calc(var(--col-gap) / 2); justify-content: center; align-items: flex-start; list-style: none; } .event-body ul li { width: 10em; display: grid; grid-template: "role" "icon" "title" "descr"; align-items: flex-start; gap: 1rem; padding-block-end: calc(var(--flapH) + 1rem); text-align: center; background: var(--accent-color); background-image: linear-gradient( rgba(0, 0, 0, 0.6) var(--roleH), rgba(0, 0, 0, 0.4) calc(var(--roleH) + 0.5rem), rgba(0, 0, 0, 0) calc(var(--roleH) + 0.5rem + 5rem) ); clip-path: polygon( calc(var(--col-gap) / -2 - 5px) 0, calc(100% + var(--col-gap) / 2 + 5px) 0, calc(100% + var(--col-gap) / 2 + 5px ) calc(100% - var(--flapH)), 50% 100%, calc(var(--col-gap) / -2 - 5px) calc(100% - var(--flapH)) ); } /* bar */ .event-body ul li::before { content: ""; grid-area: role; height: var(--barH); width: calc(100% + var(--col-gap)); margin-left: calc(var(--col-gap) / -2); margin-top: calc(var(--roleH) / 2 - var(--barH) / 2); background: grey; z-index: -1; background-image: linear-gradient( rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.1) 40%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0.4) ); } /* role */ .event-body ul li::after { content: ""; grid-area: role; background: var(--accent-color); background-image: linear-gradient( rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.1) 40%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0.4) ); height: var(--roleH); } .event-body ul li .title { text-decoration: underline; } .event-body ul li .icon, .event-body ul li .title, .event-body ul li .descr { padding-inline: 1rem; color: white; text-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); } .event-body ul li .icon { font-size: 1rem; } .event-body ul li .title { font-size: 1.25rem; font-weight: 700; color:black; } a{ text-decoration: none; } .event-body ul li .descr { font-size: 0.8rem; word-break: break-word; } .credits { position: fixed; bottom: 1rem; right: 1rem; } .credits a { color: var(--color); } .event-body ul li .descr span{ animation: blink 1s linear infinite; color: cyan; font-weight: 900; } @keyframes blink{ 0%{opacity: 0;} 50%{opacity: .5;} 100%{opacity: 1;} } @media (max-width: 575.98px) { .breadcrumb .event_name{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; width: 25%; } .event-list-detail{ padding-top: 15%; } .breadcrumb-section .row{ background: white; height: auto; } .breadcrumb-section .container { height: 2.5vw; } .breadcrumb-section { top: 10%; } .breadcrumb .breadcrumb-item { font-size: 3.8vw!important; font-weight: 600; color: #626262; } .breadcrumb .breadcrumb-item a { font-size: 3.6vw!important; font-weight: 600; color: #ec228d; } } @media (min-width: 991.98px) { .breadcrumb-section { top: 170px; } } /* The Modal (background) */ /*.modal { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4); -webkit-animation-name: fadeIn; -webkit-animation-duration: 0.4s; animation-name: fadeIn; animation-duration: 0.4s } /* Modal Content .modal-content { position: fixed; bottom: 10vw; right: 27%; text-align: center; background-color: #fefefe; width: 50%; -webkit-animation-name: slideIn; -webkit-animation-duration: 0.4s; animation-name: slideIn; animation-duration: 0.4s } /* The Close Button .close { color: white; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } .modal-header { padding-left: 41%; padding: 2px 16px; background-color: #5cb85c; color: white; } .modal-body {padding: 2px 16px;} .modal-footer { padding: 2px 16px; background-color: #5cb85c; color: white; } /* Add Animation */ @-webkit-keyframes slideIn { from {bottom: -300px; opacity: 0} to {bottom: 0; opacity: 1} } @keyframes slideIn { from {bottom: -300px; opacity: 0} to {bottom: 0; opacity: 1} } @-webkit-keyframes fadeIn { from {opacity: 0} to {opacity: 1} } @keyframes fadeIn { from {opacity: 0} to {opacity: 1} } i.fab { background: #ec228d; padding: 2px 11px; margin-top: 10px; margin-right: 6px; color: #fff; border-radius: 54px; line-height: 29px; } .breadcrumb-section{ background: #fff; border-bottom: 1px solid #e2e2e2; position: sticky; padding: -22px; z-index: 500; margin-bottom: 1vw; } .breadcrumb-section .container{ height: 2.5vw; } .breadcrumb { padding-top: 0.2vw; } .list-top-div.scroll-tabs { top:240px; } .right-list-div { top: 240px; } </style> <footer class="footer-div pt-4 pb-4"> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="footer-links"> <ul> <li class=""> <a class="" href="https://conferencenext.com/">Home </a> </li> <li class="{{ Request::routeIs('aboutus') ? 'active' : '' }}"> <a class="{{ Request::routeIs('aboutus') ? 'addactive' : '' }}" href="https://conferencenext.com/about-us">About </a> </li> <li class="{{ Request::routeIs('addevent') ? 'active' : '' }}"> <a class="{{ Request::routeIs('addevent') ? 'addactive' : '' }}" href="https://conferencenext.com/add-event" >Add event</a> </li> <li class="{{ Request::routeIs('subscribe.add') ? 'active' : '' }}"> <a class="{{ Request::routeIs('subscribe.add') ? 'addactive' : '' }}" href="https://conferencenext.com/subscribe" >Subscribe </a> </li> <li class="{{ Request::routeIs('journal') ? 'active' : '' }}"> <a class="{{ Request::routeIs('journal') ? 'addactive' : '' }}" href="https://conferencenext.com/journal">Journal</a> </li> <li class=""> <a class="" href="https://conferencenext.com/blog">Blog</a> </li> <li class="{{ Request::routeIs('privacy-policy') ? 'active' : '' }}"> <a class="{{ Request::routeIs('privacy-policy') ? 'addactive' : '' }}" href="https://conferencenext.com/privacy-policy">Privacy</a> </li> <li class="{{ Request::routeIs('contact.us') ? 'active' : '' }}"> <a class="{{ Request::routeIs('contact.us') ? 'addactive' : '' }}" href="https://conferencenext.com/contact-us">Contact us</a> </li> </ul> </div> <div class="copy-right-div"> <p class=""> Copyright 漏 2024 <a href="https://conferencenext.com/" style="color:white;">Conference Next</a>. All Rights Reserved. </p> <!-- Facebook --> <a href="https://www.facebook.com/ConferenceNext" class="outboundlinks"><i class="fab fa-facebook-f"></i></a> <!-- Twitter --> <a href="https://www.youtube.com/channel/UCk1o6FhxW84dy3Hpk88hJ6w" class="outboundlinks"><i class="fab fa-youtube"></i></a> <!-- Instagram --> <a href="https://www.instagram.com/conference_nextt/" class="outboundlinks"><i class="fab fa-instagram"></i></a> </div> </div> </div> </div> </footer> <div id="loader"></div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script> <script src="https://conferencenext.com/new_design/js/jquery-3.3.1.slim.min.js"></script> <script src="https://conferencenext.com/new_design/js/popper.min.js"></script> <script async src="https://conferencenext.com/new_design/js/jquery-2.2.4.min.js"></script> <script src="https://conferencenext.com/new_design/js/slider/jquery.min.js"></script> <script src="https://conferencenext.com/new_design/js/slider/owl.carousel.js"></script> <script src="https://conferencenext.com/new_design/plugins/single-datepicker/bootstrap-datepicker.min.js"></script> <script src="https://conferencenext.com/new_design/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script> <script> function searchEvent(value) { var searchEvent = value; $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); $.ajax({ url: "https://conferencenext.com/autocomplete", type: "POST", data: { "_token": "wtvMyvD6e3tx4nBICF3XMPY7YSVdZ4mA9caby42K", searchEvent: searchEvent, }, beforeSend: function(){ $(".appendSearchResult").html(""); $("#loader").show(); }, success: function(data) { $(".appendSearchResult").html(data); if(data == "") { $(".appendSearchResult").css("height","auto"); $(".appendSearchResult").css("overflow","auto"); $(".appendSearchResult").css("background","white"); $(".appendSearchResult").css("z-index","1"); $(".appendSearchResult").css("width","auto"); } else { $(".appendSearchResult").css("height","200px"); $(".appendSearchResult").css("overflow-y","scroll"); $(".appendSearchResult").css("position","absolute"); $(".appendSearchResult").css("background","white"); $(".appendSearchResult").css("z-index","1000"); $(".appendSearchResult").css("width","97%"); } }, complete:function(data){ $("#loader").hide(); } }); } function getSearchEvent(type,name) { $("#hidden_type").val(name); $("#hidden_type").attr('name',type); $("#search_event_frm").submit(); } </script> <script type="text/javascript"> $(window).on('load', function(){ $(".loader").fadeOut("slow"); }); </script> <script> $(function() { var header = $(".navbar "); $(window).scroll(function() { var scroll = $(window).scrollTop(); if (scroll >= 50) { header.addClass("scrolled "); } else { header.removeClass("scrolled "); } }); }); </script> <script> $('.owl-carousel.home-1-slide').owlCarousel({ loop: false, margin: 0, nav: true, dots: false, autoplay: true, autoplayHoverPause: true, navText: ["<i class='fal fa-angle-left'></i>", "<i class='fal fa-angle-right'></i>"], responsive: { 0: { items: 1 }, 600: { items: 3 }, 1000: { items: 5 } } }) </script> <script> $('.owl-carousel.home-2-slide').owlCarousel({ loop: false, margin: 0, nav: false, dots: true, responsive: { 0: { items: 1 }, 600: { items: 1 }, 1000: { items: 1 } } }) </script> <script> $('.top-topic-main-box').on('click', function() { $('.top-topic-main-box').removeClass('active'); $(this).addClass('active'); }); $('.list-city-info-div').on('click', function() { $('.list-city-info-div').removeClass('active'); $(this).addClass('active'); }); $('.nav-item').on('click', function() { $('.nav-item').removeClass('active'); $('.nav-link').removeClass('active'); $('.tab-pane').removeClass('show'); $('.tab-pane').removeClass('active'); $(this).addClass('active'); $(this).children('a').addClass('active'); var target = $(this).children('a').attr('aria-controls'); console.log($(this).children('a').attr('aria-controls')); $('#'+target).addClass('show'); $('#'+target).addClass('active'); }); $('.has-float-label').on('click', function() { $('.has-float-label').removeClass('active'); $(this).addClass('active'); }); </script> <script> $(".slider-main-img-div").hover( function() { $(this).addClass('active'); }, function() { $(this).removeClass('active'); } ); $(".right-hover-div").click(function() { $(this).toggleClass('active'); }); </script> <script src="https://conferencenext.com/public/new_design/js/my-js.js"></script> <script type="text/javascript"> $(".alert").delay(5000).slideUp(200, function () { $(this).alert('close'); }); </script> <script> $('.mobile-search, .mobile-search-close').on('click', function () { $('.mobile-search-div').toggleClass('mobile-search-div-show'); $('.bag-overly').toggleClass('bag-overly-show'); }); </script> <!-- Script For Search Box Starts--> <script> /// search box for mobile const mobile_input_box = document.querySelector(".mobile_input-box") const mobile_resultbox = document.querySelector(".mobile_result-box") document.querySelector(".mobile_input-box").onkeyup =function(){ let result = []; let mobile_input = mobile_input_box.value; $(".search_icon").css("display","none"); $(".search_loading").show(function(){ if(mobile_input.length){ result = $final_imp_keywords_for_country_n_city.filter((keyword)=>{ return keyword.toLowerCase().includes(mobile_input.toLowerCase()); }); if(result.length == 145){ result = []; result = $final_imp_keywords_for_topic.filter((keyword)=>{ return keyword.toLowerCase().includes(mobile_input.toLowerCase()); }); } if(result.length < 8){ result = []; result = $total_available_keywords.filter((keyword)=>{ return keyword.toLowerCase().includes(mobile_input.toLowerCase()); }); } } console.log(result) mobile_display(result); if(!result.length){ mobile_resultbox.innerHTML = "<ul> <li onclick=selectinput(this)>" + inputbox.value + "</li></ul>"; if(result.length==0 && mobile_input.length==""){ mobile_resultbox.innerHTML = ''; } } console.log(mobile_resultbox.innerHTML) $(".search_loading").hide(); $(".search_icon").css("display","block"); }); } function mobile_display(result){ const content = result.slice(0, 10).map((list)=>{ return "<li onclick=selectinput(this)>" + list + "</li>"; }); mobile_resultbox.innerHTML = "<ul>" + content.join('') + "</ul>"; } function mobile_search_clear(){ const inputbox = document.querySelector(".mobile_input-box") inputbox.value = ""; sessionStorage.clear(); } /// search box for desktop const resultbox = document.querySelector(".result-box") const inputbox = document.querySelector(".input-box") inputbox.onkeyup =function(){ let result = []; let imp_key_result = []; let input = inputbox.value; $(".search_icon").css("display","none"); $(".search_loading").show(function(){ if(input.length){ result = $final_imp_keywords_for_country_n_city.filter((keyword)=>{ return keyword.toLowerCase().includes(input.toLowerCase()); }); if(result.length == 145){ result = []; result = $final_imp_keywords_for_topic.filter((keyword)=>{ return keyword.toLowerCase().includes(input.toLowerCase()); }); } if(result.length < 8){ result = []; result = $total_available_keywords.filter((keyword)=>{ return keyword.toLowerCase().includes(input.toLowerCase()); }); } } display(result); if(!result.length){ resultbox.innerHTML = "<ul> <li onclick=selectinput(this)>" + inputbox.value.toLowerCase() + "</li></ul>"; if(result.length==0 && input.length==""){ resultbox.innerHTML = ''; } } $(".search_loading").hide(); $(".search_icon").css("display","block"); }); } function display(result){ const content = result.slice(0, 10).map((list)=>{ return "<li onclick=selectinput(this)>" + list + "</li>"; }); resultbox.innerHTML = "<ul>" + content.join('') + "</ul>"; } function selectinput(list){ var search_url="" inputbox.value = list.innerHTML; resultbox.innerHTML = ''; search_values = inputbox.value; var root = "<? $root; ?>"; console.log(search_values) ///////hyphen search keywords search_values = search_values.replace("Saudi arabia","saudi-arabia") search_values = search_values.replace("Korea north","korea-north") search_values = search_values.replace("Korea south","korea-south") search_values = search_values.replace("united kingdom","uk") search_values = search_values.replace("united states of america","usa") search_values = search_values.replace("Czech republic","czech-republic") search_values = search_values.replace("Palestinian territories","palestinian-territories") search_values = search_values.replace("New zealand","new-zealand") search_values = search_values.replace("Sierra leone","sierra-leone") search_values = search_values.replace("Vatican city","vatican-city") search_values = search_values.replace("abu dhabi","abu-dhabi") search_values = search_values.replace("new york","new-york") search_values = search_values.replace("washington dc","washington-dc") search_values = search_values.replace("las vegas","las-vegas") search_values = search_values.replace("los angeles","los-angeles") search_values = search_values.replace("sao paulo","sao-paulo") search_values = search_values.replace("san francisco","san-francisco") search_values = search_values.replace("hong kong","hong-kong") search_values = search_values.replace("urban studies","urban-studies") search_values = search_values.replace("disaster management","disaster-management") search_values = search_values.replace("civil engineering","civil-engineering") search_values = search_values.replace("chemical engineering","chemical-engineering") search_values = search_values.replace("software engineering","software-engineering") search_values = search_values.replace("biomedical engineering","biomedical-engineering") search_values = search_values.replace("higher education","higher-education") search_values = search_values.replace("computer science","computer-science") search_values = search_values.replace("food safety","food-safety") search_values = search_values.replace("human resources","human-resources") search_values = search_values.replace("human rights","human-rights") search_values = search_values.replace("social work","social-work") search_values = search_values.replace("health care","health-care") search_values = search_values.replace("renewable energy","renewable-energy") search_values = search_values.replace("waste management","waste-management") search_values = search_values.replace("e learning","e-learning") search_values = search_values.replace("artificial intelligence","artificial-intelligence") search_values = search_values.replace("public health","public-health") search_values = search_values.replace("data mining","data-mining") search_values = search_values.replace("arts and humanities","arts") ///////hyphen search keywords search_values = search_values.replace("upcoming",""); search_values = search_values.replace("medical","medicine"); search_values = search_values.replace("international",""); search_values = search_values.replace("conferences",""); search_values = search_values.replace("Conferences",""); search_values = search_values.replace("conference",""); search_values = search_values.replace(" in "," "); search_values = search_values.replace(" in "," "); search_values = search_values.replace(" on "," "); search_values = search_values.replace(" "," "); search_values = search_values.replace("2023",""); search_values = search_values.replace("2024",""); search_values = search_values.replace(/~+$/,''); search_values = search_values.trim() console.log(search_values) arr_search_values = search_values.split(" "); console.log(arr_search_values) if($topics.includes(arr_search_values[0]) && $months.includes(arr_search_values[1]) == false ){ Array.prototype.swapItems = function(a, b){ this[a] = this.splice(b, 1, this[a])[0]; return this; } arr_search_values = arr_search_values.swapItems(0, 1); } console.log(arr_search_values) search_url = "conferences/" var filtered_arr_search_values = arr_search_values.filter(x => x !== undefined); console.log(filtered_arr_search_values) filtered_arr_search_values.forEach(element => { if($months.indexOf(element) !== -1){ element = element+"-2023" } search_url = search_url+element+"/"; }); search_url = search_url.slice(0, -1); sessionStorage.setItem('search_url', search_url); sessionStorage.setItem('search_words', inputbox.value); console.log(search_url); const userSearch_kwds = async () => { const response = await fetch(root+'api/v1/search_kwds/user_kwds', { method: 'POST', body: JSON.stringify({ "search_url": search_url, "search_words":inputbox.value, "current_page_url":window.location.pathname }), // string or object headers: { 'Content-Type': 'application/json' } }); const myJson = await response.json(); //extract JSON from the http response // do something with myJson console.log("myJson",myJson) } userSearch_kwds(); window.location.href ="https://conferencenext.com/"+search_url; // window.open(search_url, '_blank').focus(); } function search_clear(){ const inputbox = document.querySelector(".input-box") inputbox.value = ""; sessionStorage.clear(); } window.onclick = () => { const resultbox = document.querySelector(".result-box") resultbox.innerHTML = ''; } function keywords(){ if(sessionStorage.getItem("search_words") != null){ const inputbox = document.querySelector(".input-box") //inputbox.value = sessionStorage.getItem("search_words"); } $keywords = [ "conferences", "conferences in", "international conferences in", "international", "upcoming conferences in", "upcoming international conferences in", "upcoming" ]; $singular_keywords = [ "conference", "conference in", "international conference in", "international", "upcoming conference in", "upcoming international conference in", "upcoming" ]; $countries = [ "canada","india","united kingdom","uk","usa","united states of america","china","japan","malaysia","singapore","bangladesh","indonesia","philippines","maldives","sri lanka","fiji","nigeria", "ethiopia","algeria","Bahrain","Bhutan","Brunei","Cambodia","China","hong kong","Israel","Iran","Iraq","Jordan", "Kazakhstan","Korea north","Korea south","Kuwait","Malaysia","Maldives","Mongolia","Nepal", "Omanvv","Pakistan","Palestinian territories","Qatar","Saudi arabia","Syria","Taiwan","Thailand", "Uae","Vietnam","Myanmar","Armenia","Austria","Belarus","Belgium","Bulgaria","Bosnia and herzegovina", "Croatia","Cyprus","Czech republic","Denmark","Estonia","Finland","France","Georgia","Germany","Greece", "Hungary","Iceland","Ireland","Italy","Latvia","Luxembourg","Malta","Netherlands","Norway","Poland","Portugal", "Romania","Sussia","Serbia","Slovakia","Slovenia","Spain","Sweden","Switzerland","Turkey","Ukraine", "Macedonia","Monaco","Vatican city","Australia","New zealand","Fiji","Algeria", "Egypt","Ghana","Gambia","Kenya","Liberia","Lesotho","Morocco","Malawi","Mali","Mauritius","Mozambique","Namibia", "Nigeria","South africa","Seychelles","Sierra leone","Somalia","Sudan","Uganda","Zambia","Zimbabwe","Bahamas","Barbados", ]; $topics = [ "engineering","medical","medicine","dentistry","Pharma","pharmacy","pharmacist","pharmaceutical","dental","education","business","psychology","environment","tourism", "urban studies","disaster management","civil engineering","chemical engineering","biomedical engineering","higher education","food safety","computer science","human resources","human rights","renewable energy","waste management","software engineering", "architecture","bioinformatics","biotechnology","computing","design","forestry","military","networking","robotics","mining","transport","data mining", "manufacturing","economics","management","marketing","anthropology","arts","english","history","linguistics","literature","leadership","music", "poetry","philosophy","politics","socialogy","social work","language","agriculture","aquaculture","archaeology","astronomy","biodiversity","biology", "chemistry","ecology","environment","genetics","gis","oceanography","meteorology","soil","physics","water","mathematics","statistics","law", "creativity","culture","discourse","globalization","identity","leadership","memory","poverty","spirituality","tourism","violence","dermatology", "cardiology","gastroenterology","gerontology","health","health care","public health","e learning","neurology","oncology","psychiatry","radiology","surgery","artificial intelligence" ]; $cities = [ "abu dhabi","bali","bangalore","bangkok","barcelona","california","chicago","colombia","croatia","dubai","florida","goa", "hyderabad","istanbul","las vegas","london","los angeles","melbourne","mumbai","ontario","seoul","texas","washington dc","new york","pune",, "boston","florida","atlanta","tokyo","colombia","bali","ottawa","sao paulo","san francisco" ]; $months = [ "july", "august", "sepetember", "october", "november", "december" ]; $years = [ 2023 ]; const available_keywords1 = new Array(); const available_keywords1a = new Array(); const available_keywords1b = new Array(); const available_keywords2 = new Array(); const available_keywords2a = new Array(); const available_keywords2b = new Array(); const available_keywords2m = new Array(); const available_keywords2ma = new Array(); const available_keywords2mb = new Array(); const available_keywords3 = new Array(); const available_keywords3a = new Array(); const available_keywords3b = new Array(); const available_keywords_cntry_t =[]; const available_keywords_city_t =[]; const available_keywords_cntry_t_m = []; const available_keywords_city_t_m = []; const available_keywords_cntry_t_m_y = []; const available_keywords_city_t_m_y = []; $imp_keywords_country = []; $imp_keywords_city = []; $imp_keywords_topic = []; $final_imp_keywords_for_country_n_city = [] $final_imp_keywords_for_topic = [] cntry_city_topic($countries,available_keywords1) /// conferences in country cntry_city_topic($cities,available_keywords1a) /// conferences in city cntry_city_topic($topics,available_keywords1b) /// conferences in topic import_keywords_func(available_keywords1,$imp_keywords_country) /// important keywords for country import_keywords_func(available_keywords1a,$imp_keywords_city) /// important keywords for city import_keywords_func(available_keywords1b,$imp_keywords_topic) /// important keywords for topic cntry_city(available_keywords1,available_keywords_cntry_t) /// conferences in country + topic cntry_city(available_keywords1a,available_keywords_city_t) /// conferences in city + topic cntry_city_topic_month(available_keywords1,available_keywords2) /// conferences in country + month cntry_city_topic_month(available_keywords1a,available_keywords2a) /// conferences in city + month cntry_city_topic_month(available_keywords1b,available_keywords2b) /// conferences in topic + month cntry_city_topic_month_year(available_keywords1,available_keywords2m) /// conferences in country + year cntry_city_topic_month_year(available_keywords1a,available_keywords2ma) /// conferences in city + year cntry_city_topic_month_year(available_keywords1b,available_keywords2mb) /// conferences in topic + year cntry_city_topic_month(available_keywords_cntry_t,available_keywords_cntry_t_m) /// conferences in country + topic + month cntry_city_topic_month(available_keywords_city_t,available_keywords_city_t_m) /// conferences in city + topic + month cntry_city_topic_month_year(available_keywords_cntry_t_m,available_keywords_cntry_t_m_y) // conferences in country + topic + month + year cntry_city_topic_month_year(available_keywords_city_t_m,available_keywords_city_t_m_y) // conferences in country + topic + month + year cntry_city_topic_month_year(available_keywords2,available_keywords3) /// conferences in country + month + year cntry_city_topic_month_year(available_keywords2a,available_keywords3a) /// conferences in city + month + year cntry_city_topic_month_year(available_keywords2b,available_keywords3b) /// conferences in topic + month + year console.log("countries",available_keywords1) console.log("cities",available_keywords1a) console.log("topics",available_keywords1b) console.log("country + topic",available_keywords_cntry_t) console.log("city + topic",available_keywords_city_t) console.log("country + month",available_keywords2) console.log("city + month",available_keywords2a) console.log("topic + month",available_keywords2b) console.log("country + year",available_keywords2m) console.log("city + year",available_keywords2ma) console.log("topic + year",available_keywords2mb) console.log("country + topic + month",available_keywords_cntry_t_m) console.log("city + topic + month",available_keywords_city_t_m) console.log("country + topic + month + year",available_keywords_cntry_t_m_y) console.log("city + topic + month + year",available_keywords_city_t_m_y) console.log("country + month + year",available_keywords3) console.log("city + month + year",available_keywords3a) console.log("topic + month + year",available_keywords3b) function cntry_city_topic(exist_arr,pushing_arr){ exist_arr.forEach(element => { for (let i = 0; i < 7; i += 1) { if($keywords[i]=="conferences"){ pushing_arr.push(element+" "+$keywords[i]); }else if($keywords[i]=="international"){ pushing_arr.push("international "+element+" conferences"); }else if($keywords[i]=="upcoming"){ pushing_arr.push("upcoming "+element+" conferences"); }else{ pushing_arr.push($keywords[i]+" "+element); } } }); } function cntry_city(exist_arr,pushing_arr){ exist_arr.forEach(element => { for (let i = 0; i < $topics.length; i ++) { if(element.includes("upcoming international") == false && element.includes("conferences") == false && element.includes("upcoming") == false && element.includes("international") == false && element.includes(" in ") == false){ pushing_arr.push($topics[i]+" "+element); }else if(element.includes("upcoming") && element.includes("international") == false && element.includes(" in ")){ pushing_arr.push(element.replace("upcoming", "upcoming"+" "+$topics[i])); }else if(element.includes("conferences") && element.includes("upcoming") == false && element.includes("international") == false && element.includes(" in ") == false){ pushing_arr.push(element.replace("conferences", $topics[i]+" "+"conferences")); pushing_arr.push($topics[i]+" conferences in "+element.replace("conferences", "")); pushing_arr.push(element+" in "+$topics[i]); pushing_arr.push(element+" on "+$topics[i]); }else if(element.includes("upcoming") && element.includes("international") == false && element.includes(" in ") == false){ pushing_arr.push(element+" on "+$topics[i] ); }else if(element.includes("upcoming") == false && element.includes("international")){ pushing_arr.push(element.replace("international", "international"+" "+$topics[i])); }else if(element.includes("upcoming international")){ pushing_arr.push(element.replace("upcoming international", "upcoming international"+" "+$topics[i])); } //else{ //available_keywords_cntry_t.push(topics[i]+" "+element); //} } }); } function cntry_city_topic_month(exist_arr,pushing_arr){ exist_arr.forEach(element => { for (let i = 0; i < $months.length; i ++) { pushing_arr.push(element+" "+$months[i]); } }); } function cntry_city_topic_month_year(exist_arr,pushing_arr){ exist_arr.forEach(element => { for (let i = 0; i < $years.length; i ++) { pushing_arr.push(element+" "+$years[i]); } }); } function import_keywords_func(exist_arr,pushing_arr){ for (let i = 0; i < exist_arr.length; i ++) { if(i % 7 == 0){ pushing_arr.push(exist_arr[i]); } } } console.log($imp_keywords_country) console.log($imp_keywords_city) console.log($imp_keywords_topic) imp_keywords_country_n_city($imp_keywords_country); imp_keywords_country_n_city($imp_keywords_city); function imp_keywords_country_n_city(imp_keywords_country_n_city){ imp_keywords_country_n_city.forEach(element => { $final_imp_keywords_for_country_n_city.push(element); $final_imp_keywords_for_country_n_city.push("international "+element); $final_imp_keywords_for_country_n_city.push("upcoming "+element); $final_imp_keywords_for_country_n_city.push(element.replace("conferences", "engineering conferences")); $final_imp_keywords_for_country_n_city.push(element.replace("conferences", "medical conferences")); $final_imp_keywords_for_country_n_city.push(element.replace("conferences", "education conferences")); $final_imp_keywords_for_country_n_city.push(element+" july 2023"); $final_imp_keywords_for_country_n_city.push(element+" august 2023"); $final_imp_keywords_for_country_n_city.push(element+" september 2023"); }); } $imp_keywords_topic.forEach(element => { $final_imp_keywords_for_topic.push(element); $final_imp_keywords_for_topic.push("international "+element); $final_imp_keywords_for_topic.push("upcoming "+element); $final_imp_keywords_for_topic.push(element+" in canada"); $final_imp_keywords_for_topic.push(element+" in usa"); $final_imp_keywords_for_topic.push(element+" in malaysia"); $final_imp_keywords_for_topic.push(element+" july 2023"); $final_imp_keywords_for_topic.push(element+" august 2023"); $final_imp_keywords_for_topic.push(element+" september 2023"); }); console.log("final_imp_keywords_for_country_n_city",$final_imp_keywords_for_country_n_city) console.log("final_imp_keywords_for_topic",$final_imp_keywords_for_topic) $total_available_keywords = available_keywords1.concat(available_keywords1a,available_keywords1b,available_keywords2m,available_keywords2ma,available_keywords2mb,available_keywords2,available_keywords2a,available_keywords2b,available_keywords_cntry_t,available_keywords_city_t, available_keywords3,available_keywords3a,available_keywords3b,available_keywords_cntry_t_m,available_keywords_city_t_m,available_keywords_cntry_t_m_y,available_keywords_city_t_m_y); console.log($total_available_keywords) $('.loading_head').css('display','none'); } function search_onclick(){ $('.loading_head').css('display','block'); setTimeout(keywords, 1000); $(window).scroll(function(){console.log($(window).scrollTop()); if($(window).scrollTop() > 200){ $('.breadcrumb-section').css('z-index', '9'); } }); } </script> <!-- Script For Search Box Ends--> <script type="text/javascript" src="https://www.gstatic.com/_/translate_http/_/js/k=translate_http.tr.en_GB.nbAJyJFqjk8.O/d=1/exm=corsproxy/ed=1/rs=AN8SPfqzY1OCyy7NUqYSz_XCc_dSwfTKcQ/m=navigationui" data-environment="prod" data-proxy-url="https://conferencenext.com.translate.goog" data-proxy-full-url="{{ $canonical }}?_x_tr_sl=ms&_x_tr_tl=en&_x_tr_hl=en&_x_tr_pto=sc" data-source-url="{{ $canonical }}" data-source-language="ms" data-target-language="en" data-display-language="en" data-detected-source-language="" data-is-source-untranslated="false" data-source-untranslated-url="https://translate.google.com/website?sl=ms&tl=en&hl=en&prev=search&u={{ $canonical }}&anno=2" data-client="search"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <script type="text/javascript" src= "https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"> </script> <script> (function ($){ $.fn.SearchCities = function(){ alert('hello world'); return this; }; })(jQuery); $(document).ready(function(){ $('.loading > img').css('display', 'none'); $('#searchcities').keyup(function(){ console.log($(this).val()); var keyword = $(this).val(); var country = 'lithuania'; console.log(country); var root = 'https://conferencenext.com/'; if(keyword){ var url = ((country) ? root+"api/cities/"+country +"c/"+keyword+"k" : root+"api/cities/"+keyword+"k"); } else{ var url = ((country) ? root+"api/cities/"+country +"c" : root+"api/cities"); } $.ajax({ url:url, headers: {"Apikey": "Y25leHRhcGlrZXlnYWxheHlAMzQxNw=="}, success:function(result){ console.log(result); var html = ''; $.each(result, function(key,val){ html += '<div class="cities-name-check">'+ '<div class="form-check">'+ '<label class="form-check-label" for="'+val.city+'">'+ '<a href="'+root+'conferences/'+val.city.replaceAll(" ","-").toLowerCase()+'">'+ '<input class="form-check-input city-checkbox" name="city_events[]" type="checkbox" value="chennai" id="'+val.city+'">'+ val.city + '</a></label>'+ '</div>'+ '<span> </span>'+ '</div>'; }); console.log(html); $('.searchCityAppend').empty(); $('.searchCityAppend').append(html); } }); }); $('#searchstates').keyup(function(){ console.log($(this).val()); var keyword = $(this).val(); var country = 'lithuania'; var root = 'https://conferencenext.com/'; if(keyword){ var url = ((country) ? root+"api/states/"+country +"c/"+keyword+"k" : root+"api/states/"+keyword+"k"); } else{ var url = ((country) ? root+"api/states/"+country +"c" : root+"api/states"); } $.ajax({ url:url, headers: {"Apikey": "Y25leHRhcGlrZXlnYWxheHlAMzQxNw=="}, success:function(result){ console.log(result); var html = ''; $.each(result, function(key,val){ html += '<div class="cities-name-check">'+ '<div class="form-check">'+ '<label class="form-check-label" for="'+val.state+'">'+ '<a href="'+root+'conferences/'+val.state.replaceAll(" ","-").toLowerCase()+'">'+ '<input class="form-check-input city-checkbox" name="city_events[]" type="checkbox" value="chennai" id="'+val.state+'">'+ val.state + '</a></label>'+ '</div>'+ '<span> </span>'+ '</div>'; }); console.log(html); $('.searchStateAppend').empty(); $('.searchStateAppend').append(html); } }); }); $('#searchcountries').keyup(function(){ //alert('keyup executed'); console.log($(this).val()); var keyword = $(this).val(); var country = 'lithuania'; var root = 'https://conferencenext.com/'; if(keyword){ var url = root+"api/countries/"+keyword+"k"; } else{ var url = root+"api/countries"; } $.ajax({ url:url, headers: {"Apikey": "Y25leHRhcGlrZXlnYWxheHlAMzQxNw=="}, success:function(result){ console.log(result); var html = ''; $.each(result, function(key,val){ html += '<div class="cities-name-check">'+ '<div class="form-check">'+ '<label class="form-check-label" for="'+val.country+'">'+ '<a href="'+root+'conferences/'+val.country.replaceAll(" ","-").toLowerCase()+'">'+ '<input class="form-check-input city-checkbox" name="city_events[]" type="checkbox" value="chennai" id="'+val.country+'">'+ val.country + '</a></label>'+ '</div>'+ '<span> </span>'+ '</div>'; }); console.log(html); $('.searchCountryAppend').empty(); $('.searchCountryAppend').append(html); } }); }); $('#searchtopics').keyup(function(){ //alert('keyup executed'); console.log($(this).val()); var keyword = $(this).val(); var country = 'lithuania'; var root = 'https://conferencenext.com/'; if(keyword){ var url = root+"api/topics/"+keyword+"k"; } else{ var url = root+"api/topics"; } $.ajax({ url:url, headers: {"Apikey": "Y25leHRhcGlrZXlnYWxheHlAMzQxNw=="}, success:function(result){ console.log(result); var html = ''; $.each(result, function(key,val){ html += '<div class="cities-name-check">'+ '<div class="form-check">'+ '<label class="form-check-label" for="'+val.sub_topic_name+'">'+ '<a href="'+root+'conferences/'+val.sub_topic_name.replaceAll(" ","-").toLowerCase()+'">'+ '<input class="form-check-input city-checkbox" name="city_events[]" type="checkbox" value="chennai" id="'+val.sub_topic_name+'">'+ val.sub_topic_name + '</a></label>'+ '</div>'+ '<span> </span>'+ '</div>'; }); console.log(html); $('.searchTopicAppend').empty(); $('.searchTopicAppend').append(html); } }); }); $(document).on('click','.state-checkbox', function(){ //console.log($(this).parent().attr("href")); window.location.href = $(this).parent().attr("href"); }) $(document).on('click','.city-checkbox', function(){ //console.log($(this).parent().attr("href")); window.location.href = $(this).parent().attr("href"); }) $(document).on('click','.country-checkbox', function(){ console.log($(this).parent().attr("href")); alert('clicked'); window.location.href = $(this).parent().attr("href"); }) $(document).on('click', '.page-link', function(){ //alert($(this).attr('data-page')); $('.loading > img').css('display', 'unset'); var page = $(this).attr('data-page'); var keyword = 'lithuania/september-2025'; var root = 'https://conferencenext.com/'; var api = "https://conferencenext.com/api/events/country/c/lithuania/m/september-2025"; $('#pills-home').empty(); const id = 'listing-tab'; const yOffset = -10; const element = document.getElementById(id); const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset; window.scrollTo({top: y-300, behavior: 'smooth'}); console.log(page); if(page){ var url = api+"/p/"+page; } else{ var url = api+"/p/1"; } $.ajax({ url:url, headers: {"Apikey": "Y25leHRhcGlrZXlnYWxheHlAMzQxNw=="}, success:function(result){ //console.log(result.data); var html = ''; $.each(result.data, function(key,val){ //console.log(result); //console.log(val); html += '<a href="'+root+'event/'+val.event_id+'" itemscope itemtype="http://schema.org/Event">' + '<div class="list-city-info-div">' + '<p class="e_name" itemprop="name">' + val.event_name + '</p>' + '<div class="row">' + '<div class="col-lg-6">' + '<div class="d-flex align-items-center">' + '<i class="fa fa-map-marker" aria-hidden="true"></i>' + '<span class="e_venue" itemprop="location" itemscope itemtype="http://schema.org/Place">' + '<span itemprop="address"> '+ val.city +', '+ val.country +' </span>' + '</span>' + '</div>' + '</div>' + '<div class="col-lg-6">' + '<div class="d-flex align-items-center">' + '<i class="fa fa-calendar-check-o" aria-hidden="true"></i>'+ '<span class="e_dates" itemprop="startDate" content="'+new Date(val.sdate).toISOString()+'">' + new Date(val.sdate).toLocaleDateString('en-GB', { day : '2-digit', month : 'short' }) + '</span>' + '<span style="display:none;" class="e_dates" itemprop="endDate" content="'+new Date(val.edate).toISOString()+'">' + new Date(val.edate).toLocaleDateString('en-GB', { day : '2-digit', month : 'short' }) + '</span>' + '<span style="display:none;" itemprop="url" content="https://conferencenext.com/event/'+val.event_id+'">' + val.event_id + '</span>' + '</div>' + '</div>' + '</div>' + '</div>' + '</a>' ; }); html += result.pagination; //console.log(html); $('.loading > img').css('display', 'none'); $('#pills-home').append(html); } }); }); }); </script> <!-- filter search script --> <script> var selectedValueMobile = ""; var selectedMonthValueMobile = ''; var selectedTopicValueMobile = ''; $('.filter-btn-div, .filter-main-div-close').on('click', function () { $('.filter-main-div').toggleClass('filter-main-div-show'); }); </script> <script> $('.remove_breadcrumb').on('click', function () { $('.breadcrumb-section').toggle(); }); </script> <script> $('.top-topic-main-box').on('click', function () { $('.top-topic-main-box').removeClass('active'); $(this).addClass('active'); }); </script> <script> $(".slider-main-img-div").hover( function () { $(this).addClass('active'); }, function () { $(this).removeClass('active'); } ); $(".right-hover-div").click(function () { $(this).toggleClass('active'); }); </script> <script> $(document).on('click', '.ctm-ga', function () { var value = $(this).find('input').val(); selectedValueMobile = value; $(this).addClass('active').siblings().removeClass('active'); }) $(document).on('click', '.sub-list-monthyear', function () { var value = $(this).find('input').val(); selectedMonthValueMobile = value; $(this).addClass('active').siblings().removeClass('active'); }); $(document).on('click', '.sub-list-subtopic', function () { var value = $(this).find('input').val(); selectedTopicValueMobile = value; $(this).addClass('active').siblings().removeClass('active'); }) </script> <!-- filter search script --> <script> $('#searchcontinents').change(function () { var continent = this.value; $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); $.ajax({ url: "{{ route('search.continents') }}", type: "POST", data: { "_token": "{{ csrf_token() }}", type: "0", continent: continent, parentType: $("#countryName").val(), }, beforeSend: function () { $(".searchContinentAppend").html(""); $("#searchloader").show(); }, success: function (data) { $(".searchContinentAppend").html(""); $(".searchContinentAppend").html(data); }, complete: function (data) { $("#searchloader").hide(); } }); }); $('#searchcity').change(function () { var city = this.value; var country = $("#serchCountryCityValue").val(); $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); $.ajax({ url: "{{ route('search.cities') }}", type: "POST", data: { "_token": "{{ csrf_token() }}", type: "0", city: city, country: country, parentType: $("#countryName").val(), }, beforeSend: function () { $(".searchCityAppend").html(""); $("#searchloader").show(); }, success: function (data) { $(".searchCityAppend").html(""); $(".searchCityAppend").html(data); }, complete: function (data) { $("#searchloader").hide(); } }); }); $('#searchcityMobile').change(function () { var city = this.value; var country = $("#serchCountryCityValue").val(); $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); $.ajax({ url: "{{ route('search.cities') }}", type: "POST", data: { "_token": "{{ csrf_token() }}", type: "1", city: city, country: country, parentType: $("#countryName").val(), }, beforeSend: function () { $(".searchCityAppendMobile").html(""); $("#searchCityMobileloader").show(); }, success: function (data) { $(".searchCityAppendMobile").html(""); $(".searchCityAppendMobile").html(data); }, complete: function (data) { $("#searchCityMobileloader").hide(); } }); }); $(document).ready(function () { var monthYearData = $('#monthYear').val(); eventMonth(monthYearData, 1); if ($('#eventMonthName').val() > 0) { scrollToAnchor('pills-tab'); } tab1(); }); function tab1() { $("#label1").addClass("tab_label_pink"); $("#label1").removeClass("tab_label_black"); $("#label2").addClass("tab_label_black"); } function tab2() { $("#label2").addClass("tab_label_pink"); $("#label2").removeClass("tab_label_black"); $("#label1").addClass("tab_label_black"); } function tab3() { $("#label3").addClass("tab_label_pink"); $("#label2").removeClass("tab_label_black"); $("#label1").addClass("tab_label_black"); } function scrollToAnchor(aid) { var aTag = $("#" + aid); $('html,body').animate({ scrollTop: aTag.offset().top }, 'slow'); } $(document).on('click', '.pagination a', function (event) { event.preventDefault(); var page = $(this).attr('href').split('page=')[1]; var monthYearData = $('#monthYear').val(); eventMonth(monthYearData, page); }); function jfb(thirdType) { thirdType = thirdType.replace("january-2023", "january-2024") thirdType = thirdType.replace("february-2023", "february-2024") thirdType = thirdType.replace("march-2023", "march-2024") return thirdType } function eventMonth(monthYear, page = 1) { if (monthYear != '') { $('#monthYear').val(monthYear); } else { $('#monthYear').val('all'); } var ENDPOINT = "{{ url('/') }}"; var cityState = $('#cityState').val(); var countryName = $('#countryName').val(); var thirdType = $("#thirdType").val(); thirdType = jfb(thirdType) cityState = cityState.replace(/-/g, " "); console.log(thirdType) var fourType = $("#fourType").val(); $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); console.log(page); console.log(countryName, cityState, thirdType, fourType); $.ajax({ url: ENDPOINT + "/get-event-city-month-wise/?page=" + page, type: "GET", data: { parentSearchType: countryName, Search: cityState, thirdType: thirdType, fourType: fourType, }, beforeSend: function () { $('#pills-tabContentmonthWise').html(''); $("#loader33").show(); }, success: function (data) { console.log(data); $('#pills-tabContentmonthWise').css('display', 'block'); $('#pills-tabContentmonthWise').html(data); $('#pills-tabContent').css('display', 'none'); // $("#AppendEvents").html(""); // $("#AppendEvents").html(data); }, complete: function (data) { $("#loader33").hide(); } }); } $('#searchCountryMobile').change(function () { var country = this.value; $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); $.ajax({ url: "{{ route('search.country') }}", type: "POST", data: { "_token": "{{ csrf_token() }}", type: "1", country: country, parentType: $("#countryName").val(), }, beforeSend: function () { $(".searchContryMobileAppend").html(""); $("#searchCountryMobileloader").show(); }, success: function (data) { $(".searchContryMobileAppend").html(""); $(".searchContryMobileAppend").html(data); }, complete: function (data) { $("#searchCountryMobileloader").hide(); } }); }); $('#searchCountryName').change(function () { var country = this.value; $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); $.ajax({ url: "{{ route('search.country') }}", type: "POST", data: { "_token": "{{ csrf_token() }}", type: "0", country: country, parentType: $("#countryName").val(), }, beforeSend: function () { $(".searchContryAppend").html(""); $("#searchCountryloader").show(); }, success: function (data) { $(".searchContryAppend").html(""); $(".searchContryAppend").html(data); }, complete: function (data) { $("#searchCountryloader").hide(); } }); }); $('#searchState').change(function () { var state = this.value; var country = $("#serchCountryCityValue").val(); $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); $.ajax({ url: "{{ route('search.state') }}", type: "POST", data: { "_token": "{{ csrf_token() }}", type: "0", state: state, country: country, parentType: $("#countryName").val(), }, beforeSend: function () { $(".searchContryAppend").html(""); $("#searchStateloader").show(); }, success: function (data) { $(".searchContryAppend").html(""); $(".searchContryAppend").html(data); }, complete: function (data) { $("#searchStateloader").hide(); } }); }); $('#searchStateMobile').change(function () { var state = this.value; var country = $("#serchCountryCityValue").val(); $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); $.ajax({ url: "{{ route('search.state') }}", type: "POST", data: { "_token": "{{ csrf_token() }}", type: "1", state: state, country: country, parentType: $("#countryName").val(), }, beforeSend: function () { $(".searchStateAppendMobile").html(""); $("#searchStateMobileloader").show(); }, success: function (data) { $(".searchStateAppendMobile").html(""); $(".searchStateAppendMobile").html(data); }, complete: function (data) { $("#searchStateMobileloader").hide(); } }); }); function stateWiseDataFunction(type1, type2, type3 = null) { type2 = $.trim(type2); type2 = type2.replace(/ /g, "-"); if ($("#countryName").val() == "sub_topic") { var topicName = $("#cityState").val(); topicName = topicName.replace(/ /g, "-"); window.location.href = "{{url('conferences')}}" + "/" + type2 + "/" + topicName; } else if ($("#thirdType").val() != '') { var type3 = $("#thirdType").val(); type3 = type3.replace(/ /g, "-"); type3 = jfb(type3); window.location.href = "{{url('conferences')}}" + "/" + type2 + "/" + type3; } else { window.location.href = "{{url('conferences')}}" + "/" + type2; } } function cityWiseDataFunction(type1, type2, type3 = null) { type2 = $.trim(type2); type2 = type2.replace(/ /g, "-"); type1 = type1.replace(/ /g, "-"); if ($("#countryName").val() == "sub_topic") { var topicName = $("#cityState").val(); topicName = topicName.replace(/ /g, "-"); window.location.href = "{{url('conferences')}}" + "/" + type2 + "/" + topicName; } else if ($("#thirdType").val() != '') { var type3 = $("#thirdType").val(); type3 = jfb(type3); window.location.href = "{{url('conferences')}}" + "/" + type2 + "/" + type3; } else { window.location.href = "{{url('conferences')}}" + "/" + type2; } } function continentWiseDataFunction(type1, continentVal) { console.log(continentVal) continentVal = continentVal.replace(/ /g, "-"); if ($("#countryName").val() == "sub_topic") { var topicName = $("#cityState").val(); topicName = topicName.replace(/ /g, "-"); window.location.href = "{{url('conferences')}}" + "/" + continentVal + "/" + topicName; } else if ($("#countryName").val() == "continent") { window.location.href = "{{url('conferences')}}" + "/" + continentVal } else if ($("#thirdType").val() != '') { var type3 = $("#thirdType").val(); type3 = jfb(type3); window.location.href = "{{url('conferences')}}" + "/" + continentVal + "/" + type3; } else if ($("#countryName").val() == "country" || $("#countryName").val() == "city" || $("#countryName").val() == "state") { window.location.href = "{{url('conferences')}}" + "/" + continentVal } } function countryWiseDataFunction(type1, countryVal) { console.log(countryVal) countryVal = countryVal.replace(/ /g, "-"); if ($("#countryName").val() == "sub_topic") { var topicName = $("#cityState").val(); topicName = topicName.replace(/ /g, "-"); window.location.href = "{{url('conferences')}}" + "/" + countryVal + "/" + topicName; } else if ($("#thirdType").val() != '') { var type3 = $("#thirdType").val(); type3 = jfb(type3); window.location.href = "{{url('conferences')}}" + "/" + countryVal + "/" + type3; } else { window.location.href = "{{url('conferences')}}" + "/" + countryVal } } // topic wise search $(".eventSubTopicStatic").click(function () { if ($("#countryName").val() == "sub_topic") { var type1 = $("#countryName").val(); var type2 = $(this).text(); type2 = $.trim(type2); type2 = type2.replace(/ /g, "-"); window.location.href = "{{url('conferences')}}" + "/" + type2; } else { // alert("else"); var type1 = $("#countryName").val(); var type2 = $("#cityState").val(); var type3 = $(this).text(); type3 = $.trim(type3); type3 = type3.replace(/ /g, "-"); type2 = $.trim(type2); type2 = type2.replace(/ /g, "-"); // alert(type1+"=="+type2+"=="+type3); window.location.href = "{{url('conferences')}}" + "/" + type2 + "/" + type3; } }) function eventMonthAll() { url = $("#currentFullUrl").val(); if ($("#eventMonthName").val() == 0) { window.location.href = url; } else { window.location.href = url.substring(0, url.lastIndexOf('/')); } } function eventMonthDetail(type1, type2) { if ($("#thirdType").val() != '') { var type3 = $("#thirdType").val(); type3 = type3.replaceAll(" ", "-"); type2 = type2.replaceAll(" ", "-"); type1 = type1.replaceAll(" ", "-"); type3 = type3.replace(/ /g, "-"); if ($("#eventMonthName").val() == 0) { if (type3 == type1) { window.location.href = "{{url('conferences')}}" + "/" + type1 + "/" + type2; } else { window.location.href = "{{url('conferences')}}" + "/" + type1 + "/" + type3 + "/" + type2; } } else { if (type3 == type1) { window.location.href = "{{url('conferences')}}" + "/" + type1 + "/" + type2; } else if (type3 != type2) { if ($("#eventMonthName").val() > 0) { var matchPattern = type3.match(/\d+/g); if (matchPattern != null) { window.location.href = "{{url('conferences')}}" + "/" + type1 + "/" + type2; } else { var matchPattern = type2.match(/\d+/g); if (type2 != "") { window.location.href = "{{url('conferences')}}" + "/" + type1 + "/" + type3 + "/" + type2; } else { window.location.href = "{{url('conferences')}}" + "/" + type1 + "/" + type3 + "/" + type2; } } } else { window.location.href = "{{url('conferences')}}" + "/" + type1 + "/" + type3 + "/" + type2; } } else { window.location.href = "{{url('conferences')}}" + "/" + type1 + "/" + type2; } } // if($("#eventMonthName").val() == 0) // { // window.location.href = "{{url('conferences')}}" + "/" + type1 + "/"+type3 + "/"+type2; // } // else // { // if(type3 != type2) // { // if($("#eventMonthName").val() > 0) // { // var matchPattern =type3.match(/\d+/g); // if (matchPattern != null) { // window.location.href = "{{url('conferences')}}" + "/" + type1 + "/"+type2; // } // else // { // window.location.href = "{{url('conferences')}}" + "/" + type1 + "/"+type3 + "/"+type2; // } // } // else // { // window.location.href = "{{url('conferences')}}" + "/" + type1 + "/"+type3 + "/"+type2; // } // } // else // { // window.location.href = "{{url('conferences')}}" + "/" + type1 + "/"+type2; // } // } } else { window.location.href = "{{url('conferences')}}" + "/" + type1 + "/" + type2; } } // topic wise search function mobileCancelButton() { $(".filter-main-div-show").removeClass('filter-main-div-show'); $(".filter-main-div-show").css('display', 'none'); } function mobileApplyButton() { console.log(selectedValueMobile); var selectedType = selectedValueMobile.split('-'); //var monthWiseType = selectedMonthValueMobile.split('-'); //var topicWiseType = selectedTopicValueMobile.split('-'); var mainType = selectedType[0]; var searchable = selectedType[1]; var pagetype = "country/month"; var applyurl = (( (mainType == "month") || (mainType == "sub_topic"))? "https://conferencenext.com/conferences/lithuania" : "https://conferencenext.com/conferences"); //var applyurl = ''; console.log(mainType); if (selectedType != '') { if (mainType == "state" || mainType == "country" || mainType == "city" || mainType == "continent") { applyurl += "/"+searchable.replace(" ", "-").toLowerCase(); } else if(mainType == "sub_topic" && pagetype.includes('topic')){ //console.log("https://conferencenext.com/conferences/lithuania"); applyurl = "https://conferencenext.com/conferences/lithuania"+"/"+searchable.toLowerCase(); } else if(mainType == "month"){ searchable = selectedType[1]+"-"+selectedType[2]; applyurl += "/"+searchable.toLowerCase(); } } /*if (monthWiseType != '') { var monthValue = monthWiseType[1] + "-" + monthWiseType[2]; applyurl += "/" + monthValue.val().replace(" ", "-").toLowerCase(); //$("#monthYear").val(monthValue); } if (topicWiseType != '') { var topicVal = topicWiseType[1]; $("#thirdType").val(topicVal); } var monthVal = $("#monthYear").val(); mobileCancelButton(); console.log("hi "); console.log($("#cityState").val()); console.log($("#thirdType").val()); var applyurl = "/conferences"; /* if($("#thirdType").val() == 'asia' || $("#thirdType").val() == 'europe'||$("#thirdType").val() == 'oceania'||$("#thirdType").val() == 'africa'||$("#thirdType").val() == 'north-america'||$("#thirdType").val() == 'south-america'){ applyurl += "/"+$("#thirdType").val().replace(" ","-").toLowerCase(); } if ($("#cityState").val() != '') { applyurl += "/" + $("#cityState").val().replace(" ", "-").toLowerCase(); } if ($("#thirdType").val() != '') { applyurl += "/" + $("#thirdType").val().replace(" ", "-").toLowerCase(); } if (monthVal != 'all') { applyurl += "/" + monthVal.toLowerCase(); }*/ console.log(applyurl) window.location.href = applyurl; //eventMonth(monthVal); } </script> <!--scrolling tabs js code --> <script> /** * bootstrap4-scrolling-tabs * @version v1.0.0 * @link https://github.com/mikejacobson/bootstrap4-scrolling-tabs * @author Mike Jacobson <michaeljjacobson1@gmail.com> * @license MIT License, http://www.opensource.org/licenses/MIT */ ; (function ($, window) { 'use strict'; /* jshint unused:false */ /* exported CONSTANTS */ var CONSTANTS = { CONTINUOUS_SCROLLING_TIMEOUT_INTERVAL: 50, // timeout interval for repeatedly moving the tabs container // by one increment while the mouse is held down--decrease to // make mousedown continous scrolling faster SCROLL_OFFSET_FRACTION: 6, // each click moves the container this fraction of the fixed container--decrease // to make the tabs scroll farther per click DATA_KEY_DDMENU_MODIFIED: 'scrtabsddmenumodified', DATA_KEY_IS_MOUSEDOWN: 'scrtabsismousedown', DATA_KEY_BOOTSTRAP_TAB: 'bs.tab', CSS_CLASSES: { BOOTSTRAP4: 'scrtabs-bootstrap4', RTL: 'scrtabs-rtl', SCROLL_ARROW_CLICK_TARGET: 'scrtabs-click-target', SCROLL_ARROW_DISABLE: 'scrtabs-disable', SCROLL_ARROW_WITH_CLICK_TARGET: 'scrtabs-with-click-target' }, SLIDE_DIRECTION: { LEFT: 1, RIGHT: 2 }, EVENTS: { CLICK: 'click.scrtabs', DROPDOWN_MENU_HIDE: 'hide.bs.dropdown.scrtabs', DROPDOWN_MENU_SHOW: 'show.bs.dropdown.scrtabs', FORCE_REFRESH: 'forcerefresh.scrtabs', MOUSEDOWN: 'mousedown.scrtabs', MOUSEUP: 'mouseup.scrtabs', TABS_READY: 'ready.scrtabs', TOUCH_END: 'touchend.scrtabs', TOUCH_MOVE: 'touchmove.scrtabs', TOUCH_START: 'touchstart.scrtabs', WINDOW_RESIZE: 'resize.scrtabs' } }; // smartresize from Paul Irish (debounced window resize) (function (sr) { var debounce = function (func, threshold, execAsap) { var timeout; return function debounced() { var obj = this, args = arguments; function delayed() { if (!execAsap) { func.apply(obj, args); } timeout = null; } if (timeout) { clearTimeout(timeout); } else if (execAsap) { func.apply(obj, args); } timeout = setTimeout(delayed, threshold || 100); }; }; $.fn[sr] = function (fn, customEventName) { var eventName = customEventName || CONSTANTS.EVENTS.WINDOW_RESIZE; return fn ? this.bind(eventName, debounce(fn)) : this.trigger(sr); }; })('smartresizeScrtabs'); /* *********************************************************************************** * ElementsHandler - Class that each instance of ScrollingTabsControl will instantiate * **********************************************************************************/ function ElementsHandler(scrollingTabsControl) { var ehd = this; ehd.stc = scrollingTabsControl; } // ElementsHandler prototype methods (function (p) { p.initElements = function (options) { var ehd = this; ehd.setElementReferences(options); ehd.setEventListeners(options); }; p.listenForTouchEvents = function () { var ehd = this, stc = ehd.stc, smv = stc.scrollMovement, ev = CONSTANTS.EVENTS; var touching = false; var touchStartX; var startingContainerLeftPos; var newLeftPos; stc.$movableContainer .on(ev.TOUCH_START, function (e) { touching = true; startingContainerLeftPos = stc.movableContainerLeftPos; touchStartX = e.originalEvent.changedTouches[0].pageX; }) .on(ev.TOUCH_END, function () { touching = false; }) .on(ev.TOUCH_MOVE, function (e) { if (!touching) { return; } var touchPageX = e.originalEvent.changedTouches[0].pageX; var diff = touchPageX - touchStartX; if (stc.rtl) { diff = -diff; } var minPos; newLeftPos = startingContainerLeftPos + diff; if (newLeftPos > 0) { newLeftPos = 0; } else { minPos = smv.getMinPos(); if (newLeftPos < minPos) { newLeftPos = minPos; } } stc.movableContainerLeftPos = newLeftPos; var leftOrRight = stc.rtl ? 'right' : 'left'; stc.$movableContainer.css(leftOrRight, smv.getMovableContainerCssLeftVal()); smv.refreshScrollArrowsDisabledState(); }); }; p.refreshAllElementSizes = function () { var ehd = this, stc = ehd.stc, smv = stc.scrollMovement, scrollArrowsWereVisible = stc.scrollArrowsVisible, actionsTaken = { didScrollToActiveTab: false }, isPerformingSlideAnim = false, minPos; ehd.setElementWidths(); ehd.setScrollArrowVisibility(); // this could have been a window resize or the removal of a // dynamic tab, so make sure the movable container is positioned // correctly because, if it is far to the left and we increased the // window width, it's possible that the tabs will be too far left, // beyond the min pos. if (stc.scrollArrowsVisible) { // make sure container not too far left minPos = smv.getMinPos(); isPerformingSlideAnim = smv.scrollToActiveTab({ isOnWindowResize: true }); if (!isPerformingSlideAnim) { smv.refreshScrollArrowsDisabledState(); if (stc.rtl) { if (stc.movableContainerRightPos < minPos) { smv.incrementMovableContainerLeft(minPos); } } else { if (stc.movableContainerLeftPos < minPos) { smv.incrementMovableContainerRight(minPos); } } } actionsTaken.didScrollToActiveTab = true; } else if (scrollArrowsWereVisible) { // scroll arrows went away after resize, so position movable container at 0 stc.movableContainerLeftPos = 0; smv.slideMovableContainerToLeftPos(); } return actionsTaken; }; p.setElementReferences = function (settings) { var ehd = this, stc = ehd.stc, $tabsContainer = stc.$tabsContainer, $leftArrow, $rightArrow, $leftArrowClickTarget, $rightArrowClickTarget; stc.isNavPills = false; if (stc.rtl) { $tabsContainer.addClass(CONSTANTS.CSS_CLASSES.RTL); } if (stc.usingBootstrap4) { $tabsContainer.addClass(CONSTANTS.CSS_CLASSES.BOOTSTRAP4); } stc.$fixedContainer = $tabsContainer.find('.scrtabs-tabs-fixed-container'); $leftArrow = stc.$fixedContainer.prev(); $rightArrow = stc.$fixedContainer.next(); // if we have custom arrow content, we might have a click target defined if (settings.leftArrowContent) { $leftArrowClickTarget = $leftArrow.find('.' + CONSTANTS.CSS_CLASSES .SCROLL_ARROW_CLICK_TARGET); } if (settings.rightArrowContent) { $rightArrowClickTarget = $rightArrow.find('.' + CONSTANTS.CSS_CLASSES .SCROLL_ARROW_CLICK_TARGET); } if ($leftArrowClickTarget && $leftArrowClickTarget.length) { $leftArrow.addClass(CONSTANTS.CSS_CLASSES.SCROLL_ARROW_WITH_CLICK_TARGET); } else { $leftArrowClickTarget = $leftArrow; } if ($rightArrowClickTarget && $rightArrowClickTarget.length) { $rightArrow.addClass(CONSTANTS.CSS_CLASSES.SCROLL_ARROW_WITH_CLICK_TARGET); } else { $rightArrowClickTarget = $rightArrow; } stc.$movableContainer = $tabsContainer.find('.scrtabs-tabs-movable-container'); stc.$tabsUl = $tabsContainer.find('.nav-tabs'); // check for pills if (!stc.$tabsUl.length) { stc.$tabsUl = $tabsContainer.find('.nav-pills'); if (stc.$tabsUl.length) { stc.isNavPills = true; } } stc.$tabsLiCollection = stc.$tabsUl.find('> li'); stc.$slideLeftArrow = stc.reverseScroll ? $leftArrow : $rightArrow; stc.$slideLeftArrowClickTarget = stc.reverseScroll ? $leftArrowClickTarget : $rightArrowClickTarget; stc.$slideRightArrow = stc.reverseScroll ? $rightArrow : $leftArrow; stc.$slideRightArrowClickTarget = stc.reverseScroll ? $rightArrowClickTarget : $leftArrowClickTarget; stc.$scrollArrows = stc.$slideLeftArrow.add(stc.$slideRightArrow); stc.$win = $(window); }; p.setElementWidths = function () { var ehd = this, stc = ehd.stc; stc.winWidth = stc.$win.width(); stc.scrollArrowsCombinedWidth = stc.$slideLeftArrow.outerWidth() + stc.$slideRightArrow .outerWidth(); ehd.setFixedContainerWidth(); ehd.setMovableContainerWidth(); }; p.setEventListeners = function (settings) { var ehd = this, stc = ehd.stc, evh = stc.eventHandlers, ev = CONSTANTS.EVENTS, resizeEventName = ev.WINDOW_RESIZE + stc.instanceId; if (settings.enableSwiping) { ehd.listenForTouchEvents(); } stc.$slideLeftArrowClickTarget .off('.scrtabs') .on(ev.MOUSEDOWN, function (e) { evh.handleMousedownOnSlideMovContainerLeftArrow.call(evh, e); }) .on(ev.MOUSEUP, function (e) { evh.handleMouseupOnSlideMovContainerLeftArrow.call(evh, e); }) .on(ev.CLICK, function (e) { evh.handleClickOnSlideMovContainerLeftArrow.call(evh, e); }); stc.$slideRightArrowClickTarget .off('.scrtabs') .on(ev.MOUSEDOWN, function (e) { evh.handleMousedownOnSlideMovContainerRightArrow.call(evh, e); }) .on(ev.MOUSEUP, function (e) { evh.handleMouseupOnSlideMovContainerRightArrow.call(evh, e); }) .on(ev.CLICK, function (e) { evh.handleClickOnSlideMovContainerRightArrow.call(evh, e); }); if (stc.tabClickHandler) { stc.$tabsLiCollection .find('a[data-toggle="tab"]') .off(ev.CLICK) .on(ev.CLICK, stc.tabClickHandler); } if (settings.handleDelayedScrollbar) { ehd.listenForDelayedScrollbar(); } stc.$win .off(resizeEventName) .smartresizeScrtabs(function (e) { evh.handleWindowResize.call(evh, e); }, resizeEventName); $('body').on(CONSTANTS.EVENTS.FORCE_REFRESH, stc.elementsHandler.refreshAllElementSizes .bind(stc.elementsHandler)); }; p.listenForDelayedScrollbar = function () { var iframe = document.createElement('iframe'); iframe.id = "scrtabs-scrollbar-resize-listener"; iframe.style.cssText = 'height: 0; background-color: transparent; margin: 0; padding: 0; overflow: hidden; border-width: 0; position: absolute; width: 100%;'; iframe.onload = function () { var timeout; function handleResize() { try { $(window).trigger('resize'); timeout = null; } catch (e) { } } iframe.contentWindow.addEventListener('resize', function () { if (timeout) { clearTimeout(timeout); } timeout = setTimeout(handleResize, 100); }); }; document.body.appendChild(iframe); }; p.setFixedContainerWidth = function () { var ehd = this, stc = ehd.stc, tabsContainerRect = stc.$tabsContainer.get(0).getBoundingClientRect(); /** * @author poletaew * It solves problem with rounding by jQuery.outerWidth * If we have real width 100.5 px, jQuery.outerWidth returns us 101 px and we get layout's fail */ stc.fixedContainerWidth = tabsContainerRect.width || (tabsContainerRect.right - tabsContainerRect.left); stc.fixedContainerWidth = stc.fixedContainerWidth * stc.widthMultiplier; stc.$fixedContainer.width(stc.fixedContainerWidth); }; p.setFixedContainerWidthForHiddenScrollArrows = function () { var ehd = this, stc = ehd.stc; stc.$fixedContainer.width(stc.fixedContainerWidth); }; p.setFixedContainerWidthForVisibleScrollArrows = function () { var ehd = this, stc = ehd.stc; stc.$fixedContainer.width(stc.fixedContainerWidth - stc.scrollArrowsCombinedWidth); }; p.setMovableContainerWidth = function () { var ehd = this, stc = ehd.stc, $tabLi = stc.$tabsUl.find('> li'); stc.movableContainerWidth = 0; if ($tabLi.length) { $tabLi.each(function () { var $li = $(this), totalMargin = 0; if (stc.isNavPills) { // pills have a margin-left, tabs have no margin totalMargin = parseInt($li.css('margin-left'), 10) + parseInt($li .css('margin-right'), 10); } stc.movableContainerWidth += ($li.outerWidth() + totalMargin); }); stc.movableContainerWidth += 1; // if the tabs don't span the width of the page, force the // movable container width to full page width so the bottom // border spans the page width instead of just spanning the // width of the tabs if (stc.movableContainerWidth < stc.fixedContainerWidth) { stc.movableContainerWidth = stc.fixedContainerWidth; } } stc.$movableContainer.width(stc.movableContainerWidth); }; p.setScrollArrowVisibility = function () { var ehd = this, stc = ehd.stc, shouldBeVisible = stc.movableContainerWidth > stc.fixedContainerWidth; if (shouldBeVisible && !stc.scrollArrowsVisible) { stc.$scrollArrows.show(); stc.scrollArrowsVisible = true; } else if (!shouldBeVisible && stc.scrollArrowsVisible) { stc.$scrollArrows.hide(); stc.scrollArrowsVisible = false; } if (stc.scrollArrowsVisible) { ehd.setFixedContainerWidthForVisibleScrollArrows(); } else { ehd.setFixedContainerWidthForHiddenScrollArrows(); } }; }(ElementsHandler.prototype)); /* *********************************************************************************** * EventHandlers - Class that each instance of ScrollingTabsControl will instantiate * **********************************************************************************/ function EventHandlers(scrollingTabsControl) { var evh = this; evh.stc = scrollingTabsControl; } // prototype methods (function (p) { p.handleClickOnSlideMovContainerLeftArrow = function () { var evh = this, stc = evh.stc; stc.scrollMovement.incrementMovableContainerLeft(); }; p.handleClickOnSlideMovContainerRightArrow = function () { var evh = this, stc = evh.stc; stc.scrollMovement.incrementMovableContainerRight(); }; p.handleMousedownOnSlideMovContainerLeftArrow = function () { var evh = this, stc = evh.stc; stc.$slideLeftArrowClickTarget.data(CONSTANTS.DATA_KEY_IS_MOUSEDOWN, true); stc.scrollMovement.continueSlideMovableContainerLeft(); }; p.handleMousedownOnSlideMovContainerRightArrow = function () { var evh = this, stc = evh.stc; stc.$slideRightArrowClickTarget.data(CONSTANTS.DATA_KEY_IS_MOUSEDOWN, true); stc.scrollMovement.continueSlideMovableContainerRight(); }; p.handleMouseupOnSlideMovContainerLeftArrow = function () { var evh = this, stc = evh.stc; stc.$slideLeftArrowClickTarget.data(CONSTANTS.DATA_KEY_IS_MOUSEDOWN, false); }; p.handleMouseupOnSlideMovContainerRightArrow = function () { var evh = this, stc = evh.stc; stc.$slideRightArrowClickTarget.data(CONSTANTS.DATA_KEY_IS_MOUSEDOWN, false); }; p.handleWindowResize = function () { var evh = this, stc = evh.stc, newWinWidth = stc.$win.width(); if (newWinWidth === stc.winWidth) { return false; } stc.winWidth = newWinWidth; stc.elementsHandler.refreshAllElementSizes(); }; }(EventHandlers.prototype)); /* *********************************************************************************** * ScrollMovement - Class that each instance of ScrollingTabsControl will instantiate * **********************************************************************************/ function ScrollMovement(scrollingTabsControl) { var smv = this; smv.stc = scrollingTabsControl; } // prototype methods (function (p) { p.continueSlideMovableContainerLeft = function () { var smv = this, stc = smv.stc; setTimeout(function () { if (stc.movableContainerLeftPos <= smv.getMinPos() || !stc.$slideLeftArrowClickTarget.data(CONSTANTS.DATA_KEY_IS_MOUSEDOWN)) { return; } if (!smv.incrementMovableContainerLeft()) { // haven't reached max left smv.continueSlideMovableContainerLeft(); } }, CONSTANTS.CONTINUOUS_SCROLLING_TIMEOUT_INTERVAL); }; p.continueSlideMovableContainerRight = function () { var smv = this, stc = smv.stc; setTimeout(function () { if (stc.movableContainerLeftPos >= 0 || !stc.$slideRightArrowClickTarget.data(CONSTANTS.DATA_KEY_IS_MOUSEDOWN) ) { return; } if (!smv.incrementMovableContainerRight()) { // haven't reached max right smv.continueSlideMovableContainerRight(); } }, CONSTANTS.CONTINUOUS_SCROLLING_TIMEOUT_INTERVAL); }; p.decrementMovableContainerLeftPos = function (minPos) { var smv = this, stc = smv.stc; stc.movableContainerLeftPos -= (stc.fixedContainerWidth / CONSTANTS .SCROLL_OFFSET_FRACTION); if (stc.movableContainerLeftPos < minPos) { stc.movableContainerLeftPos = minPos; } else if (stc.scrollToTabEdge) { smv.setMovableContainerLeftPosToTabEdge(CONSTANTS.SLIDE_DIRECTION.LEFT); if (stc.movableContainerLeftPos < minPos) { stc.movableContainerLeftPos = minPos; } } }; p.disableSlideLeftArrow = function () { var smv = this, stc = smv.stc; console.log(stc) if (!stc.disableScrollArrowsOnFullyScrolled || !stc.scrollArrowsVisible) { return; } stc.$slideLeftArrow.addClass(CONSTANTS.CSS_CLASSES.SCROLL_ARROW_DISABLE); }; p.disableSlideRightArrow = function () { var smv = this, stc = smv.stc; if (!stc.disableScrollArrowsOnFullyScrolled || !stc.scrollArrowsVisible) { return; } stc.$slideRightArrow.addClass(CONSTANTS.CSS_CLASSES.SCROLL_ARROW_DISABLE); }; p.enableSlideLeftArrow = function () { var smv = this, stc = smv.stc; if (!stc.disableScrollArrowsOnFullyScrolled || !stc.scrollArrowsVisible) { return; } stc.$slideLeftArrow.removeClass(CONSTANTS.CSS_CLASSES.SCROLL_ARROW_DISABLE); }; p.enableSlideRightArrow = function () { var smv = this, stc = smv.stc; if (!stc.disableScrollArrowsOnFullyScrolled || !stc.scrollArrowsVisible) { return; } stc.$slideRightArrow.removeClass(CONSTANTS.CSS_CLASSES.SCROLL_ARROW_DISABLE); }; p.getMinPos = function () { var smv = this, stc = smv.stc; return stc.scrollArrowsVisible ? (stc.fixedContainerWidth - stc.movableContainerWidth - stc.scrollArrowsCombinedWidth) : 0; }; p.getMovableContainerCssLeftVal = function () { var smv = this, stc = smv.stc; console.log(stc) return (stc.movableContainerLeftPos === 0) ? '0' : stc.movableContainerLeftPos + 'px'; }; p.incrementMovableContainerLeft = function () { var smv = this, stc = smv.stc, minPos = smv.getMinPos(); smv.decrementMovableContainerLeftPos(minPos); smv.slideMovableContainerToLeftPos(); smv.enableSlideRightArrow(); // return true if we're fully left, false otherwise return (stc.movableContainerLeftPos === minPos); }; p.incrementMovableContainerRight = function (minPos) { var smv = this, stc = smv.stc; // if minPos passed in, the movable container was beyond the minPos if (minPos) { stc.movableContainerLeftPos = minPos; } else { stc.movableContainerLeftPos += (stc.fixedContainerWidth / CONSTANTS .SCROLL_OFFSET_FRACTION); if (stc.movableContainerLeftPos > 0) { stc.movableContainerLeftPos = 0; } else if (stc.scrollToTabEdge) { smv.setMovableContainerLeftPosToTabEdge(CONSTANTS.SLIDE_DIRECTION.RIGHT); } } smv.slideMovableContainerToLeftPos(); smv.enableSlideLeftArrow(); // return true if we're fully right, false otherwise // left pos of 0 is the movable container's max position (farthest right) return (stc.movableContainerLeftPos === 0); }; p.refreshScrollArrowsDisabledState = function () { var smv = this, stc = smv.stc; if (!stc.disableScrollArrowsOnFullyScrolled || !stc.scrollArrowsVisible) { return; } if (stc.movableContainerLeftPos >= 0) { // movable container fully right smv.disableSlideRightArrow(); smv.enableSlideLeftArrow(); return; } if (stc.movableContainerLeftPos <= smv.getMinPos()) { // fully left smv.disableSlideLeftArrow(); smv.enableSlideRightArrow(); return; } smv.enableSlideLeftArrow(); smv.enableSlideRightArrow(); }; p.scrollToActiveTab = function () { var smv = this, stc = smv.stc, $activeTab, $activeTabAnchor, activeTabLeftPos, activeTabRightPos, rightArrowLeftPos, activeTabWidth, leftPosOffset, offsetToMiddle, leftScrollArrowWidth, rightScrollArrowWidth; if (!stc.scrollArrowsVisible) { return; } $activeTabAnchor = stc.$tabsUl.find('li > .nav-link.active'); if ($activeTabAnchor.length) { $activeTab = $activeTabAnchor.parent(); } if (!$activeTab || !$activeTab.length) { return; } rightScrollArrowWidth = stc.$slideRightArrow.outerWidth(); activeTabWidth = $activeTab.outerWidth(); /** * @author poletaew * We need relative offset (depends on $fixedContainer), don't absolute */ activeTabLeftPos = $activeTab.offset().left - stc.$fixedContainer.offset().left; activeTabRightPos = activeTabLeftPos + activeTabWidth; rightArrowLeftPos = stc.fixedContainerWidth - rightScrollArrowWidth; if (stc.rtl) { leftScrollArrowWidth = stc.$slideLeftArrow.outerWidth(); if (activeTabLeftPos < 0) { // active tab off left side stc.movableContainerLeftPos += activeTabLeftPos; smv.slideMovableContainerToLeftPos(); return true; } else { // active tab off right side if (activeTabRightPos > rightArrowLeftPos) { stc.movableContainerLeftPos += (activeTabRightPos - rightArrowLeftPos) + ( 2 * rightScrollArrowWidth); smv.slideMovableContainerToLeftPos(); return true; } } } else { if (activeTabRightPos > rightArrowLeftPos) { // active tab off right side leftPosOffset = activeTabRightPos - rightArrowLeftPos + rightScrollArrowWidth; offsetToMiddle = stc.fixedContainerWidth / 2; leftPosOffset += offsetToMiddle - (activeTabWidth / 2); stc.movableContainerLeftPos -= leftPosOffset; smv.slideMovableContainerToLeftPos(); return true; } else { leftScrollArrowWidth = stc.$slideLeftArrow.outerWidth(); if (activeTabLeftPos < 0) { // active tab off left side offsetToMiddle = stc.fixedContainerWidth / 2; stc.movableContainerLeftPos += (-activeTabLeftPos) + offsetToMiddle - ( activeTabWidth / 2); smv.slideMovableContainerToLeftPos(); return true; } } } return false; }; p.setMovableContainerLeftPosToTabEdge = function (slideDirection) { var smv = this, stc = smv.stc, offscreenWidth = -stc.movableContainerLeftPos, totalTabWidth = 0; // make sure LeftPos is set so that a tab edge will be against the // left scroll arrow so we won't have a partial, cut-off tab stc.$tabsLiCollection.each(function () { var tabWidth = $(this).width(); totalTabWidth += tabWidth; if (totalTabWidth > offscreenWidth) { stc.movableContainerLeftPos = (slideDirection === CONSTANTS .SLIDE_DIRECTION.RIGHT) ? -(totalTabWidth - tabWidth) : - totalTabWidth; return false; // exit .each() loop } }); }; p.slideMovableContainerToLeftPos = function () { var smv = this, stc = smv.stc, minPos = smv.getMinPos(), leftOrRightVal; if (stc.movableContainerLeftPos > 0) { stc.movableContainerLeftPos = 0; } else if (stc.movableContainerLeftPos < minPos) { stc.movableContainerLeftPos = minPos; } stc.movableContainerLeftPos = stc.movableContainerLeftPos / 1; leftOrRightVal = smv.getMovableContainerCssLeftVal(); smv.performingSlideAnim = true; stc.$movableContainer.css({ transform: 'translateX(' + leftOrRightVal + ')' // width: '930px', // transform: 'translateX(-327.993px)' }); stc.$movableContainer.on('transitionend.scrtabs', function () { stc.$movableContainer.off('transitionend.scrtabs'); smv.performingSlideAnim = false; smv.refreshScrollArrowsDisabledState(); }); }; }(ScrollMovement.prototype)); /* ********************************************************************** * ScrollingTabsControl - Class that each directive will instantiate * **********************************************************************/ function ScrollingTabsControl($tabsContainer) { var stc = this; stc.$tabsContainer = $tabsContainer; stc.instanceId = $.fn.scrollingTabs.nextInstanceId++; stc.movableContainerLeftPos = 0; stc.scrollArrowsVisible = false; stc.scrollToTabEdge = false; stc.disableScrollArrowsOnFullyScrolled = false; stc.reverseScroll = false; stc.widthMultiplier = 1; stc.scrollMovement = new ScrollMovement(stc); stc.eventHandlers = new EventHandlers(stc); stc.elementsHandler = new ElementsHandler(stc); } // prototype methods (function (p) { p.initTabs = function (options, $scroller, readyCallback, attachTabContentToDomCallback) { var stc = this, elementsHandler = stc.elementsHandler, num; if (options.enableRtlSupport && $('html').attr('dir') === 'rtl') { stc.rtl = true; } if (options.scrollToTabEdge) { stc.scrollToTabEdge = true; } if (options.disableScrollArrowsOnFullyScrolled) { stc.disableScrollArrowsOnFullyScrolled = true; } if (options.reverseScroll) { stc.reverseScroll = true; } if (options.widthMultiplier !== 1) { num = Number(options.widthMultiplier); // handle string value if (!isNaN(num)) { stc.widthMultiplier = num; } } if (options.bootstrapVersion.toString().charAt(0) === '4') { stc.usingBootstrap4 = true; } setTimeout(initTabsAfterTimeout, 100); function initTabsAfterTimeout() { var actionsTaken; // if we're just wrapping non-data-driven tabs, the user might // have the .nav-tabs hidden to prevent the clunky flash of // multi-line tabs on page refresh, so we need to make sure // they're visible before trying to wrap them $scroller.find('.nav-tabs').show(); elementsHandler.initElements(options); actionsTaken = elementsHandler.refreshAllElementSizes(); $scroller.css('visibility', 'visible'); if (attachTabContentToDomCallback) { attachTabContentToDomCallback(); } if (readyCallback) { readyCallback(); } } }; p.scrollToActiveTab = function (options) { var stc = this, smv = stc.scrollMovement; smv.scrollToActiveTab(options); }; }(ScrollingTabsControl.prototype)); /* exported buildNavTabsAndTabContentForTargetElementInstance */ var tabElements = (function () { return { getElTabPaneForLi: getElTabPaneForLi, getNewElNavTabs: getNewElNavTabs, getNewElScrollerElementWrappingNavTabsInstance: getNewElScrollerElementWrappingNavTabsInstance, getNewElTabAnchor: getNewElTabAnchor, getNewElTabContent: getNewElTabContent, getNewElTabLi: getNewElTabLi, getNewElTabPane: getNewElTabPane }; /////////////////// // ---- retrieve existing elements from the DOM ---------- function getElTabPaneForLi($li) { return $($li.find('a').attr('href')); } // ---- create new elements ---------- function getNewElNavTabs() { return $('<ul class="nav nav-tabs" role="tablist"></ul>'); } function getDefaultLeftArrow(settings) { return [ '<div class="scrtabs-tab-scroll-arrow scrtabs-tab-scroll-arrow-left">', ' <span class="' + settings.cssClassLeftArrow + '"></span>', '</div>' ].join(''); } function getDefaultRightArrow(settings) { return [ '<div class="scrtabs-tab-scroll-arrow scrtabs-tab-scroll-arrow-right">', ' <span class="' + settings.cssClassRightArrow + '"></span>', '</div>' ].join(''); } function getTabContainerHtml() { return '<div class="scrtabs-tab-container"></div>'; } function getFixedContainerHtml() { return '<div class="scrtabs-tabs-fixed-container"></div>'; } function getMovableContainerHtml() { return '<div class="scrtabs-tabs-movable-container"></div>'; } function getNewElScrollerElementWrappingNavTabsInstance($navTabsInstance, settings) { var $tabsContainer = $(getTabContainerHtml()); console.log(settings) var leftArrowContent = settings.leftArrowContent || getDefaultLeftArrow(settings); var $leftArrow = $(leftArrowContent); var rightArrowContent = settings.rightArrowContent || getDefaultRightArrow(settings); var $rightArrow = $(rightArrowContent); var $fixedContainer = $(getFixedContainerHtml()); var $movableContainer = $(getMovableContainerHtml()); if (settings.disableScrollArrowsOnFullyScrolled) { $leftArrow.add($rightArrow).addClass(CONSTANTS.CSS_CLASSES.SCROLL_ARROW_DISABLE); } return $tabsContainer .append($leftArrow, $fixedContainer.append($movableContainer.append($navTabsInstance)), $rightArrow); } function getTabAnchorHtml() { return '<a class="nav-link" role="tab" data-toggle="tab"></a>'; } function getNewElTabAnchor(tab, propNames) { return $(getTabAnchorHtml()) .attr('href', '#' + tab[propNames.paneId]) .html(tab[propNames.title]); } function getNewElTabContent() { return $('<div class="tab-content"></div>'); } function getDefaultTabLiHtml() { return '<li class="nav-item"></li>'; } function getNewElTabLi(tab, propNames, options) { var liContent = options.tabLiContent || getDefaultTabLiHtml(); var $li = $(liContent); var $a = getNewElTabAnchor(tab, propNames).appendTo($li); if (tab[propNames.disabled]) { $a.addClass('disabled'); $a.attr('data-toggle', ''); } else if (options.forceActiveTab && tab[propNames.active]) { $a.addClass('active'); } if (options.tabPostProcessor) { options.tabPostProcessor($li, $a); } return $li; } function getNewElTabPane(tab, propNames, options) { var $pane = $('<div role="tabpanel" class="tab-pane fade show"></div>') .attr('id', tab[propNames.paneId]) .html(tab[propNames.content]); if (options.forceActiveTab && tab[propNames.active]) { $pane.addClass('active'); } return $pane; } }()); // tabElements var tabUtils = (function () { return { didTabOrderChange: didTabOrderChange, getIndexOfClosestEnabledTab: getIndexOfClosestEnabledTab, getTabIndexByPaneId: getTabIndexByPaneId, storeDataOnLiEl: storeDataOnLiEl }; /////////////////// function didTabOrderChange($currTabLis, updatedTabs, propNames) { var isTabOrderChanged = false; $currTabLis.each(function (currDomIdx) { var newIdx = getTabIndexByPaneId(updatedTabs, propNames.paneId, $(this) .data('tab')[propNames.paneId]); if ((newIdx > -1) && (newIdx !== currDomIdx)) { // tab moved isTabOrderChanged = true; return false; // exit .each() loop } }); return isTabOrderChanged; } function getIndexOfClosestEnabledTab($currTabLis, startIndex) { var lastIndex = $currTabLis.length - 1; var closestIdx = -1; var incrementFromStartIndex = 0; var testIdx = 0; // expand out from the current tab looking for an enabled tab; // we prefer the tab after us over the tab before while ((closestIdx === -1) && (testIdx >= 0)) { if ((((testIdx = startIndex + (++incrementFromStartIndex)) <= lastIndex) && !$currTabLis.eq(testIdx).hasClass('disabled')) || (((testIdx = startIndex - incrementFromStartIndex) >= 0) && !$currTabLis.eq(testIdx).hasClass('disabled'))) { closestIdx = testIdx; } } return closestIdx; } function getTabIndexByPaneId(tabs, paneIdPropName, paneId) { var idx = -1; tabs.some(function (tab, i) { if (tab[paneIdPropName] === paneId) { idx = i; return true; // exit loop } }); return idx; } function storeDataOnLiEl($li, tabs, index) { $li.data({ tab: $.extend({}, tabs[index]), // store a clone so we can check for changes index: index }); } }()); // tabUtils function buildNavTabsAndTabContentForTargetElementInstance($targetElInstance, settings, readyCallback) { var tabs = settings.tabs; var propNames = { paneId: settings.propPaneId, title: settings.propTitle, active: settings.propActive, disabled: settings.propDisabled, content: settings.propContent }; var ignoreTabPanes = settings.ignoreTabPanes; var hasTabContent = tabs.length && tabs[0][propNames.content] !== undefined; var $navTabs = tabElements.getNewElNavTabs(); var $tabContent = tabElements.getNewElTabContent(); var $scroller; var attachTabContentToDomCallback = ignoreTabPanes ? null : function () { $scroller.after($tabContent); }; if (!tabs.length) { return; } tabs.forEach(function (tab, index) { var options = { forceActiveTab: true, tabLiContent: settings.tabsLiContent && settings.tabsLiContent[index], tabPostProcessor: settings.tabsPostProcessors && settings.tabsPostProcessors[ index] }; tabElements .getNewElTabLi(tab, propNames, options) .appendTo($navTabs); // build the tab panes if we weren't told to ignore them and there's // tab content data available if (!ignoreTabPanes && hasTabContent) { tabElements .getNewElTabPane(tab, propNames, options) .appendTo($tabContent); } }); $scroller = wrapNavTabsInstanceInScroller($navTabs, settings, readyCallback, attachTabContentToDomCallback); $scroller.appendTo($targetElInstance); $targetElInstance.data({ scrtabs: { tabs: tabs, propNames: propNames, ignoreTabPanes: ignoreTabPanes, hasTabContent: hasTabContent, tabsLiContent: settings.tabsLiContent, tabsPostProcessors: settings.tabsPostProcessors, scroller: $scroller } }); // once the nav-tabs are wrapped in the scroller, attach each tab's // data to it for reference later; we need to wait till they're // wrapped in the scroller because we wrap a *clone* of the nav-tabs // we built above, not the original nav-tabs $scroller.find('.nav-tabs > li').each(function (index) { tabUtils.storeDataOnLiEl($(this), tabs, index); }); return $targetElInstance; } function wrapNavTabsInstanceInScroller($navTabsInstance, settings, readyCallback, attachTabContentToDomCallback) { // Remove tab data stored by Bootstrap in order to fix tabs that were already visited $navTabsInstance .find('a[data-toggle="tab"]') .removeData(CONSTANTS.DATA_KEY_BOOTSTRAP_TAB); var $scroller = tabElements.getNewElScrollerElementWrappingNavTabsInstance($navTabsInstance.clone( true), settings); // use clone because we replaceWith later var scrollingTabsControl = new ScrollingTabsControl($scroller); var navTabsInstanceData = $navTabsInstance.data('scrtabs'); if (!navTabsInstanceData) { $navTabsInstance.data('scrtabs', { scroller: $scroller }); } else { navTabsInstanceData.scroller = $scroller; } $navTabsInstance.replaceWith($scroller.css('visibility', 'hidden')); if (settings.tabClickHandler && (typeof settings.tabClickHandler === 'function')) { $scroller.hasTabClickHandler = true; scrollingTabsControl.tabClickHandler = settings.tabClickHandler; } $scroller.initTabs = function () { scrollingTabsControl.initTabs(settings, $scroller, readyCallback, attachTabContentToDomCallback); }; $scroller.scrollToActiveTab = function () { scrollingTabsControl.scrollToActiveTab(settings); }; $scroller.initTabs(); listenForDropdownMenuTabs($scroller, scrollingTabsControl); return $scroller; } /* exported listenForDropdownMenuTabs, refreshTargetElementInstance, scrollToActiveTab */ function checkForTabAdded(refreshData) { var updatedTabsArray = refreshData.updatedTabsArray, updatedTabsLiContent = refreshData.updatedTabsLiContent || [], updatedTabsPostProcessors = refreshData.updatedTabsPostProcessors || [], propNames = refreshData.propNames, ignoreTabPanes = refreshData.ignoreTabPanes, options = refreshData.options, $currTabLis = refreshData.$currTabLis, $navTabs = refreshData.$navTabs, $currTabContentPanesContainer = ignoreTabPanes ? null : refreshData .$currTabContentPanesContainer, $currTabContentPanes = ignoreTabPanes ? null : refreshData.$currTabContentPanes, isInitTabsRequired = false; // make sure each tab in the updated tabs array has a corresponding DOM element updatedTabsArray.forEach(function (tab, idx) { var $li = $currTabLis.find('a[href="#' + tab[propNames.paneId] + '"]'), isTabIdxPastCurrTabs = (idx >= $currTabLis.length), $pane; if (!$li.length) { // new tab isInitTabsRequired = true; // add the tab, add its pane (if necessary), and refresh the scroller options.tabLiContent = updatedTabsLiContent[idx]; options.tabPostProcessor = updatedTabsPostProcessors[idx]; $li = tabElements.getNewElTabLi(tab, propNames, options); tabUtils.storeDataOnLiEl($li, updatedTabsArray, idx); if (isTabIdxPastCurrTabs) { // append to end of current tabs $li.appendTo($navTabs); } else { // insert in middle of current tabs $li.insertBefore($currTabLis.eq(idx)); } if (!ignoreTabPanes && tab[propNames.content] !== undefined) { $pane = tabElements.getNewElTabPane(tab, propNames, options); if (isTabIdxPastCurrTabs) { // append to end of current tabs $pane.appendTo($currTabContentPanesContainer); } else { // insert in middle of current tabs $pane.insertBefore($currTabContentPanes.eq(idx)); } } } }); return isInitTabsRequired; } function getTabAnchor($li) { return $li.find('a[role="tab"]'); } function checkForTabPropertiesUpdated(refreshData) { var tabLiData = refreshData.tabLi, ignoreTabPanes = refreshData.ignoreTabPanes, $li = tabLiData.$li, $contentPane = tabLiData.$contentPane, origTabData = tabLiData.origTabData, newTabData = tabLiData.newTabData, propNames = refreshData.propNames, isInitTabsRequired = false; // update tab title if necessary if (origTabData[propNames.title] !== newTabData[propNames.title]) { getTabAnchor($li).html(origTabData[propNames.title] = newTabData[propNames.title]); isInitTabsRequired = true; } // update tab disabled state if necessary if (origTabData[propNames.disabled] !== newTabData[propNames.disabled]) { if (newTabData[propNames.disabled]) { // enabled -> disabled getTabAnchor($li).addClass('disabled').attr('data-toggle', ''); } else { // disabled -> enabled getTabAnchor($li).removeClass('disabled').attr('data-toggle', 'tab'); } origTabData[propNames.disabled] = newTabData[propNames.disabled]; isInitTabsRequired = true; } // update tab active state if necessary if (refreshData.options.forceActiveTab) { // set the active tab based on the tabs array regardless of the current // DOM state, which could have been changed by the user clicking a tab // without those changes being reflected back to the tab data getTabAnchor($li)[newTabData[propNames.active] ? 'addClass' : 'removeClass']('active'); $contentPane[newTabData[propNames.active] ? 'addClass' : 'removeClass']('active'); origTabData[propNames.active] = newTabData[propNames.active]; isInitTabsRequired = true; } // update tab content pane if necessary if (!ignoreTabPanes && origTabData[propNames.content] !== newTabData[propNames.content]) { $contentPane.html(origTabData[propNames.content] = newTabData[propNames.content]); isInitTabsRequired = true; } return isInitTabsRequired; } function checkForTabRemoved(refreshData) { var tabLiData = refreshData.tabLi, ignoreTabPanes = refreshData.ignoreTabPanes, $li = tabLiData.$li, idxToMakeActive; if (tabLiData.newIdx !== -1) { // tab was not removed--it has a valid index return false; } // if this was the active tab, make the closest enabled tab active if (getTabAnchor($li).hasClass('active')) { idxToMakeActive = tabUtils.getIndexOfClosestEnabledTab(refreshData.$currTabLis, tabLiData .currDomIdx); if (idxToMakeActive > -1) { refreshData.$currTabLis .eq(idxToMakeActive) .find('a[role="tab"]') .addClass('active'); if (!ignoreTabPanes) { refreshData.$currTabContentPanes .eq(idxToMakeActive) .find('a[role="tab"]') .addClass('active'); } } } $li.remove(); if (!ignoreTabPanes) { tabLiData.$contentPane.remove(); } return true; } function checkForTabsOrderChanged(refreshData) { var $currTabLis = refreshData.$currTabLis, updatedTabsArray = refreshData.updatedTabsArray, propNames = refreshData.propNames, ignoreTabPanes = refreshData.ignoreTabPanes, newTabsCollection = [], newTabPanesCollection = ignoreTabPanes ? null : []; if (!tabUtils.didTabOrderChange($currTabLis, updatedTabsArray, propNames)) { return false; } // the tab order changed... updatedTabsArray.forEach(function (t) { var paneId = t[propNames.paneId]; newTabsCollection.push( $currTabLis .find('a[role="tab"][href="#' + paneId + '"]') .parent('li') ); if (!ignoreTabPanes) { newTabPanesCollection.push($('#' + paneId)); } }); refreshData.$navTabs.append(newTabsCollection); if (!ignoreTabPanes) { refreshData.$currTabContentPanesContainer.append(newTabPanesCollection); } return true; } function checkForTabsRemovedOrUpdated(refreshData) { var $currTabLis = refreshData.$currTabLis, updatedTabsArray = refreshData.updatedTabsArray, propNames = refreshData.propNames, isInitTabsRequired = false; $currTabLis.each(function (currDomIdx) { var $li = $(this), origTabData = $li.data('tab'), newIdx = tabUtils.getTabIndexByPaneId(updatedTabsArray, propNames.paneId, origTabData[propNames.paneId]), newTabData = (newIdx > -1) ? updatedTabsArray[newIdx] : null; refreshData.tabLi = { $li: $li, currDomIdx: currDomIdx, newIdx: newIdx, $contentPane: tabElements.getElTabPaneForLi($li), origTabData: origTabData, newTabData: newTabData }; if (checkForTabRemoved(refreshData)) { isInitTabsRequired = true; return; // continue to next $li in .each() since we removed this tab } if (checkForTabPropertiesUpdated(refreshData)) { isInitTabsRequired = true; } }); return isInitTabsRequired; } function listenForDropdownMenuTabs($scroller, stc) { var $ddMenu; // for dropdown menus to show, we need to move them out of the // scroller and append them to the body $scroller .on(CONSTANTS.EVENTS.DROPDOWN_MENU_SHOW, handleDropdownShow) .on(CONSTANTS.EVENTS.DROPDOWN_MENU_HIDE, handleDropdownHide); function handleDropdownHide(e) { // move the dropdown menu back into its tab $(e.target).append($ddMenu.off(CONSTANTS.EVENTS.CLICK)); } function handleDropdownShow(e) { var $ddParentTabLi = $(e.target), ddLiOffset = $ddParentTabLi.offset(), $currActiveTab = $scroller.find('li.nav-item > a.active').parent(), ddMenuRightX, tabsContainerMaxX, ddMenuTargetLeft; $ddMenu = $ddParentTabLi .find('.dropdown-menu') .attr('data-' + CONSTANTS.DATA_KEY_DDMENU_MODIFIED, true); // if the dropdown's parent tab li isn't already active, // we need to deactivate any active menu item in the dropdown if ($currActiveTab[0] !== $ddParentTabLi[0]) { $ddMenu.find('a.nav-link.active').removeClass('active'); } // we need to do our own click handling because the built-in // bootstrap handlers won't work since we moved the dropdown // menu outside the tabs container $ddMenu.on(CONSTANTS.EVENTS.CLICK, 'a[role="tab"]', handleClickOnDropdownMenuItem); $('body').append($ddMenu); // make sure the menu doesn't go off the right side of the page ddMenuRightX = $ddMenu.width() + ddLiOffset.left; tabsContainerMaxX = $scroller.width() - (stc.$slideRightArrow.outerWidth() + 1); ddMenuTargetLeft = ddLiOffset.left; if (ddMenuRightX > tabsContainerMaxX) { ddMenuTargetLeft -= (ddMenuRightX - tabsContainerMaxX); } $ddMenu.css({ 'display': 'block', 'top': ddLiOffset.top + $ddParentTabLi.outerHeight() - 2, 'left': ddMenuTargetLeft }); function handleClickOnDropdownMenuItem(e) { /* jshint validthis: true */ var $selectedMenuItemAnc = $(e.target), $selectedMenuItemDropdownMenu = $selectedMenuItemAnc.parent('.dropdown-menu'), targetPaneId = $selectedMenuItemAnc.attr('href'); if ($selectedMenuItemAnc.find('a').hasClass('active')) { return; } // once we select a menu item from the dropdown, deactivate // the current tab (unless it's our parent tab), deactivate // any active dropdown menu item, make our parent tab active // (if it's not already), and activate the selected menu item $scroller .find('li > a.active') .not($ddParentTabLi.find('> a.nav-link')) .add($selectedMenuItemDropdownMenu.find('li > a.nav-link.active')) .removeClass('active'); $ddParentTabLi.find('> a.nav-link').addClass('active'); // manually deactivate current active pane and activate our pane $('.tab-content .tab-pane.active').removeClass('active'); $(targetPaneId).addClass('active show'); } } } function refreshDataDrivenTabs($container, options) { var instanceData = $container.data().scrtabs, scroller = instanceData.scroller, $navTabs = $container.find('.scrtabs-tab-container .nav-tabs'), $currTabContentPanesContainer = $container.find('.tab-content'), isInitTabsRequired = false, refreshData = { options: options, updatedTabsArray: instanceData.tabs, updatedTabsLiContent: instanceData.tabsLiContent, updatedTabsPostProcessors: instanceData.tabsPostProcessors, propNames: instanceData.propNames, ignoreTabPanes: instanceData.ignoreTabPanes, $navTabs: $navTabs, $currTabLis: $navTabs.find('> li'), $currTabContentPanesContainer: $currTabContentPanesContainer, $currTabContentPanes: $currTabContentPanesContainer.find('.tab-pane') }; // to preserve the tab positions if we're just adding or removing // a tab, don't completely rebuild the tab structure, but check // for differences between the new tabs array and the old if (checkForTabAdded(refreshData)) { isInitTabsRequired = true; } if (checkForTabsOrderChanged(refreshData)) { isInitTabsRequired = true; } if (checkForTabsRemovedOrUpdated(refreshData)) { isInitTabsRequired = true; } if (isInitTabsRequired) { scroller.initTabs(); } return isInitTabsRequired; } function refreshTargetElementInstance($container, options) { if (!$container.data('scrtabs')) { // target element doesn't have plugin on it return; } // force a refresh if the tabs are static html or they're data-driven // but the data didn't change so we didn't call initTabs() if ($container.data('scrtabs').isWrapperOnly || !refreshDataDrivenTabs($container, options)) { $('body').trigger(CONSTANTS.EVENTS.FORCE_REFRESH); } } function scrollToActiveTab() { /* jshint validthis: true */ var $targetElInstance = $(this), scrtabsData = $targetElInstance.data('scrtabs'); if (!scrtabsData) { return; } scrtabsData.scroller.scrollToActiveTab(); } var methods = { destroy: function () { var $targetEls = this; return $targetEls.each(destroyPlugin); }, init: function (options) { var $targetEls = this, targetElsLastIndex = $targetEls.length - 1, settings = $.extend({}, $.fn.scrollingTabs.defaults, options || {}); // ---- tabs NOT data-driven ------------------------- if (!settings.tabs) { // just wrap the selected .nav-tabs element(s) in the scroller return $targetEls.each(function (index) { var dataObj = { isWrapperOnly: true }, $targetEl = $(this).data({ scrtabs: dataObj }), readyCallback = (index < targetElsLastIndex) ? null : function () { $targetEls.trigger(CONSTANTS.EVENTS.TABS_READY); }; wrapNavTabsInstanceInScroller($targetEl, settings, readyCallback); }); } // ---- tabs data-driven ------------------------- return $targetEls.each(function (index) { var $targetEl = $(this), readyCallback = (index < targetElsLastIndex) ? null : function () { $targetEls.trigger(CONSTANTS.EVENTS.TABS_READY); }; buildNavTabsAndTabContentForTargetElementInstance($targetEl, settings, readyCallback); }); }, refresh: function (options) { var $targetEls = this, settings = $.extend({}, $.fn.scrollingTabs.defaults, options || {}); return $targetEls.each(function () { refreshTargetElementInstance($(this), settings); }); }, scrollToActiveTab: function () { return this.each(scrollToActiveTab); } }; function destroyPlugin() { /* jshint validthis: true */ var $targetElInstance = $(this), scrtabsData = $targetElInstance.data('scrtabs'), $tabsContainer; if (!scrtabsData) { return; } if (scrtabsData.enableSwipingElement === 'self') { $targetElInstance.removeClass(CONSTANTS.CSS_CLASSES.ALLOW_SCROLLBAR); } else if (scrtabsData.enableSwipingElement === 'parent') { $targetElInstance.closest('.scrtabs-tab-container').parent().removeClass(CONSTANTS.CSS_CLASSES .ALLOW_SCROLLBAR); } scrtabsData.scroller .off(CONSTANTS.EVENTS.DROPDOWN_MENU_SHOW) .off(CONSTANTS.EVENTS.DROPDOWN_MENU_HIDE); // if there were any dropdown menus opened, remove the css we added to // them so they would display correctly scrtabsData.scroller .find('[data-' + CONSTANTS.DATA_KEY_DDMENU_MODIFIED + ']') .css({ display: '', left: '', top: '' }) .off(CONSTANTS.EVENTS.CLICK) .removeAttr('data-' + CONSTANTS.DATA_KEY_DDMENU_MODIFIED); if (scrtabsData.scroller.hasTabClickHandler) { $targetElInstance .find('a[data-toggle="tab"]') .off('.scrtabs'); } if (scrtabsData.isWrapperOnly) { // we just wrapped nav-tabs markup, so restore it // $targetElInstance is the ul.nav-tabs $tabsContainer = $targetElInstance.parents('.scrtabs-tab-container'); if ($tabsContainer.length) { $tabsContainer.replaceWith($targetElInstance); } } else { // we generated the tabs from data so destroy everything we created if (scrtabsData.scroller && scrtabsData.scroller.initTabs) { scrtabsData.scroller.initTabs = null; } // $targetElInstance is the container for the ul.nav-tabs we generated $targetElInstance .find('.scrtabs-tab-container') .add('.tab-content') .remove(); } $targetElInstance.removeData('scrtabs'); while (--$.fn.scrollingTabs.nextInstanceId >= 0) { $(window).off(CONSTANTS.EVENTS.WINDOW_RESIZE + $.fn.scrollingTabs.nextInstanceId); } $('body').off(CONSTANTS.EVENTS.FORCE_REFRESH); } $.fn.scrollingTabs = function (methodOrOptions) { if (methods[methodOrOptions]) { return methods[methodOrOptions].apply(this, Array.prototype.slice.call(arguments, 1)); } else if (!methodOrOptions || (typeof methodOrOptions === 'object')) { return methods.init.apply(this, arguments); } else { $.error('Method ' + methodOrOptions + ' does not exist on $.scrollingTabs.'); } }; $.fn.scrollingTabs.nextInstanceId = 0; $.fn.scrollingTabs.defaults = { tabs: null, propPaneId: 'paneId', propTitle: 'title', propActive: 'active', propDisabled: 'disabled', propContent: 'content', ignoreTabPanes: false, scrollToTabEdge: false, disableScrollArrowsOnFullyScrolled: false, forceActiveTab: false, reverseScroll: false, widthMultiplier: 1, tabClickHandler: null, cssClassLeftArrow: '', cssClassRightArrow: '', leftArrowContent: '', rightArrowContent: '', tabsLiContent: null, tabsPostProcessors: null, enableSwiping: false, enableRtlSupport: false, handleDelayedScrollbar: false, bootstrapVersion: 3 }; }(jQuery, window)); ; (function ($) { 'use strict'; $(activate); function activate() { $('.nav-tabs').scrollingTabs({ enableSwiping: true, scrollToTabEdge: true, disableScrollArrowsOnFullyScrolled: true }) .on('ready.scrtabs', function () { $('.tab-content').show(); }); } }(jQuery)); // this e is undefined function doSomething(e) { e = e || window.event; var target = e.target; // Toggle between "+" and "-" var newText = (target.innerText === "+") ? "-" : "+"; // Change the innerText of the element target.innerText = newText; console.log(newText); } </script>