Upcoming genetics Conferences in hong kong 2024

<!doctype html> <html lang="en"> <head>  <title>Upcoming genetics Conferences in hong kong 2024 | Conference Next</title> <meta name="description" content="Find genetics conferences in hong kong 2024. These upcoming events will grow your knowledge and give networking opportunities with scholars."> <meta name="keywords" content="genetics Conferences in hong kong 2024, International genetics conferences in hong kong 2024"> <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>  <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>   <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>   <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'">  <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'">  <link rel="canonical" href="https://conferencenext.com/conferences/hong-kong/genetics" /> <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">  <link rel="stylesheet" href="https://conferencenext.com/new_design/css/font-awesome-4.7.0/css/font-awesome.min.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>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KJXMLFR" height="0" width="0" style="display:none;visibility:hidden"></iframe></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 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">  </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> </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#bcd5d2dad3fcdfd3d2dad9ced9d2dfd9d2d9c4c892dfd3d1"><i class="fal fa-envelope"></i></a> </div> <span><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="ff96919990bf9c9091999a8d9a919c9a919a878bd19c9092">[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('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="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="0d64636b624d6e62636b687f68636e6863687579236e6260">[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">  </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="main-text-div"> <p style="font-size:40px" ;> hong kong </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"> <a href="https://conferencenext.com/conferences/hong-kong">hong kong</a> <i class="fa fa-angle-double-right" aria-hidden="true"></i> </li> <li class="active fw-bold"> genetics </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> genetics Conferences in hong kong 2024-2025 </h2> <p class="content-wider" style="max-width: 100%;display: block;"> </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 genetics Conferences in hong kong 2024-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="Beijing"> <a href="https://conferencenext.com/conferences/beijing/genetics"> <input class="form-check-input city-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Beijing"> Beijing </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Chengdu"> <a href="https://conferencenext.com/conferences/chengdu/genetics"> <input class="form-check-input city-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Chengdu"> Chengdu </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Chongqing"> <a href="https://conferencenext.com/conferences/chongqing/genetics"> <input class="form-check-input city-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Chongqing"> Chongqing </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Fuzhou"> <a href="https://conferencenext.com/conferences/fuzhou/genetics"> <input class="form-check-input city-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Fuzhou"> Fuzhou </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Guangzhou"> <a href="https://conferencenext.com/conferences/guangzhou/genetics"> <input class="form-check-input city-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Guangzhou"> Guangzhou </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/genetics"> <input class="form-check-input city-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="Jinan"> <a href="https://conferencenext.com/conferences/jinan/genetics"> <input class="form-check-input city-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Jinan"> Jinan </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Kunming"> <a href="https://conferencenext.com/conferences/kunming/genetics"> <input class="form-check-input city-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Kunming"> Kunming </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Macau"> <a href="https://conferencenext.com/conferences/macau/genetics"> <input class="form-check-input city-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Macau"> Macau </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Nanjing"> <a href="https://conferencenext.com/conferences/nanjing/genetics"> <input class="form-check-input city-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Nanjing"> Nanjing </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Shanghai"> <a href="https://conferencenext.com/conferences/shanghai/genetics"> <input class="form-check-input city-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Shanghai"> Shanghai </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Shenzhen"> <a href="https://conferencenext.com/conferences/shenzhen/genetics"> <input class="form-check-input city-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Shenzhen"> Shenzhen </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Suzhou"> <a href="https://conferencenext.com/conferences/suzhou/genetics"> <input class="form-check-input city-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Suzhou"> Suzhou </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Tianjin"> <a href="https://conferencenext.com/conferences/tianjin/genetics"> <input class="form-check-input city-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Tianjin"> Tianjin </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Wuhan"> <a href="https://conferencenext.com/conferences/wuhan/genetics"> <input class="form-check-input city-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Wuhan"> Wuhan </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Xiamen"> <a href="https://conferencenext.com/conferences/xiamen/genetics"> <input class="form-check-input city-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Xiamen"> Xiamen </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Xian"> <a href="https://conferencenext.com/conferences/xian/genetics"> <input class="form-check-input city-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Xian"> Xian </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="Beijing"> <a href="https://conferencenext.com/conferences/beijing/genetics"> <input class="form-check-input state-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Beijing"> Beijing </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Chongqing"> <a href="https://conferencenext.com/conferences/chongqing/genetics"> <input class="form-check-input state-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Chongqing"> Chongqing </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Fuzhou"> <a href="https://conferencenext.com/conferences/fuzhou/genetics"> <input class="form-check-input state-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Fuzhou"> Fuzhou </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Guangzhou"> <a href="https://conferencenext.com/conferences/guangzhou/genetics"> <input class="form-check-input state-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Guangzhou"> Guangzhou </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Hebei"> <a href="https://conferencenext.com/conferences/hebei/genetics"> <input class="form-check-input state-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Hebei"> Hebei </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Jinan"> <a href="https://conferencenext.com/conferences/jinan/genetics"> <input class="form-check-input state-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Jinan"> Jinan </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Macau"> <a href="https://conferencenext.com/conferences/macau/genetics"> <input class="form-check-input state-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Macau"> Macau </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Nanjing"> <a href="https://conferencenext.com/conferences/nanjing/genetics"> <input class="form-check-input state-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Nanjing"> Nanjing </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Shanghai"> <a href="https://conferencenext.com/conferences/shanghai/genetics"> <input class="form-check-input state-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Shanghai"> Shanghai </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Shenzhen"> <a href="https://conferencenext.com/conferences/shenzhen/genetics"> <input class="form-check-input state-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Shenzhen"> Shenzhen </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="SichuanÃ‚Â "> <a href="https://conferencenext.com/conferences/sichuanÃ‚Â /genetics"> <input class="form-check-input state-checkbox" name="city_events[]" type="checkbox" value="chennai" id="SichuanÃ‚Â "> SichuanÃ‚Â </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Suzhou"> <a href="https://conferencenext.com/conferences/suzhou/genetics"> <input class="form-check-input state-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Suzhou"> Suzhou </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Tianjin"> <a href="https://conferencenext.com/conferences/tianjin/genetics"> <input class="form-check-input state-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Tianjin"> Tianjin </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Xiamen"> <a href="https://conferencenext.com/conferences/xiamen/genetics"> <input class="form-check-input state-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Xiamen"> Xiamen </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Xian"> <a href="https://conferencenext.com/conferences/xian/genetics"> <input class="form-check-input state-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Xian"> Xian </a> </label> </div> <span> </span> </div> <div class="cities-name-check"> <div class="form-check"> <label class="form-check-label" for="Yunnan"> <a href="https://conferencenext.com/conferences/yunnan/genetics"> <input class="form-check-input state-checkbox" name="city_events[]" type="checkbox" value="chennai" id="Yunnan"> Yunnan </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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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-/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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 active" id="pills-home-tab" onclick=eventMonthAll() data-toggle="pill" href="https://conferencenext.com/conferences/hong-kong/genetics" 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/hong-kong/genetics/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/hong-kong/genetics/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/hong-kong/genetics/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/hong-kong/genetics/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/hong-kong/genetics/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/hong-kong/genetics/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/hong-kong/genetics/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/hong-kong/genetics/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/hong-kong/genetics/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/hong-kong/genetics/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 " href="https://conferencenext.com/conferences/hong-kong/genetics/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/hong-kong/genetics/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"> <div class="list-city-info-div"> <p> No Events Found </p> </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/hong-kong/architecture"> <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/hong-kong/agriculture"> <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/hong-kong/anthropology"> <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/hong-kong/aquaculture"> <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/hong-kong/architecture"> <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/hong-kong/arts"> <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/hong-kong/astronomy"> <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/hong-kong/bioinformatics"> <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/hong-kong/biology"> <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/hong-kong/biotechnology"> <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/hong-kong/business"> <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/hong-kong/cardiology"> <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/hong-kong/engineering-chemistry"> <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/hong-kong/computing"> <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/hong-kong/creativity"> <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/hong-kong/agriculture"> <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/hong-kong/dentistry"> <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/hong-kong/dermatology"> <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/hong-kong/design"> <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/hong-kong/discource"> <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/hong-kong/discourse"> <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/hong-kong/e-commerce"> <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/hong-kong/e-learning"> <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/hong-kong/ecology"> <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/hong-kong/economics"> <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/hong-kong/distance-education"> <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/hong-kong/energy-engineering"> <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/hong-kong/energy-engineering"> <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/hong-kong/biomedical-engineering"> <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/hong-kong/english"> <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/hong-kong/space-environment-and-aviation-technology"> <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/hong-kong/forestry"> <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/hong-kong/gastroenterology"> <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/hong-kong/genetics"> <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/hong-kong/gerontology"> <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/hong-kong/gis"> <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/hong-kong/globalization"> <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/hong-kong/alternative-health"> <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/hong-kong/art-history"> <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/hong-kong/identity"> <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/hong-kong/interdisciplinary-studies"> <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/hong-kong/language"> <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/hong-kong/leadership"> <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/hong-kong/linguistics"> <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/hong-kong/literature"> <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/hong-kong/management"> <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/hong-kong/manufacturing"> <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/hong-kong/marketing"> <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/hong-kong/mathematics"> <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/hong-kong/family-medicine"> <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/hong-kong/memory"> <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/hong-kong/meteorology"> <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/hong-kong/military"> <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/hong-kong/data-mining"> <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/hong-kong/music"> <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/hong-kong/nanotechnology-and-smart-materials"> <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/hong-kong/networking"> <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/hong-kong/neurology"> <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/hong-kong/nursing"> <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/hong-kong/oncology"> <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/hong-kong/pharmacy"> <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/hong-kong/philosophy"> <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/hong-kong/physics"> <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/hong-kong/politics"> <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/hong-kong/poverty"> <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/hong-kong/psychiatry"> <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/hong-kong/radiology"> <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/hong-kong/robotics"> <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/hong-kong/computer-science-engineering"> <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/hong-kong/sociology"> <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/hong-kong/soil"> <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/hong-kong/spirituality"> <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/hong-kong/statistics"> <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/hong-kong/surgery"> <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/hong-kong/tourism"> <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/hong-kong/transport"> <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/hong-kong/violence"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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/genetics"> <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> </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>  </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>  </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>  <a href="https://www.facebook.com/ConferenceNext" class="outboundlinks"><i class="fab fa-facebook-f"></i></a>  <a href="https://www.youtube.com/channel/UCk1o6FhxW84dy3Hpk88hJ6w" class="outboundlinks"><i class="fab fa-youtube"></i></a>  <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> /// 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 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 = 'china'; 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 = 'china'; 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 = 'china'; 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 = 'china'; 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 = 'hong-kong/genetics'; var root = 'https://conferencenext.com/'; var api = "https://conferencenext.com/api/events/city/c/hong-kong/t/genetics"; $('#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>  <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>  <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 = "city/topic"; var applyurl = (( (mainType == "month") || (mainType == "sub_topic"))? "https://conferencenext.com/conferences/hong-kong/genetics" : "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/hong-kong"); applyurl = "https://conferencenext.com/conferences/hong-kong"+"/"+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>  <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>

CINXE.COM

Upcoming genetics Conferences in hong kong 2024 | Conference Next