Events Notification: Never Miss Out with Our Events Notification Alerts!

<!DOCTYPE html> <html lang="en"> <head> <meta name="csrf-token" content="JeEXsZaieosBYhdl2dGmZy7UAMyEzOUe1zhl1M1e"> <link rel="icon" href="../../assets/img/favicon/events-notification-favicon.webp" sizes="32x32" type="image/png"> <meta name="robots" content="index, follow">  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vanillajs-datepicker@1.1.4/dist/css/datepicker-bs4.min.css">  <link type="text/css" href="/vendor/sweetalert2/sweetalert2.min.css" rel="stylesheet"> <link type="text/css" href="/vendor/notyf/notyf.min.css" rel="stylesheet"> <link rel="canonical" href="//"> <script src="https://www.google.com/recaptcha/api.js" async defer></script> <title>Events Notification: Never Miss Out with Our Events Notification Alerts!</title> <meta name="Description" content="Get real-time updates with our Events Notification! Stay informed and never miss out on the latest events, activities, and special happenings. Sign up today! " /> <meta name="keywords" content="" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="yandex-verification" content="2873c8433914dd43" /> <link type="text/css" href="/css/web/public-main.css" rel="stylesheet"> <link type="text/css" href="/css/web/directorist.css" rel="stylesheet"> <link type="text/css" href="/css/web/frontend-lite.min.css" rel="stylesheet"> <link type="text/css" href="/css/web/elementor-icons.min.css" rel="stylesheet"> <link type="text/css" href="/css/web/elementor.css" rel="stylesheet"> <link type="text/css" href="/css/web/global.css" rel="stylesheet"> <link type="text/css" href="/css/web/style.css" rel="stylesheet">  <style > [wire\:loading], [wire\:loading\.delay], [wire\:loading\.inline-block], [wire\:loading\.inline], [wire\:loading\.block], [wire\:loading\.flex], [wire\:loading\.table], [wire\:loading\.grid], [wire\:loading\.inline-flex] { display: none; } [wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short], [wire\:loading\.delay\.long], [wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest] { display:none; } [wire\:offline] { display: none; } [wire\:dirty]:not(textarea):not(input):not(select) { display: none; } input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill { animation-duration: 50000s; animation-name: livewireautofill; } @keyframes livewireautofill { from {} } </style>  <script src="/livewire/livewire.js?id=90730a3b0e7144480175" data-turbo-eval="false" data-turbolinks-eval="false" ></script> <script data-turbo-eval="false" data-turbolinks-eval="false" > if (window.livewire) { console.warn('Livewire: It looks like Livewire\'s @livewireScripts JavaScript assets have already been loaded. Make sure you aren\'t loading them twice.') } window.livewire = new Livewire(); window.livewire.devTools(true); window.Livewire = window.livewire; window.livewire_app_url = ''; window.livewire_token = 'JeEXsZaieosBYhdl2dGmZy7UAMyEzOUe1zhl1M1e'; /* Make sure Livewire loads first. */ if (window.Alpine) { /* Defer showing the warning so it doesn't get buried under downstream errors. */ document.addEventListener("DOMContentLoaded", function () { setTimeout(function() { console.warn("Livewire: It looks like AlpineJS has already been loaded. Make sure Livewire\'s scripts are loaded before Alpine.\\n\\n Reference docs for more info: http://laravel-livewire.com/docs/alpine-js") }) }); } /* Make Alpine wait until Livewire is finished rendering to do its thing. */ window.deferLoadingAlpine = function (callback) { window.addEventListener('livewire:load', function () { callback(); }); }; let started = false; window.addEventListener('alpine:initializing', function () { if (! started) { window.livewire.start(); started = true; } }); document.addEventListener("DOMContentLoaded", function () { if (! started) { window.livewire.start(); started = true; } }); </script>  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js" integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.27.0/moment.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/vanillajs-datepicker@1.1.4/dist/js/datepicker.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <script src="/assets/js/sweetalert2.all.min.js"></script> <script src="/vendor/notyf/notyf.min.js"></script> <script src="/assets/js/simplebar.min.js"></script>  <meta name="google-site-verification" content="z3T_jfHX6cf2LsA4bbQIjNGy3Gdh8QD31PvPo9bjFXI"> <script async src="https://www.googletagmanager.com/gtag/js?id=G-YFGKTELS2E"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-YFGKTELS2E'); </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-K2BFG9J7'); </script> </head> <body class="home page-template page-template-templates page-template-blank page-template-templatesblank-php page page-id-53 wp-custom-logo no-sidebar theme-single-page elementor-default elementor-kit-55 elementor-page elementor-page-53 directorist-content-active e--ua-blink e--ua-chrome e--ua-webkit" data-elementor-device-mode="desktop" style="background: #F6F7F9;" > <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K2BFG9J7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <script type="text/javascript"> (function(c, l, a, r, i, t, y) { c[a] = c[a] || function() { (c[a].q = c[a].q || []).push(arguments) }; t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i; y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y); })(window, document, "clarity", "script", "m546qplear"); </script>   <main class="content"> <style> /*--------------------------------------- CUSTOM PROPERTIES ( VARIABLES ) -----------------------------------------*/ :root { --white-color: #ffffff; --primary-color: #ffd74f; --secondary-color: #f65129; --section-bg-color: #f9f9f9; --site-footer-bg-color: #36363e; --custom-btn-bg-color: #00a05d; --dark-color: #000000; --p-color: #717275; --border-color: #e9eaeb; --twitter-color: #1da1f2; --facebook-color: #1877f2; --instagram-color: #c13584; --pinterest-color: #e60023; --whatsapp-color: #128c7e; --body-font-family: 'League Spartan', sans-serif; --h1-font-size: 62px; --h2-font-size: 48px; --h3-font-size: 36px; --h4-font-size: 32px; --h5-font-size: 24px; --h6-font-size: 22px; --p-font-size: 20px; --btn-font-size: 16px; --copyright-font-size: 14px; --border-radius-large: 100px; --border-radius-medium: 20px; --border-radius-small: 10px; --font-weight-thin: 100; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-semibold: 600; --font-weight-bold: 700; } body { background-color: #EDE4E3; font-family: var(--body-font-family); padding-top: 70px; } /*--------------------------------------- TYPOGRAPHY -----------------------------------------*/ h2, h3, h4, h5, h6 { color: var(--dark-color); } h1, h2, h3, h4, h5, h6 { font-weight: var(--font-weight-semibold); } /* h1 { font-size: var(--h1-font-size); font-weight: var(--font-weight-bold); } h2 { font-size: var(--h2-font-size); } */ /* h3 { font-size: var(--h3-font-size); } h4 { font-size: var(--h4-font-size); } h5 { font-size: var(--h5-font-size); line-height: normal; } */ /* h6 { font-size: var(--h6-font-size); } */ p { color: var(--p-color); font-size: var(--p-font-size); font-weight: var(--font-weight-light); } ul li { color: var(--p-color); /* font-size: var(--p-font-size); font-weight: var(--font-weight-normal); */ } a, button { touch-action: manipulation; transition: all 0.3s; } a { color: var(--p-color); text-decoration: none; } a:hover { color: var(--secondary-color); } b, strong { font-weight: var(--font-weight-bold); } .tooplate-red { color: var(--secondary-color); } .tooplate-green { color: var(--custom-btn-bg-color); } /*--------------------------------------- NAVIGATION -----------------------------------------*/ .navbar { padding-top: 0; padding-bottom: 0; transition: all 0.3s; } .navbar-brand { font-size: var(--h4-font-size); font-weight: var(--font-weight-bold); } .navbar-brand, .navbar-brand:hover { color: var(--primary-color); } .navbar-expand-lg .navbar-nav .nav-link { margin-left: 5px; margin-top: 5px; } .navbar-nav .nav-link { display: inline-block; color: var(--p-bg-color); font-size: var(--menu-font-size); font-weight: var(--font-weight-medium); position: relative; padding-top: 15px; padding-bottom: 15px; } .navbar-nav .nav-link.active, .navbar-nav .nav-link:hover { color: var(--white-color); } .dropdown-menu { border-radius: 0; border: 0; padding: 0; } .dropdown-item { border-bottom: 1px solid var(--border-color); display: inline-block; color: var(--p-bg-color); font-size: var(--menu-font-size); font-weight: var(--font-weight-medium); position: relative; padding-top: 10px; padding-bottom: 10px; } .dropdown-menu li:last-child .dropdown-item { border-bottom: 0; } .dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover { background: var(--primary-color); color: var(--white-color); } .dropdown-toggle::after { content: "\f282"; display: inline-block; font-family: bootstrap-icons !important; font-size: var(--copyright-font-size); font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; vertical-align: -.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; left: 2px; border: 0; } @media screen and (min-width: 992px) { .dropdown:hover .dropdown-menu { display: block; margin-top: 0; } } .navbar-toggler { border: 0; padding: 0; cursor: pointer; margin: 0; width: 30px; height: 35px; outline: none; } .navbar-toggler:focus { outline: none; box-shadow: none; } .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon { background: transparent; } .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before, .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after { transition: top 300ms 50ms ease, -webkit-transform 300ms 350ms ease; transition: top 300ms 50ms ease, transform 300ms 350ms ease; transition: top 300ms 50ms ease, transform 300ms 350ms ease, -webkit-transform 300ms 350ms ease; top: 0; } .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before { transform: rotate(45deg); } .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after { transform: rotate(-45deg); } .navbar-toggler .navbar-toggler-icon { background: black; transition: background 10ms 300ms ease; display: block; width: 30px; height: 2px; position: relative; } .navbar-toggler .navbar-toggler-icon:before, .navbar-toggler .navbar-toggler-icon:after { transition: top 300ms 350ms ease, -webkit-transform 300ms 50ms ease; transition: top 300ms 350ms ease, transform 300ms 50ms ease; transition: top 300ms 350ms ease, transform 300ms 50ms ease, -webkit-transform 300ms 50ms ease; position: absolute; right: 0; left: 0; background: var(--dark-color); width: 30px; height: 2px; content: ''; } .navbar-toggler .navbar-toggler-icon::before { top: -8px; } .navbar-toggler .navbar-toggler-icon::after { top: 8px; } .navbar { padding-top: 6px; padding-bottom: 6px; } .navbar-expand-lg .navbar-nav .nav-link { text-align: center; min-width: 125px; } .fa, .svg-inline--fa, .xaLive::before { display: inline-block } .svg-inline--fa { font-size: inherit; height: 1em; overflow: visible; vertical-align: -.125em } .line-1, .line-2 { overflow: hidden } .svg-inline--fa.fa-w-12 { width: .75em } .svg-inline--fa.fa-w-14 { width: .875em } .svg-inline--fa.fa-w-16 { width: 1em } .svg-inline--fa.fa-w-18 { width: 1.125em } .svg-inline--fa.fa-sm { vertical-align: -.0714285705em } .svg-inline--fa.fa-xs { vertical-align: 0 } .fs-12 { font-size: 12px !important; } </style> <style> /* Font size for mobile screens */ @media only screen and (max-width: 768px) { body { font-size: 15px; /* Ideal for mobile readability */ } body p { font-size: 15px; } } h1 { font-size: 24px; } @media only screen and (max-width: 768px) { h1 { font-size: 22px; /* Decrease for mobile */ } } </style> <nav class="bg-white navbar navbar-expand-lg bg-light fixed-top shadow-lg theme-header-menu-area justify-content-start py-2 px-3"> <div class="container theme-main-navigation mx-2" style="min-width:100%"> <a class="navbar-brand px-2 mb-2" href="/"><img src="/assets/img/favicon/logo-no-background.png" alt="event-notification-logo" width="110px"></a>   <div class="collapse navbar-collapse menu-main-menu-container" id="navbarNav"> <ul id="navbarNav menu-primary-menu" class="navbar-nav menu theme-main-menu menu theme-main-menu"> <li id="menu-item-82" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home page_item page-item-53 menu-item-82 current-menu-item current_page_item "> <a href="https://eventsnotification.com/" aria-current="page" class="fw-bold">Home</a> </li> <li id="menu-item-1004" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-104 "> <a href="https://eventsnotification.com/blog/" class="fw-bold">Blog</a> </li> <li id="menu-item-1070" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1070 "> <a href="https://eventsnotification.com/upcomming-conference" class="fw-bold">Upcoming Conference</a> </li> <li id="menu-item-104" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-104 "> <a href="https://eventsnotification.com/subscribe" class="fw-bold">Subscribe</a> </li> <li id="menu-item-1008" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1008 "> <a href="https://eventsnotification.com/contact-us" class="fw-bold">Contact Us</a> </li>  <li class="menu-item search-menu-item" style="padding: 10px;"> <div class="nav-item c-ga" data-ga-category="Header" data-ga-action="Search | Click" style="width: 280px;"> <div id="search-box-area" class="search-box-area" style="z-index: 3 !important;">  <div class="input-group bg-light rounded-pill"> <input type="search" id="explore-keywords" class="form-control fs-12 bg-transparent border-0 search-input" placeholder="Search for Topic, Event or Location" data-parent="#search-box-area" data-target="#search-box-area #explore-keywords-dropdown" autocomplete="off" aria-label="explore keywords" data-search="bind"> <span class="input-group-text ps-0 bg-transparent border-0"> <svg class="svg-inline--fa fa-search fa-w-16 fa-sm" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""> <path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path> </svg> </span> </div>  <div id="explore-keywords-container" class="position-fixed w-100 start-0 mt-2 d-none" style="height: calc(-51px + 100vh); background-color: rgba(0, 0, 0, 0.5); z-index: 999;"> <div id="explore-keywords-dropdown" class="position-fixed w-100 rounded-bottom-3 shadow scroll-y search-suggestion new bg-white" style="height: 65%;"><button id="close-explore-keywords-dropdown" class="btn btn-sm btn-outline-dark" style="z-index: 1; position: fixed; top: 70px; right: 46px;">Close</button> <div class="d-flex flex-md-row flex-column gap-3 w-100 mt-2"> <div id="suggest-by" class="w-100 w-md-50 text-start p-0 m-0 search-group" style=""> <div class="fw-bold px-3 mt-3 mb-2"> <span class="px-3"> SUGGESTED SEARCHES </span> </div> <div id="keywords"> <a class="d-flex align-items-center small px-3 py-2 mx-3 text-decoration-none item cursor-pointer c-ga" href="/conference/india" data-ga-category="Header" data-ga-action="Search | Conferences in India" data-ga-label="Conferences in India"> <span class="d-flex align-items-center gap-3"> <span class="d-flex flex-column" style="width: 21vw;"> <span class="line-2" data-bs-toggle="tooltip" title="Conferences in India"> Conferences in India </span> </span> </span> </a> <a class="d-flex align-items-center small px-3 py-2 mx-3 text-decoration-none item cursor-pointer c-ga" href="/conference/delhi" data-ga-category="Header" data-ga-action="Search | Conferences in New Delhi" data-ga-label="Conferences in New Delhi"> <span class="d-flex align-items-center gap-3"> <span class="d-flex flex-column" style="width: 21vw;"> <span class="line-2" data-bs-toggle="tooltip" title="Conferences in New Delhi"> Conferences in New Delhi </span> </span> </span> </a> <a class="d-flex align-items-center small px-3 py-2 mx-3 text-decoration-none item cursor-pointer c-ga" href="/conference/delhi" data-ga-category="Header" data-ga-action="Search | Conferences in New Delhi" data-ga-label="Conferences in New Delhi"> <span class="d-flex align-items-center gap-3"> <span class="d-flex flex-column" style="width: 21vw;"> <span class="line-2" data-bs-toggle="tooltip" title="Conferences in New Delhi"> Conferences in New Delhi </span> </span> </span> </a> <a class="d-flex align-items-center small px-3 py-2 mx-3 text-decoration-none item cursor-pointer c-ga" href="/conference/india" data-ga-category="Header" data-ga-action="Search | Top Conferences in India" data-ga-label="Top Conferences in India"> <span class="d-flex align-items-center gap-3"> <span class="d-flex flex-column" style="width: 21vw;"> <span class="line-2" data-bs-toggle="tooltip" title="Top Conferences in India"> Top Conferences in India </span> </span> </span> </a> <a class="d-flex align-items-center small px-3 py-2 mx-3 text-decoration-none item cursor-pointer c-ga" href="/conference" data-ga-category="Header" data-ga-action="Search | Worldwide Conferences" data-ga-label="Worldwide Conferences"> <span class="d-flex align-items-center gap-3"> <span class="d-flex flex-column" style="width: 21vw;"> <span class="line-2" data-bs-toggle="tooltip" title="Worldwide Conferences"> Worldwide Conferences </span> </span> </span> </a> </div> </div> <div class="d-flex flex-column gap-3 w-100"> <div id="explore-by" class="w-100 w-md-50 text-start p-0 m-0 search-group" style=""> <div class="fw-bold px-3 mt-3 mb-2"> <span class="px-3"> <svg class="svg-inline--fa fa-clock fa-w-16 me-2" aria-hidden="true" focusable="false" data-prefix="far" data-icon="clock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""> <path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z"></path> </svg> Explore </span> </div> <a class="d-flex align-items-center small px-3 py-2 mx-3 text-decoration-none item cursor-pointer c-ga" href="/upcoming-conference" data-ga-category="Header" data-ga-action="Search | Venues in India" data-ga-label="Venues in India"> <span class="d-flex align-items-center gap-3"> <img class="border rounded-2" src="https://img.10times.com/userimages/v.jpg?imgeng=/w_50/h_50" data-src="true" data-error="https://img.10times.com/userimages/v.jpg?imgeng=/w_50/h_50" width="32" height="32" alt="Venues in India"> <span class="d-flex flex-column" style="width: 21vw;"> <span class="line-2" data-bs-toggle="tooltip" title="Venues in India"> Upcoming conference </span> </span> </span> </a>  </div> <div id="activity-by" class="w-100 w-md-50 text-start p-0 m-0 search-group" style=""> <div class="fw-bold px-3 mt-3 mb-2"> <span class="px-3"> <svg class="svg-inline--fa fa-history fa-w-16 me-2" aria-hidden="true" focusable="false" data-prefix="far" data-icon="history" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""> <path fill="currentColor" d="M504 255.532c.252 136.64-111.182 248.372-247.822 248.468-64.014.045-122.373-24.163-166.394-63.942-5.097-4.606-5.3-12.543-.443-17.4l16.96-16.96c4.529-4.529 11.776-4.659 16.555-.395C158.208 436.843 204.848 456 256 456c110.549 0 200-89.468 200-200 0-110.549-89.468-200-200-200-55.52 0-105.708 22.574-141.923 59.043l49.091 48.413c7.641 7.535 2.305 20.544-8.426 20.544H26.412c-6.627 0-12-5.373-12-12V45.443c0-10.651 12.843-16.023 20.426-8.544l45.097 44.474C124.866 36.067 187.15 8 256 8c136.811 0 247.747 110.781 248 247.532zm-167.058 90.173l14.116-19.409c3.898-5.36 2.713-12.865-2.647-16.763L280 259.778V116c0-6.627-5.373-12-12-12h-24c-6.627 0-12 5.373-12 12v168.222l88.179 64.13c5.36 3.897 12.865 2.712 16.763-2.647z"></path> </svg> RECENT ACTIVITY </span> </div> <a class="d-flex align-items-center small px-3 py-2 mx-3 text-decoration-none item cursor-pointer c-ga" href="/conference/computer-science" data-ga-category="Header" data-ga-action="Search | IT & Technology Conferences" data-ga-label="IT & Technology Conferences"> <span class="d-flex align-items-center gap-3"> <img class="border rounded-2" src="https://img.10times.com/userimages/i.jpg?imgeng=/w_50/h_50" data-src="true" data-error="https://img.10times.com/userimages/i.jpg?imgeng=/w_50/h_50" width="32" height="32" alt="IT & Technology Conferences"> <span class="d-flex flex-column" style="width: 21vw;"> <span class="line-2" data-bs-toggle="tooltip" title="IT & Technology Conferences"> Computer Science </span> </span> </span> </a> </div> </div> </div> <div id="industry-by" class="p-0 m-0" style="display: none;"></div> <div id="location-by" class="p-0 m-0" style="display: none;"></div> <div id="keywords-by" class="p-0 m-0" style="display: none;"></div> </div> </div> </div> </div> </li>  <li id="menu-item-1008" class="d-none d-lg-none d-sm-block menu-item menu-item-type-post_type menu-item-object-page menu-item-1008 "> <a href="https://eventsnotification.com/login" class="btn btn-sm btn-outline-light d-flex"> <span class="d-block me-2">Sign In</span> <i class="directorist-icon-mask" aria-hidden="true" style="--directorist-icon: url(/assets/web/img/icons/user-solid.svg)"></i> </a> </li> <li id="menu-item-1008" class="d-none d-lg-none d-sm-block menu-item menu-item-type-post_type menu-item-object-page menu-item-1008 "> <a href="https://eventsnotification.com/register" class="btn btn-sm btn-outline-light d-flex"> <span class="d-block me-2">Add Event</span> <i class="directorist-icon-mask" aria-hidden="true" style="--directorist-icon: url(/assets/web/img/icons/plus-solid.svg)"></i> </a> </li> </ul> </div> <script> document.getElementById('explore-keywords').addEventListener('click', function() { document.getElementById('explore-keywords-container').classList.remove('d-none'); }); document.getElementById('close-explore-keywords-dropdown').addEventListener('click', function() { document.getElementById('explore-keywords-container').classList.add('d-none'); }); document.getElementById('explore-keywords').addEventListener('input', function() { console.log('Input event triggered in #explore-keywords'); let searchValue = this.value; if (searchValue.length > 3) { // Make the AJAX POST request fetch('/api/v1/keyword', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': 'JeEXsZaieosBYhdl2dGmZy7UAMyEzOUe1zhl1M1e' // CSRF token for Laravel }, body: JSON.stringify({ search: searchValue }) }) .then(response => response.json()) // Parse the JSON response .then(data => { console.log(data); // Handle the response data let resultsContainer = document.getElementById('keywords'); resultsContainer.innerHTML = ''; // Clear previous results console.log(data.length); let resultItem = document.createElement('a'); if (data.length > 0) { // Loop through each item and create a new resultItem for each data.forEach(item => { let resultItem = document.createElement('a'); // Create a new element for each item resultItem.classList.add('d-flex', 'align-items-center', 'small', 'px-3', 'py-2', 'mx-3', 'text-decoration-none', 'item', 'cursor-pointer', 'c-ga'); resultItem.href = '/' + item.slug; // Dynamic URL // Set the inner HTML for the resultItem resultItem.innerHTML = ` <span class="d-flex align-items-center gap-3"> <span class="d-flex flex-column" style="width: 21vw;"> <span class="line-2" data-bs-toggle="tooltip" title="${item.keyword}"> ${item.keyword}  </span> </span> </span> `; // Append the newly created resultItem to the results container resultsContainer.appendChild(resultItem); }); } else { // If no data, create a single resultItem for the "No data found" message let resultItem = document.createElement('a'); // Create a new element resultItem.classList.add('d-flex', 'align-items-center', 'small', 'px-3', 'py-2', 'mx-3', 'text-decoration-none', 'item', 'cursor-pointer', 'c-ga'); resultItem.href = window.location.href; // Link to current page // Set the inner HTML for the "No data found" message resultItem.innerHTML = ` <span class="d-flex align-items-center gap-3"> <span class="d-flex flex-column" style="width: 21vw;"> <span class="line-2" data-bs-toggle="tooltip"> No data found </span> </span> </span> `; // Append the "No data found" message to the results container resultsContainer.appendChild(resultItem); } }) .catch(error => { console.error('Error:', error); }); } }); </script> <script> document.addEventListener('DOMContentLoaded', function() { document.querySelector('#searchButton').addEventListener('click', function() { var navbarToggler = document.querySelector('.navbar-toggler'); var navbarCollapse = document.querySelector('#navbarNav'); // Toggle aria-expanded attribute if (navbarToggler.getAttribute('aria-expanded') === 'false') { navbarToggler.setAttribute('aria-expanded', 'true'); navbarToggler.classList.remove('collapsed'); // Remove collapsed class navbarCollapse.classList.add('show'); // Add show class // Trigger the input event for explore-keywords when expanding the navbar var exploreKeywordsInput = document.querySelector('#explore-keywords'); var event = new Event('input'); exploreKeywordsInput.dispatchEvent(event); } else { navbarToggler.setAttribute('aria-expanded', 'false'); navbarToggler.classList.add('collapsed'); // Add collapsed class navbarCollapse.classList.remove('show'); // Remove show class } }); }); </script> <div class="theme-menu-container d-flex justify-content-end me-2"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> </div> <button type="button" class="d-none d-lg-none d-sm-block btn" id="searchButton"> <i class="fas fa-search"></i> </button> <div class="theme-menu-action-box d-lg-flex d-sm-none"> <div class="theme-menu-action-box__author"> <div class="theme-menu-action-box__author--access-area"> <div class="theme-menu-action-box__login"> <div class="theme-menu-action-box__login--modal"> <a href="https://eventsnotification.com/register" class="btn theme-btn btn-sm btn-outline-light"> <span class="d-none d-lg-block">Sign In</span> <i class="directorist-icon-mask" aria-hidden="true" style="--directorist-icon: url(/assets/web/img/icons/user-solid.svg)"></i> </a> </div> </div> </div> </div> <div class="theme-menu-action-box__add-listing"> <a href="https://eventsnotification.com/login" target="blank" class="btn theme-btn btn-sm btn-primary btn-add-listing"> <span class="d-none d-lg-block"> Add Event </span> <i class="directorist-icon-mask" aria-hidden="true" style="--directorist-icon: url(/assets/web/img/icons/plus-solid.svg)"></i> </a> </div> </div> </div> </nav> <style wire:id="null" wire:initial-data="{"fingerprint":{"id":null,"name":"web.index","locale":"en","path":"\/","method":"GET","v":"acj"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"02c1450e","data":[],"dataMeta":[],"checksum":"faa73b3f33f829384784a39b6ddd501340201c3c446614717f590f2b025e5bab"}}"> /* Ensure the select element has default browser styles */ #selectCountry { -webkit-appearance: menulist; /* For Chrome */ -moz-appearance: menulist; /* For Firefox */ appearance: menulist; /* For other browsers */ } .mt-6, .my-6 { margin-top: 4rem !important; } .text-green { color: #17B978; } .cursor-pointer { cursor: pointer; } .wrapper { flex-direction: column; background-color: #17B9781A; background-repeat: no-repeat; background-size: cover; } .select-container { position: relative; } .select-container svg { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); pointer-events: none; } .select-container select { padding-left: 30px; } @media (max-width: 767.98px) { .wrapper .row { flex-direction: column; align-items: center; } .wrapper h1, .wrapper p { text-align: center; } .wrapper .select-container { width: 100%; margin: 0 auto; } .wrapper .select-container select { width: 100%; margin-top: 10px; } .wrapper #filter .row { flex-direction: column; align-items: center; } .wrapper #filter .col-3 { width: 100%; margin-bottom: 10px; } .wrapper #filter .col-3:last-child { margin-bottom: 0; } .wrapper .col-xl-5 { display: none; } .wrapper img { max-width: 100%; height: auto; } .attachment-large { display: none; } } @media (min-width: 768px) and (max-width: 991.98px) { .wrapper #filter .col-3 { width: 48%; margin-bottom: 10px; } .wrapper #filter .col-3:last-child { width: 100%; } } @media (min-width: 992px) and (max-width: 1199.98px) { .wrapper .col-xl-7 { order: 2; } .wrapper .col-xl-5 { order: 1; } } .city-icon-container { background-color: rgba(var(--color-primary-rgba), 0.1) !important; } .city-card { width: 100%; height: 100%; display: flex; align-items: center; } @media (max-width: 767.98px) { .city-card { flex-direction: column; text-align: center; } .city-icon-container { margin-bottom: 10px; } .city-icon { width: 60px; height: 60px; } .city-details { padding-left: 0 !important; } } @media (min-width: 768px) and (max-width: 991.98px) { .city-card { flex-direction: row; } .city-icon { width: 70px; height: 70px; } } @media (min-width: 992px) { .city-card { flex-direction: row; } .city-icon { width: 80px; height: 80px; } } .carousel-item { padding: 0 15px; } .box-shadow { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .tab_cuscroll, .tab_noscroll { overflow: hidden; } .tab_feheight { max-height: 2.5rem; } .line-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 767.98px) { .carousel-item { padding: 0 5px; } .box-shadow { box-shadow: none; } } @media (min-width: 768px) and (max-width: 991.98px) { .carousel-item { padding: 0 10px; } } @media (min-width: 992px) { .carousel-item { padding: 0 15px; } } </style> <header class="homepage"> <section class="wrapper d-flex position-relative pb-4"> <div class="row d-flex justify-content-between w-100 py-4"> <div class="col-xl-7 col-lg-7 col-md-12 my-3"> <h1 class="text-black mb-3 mx-5 mt-6 fw-bold fs-1">Events <span class="text-green fw-bold"> Notification</span></h1> <p class="mb-2 mx-5 fw-bold">Your Path to Find the Best Conferences!</p> <div class="ms-3 bg-light" id="filter">                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  <style> .searchbar_four_item { display: flex; width: 100%; margin: auto; align-items: center; z-index: 11; justify-content: center; } .search_input_text { display: flex; width: 100%; justify-content: center; align-items: center; position: relative; } .search_icon { height: 50px; align-items: center; background: #fff; display: flex; padding: 0 12px 0 22px; border-radius: 4px 0 0; } .search_text { color: #30363e; width: 100%; max-width: 700px; height: 50px; font-size: 16px; text-indent: 2px; outline: none; padding: 0; margin: 0; border: none; box-sizing: border-box; -webkit-appearance: none; } .remove_text_icon { font-size: 18px; height: 50px; align-items: center; background: #fff; color: #9a9999; display: flex; padding: 0 12px; cursor: pointer; } #qsp_change_city_app .changecity { display: flex; position: relative; align-items: center; border-left: 1px solid #ddd; } #qsp_change_city_app .location_icon { display: flex; align-items: center; position: absolute; } #qsp_change_city_app .changecity .icon-chevron-down { right: 15px; color: #aaa; font-size: 14px; } #qsp_change_city_app .location_icon { display: flex; align-items: center; position: absolute; } .search_input_text .search_suggestion_popup { position: absolute; top: 50px; left: 0; right: 0; background: #ffffff; z-index: 11; /* min-height: 65px; */ border-radius: 0 0 4px 4px; max-height: 320px; border-top: 1px solid #ddd; padding: 0px 20px; overflow-y: auto; } .ss_wrapper .ss_trending_topics { margin-bottom: 30px; } .ss_wrapper .ss_heading { font-size: 16px; color: #30363E; margin-top: 20px; } .ss_wrapper .ss_trending_topics .topics_chips_container { display: flex; align-items: center; margin-top: 12px; flex-wrap: wrap; gap: 10px; } .ss_wrapper .ss_trending_topics .topics_chips_container .chip { border: 1px solid #DBEDFF; background: #F5FAFF; border-radius: 20px; padding: 8px 18px; color: #30363E; cursor: pointer; text-transform: capitalize; font-size: 14px; } #qsp_change_city_app .changecity input { width: 185px; font-size: 16px; padding: 0 10px; border: 1px solid silver; height: 50px; margin: 0; padding: 0px 33px 0 0; text-indent: 38px; border: none; border-radius: 0 4px 0 0; box-sizing: border-box; } .backgray { justify-content: center; display: flex; align-items: center; width: 100%; max-width: 909px !important; } @media (max-width: 767px) { .searchbar_four_item { width: 100%; padding: 0 15px; box-sizing: border-box; } } @media (max-width: 767px) { .search_icon { padding-left: 10px; padding-right: 16px; height: 40px; } } @media (max-width: 767px) { .search_text { height: 40px; font-size: 14px; } } @media (max-width: 767px) { .remove_text_icon { height: 40px; } } @media (max-width: 767px) { .remove_text_icon { border-radius: 0px 4px 4px 0px; } } @media (max-width: 767px) { .searchlocation { position: absolute; top: 50px; width: 100%; box-sizing: border-box; } } @media (max-width: 767px) { #qsp_change_city_app .changecity { border: none; border-radius: 4px 0px 0px 4px; overflow: hidden; } } @media (max-width: 767px) { #qsp_change_city_app .changecity input { width: 100%; height: 40px; font-size: 14px; text-indent: 45px; } } @media (max-width: 767px) { .search_input_text .search_suggestion_popup { top: 40px; width: 110%; left: -5%; } } @media (max-width: 767px) { .ss_wrapper .ss_heading { font-size: 15px; } } @media (max-width: 767px) { .ss_wrapper .ss_trending_topics .topics_chips_container .chip { padding: 7px 15px; font-size: 13px; } } .ss_wrapper .ss_filters_wrapper .ss_filter, .ss_wrapper .ss_keywords_wrapper .ss_keyword { cursor: pointer; padding: 12px 22px 12px 9px; display: flex; align-items: center; justify-content: flex-start; gap: 10px; margin: 0; border-radius: 4px; } .ss_wrapper .ss_filters_wrapper .ss_filter .filter, .ss_wrapper .ss_keywords_wrapper .ss_keyword .keyword { display: flex; align-items: center; max-width: 100%; } .ss_wrapper .ss_filters_wrapper .ss_filter .filter .ss_filter_icon, .ss_wrapper .ss_keywords_wrapper .ss_keyword .keyword .ss_keyword_icon { color: #929394; font-size: 16px; margin-right: 10px; width: 15px; display: flex; } .ss_wrapper .ss_filters_wrapper .ss_filter .filter .ss_filter_name, .ss_wrapper .ss_keywords_wrapper .ss_keyword .keyword .ss_keyword_name { color: #30363E; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } </style> <div class="searchbar_four_item"> <div class="search_input_text"> <div class="search_icon" style="border-radius: 4px 0px 0px 4px;"><svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.839 16.0751L12.4498 11.7562C13.5992 10.5074 14.3054 8.85589 14.3054 7.03859C14.3049 3.15103 11.1028 0 7.15245 0C3.20212 0 0 3.15103 0 7.03859C0 10.9261 3.20212 14.0772 7.15245 14.0772C8.85926 14.0772 10.4247 13.4868 11.6544 12.5054L16.0606 16.8414C16.2753 17.0529 16.6238 17.0529 16.8385 16.8414C17.0537 16.6299 17.0537 16.2866 16.839 16.0751ZM7.15245 12.9942C3.81004 12.9942 1.1005 10.3278 1.1005 7.03859C1.1005 3.74936 3.81004 1.08293 7.15245 1.08293C10.4949 1.08293 13.2044 3.74936 13.2044 7.03859C13.2044 10.3278 10.4949 12.9942 7.15245 12.9942Z" fill="#30363E"></path> </svg></div> <input type="search" name="search_text" placeholder="Search Events, Categories, Location..." autocomplete="off" class="search_text"> <div class="remove_text_icon"></div>  <div class="search_suggestion_popup" style="display: none;"> <div class="ss_wrapper"> <div class="ss_trending_topics"> <div class="ss_heading">Trending Topics</div> <div class="topics_chips_container"> <span style="display: flex;"><a href="/conference/law" target="_blank" class="chip"> Law </a></span><span style="display: flex;"><a href="/conference/construction" target="_blank" class="chip"> Construction </a></span><span style="display: flex;"><a href="/conference/biotechnology" target="_blank" class="chip"> Bio technology </a></span><span style="display: flex;"><a href="/conference/pharma" target="_blank" class="chip"> Pharma </a></span><span style="display: flex;"><a href="/conference/marketing" target="_blank" class="chip"> Marketing </a></span><span style="display: flex;"><a href="/conference/biology" target="_blank" class="chip"> Biology </a></span> </div> </div> <div class="ss_keywords"> <div class="ss_keywords_wrapper"> </div> </div>      </div> </div> </div> </div> <script> // Select the input element const searchInput = document.querySelector('.search_text'); // Select the suggestion popup element const suggestionPopup = document.querySelector('.search_suggestion_popup'); const trendingPopup = document.querySelector('.ss_trending_topics'); // Show the suggestion popup when the input is focused searchInput.addEventListener('focus', function() { suggestionPopup.style.display = 'block'; }); // Delay hiding the suggestion popup when the input loses focus searchInput.addEventListener('blur', function() { setTimeout(() => { suggestionPopup.style.display = 'none'; }, 2000); // Adjust the delay if needed (200 milliseconds) }); searchInput.addEventListener('input', function() { let searchValue = this.value; if (searchValue.length > 3) { trendingPopup.style.display = 'none' // Make the AJAX POST request fetch('/api/v1/keyword', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': 'JeEXsZaieosBYhdl2dGmZy7UAMyEzOUe1zhl1M1e' // CSRF token for Laravel }, body: JSON.stringify({ search: searchValue }) }) .then(response => response.json()) // Parse the JSON response .then(data => { console.log(data); // Handle the response data let resultsContainer = document.querySelector('.ss_keywords_wrapper'); resultsContainer.innerHTML = ''; // Clear previous results if (data.length > 0) { // Loop through each item and create a new resultItem for each data.forEach(item => { let resultItem = document.createElement('span'); // Create a new span element for each item resultItem.classList.add('ss_keyword'); // Set the inner HTML for the resultItem resultItem.innerHTML = ` <div class="keyword"> <span class="ss_keyword_icon"> <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13.8674 13.2383L10.2528 9.68154C11.1994 8.65315 11.781 7.29309 11.781 5.79648C11.7805 2.59497 9.14346 0 5.89025 0C2.63704 0 0 2.59497 0 5.79648C0 8.99799 2.63704 11.593 5.89025 11.593C7.29586 11.593 8.58505 11.1068 9.5977 10.2985L13.2264 13.8694C13.4032 14.0435 13.6902 14.0435 13.867 13.8694C14.0443 13.6952 14.0443 13.4125 13.8674 13.2383ZM5.89025 10.7011C3.13768 10.7011 0.906298 8.50526 0.906298 5.79648C0.906298 3.08771 3.13768 0.891823 5.89025 0.891823C8.64284 0.891823 10.8742 3.08771 10.8742 5.79648C10.8742 8.50526 8.64284 10.7011 5.89025 10.7011Z" fill="#575C67"></path> </svg> </span> <span class="ss_keyword_name"><a class="chip" href="/${item.slug}">${item.keyword}</a></span> </div> `; // Append the newly created resultItem to the results container resultsContainer.appendChild(resultItem); }); } else { // If no data, create a single resultItem for the "No data found" message let resultItem = document.createElement('span'); // Create a new span element resultItem.classList.add('ss_keyword'); // Set the inner HTML for the "No data found" message resultItem.innerHTML = ` <div class="keyword"> <span class="ss_keyword_icon"> <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13.8674 13.2383L10.2528 9.68154C11.1994 8.65315 11.781 7.29309 11.781 5.79648C11.7805 2.59497 9.14346 0 5.89025 0C2.63704 0 0 2.59497 0 5.79648C0 8.99799 2.63704 11.593 5.89025 11.593C7.29586 11.593 8.58505 11.1068 9.5977 10.2985L13.2264 13.8694C13.4032 14.0435 13.6902 14.0435 13.867 13.8694C14.0443 13.6952 14.0443 13.4125 13.8674 13.2383ZM5.89025 10.7011C3.13768 10.7011 0.906298 8.50526 0.906298 5.79648C0.906298 3.08771 3.13768 0.891823 5.89025 0.891823C8.64284 0.891823 10.8742 3.08771 10.8742 5.79648C10.8742 8.50526 8.64284 10.7011 5.89025 10.7011Z" fill="#575C67"></path> </svg> </span> <span class="ss_keyword_name">No data found</span> </div> `; // Append the "No data found" message to the results container resultsContainer.appendChild(resultItem); } }) .catch(error => { console.error('Error:', error); }); } else { trendingPopup.style.display = 'block' } }); document.querySelectorAll('.chip').forEach(item => { item.addEventListener('click', function(e) { e.preventDefault(); const url = this.getAttribute('href'); window.location.href = url; }); }); </script> <script> // Function to get the user's location function getLocation() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosition, showError); } else { alert("Geolocation is not supported by this browser."); } } // Function to handle the position data function showPosition(position) { const latitude = position.coords.latitude; const longitude = position.coords.longitude; // Use a reverse geocoding API to get the city name from latitude and longitude fetch(`https://api.bigdatacloud.net/data/reverse-geocode-client?latitude=${latitude}&longitude=${longitude}&localityLanguage=en`) .then(response => response.json()) .then(data => { console.log(data) if (data.city) { document.getElementById('locationInput').value = data.city; // Set the city name in the input } else { alert("City not found."); } }) .catch(error => console.error('Error fetching city name:', error)); } // Function to handle errors function showError(error) { switch (error.code) { case error.PERMISSION_DENIED: alert("User denied the request for Geolocation."); break; case error.POSITION_UNAVAILABLE: alert("Location information is unavailable."); break; case error.TIMEOUT: alert("The request to get user location timed out."); break; case error.UNKNOWN_ERROR: alert("An unknown error occurred."); break; } } // Get the location when the page loads // window.onload = getLocation; </script> </div> </div> <div class="col-xl-5 col-lg-5 col-md-12 d-flex justify-content-center"> <img class="attachment-large" fetchpriority="high" decoding="async" width="477" height="470" src="https://demo.directorist.com/theme/djobs/wp-content/uploads/2022/03/banner-img.png" class="attachment-large size-large wp-image-1440" alt="" srcset="https://demo.directorist.com/theme/djobs/wp-content/uploads/2022/03/banner-img.png 477w, https://demo.directorist.com/theme/djobs/wp-content/uploads/2022/03/banner-img-300x296.png 300w, https://demo.directorist.com/theme/djobs/wp-content/uploads/2022/03/banner-img-60x60.png 60w" sizes="(max-width: 477px) 100vw, 477px"> </div> </div> <div class="mx-5" id="base_buttons"></div> </section> </header> <div id="main" class="container py-4"> <section id="all-cities text-center" class="mb-6"> <h2 class="mb-3 fs-2 fw-bold text-start">Browse Events Notification By City</h2> <div class="row"> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/bangalore" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="bangalore" aria-label="bangalore" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-city/bangalore.webp" width="80" height="80" alt="bangalore" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Bangalore</div> <div class="text-muted small">9 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/chandigarh" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="chandigarh" aria-label="chandigarh" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-city/chandigarh.webp" width="80" height="80" alt="bangalore" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Chandigarh</div> <div class="text-muted small">0 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/chennai" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="chennai" aria-label="chennai" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-city/chennai.webp" width="80" height="80" alt="bangalore" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Chennai</div> <div class="text-muted small">9 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/delhi" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="delhi" aria-label="delhi" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-city/delhi.webp" width="80" height="80" alt="bangalore" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Delhi</div> <div class="text-muted small">6 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/hyderabad" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="hyderabad" aria-label="hyderabad" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-city/hyderabad.webp" width="80" height="80" alt="bangalore" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Hyderabad</div> <div class="text-muted small">6 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/jaipur" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="jaipur" aria-label="jaipur" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-city/bangalore.webp" width="80" height="80" alt="bangalore" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Jaipur</div> <div class="text-muted small">0 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/mumbai" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="mumbai" aria-label="mumbai" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-city/mumbai.webp" width="80" height="80" alt="bangalore" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Mumbai</div> <div class="text-muted small">30 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/pune" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="pune" aria-label="pune" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-city/pune.webp" width="80" height="80" alt="bangalore" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Pune</div> <div class="text-muted small">7 Events</div> </div> </div> </a> </div> </div> </section>  <style> .category-icons { color: #17B978; } </style> <section id="category" class="mb-6 text-center"> <h2 class="mb-3 fs-2 fw-bold text-start">Browse Events Notification By Topics</h2> <div class="row"> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/law" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="law" aria-label="law" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-topic/education.png" width="80" height="80" alt="bangalore" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Law</div> <div class="text-muted small">186 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/biotechnology" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="biotechnology" aria-label="biotechnology" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-topic/medical.png" width="80" height="80" alt="bangalore" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Biotechnology</div> <div class="text-muted small">215 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/industrial-engineering" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="industrial-engineering" aria-label=industrial-engineering" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-topic/information-technology.png" width="80" height="80" alt="bangalore" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Information& Technology</div> <div class="text-muted small">137 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/food-safety" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="food-safety" aria-label="food-safety" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-topic/banking.webp" width="80" height="80" alt="banking" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Food & safety</div> <div class="text-muted small">108 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/artificial-intelligence" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="artificial-intelligence" aria-label="artificial-intelligence" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-topic/buisness.png" width="80" height="80" alt="banking" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Artificial &Intelligence</div> <div class="text-muted small">84 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/engineering" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="engineering" aria-label="engineering" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-topic/industry.webp" width="80" height="80" alt="banking" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Industrial & Engineering</div> <div class="text-muted small">188 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/computer-science" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="computer-science" aria-label="computer-science" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-topic/portfolio.webp" width="80" height="80" alt="banking" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Computer & science</div> <div class="text-muted small">140 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/computer-science" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="computer-science" aria-label="computer-science" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-topic/medical.png" width="80" height="80" alt="banking" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Computer & science</div> <div class="text-muted small">140 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/construction" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="construction" aria-label="construction" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-topic/construction.webp" width="80" height="80" alt="banking" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Construction</div> <div class="text-muted small">123 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/equipment" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="equipment" aria-label="equipment" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-topic/excavator.webp" width="80" height="80" alt="banking" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Equipment</div> <div class="text-muted small">137 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/health" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="health" aria-label="health" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-topic/health.png" width="80" height="80" alt="banking" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Health</div> <div class="text-muted small">152 Events</div> </div> </div> </a> </div> <div id="primary-category-last" class="col-lg-3 col-sm-12 my-2 d-none"> <a href="/conference/food-safety" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="food-safety" aria-label="food-safety" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-topic/power-removebg-preview.webp" width="80" height="80" alt="banking" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Power & Energy</div> <div class="text-muted small">108 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2" id="show-Category" style="align-items: center; "><a onclick="showMore()" class="scroller-item text-decoration-none px-3 d-flex pt-2 fw-500 rounded-3 link box-shadow justify-content-center text-orange bg-orange-light" style="width: 100%; height: 100%; min-height:110px; align-items:center;" href="javascript:void(0);">View All </a> </div> </div> <div id="secondary-category" class="row d-none"> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/artificial-intelligence" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="artificial-intelligence" aria-label="artificial-intelligence" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-topic/food.png" width="80" height="80" alt="banking" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Food & Beverages</div> <div class="text-muted small">84 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/health" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="health" aria-label="health" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-topic/agriculture.webp" width="80" height="80" alt="banking" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Agriculture & Forestry</div> <div class="text-muted small">152 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/health" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="health" aria-label="health" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-topic/environment.webp" width="80" height="80" alt="banking" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Environment & Waste</div> <div class="text-muted small">152 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/biology" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="biology" aria-label="biology" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-topic/environment.webp" width="80" height="80" alt="banking" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Biology</div> <div class="text-muted small">286 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/industrial-engineering" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="industrial-engineering" aria-label="industrial-engineering" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-topic/energy.webp" width="80" height="80" alt="banking" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Electric & Electronics</div> <div class="text-muted small">137 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/pharma" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="pharma" aria-label="pharma" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-topic/laboratory.webp" width="80" height="80" alt="banking" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Pharma</div> <div class="text-muted small">236 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/data-management" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="data-management" aria-label="data-management" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-topic/entertainment-removebg-preview.webp" width="80" height="80" alt="banking" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Fashion & Beauty</div> <div class="text-muted small">194 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/marketing" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="marketing" aria-label="marketing" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-topic/marketing.webp" width="80" height="80" alt="banking" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Marketing</div> <div class="text-muted small">61 Events</div> </div> </div> </a> </div> </div> </section> <section id="all-countries" class="mb-6 text-center"> <h2 class="mb-3 fs-2 fw-bold text-start">Browse Events Notification By Country</h2> <div class="row"> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/usa" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="usa" aria-label="usa" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-country/usa.webp" width="80" height="80" alt="bangalore" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">USA</div> <div class="text-muted small">803 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/uk" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="uk" aria-label="uk" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-country/united-kingdom.webp" width="80" height="80" alt="united-kingdom" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">UK</div> <div class="text-muted small">716 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/germany" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="germany" aria-label="germany" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-country/germany.webp" width="80" height="80" alt="bangalore" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Germany</div> <div class="text-muted small">491 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/canada" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="canada" aria-label="canada" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-country/canada.webp" width="80" height="80" alt="bangalore" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">canada</div> <div class="text-muted small">335 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/australia" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="australia" aria-label="australia" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-country/australia.webp" width="80" height="80" alt="australia" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Australia</div> <div class="text-muted small">205 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/india" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="india" aria-label="india" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-country/india.webp" width="80" height="80" alt="bangalore" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">India</div> <div class="text-muted small">175 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/china" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="china" aria-label="china" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-country/china.webp" width="80" height="80" alt="bangalore" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">China</div> <div class="text-muted small">751 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/spain" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="spain" aria-label="spain" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-country/spain.webp" width="80" height="80" alt="bangalore" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Spain</div> <div class="text-muted small">264 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/france" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="france" aria-label="france" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-country/france.webp" width="80" height="80" alt="bangalore" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">France</div> <div class="text-muted small">514 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/italy" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="italy" aria-label="italy" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-country/italy.webp" width="80" height="80" alt="bangalore" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Italy</div> <div class="text-muted small">373 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/japan" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="japan" aria-label="japan" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-country/japan.webp" width="80" height="80" alt="bangalore" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Japan</div> <div class="text-muted small">465 Events</div> </div> </div> </a> </div> <div id="primary-category-last-for-country" class="col-lg-3 col-sm-12 my-2 d-none"> <a href="/conference/uae" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="uae" aria-label="uae" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-country/uae.webp" width="80" height="80" alt="bangalore" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">UAE</div> <div class="text-muted small">152 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2" id="show-Category-for-country" style="align-items: center; "><a onclick="showMoreForCountry()" class="scroller-item text-decoration-none px-3 d-flex pt-2 fw-500 rounded-3 link box-shadow justify-content-center text-orange bg-orange-light" style="width: 100%; height: 100%; min-height:110px; align-items:center;" href="javascript:void(0);">View All </a> </div> </div> <div id="secondary-category-for-country" class="row d-none">  <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/kenya" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="kenya" aria-label="kenya" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-country/kenya.webp" width="80" height="80" alt="kenya" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Kenya</div> <div class="text-muted small">40 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/malaysia" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="malaysia" aria-label="malaysia" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-country/malaysia.webp" width="80" height="80" alt="malaysia" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Malaysia</div> <div class="text-muted small">232 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/netherlands" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="Netherlands" aria-label="Netherlands" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-country/netherland.webp" width="80" height="80" alt="netherland" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Netherlands</div> <div class="text-muted small">203 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/hong-kong" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="hong-kong" aria-label="hong-kong" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-country/hongkong.webp" width="80" height="80" alt="hong-kong" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Hong kong</div> <div class="text-muted small">85 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/new-zealand" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="new-zealand" aria-label="new-zealand" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-country/newzealand.webp" width="80" height="80" alt="new-zealand" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">New Zealand</div> <div class="text-muted small">87 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/singapore" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="singapore" aria-label="singapore" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-country/singapore.webp" width="80" height="80" alt="singapore" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Singapore</div> <div class="text-muted small">212 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/spain" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="spain" aria-label="spain" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-country/spain.webp" width="80" height="80" alt="spain" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Spain</div> <div class="text-muted small">264 Events</div> </div> </div> </a> </div> <div class="col-lg-3 col-sm-12 my-2"> <a href="/conference/russia" style="justify-content: left;"> <div class="p-3 m-1 rounded-3 link box-shadow bg-white" role="button" data-link="russia" aria-label="russia" style="width: 100%;height: 100%;display: flex;align-items: center;"> <div class="border rounded" style="background-color: rgba(var(--color-primary-rgba), 0.1) !important;"> <img class="city-icon lazyloaded border-bottom p-2" src="https://eventsnotification.com/assets/img/home-country/russia.webp" width="80" height="80" alt="russia" loading="lazy"> </div> <div class="ps-4"> <div class="w-100 overflow-hidden text-dark small fw-500 fw-bold mb-2">Russia</div> <div class="text-muted small">171 Events</div> </div> </div> </a> </div> </div> </section> <section id="featured_events" class="row mb-6"> <h2 class="mb-3">Featured Events <br><sub class="text-muted fw-normal bottom-0">Handpicked popular events</sub></h2> <div id="featured-carousel" class="col-12 carousel slide carousel-fade" data-bs-ride="carousel" data-bs-interval="5000"> <div class="carousel-indicators" style="top: -20px; height: min-content;"> <button type="button" data-bs-target="#featured-carousel" data-bs-slide-to="0" class="active" aria-label="featured-0" aria-current="true"></button> <button type="button" data-bs-target="#featured-carousel" data-bs-slide-to="1" aria-label="featured-1"></button> <button type="button" data-bs-target="#featured-carousel" data-bs-slide-to="2" aria-label="featured-2"></button> </div> <div class="carousel-inner"> <div class="carousel-item active"> <div class="row"> <div class="col-lg-4 col-sm-6 my-3"> <div class="bg-white p-2 border rounded-3 box-shadow link cursor-pointer" data-link="https://fintechmeetup.com/" onclick="window.location='https://fintechmeetup.com/';"> <div class="tab_cuscroll no-scroller"> <div class="small fw-500" data-start-date="10/10/2025" data-end-date="10/13/2025" data-status="active" data-date-format="default" style="line-height: 1.2;" data-time-diff="-25"> Fri, 10 Oct - 13 Oct 25 </div> </div> <div class="d-flex justify-content-between w-100"> <div class="d-flex flex-column w-100"> <div class="fw-bold" style="height: 3rem;"><span class="line-2">Fintech Meetup</span></div> <div class="w-100 small text-dark line-2 tab_feheight" style="margin-right: -70px;">Venetian, Las Vegas,USA</div> </div> <img class="border rounded-3 ms-2 mt-1 lazyloaded" src="https://eventsnotification.com/assets/img/featured-events/Fintech-meetup.png" alt="Fintech Meetup" width="64" height="64" loading="lazy"> </div> <div class="small mt-3 tab_noscroll" style="white-space: nowrap;"> <a class="text-muted text-decoration-none" href="/conference/Business"> <span class="d-inline-block small me-2 p-1 lh-1 bg-light rounded-1">Business</span> </a> </div> </div> </div> <div class="col-lg-4 col-sm-6 my-3"> <div class="bg-white p-2 border rounded-3 box-shadow link cursor-pointer" data-link="https://us.money2020.com/" onclick="window.location='https://us.money2020.com/';"> <div class="tab_cuscroll no-scroller"> <div class="small fw-500" data-start-date="2024-10-27" data-end-date="2024-10-30" data-status="active" data-date-format="default" style="line-height: 1.2;" data-time-diff="-25"> Sun, 27 Oct - 30 Oct 24 </div> </div> <div class="d-flex justify-content-between w-100"> <div class="d-flex flex-column w-100"> <div class="fw-bold" style="height: 3rem;"><span class="line-2">Money20/20 USA</span></div> <div class="w-100 small text-dark line-2 tab_feheight" style="margin-right: -70px;">Las Vegas , USA</div> </div> <img class="border rounded-3 ms-2 mt-1 lazyloaded" src="https://eventsnotification.com/assets/img/featured-events/Money.ico" alt="Money20/20 USA" width="64" height="64" loading="lazy"> </div> <div class="small mt-3 tab_noscroll" style="white-space: nowrap;"> <a class="text-muted text-decoration-none" href="/conference/banking"> <span class="d-inline-block small me-2 p-1 lh-1 bg-light rounded-1">Banking</span> </a> </div> </div> </div> <div class="col-lg-4 col-sm-6 my-3"> <div class="bg-white p-2 border rounded-3 box-shadow link cursor-pointer" data-link="https://eu.finnovex.com/" onclick="window.location='https://eu.finnovex.com/';"> <div class="tab_cuscroll no-scroller"> <div class="small fw-500" data-start-date="2024-11-05" data-end-date="2024-11-06" data-status="active" data-date-format="default" style="line-height: 1.2;" data-time-diff="-25"> Tue, 05 Nov - 06 Nov 24 </div> </div> <div class="d-flex justify-content-between w-100"> <div class="d-flex flex-column w-100"> <div class="fw-bold" style="height: 3rem;"><span class="line-2">Finnovex Europe</span></div> <div class="w-100 small text-dark line-2 tab_feheight" style="margin-right: -70px;">London, United Kingdom</div> </div> <img class="border rounded-3 ms-2 mt-1 lazyloaded" src="https://eventsnotification.com/assets/img/featured-events/eu.48ba7137.png" alt="Finnovex Europe" width="64" height="64" loading="lazy"> </div> <div class="small mt-3 tab_noscroll" style="white-space: nowrap;"> <a class="text-muted text-decoration-none" href="/conference/banking"> <span class="d-inline-block small me-2 p-1 lh-1 bg-light rounded-1">Banking</span> </a> </div> </div> </div> <div class="col-lg-4 col-sm-6 my-3"> <div class="bg-white p-2 border rounded-3 box-shadow link cursor-pointer" data-link="https://www.gartner.com/en/conferences/na/cio-us-west" onclick="window.location='https://www.gartner.com/en/conferences/na/cio-us-west';"> <div class="tab_cuscroll no-scroller"> <div class="small fw-500" data-start-date="2025-02-24" data-end-date="2025-02-25" data-status="active" data-date-format="default" style="line-height: 1.2;" data-time-diff="-25"> Mon, 24 Feb - 25 Feb 25 </div> </div> <div class="d-flex justify-content-between w-100"> <div class="d-flex flex-column w-100"> <div class="fw-bold" style="height: 3rem;"><span class="line-2">Gartner CIO Leadership Forum</span></div> <div class="w-100 small text-dark line-2 tab_feheight" style="margin-right: -70px;">Phoenix, AZ,USA</div> </div> <img class="border rounded-3 ms-2 mt-1 lazyloaded" src="https://eventsnotification.com/assets/img/featured-events/conferences_gartner_header_logo.png" alt="Gartner CIO Leadership Forum" width="64" height="64" loading="lazy"> </div> <div class="small mt-3 tab_noscroll" style="white-space: nowrap;"> <a class="text-muted text-decoration-none" href="/conference/banking"> <span class="d-inline-block small me-2 p-1 lh-1 bg-light rounded-1">Banking</span> </a> </div> </div> </div> <div class="col-lg-4 col-sm-6 my-3"> <div class="bg-white p-2 border rounded-3 box-shadow link cursor-pointer" data-link="https://starwest.techwell.com/" onclick="window.location='https://starwest.techwell.com/';"> <div class="tab_cuscroll no-scroller"> <div class="small fw-500" data-start-date="2024-09-22" data-end-date="2024-09-27" data-status="active" data-date-format="default" style="line-height: 1.2;" data-time-diff="-25"> Sun, 22 Sep - 27 Sep 24 </div> </div> <div class="d-flex justify-content-between w-100"> <div class="d-flex flex-column w-100"> <div class="fw-bold" style="height: 3rem;"><span class="line-2">STARWEST 2024</span></div> <div class="w-100 small text-dark line-2 tab_feheight" style="margin-right: -70px;">ANAHEIM, California, USA + ONLINE</div> </div> <img class="border rounded-3 ms-2 mt-1 lazyloaded" src="https://eventsnotification.com/assets/img/featured-events/startwest.webp" alt="STARWEST 2024" width="64" height="64" loading="lazy"> </div> <div class="small mt-3 tab_noscroll" style="white-space: nowrap;"> <a class="text-muted text-decoration-none" href="/conference/software"> <span class="d-inline-block small me-2 p-1 lh-1 bg-light rounded-1">Software</span> </a> </div> </div> </div> <div class="col-lg-4 col-sm-6 my-3"> <div class="bg-white p-2 border rounded-3 box-shadow link cursor-pointer" data-link="https://testcon.lt/" onclick="window.location='https://testcon.lt/';"> <div class="tab_cuscroll no-scroller"> <div class="small fw-500" data-start-date="2024-10-23" data-end-date="2024-10-25" data-status="active" data-date-format="default" style="line-height: 1.2;" data-time-diff="-25"> Wed, 23 Oct - 25 Oct 24 </div> </div> <div class="d-flex justify-content-between w-100"> <div class="d-flex flex-column w-100"> <div class="fw-bold" style="height: 3rem;"><span class="line-2">TestCon Europe 2024</span></div> <div class="w-100 small text-dark line-2 tab_feheight" style="margin-right: -70px;">Vilnius, Lithuania & Online</div> </div> <img class="border rounded-3 ms-2 mt-1 lazyloaded" src="https://eventsnotification.com/assets/img/featured-events/testcon.webp" alt="TestCon Europe 2024" width="64" height="64" loading="lazy"> </div> <div class="small mt-3 tab_noscroll" style="white-space: nowrap;"> <a class="text-muted text-decoration-none" href="/conference/software"> <span class="d-inline-block small me-2 p-1 lh-1 bg-light rounded-1">Software</span> </a> </div> </div> </div> <div class="col-lg-4 col-sm-6 my-3"> <div class="bg-white p-2 border rounded-3 box-shadow link cursor-pointer" data-link="https://ignite.microsoft.com/en-US/home" onclick="window.location='https://ignite.microsoft.com/en-US/home';"> <div class="tab_cuscroll no-scroller"> <div class="small fw-500" data-start-date="2024-11-18" data-end-date="2024-11-22" data-status="active" data-date-format="default" style="line-height: 1.2;" data-time-diff="-25"> Mon, 18 Nov - 22 Nov 24 </div> </div> <div class="d-flex justify-content-between w-100"> <div class="d-flex flex-column w-100"> <div class="fw-bold" style="height: 3rem;"><span class="line-2">Microsoft Ignite 2024</span></div> <div class="w-100 small text-dark line-2 tab_feheight" style="margin-right: -70px;">Chicago, ILlinos,USA & online</div> </div> <img class="border rounded-3 ms-2 mt-1 lazyloaded" src="https://eventsnotification.com/assets/img/featured-events/Microsoft summit.ico" alt="Microsoft Ignite 2024" width="64" height="64" loading="lazy"> </div> <div class="small mt-3 tab_noscroll" style="white-space: nowrap;"> <a class="text-muted text-decoration-none" href="/conference/business"> <span class="d-inline-block small me-2 p-1 lh-1 bg-light rounded-1">Business</span> </a> </div> </div> </div> </div> <img class="float-start lazyloaded" src="https://im.10times.com/1.png?c=web&s=homepage&p=featuredevents&e=1788415,1918570,1908404,1819323,1918011,2025756,2273914,1776655,2016541&k=b27c46705e0debf704a5189ea71bca6c" width="0" height="0" alt="premium-events" loading="lazy"> </div> </div> </div> <div class="col-12 px-3 mt-4 text-center"> <a id="venue-btn" class="btn btn-outline-success rounded-pill" href="/upcomming-conference">View All</a> </div> </section>  <section id="organizers" class="mb-6 position-relative"> <style> .carousel_org { padding: 24px; } .carousel_org h2 { margin: 0; } .carousel_org a { text-decoration: none; color: #fff; } .carousel_org img { aspect-ratio: 1; width: 100%; height: 100%; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; user-drag: none; border-radius: clamp(0px, -416.625vw, 4px); } .carousel_org h3 { font-size: 16px; margin: 0; margin-bottom: 4px; } .carousel_org span { color: #a7a7a7; font-size: 14px; } .carousel_org .dragging a { pointer-events: none; } .carousel_org .carousel__wrapper { position: relative; margin-bottom: 24px; } @media only screen and (min-width: 1180px) { .carousel_org .carousel__wrapper.has-arrows .carousel__content { justify-content: space-between; } } @media only screen and (min-width: 1180px) { .carousel_org .carousel__wrapper.has-arrows .carousel__arrows { display: flex; } } .carousel_org .carousel__header { display: grid; grid-auto-flow: column; justify-content: space-between; align-items: center; margin-bottom: 16px; } .carousel_org .carousel__content { overflow-y: hidden; overflow-x: scroll; scrollbar-width: none; -ms-overflow-style: none; display: flex; -webkit-overflow-scrolling: touch; cursor: grab; padding: 0; margin: 0; grid-gap: 24px; grid-auto-flow: column; list-style: none; } .carousel_org .carousel__content::-webkit-scrollbar { display: none; } .carousel_org .carousel__item .carousel__description { width: 100%; } .carousel_org .carousel__item a { display: flex; justify-content: center; justify-content: flex-start; align-items: center; flex-direction: column; position: relative; user-select: none; margin: 10px 0px; padding: 16px; border-radius: clamp(0px, -416.625vw, 8px); cursor: pointer; } .carousel_org .carousel__controls { display: grid; grid-auto-flow: column; grid-gap: 24px; } .carousel_org .carousel__arrow { padding: 0; background: transparent; box-shadow: none; border: 0; } .carousel_org .carousel__arrow:before { content: ""; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDI1NiA1MTIiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTMxLjcgMjM5bDEzNi0xMzZjOS40LTkuNCAyNC42LTkuNCAzMy45IDBsMjIuNiAyMi42YzkuNCA5LjQgOS40IDI0LjYgMCAzMy45TDEyNy45IDI1Nmw5Ni40IDk2LjRjOS40IDkuNCA5LjQgMjQuNiAwIDMzLjlMMjAxLjcgNDA5Yy05LjQgOS40LTI0LjYgOS40LTMzLjkgMGwtMTM2LTEzNmMtOS41LTkuNC05LjUtMjQuNi0uMS0zNHoiLz48L3N2Zz4="); background-size: contain; filter: brightness(5); display: block; width: 18px; height: 12px; cursor: pointer; } .carousel_org .carousel__arrow.arrow-prev:before { transform: rotate(-360deg); background-repeat: no-repeat; } .carousel_org .carousel__arrow.arrow-next:before { transform: rotate(180deg); background-repeat: no-repeat; } .carousel_org .carousel__arrow.disabled::before { display: none; } .disclaimer a { color: #fff; } </style> <div class="carousel_org"> <div class="carousel__wrapper"> <div class="carousel__header"> <h2 class="mb-3">Featured Organizers <br><sub class="fw-normal text-muted bottom-0">Worldwide leading event organisers</sub></h2> <div class="carousel__controls"> <button class="carousel__arrow disabled arrow-prev"></button> <button class="carousel__arrow arrow-next"></button> </div> </div> <ul class="carousel__content"> <li class="carousel__item"> <div class="scroller-item text-center p-2 border rounded-3 box-shadow" style="width: 150px; height: 120px;"> <div class="d-flex flex-column w-100 h-100 justify-content-center"> <a class="text-decoration-none" href="#"> <img class="lazyloaded carousel__item__image" src="https://eventsnotification.com/featuredorganizer/66fa9ed9762fe_1727700697_Arthroplasty_logo_2024.png" width="100" height="100" alt="" loading="lazy"> </a>     </div> </div> </li> <li class="carousel__item"> <div class="scroller-item text-center p-2 border rounded-3 box-shadow" style="width: 150px; height: 120px;"> <div class="d-flex flex-column w-100 h-100 justify-content-center"> <a class="text-decoration-none" href="#"> <img class="lazyloaded carousel__item__image" src="https://eventsnotification.com/featuredorganizer/66fa9f3746a66_1727700791_AC_Logo.png" width="100" height="100" alt="" loading="lazy"> </a>     </div> </div> </li> <li class="carousel__item"> <div class="scroller-item text-center p-2 border rounded-3 box-shadow" style="width: 150px; height: 120px;"> <div class="d-flex flex-column w-100 h-100 justify-content-center"> <a class="text-decoration-none" href="#"> <img class="lazyloaded carousel__item__image" src="https://eventsnotification.com/featuredorganizer/6708e0e4a31c4_1728635108_6507f8016bca8.png" width="100" height="100" alt="" loading="lazy"> </a>     </div> </div> </li> <li class="carousel__item"> <div class="scroller-item text-center p-2 border rounded-3 box-shadow" style="width: 150px; height: 120px;"> <div class="d-flex flex-column w-100 h-100 justify-content-center"> <a class="text-decoration-none" href="#"> <img class="lazyloaded carousel__item__image" src="https://eventsnotification.com/featuredorganizer/67152cb9f2ded_1729440953_1de654bf-b3a0-476f-bbb2-236a5c8cb675.png" width="100" height="100" alt="" loading="lazy"> </a>     </div> </div> </li> <li class="carousel__item"> <div class="scroller-item text-center p-2 border rounded-3 box-shadow" style="width: 150px; height: 120px;"> <div class="d-flex flex-column w-100 h-100 justify-content-center"> <a class="text-decoration-none" href="#"> <img class="lazyloaded carousel__item__image" src="https://eventsnotification.com/featuredorganizer/6712aa159ae18_1729276437_New-Logo-Transparent1.png" width="100" height="100" alt="" loading="lazy"> </a>     </div> </div> </li> <li class="carousel__item"> <div class="scroller-item text-center p-2 border rounded-3 box-shadow" style="width: 150px; height: 120px;"> <div class="d-flex flex-column w-100 h-100 justify-content-center"> <a class="text-decoration-none" href="#"> <img class="lazyloaded carousel__item__image" src="https://eventsnotification.com/featuredorganizer/6712aa84485f8_1729276548_Final-Uniglobe-College-logo-2024-01.jpg" width="100" height="100" alt="" loading="lazy"> </a>     </div> </div> </li> </ul> </div> </div> <script> window.addEventListener('load', () => { const COMPONENT_SELECTOR = '.carousel__wrapper'; const CONTROLS_SELECTOR = '.carousel__controls'; const CONTENT_SELECTOR = '.carousel__content'; const components = document.querySelectorAll(COMPONENT_SELECTOR); for (let i = 0; i < components.length; i++) { const component = components[i]; const content = component.querySelector(CONTENT_SELECTOR); let x = 0; let mx = 0; const maxScrollWidth = content.scrollWidth - content.clientWidth / 2 - content.clientWidth / 2; const nextButton = component.querySelector('.arrow-next'); const prevButton = component.querySelector('.arrow-prev'); if (maxScrollWidth !== 0) { component.classList.add('has-arrows'); } if (nextButton) { nextButton.addEventListener('click', function(event) { event.preventDefault(); x = content.clientWidth / 2 + content.scrollLeft + 0; content.scroll({ left: x, behavior: 'smooth', }); }); } if (prevButton) { prevButton.addEventListener('click', function(event) { event.preventDefault(); x = content.clientWidth / 2 - content.scrollLeft + 0; content.scroll({ left: -x, behavior: 'smooth', }); }); } /** * Mouse move handler. * * @param {object} e event object. */ const mousemoveHandler = (e) => { const mx2 = e.pageX - content.offsetLeft; if (mx) { content.scrollLeft = content.sx + mx - mx2; } }; /** * Mouse down handler. * * @param {object} e event object. */ const mousedownHandler = (e) => { content.sx = content.scrollLeft; mx = e.pageX - content.offsetLeft; content.classList.add('dragging'); }; /** * Scroll handler. */ const scrollHandler = () => { toggleArrows(); }; /** * Toggle arrow handler. */ const toggleArrows = () => { if (content.scrollLeft > maxScrollWidth - 10) { nextButton.classList.add('disabled'); } else if (content.scrollLeft < 10) { prevButton.classList.add('disabled'); } else { nextButton.classList.remove('disabled'); prevButton.classList.remove('disabled'); } }; /** * Mouse up handler. */ const mouseupHandler = () => { mx = 0; content.classList.remove('dragging'); }; content.addEventListener('mousemove', mousemoveHandler); content.addEventListener('mousedown', mousedownHandler); if (component.querySelector(CONTROLS_SELECTOR) !== undefined) { content.addEventListener('scroll', scrollHandler); } content.addEventListener('mouseup', mouseupHandler); content.addEventListener('mouseleave', mouseupHandler); } }); </script> </section> <section class="p-4 rounded-3 border" style="background-color: #17B9781A;"> <div class="container"> <h3 class="text-909090 fw-bold text-center pb-4">Discover Events Notification: Your Conference and Events Search Engine</h3> <div class="row"> <div class="col-xl-6 col-lg-6 col-sm-12 text-center my-5"> <img src="https://demo.directorist.com/theme/djobs/wp-content/uploads/2021/09/15-420x220.png" class="img-fluid" alt="Search Event Notification"> </div> <div class="col-xl-6 col-lg-6 col-sm-12"> <p><a href="/" title=" Event Notification"> Events Notification </a> is the ultimate conference and events search engine, designed to help you discover, track, and participate in events worldwide. Whether you're an academician, practitioner, or passionate about networking, Events Notification is your trusted partner for staying informed and connected.</p> <p>Organizing a conference? We offer a free platform for conference organizers to post and promote their events, ensuring maximum visibility and participation. Our website categorizes events and conferences based on location, making it easy for you to find and subscribe to events that align with your interests.</p> <p>Join Events Notification today and unlock a world of opportunities to engage, learn, and grow!</p> </div> </div> <h4 class="text-909090 fw-bold text-center mt-4">At Event Notification, we have one goal: Simplify the search for events near you and relevant to you.</h4> </div> </section> </div> <style> .widget_app a { color: #3ca74b; font-size: 17px; width: 35px; height: 32px; display: inline-block; text-align: center; padding: 0; background: #fff; border-radius: 100px; font-weight: 800; line-height: 33px; } .theme-footer-top-area .theme-about-widget img { max-width: 145px !important; } </style> <footer class="site-footer"> <div class="theme-footer-top-area"> <div class="theme-container"> <div class="row"> <div class="col-lg-3 col-sm-6 col-12"> <div id="djobs_about-3" class="widget djobs_about_widget"> <div class="theme-about-widget"> <div class="theme-about-widget__img"> <img class="svg bg-white" src="/assets/img/favicon/new-logo.png" alt="dJobs" style="border-radius: 10px;"> </div> <p class="theme-about-widget__content"> <i class="fas fa-envelope" aria-hidden="true"></i>  support@eventsnotification.com </p> </div> </div> <div id="djobs_button_widget-2" class="widget djobs_widget_download_app"> <div class="widget_app"> <h4 class="widget-title">Follow Us</h4> <a href="#" class="fab fa-facebook-f"></a> <a href="#" class="fab fa-twitter"></a> <a href="#" class="fab fa-instagram"></a> <a href="https://www.linkedin.com/company/events-notification" class="fab fa-linkedin-in"></a> <a href="#" class="fab fa-youtube"></a> </div> </div> </div> <div class="col-lg-3 col-sm-6 col-12"> <div id="nav_menu-4" class="widget widget_nav_menu"> <h4 class="widget-title">Useful Links</h4> <div class="menu-useful-links-container"> <ul id="menu-useful-links" class="menu"> <li id="menu-item-114" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-114"><a href="https://eventsnotification.com/login">Add Event</a></li> <li id="menu-item-114" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-114"><a href="https://eventsnotification.com/contact-us">Contact Us</a></li> <li id="menu-item-1625" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1625"><a href="https://eventsnotification.com/subscribe">Subscribe</a></li> <li id="menu-item-117" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-117"><a href="#">Blog</a></li> <li id="menu-item-1625" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1625"><a href="https://eventsnotification.com/privacy">Privacy</a></li> <li id="menu-item-1625" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1625"><a href="https://eventsnotification.com/about">About us</a></li> <li id="menu-item-1625" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1625"><a href="https://eventsnotification.com/terms-conditions">Term & Conditions</a></li> </ul> </div> </div> </div> <div class="col-lg-3 col-sm-6 col-12"> <div id="nav_menu-3" class="widget widget_nav_menu"> <h4 class="widget-title">Popular topics</h4> <div class="menu-top-categories-container"> <ul id="menu-top-categories" class="menu"> <li id=" menu-item-1621" class="menu-item menu-item-type-taxonomy menu-item-object-at_biz_dir-category menu-item-1621"><a href="/conference/business">Business</a> </li> <li id="menu-item-1620" class="menu-item menu-item-type-taxonomy menu-item-object-at_biz_dir-category menu-item-1620"><a href="/conference/banking-and-finance">Banking and Finance</a></li> <li id="menu-item-1624" class="menu-item menu-item-type-taxonomy menu-item-object-at_biz_dir-category menu-item-1624"><a href="/conference/education">Education</a></li> <li id="menu-item-1623" class="menu-item menu-item-type-taxonomy menu-item-object-at_biz_dir-category menu-item-1623"><a href="#">Health & Care</a></li> <li id="menu-item-1622" class="menu-item menu-item-type-taxonomy menu-item-object-at_biz_dir-category menu-item-1622"><a href="/conference/medical">Medical</a></li> </ul> </div> </div> </div> <div class="col-lg-3 col-sm-6 col-12"> <div id="nav_menu-2" class="widget widget_nav_menu"> <h4 class="widget-title">Popular Countries</h4> <div class="menu-top-categories-container"> <ul id="menu-top-categories" class="menu"> <li id="menu-item-1621" class="menu-item menu-item-type-taxonomy menu-item-object-at_biz_dir-category menu-item-1621"><a href="/conference/australia">Australia</a></li> <li id="menu-item-1620" class="menu-item menu-item-type-taxonomy menu-item-object-at_biz_dir-category menu-item-1620"><a href="/conference/canada">Canada</a></li> <li id="menu-item-1624" class="menu-item menu-item-type-taxonomy menu-item-object-at_biz_dir-category menu-item-1624"><a href="/conference/germany">Germany</a></li> <li id="menu-item-1623" class="menu-item menu-item-type-taxonomy menu-item-object-at_biz_dir-category menu-item-1623"><a href="/conference/usa">United States</a></li> <li id="menu-item-1622" class="menu-item menu-item-type-taxonomy menu-item-object-at_biz_dir-category menu-item-1622"><a href="/conference/uk">United Kingdom</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="theme-footer-bottom-area"> <div class="theme-container"> <div class="row"> <div class="col-md-12"> <div class="theme-copyright-text">Copyrights 漏 2024. All Rights Reserved. Created by <a target="_blank" href="#" rel="nofollow">CMS</a></div> </div> </div> </div> </div> </footer><style> .scroller { display: flex; width: max-content; padding: 0.5rem 0.25rem; } .scroller-container { overflow: hidden; margin-left: -0.25rem; margin-right: -0.25rem; } .box-shadow { -moz-box-shadow: 0 3px 6px 0 rgb(0, 0, 0, .2); -webkit-box-shadow: 0 3px 6px 0 rgb(0, 0, 0, .2); box-shadow: 0 3px 6px 0 rgb(0, 0, 0, .2); } .line-1, .line-2 { overflow: hidden } .scroller { display: flex; width: max-content; padding: 0.5rem 0.25rem; } .scroller-item { position: relative; display: inline-block; } .mb-6, .my-6 { margin-bottom: 4rem !important; } </style>  </main> </body>  <script> var selectAllItems = "#select-all"; var checkboxItem = ":checkbox"; $(selectAllItems).click(function() { if (this.checked) { $(checkboxItem).each(function() { this.checked = true; }); } else { $(checkboxItem).each(function() { this.checked = false; }); } }); $('input[type=checkbox]').click(function() { $(this).parent().find('li input[type=checkbox]').prop('checked', $(this).is(':checked')); var sibs = false; $(this).closest('ul').children('li').each(function() { if ($('input[type=checkbox]', this).is(':checked')) sibs = true; }); $(this).parents('ul').prev().prop('checked', sibs); }); $('body').on('click', '.expand-row', function() { $('#modal-popup-content').text($(this).find(".expand_content").text()); }); $('body').on('click', '.expand-row-json', function() { $("#modal-popup-content").html(JSON.stringify(JSON.parse($(this).find(".expand_content").text()), 10, 5)); }); </script>  <script> $(document).ready(function() { $(".expand_modal").click(function() { $('.modal-body-content').html($(this).find('.expand_content').html()) console.log($(this).find('.expand_content').html()) }); }); </script> <script> $(document).ready(function() { $('.dropdown').hover(function() { $(this).addClass('show'); $(this).find('.dropdown-menu').addClass('show'); }, function() { $(this).removeClass('show'); $(this).find('.dropdown-menu').removeClass('show'); }); $('#searchLocation').on('input', function() { var filterValue = $(this).val().toUpperCase(); $('.tab-content .col-6').each(function() { var buttonText = $(this).text().toUpperCase(); if (buttonText.indexOf(filterValue) > -1) { $(this).show(); } else { $(this).hide(); } }); }); $('#searchTopic').on('input', function() { var filterValue = $(this).val().toUpperCase(); $('.tab-content .col-6').each(function() { var buttonText = $(this).text().toUpperCase(); if (buttonText.indexOf(filterValue) > -1) { $(this).show(); } else { $(this).hide(); } }); }); }); function redirectToListing(checkbox, fparam) { var slug = checkbox.getAttribute('data-slug'); var url; if (checkbox.checked) { url = '/conference/' + fparam + '/' + slug; } else { url = '/conference/' + fparam; } window.location.href = url; } function redirectToMonthConListing(checkbox) { pageType = `` fparam = `` var slug = checkbox.getAttribute('data-slug'); var url; if (pageType != 'month' && pageType != 'conference') { url = '/conference/' + fparam + '/' + slug; } else if (pageType == 'conference') { url = '/conferences-in-' + slug; } else { url = '/conferences-in-' + slug; } window.location.href = url; } function redirectToMonthTradListing(checkbox) { pageType = `` fparam = `` var slug = checkbox.getAttribute('data-slug'); var url; if (pageType != 'month' && pageType != 'tradeshows') { url = '/tradeshows/' + fparam + '/' + slug; } else if (pageType == 'tradeshows') { url = '/tradeshows/' + slug; } else url = '/tradeshows/' + slug; window.location.href = url; } function redirectToConferenceListing(checkbox, type, listingType = false) { if (listingType) { baseUrl = '/tradeshows/' } else { baseUrl = '/conference/' } pageType = `` fparam = `` var slug = checkbox.getAttribute('data-slug'); var url; if (pageType == 'conference' || pageType == 'tradeshows' || pageType == 'topic' || pageType == 'sub_topic' || pageType == 'topic+month' || pageType == 'sub_topic+month') { if (pageType == 'conference' || pageType == 'tradeshows' || type == 'sub_topic') { url = baseUrl + slug } else if (type == 'state' || type == 'country') { url = baseUrl + slug + '/' + fparam; } else { url = baseUrl + fparam + '/' + slug; } }else if (pageType == 'conference' || pageType == 'tradeshows' || pageType.includes('continent')) { if (type == 'country') { url = baseUrl + slug } else if (type == 'state') { url = baseUrl + slug; } else { url = baseUrl + fparam + '/' + slug; } } else if (pageType == 'conference' || pageType == 'tradeshows' || pageType.includes('country')) { if (type == 'country') { url = baseUrl + slug } else if (type == 'state') { url = baseUrl + slug; } else { url = baseUrl + fparam + '/' + slug; } } else if (pageType == 'conference' || pageType == 'tradeshows' || pageType.includes('state')) { if (type == 'state') { url = baseUrl + slug } else if (type == 'country') { url = baseUrl + slug; } else { url = baseUrl + fparam + '/' + slug; } } else if (pageType == 'month') { url = baseUrl + slug + '/' + fparam; } console.log('url', url) window.location.href = url; } function redirectToListingOne(checkbox) { var slug = checkbox.getAttribute('data-slug'); var url; if (checkbox.checked) { url = '/conference/' + slug; } else { url = '/conference/' + fparam; } // Redirect to the constructed URL window.location.href = url; } function redirectToListingOneFromAll(button) { var slug = button.getAttribute('data-slug'); url = '/conference/' + slug; window.location.href = url; } function redirectToTradeListingOneFromAll(button) { var slug = button.getAttribute('data-slug'); url = '/tradeshows/' + slug; window.location.href = url; } function redirectToFormatListing(param) { currentURL = window.location.href; if (param == 'conference') { currentURL = currentURL.replace('tradeshows', param) } else if (param == 'tradeshows') { if (window.location.pathname.substring(1).includes('conferences-in')) { currentURL = currentURL.replace('conferences-in', param) currentURL = currentURL.replace('tradeshows-', 'tradeshows/') } else { currentURL = currentURL.replace('conference', param) } } window.location.href = currentURL; } function redirectToTradeListing(checkbox, fparam) { var slug = checkbox.getAttribute('data-slug'); var url; if (checkbox.checked) { url = '/tradeshows/' + fparam + '/' + slug; } else { url = '/tradeshows/' + fparam; } window.location.href = url; } function redirectToTradeListingOne(checkbox) { var slug = checkbox.getAttribute('data-slug'); var url; if (checkbox.checked) { url = '/tradeshows/' + slug; } else { url = '/tradeshows/' + fparam; } // Redirect to the constructed URL window.location.href = url; } function redirectToTradeListingOneFromAll(button) { var slug = button.getAttribute('data-slug'); url = '/tradeshows/' + slug; window.location.href = url; } function showMore() { $('#secondary-category').removeClass('d-none'); $('#primary-category-last').removeClass('d-none'); $('#show-Category').hide(); } function showMoreForCountry() { $('#secondary-category-for-country').removeClass('d-none'); $('#primary-category-last-for-country').removeClass('d-none'); $('#show-Category-for-country').hide(); } function filterSubmit() { var selectedCountry = document.getElementById('selectCountry').value; var selectedCity = document.getElementById('selectCity').value; var selectedTopic = document.getElementById('selectTopic').value; console.log('Selected Country:', selectedCountry); console.log('Selected City:', selectedCity); console.log('Selected Topic:', selectedTopic); if (selectedCountry != 'Select' && selectedCity != 'Select' && selectedTopic != 'Select') { window.location.href = 'conference/' + selectedCountry + '/' + selectedCity + '/' + selectedTopic; } else if (selectedCountry != 'Select' && selectedCity == 'Select' && selectedTopic == 'Select') { window.location.href = 'conference/' + selectedCountry; } else if ((selectedCountry == 'Select' && selectedCity != 'Select' && selectedTopic == 'Select')) { window.location.href = 'conference/' + selectedCity; } else if (selectedCountry == 'Select' && selectedCity == 'Select' && selectedTopic != 'Select') { window.location.href = 'conference/' + selectedTopic; } else if (selectedCountry != 'Select' && selectedTopic != 'Select') { window.location.href = 'conference/' + selectedCountry + '/' + selectedTopic; } else if (selectedCity != 'Select' && selectedTopic != 'Select') { window.location.href = 'conference/' + selectedCity + '/' + selectedTopic; } else { alert('please check the field') } } </script> <script> $(window).scroll(function() { var sticky = $('.sticky'), scroll = $(window).scrollTop(); if (scroll >= 120) { sticky.removeClass('d-none'); sticky.addClass('d-block'); sticky.addClass('fixed'); } else { sticky.removeClass('d-block'); sticky.addClass('d-none'); sticky.removeClass('fixed'); } }); $(function() { $('.toggler').on('click', function() { $('nav').slideToggle(500); }); }); </script>  <script> $(document).ready(function() { var selectedValueMobile = ""; var selectedMonthValueMobile = ''; var selectedTopicValueMobile = ''; $('.filter-btn-div, .filter-main-div-close').on('click', function() { $('.filter-main-div').toggleClass('filter-main-div-show'); }); }); function mobileCancelButton() { $(".filter-main-div-show").removeClass('filter-main-div-show'); $(".filter-main-div-show").css('display', 'none'); } </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', '.sub-list', 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> // (function($) { // "use strict"; // // HERO SLIDE // $('.hero-slide').backstretch([ // "images/slideshow/white-wall-living-room-have-sofa-decoration-3d-rendering.jpg", // "images/slideshow/interior-wall-mockup-with-sofa-cabinet-living-room-with-empty-white-wall-background-3d-rendering.jpg", // "images/slideshow/wood-sideboard-living-room-interior-with-copy-space.jpg" // ], { // duration: 2000, // fade: 750 // }); // // REVIEWS CAROUSEL // $('.reviews-carousel').owlCarousel({ // items: 3, // loop: true, // dots: false, // nav: true, // autoplay: true, // margin: 30, // responsive: { // 0: { // items: 1 // }, // 600: { // items: 2 // }, // 1000: { // items: 3 // } // } // }) // // CUSTOM LINK // $('.smoothscroll').click(function() { // var el = $(this).attr('href'); // var elWrapped = $(el); // var header_height = $('.navbar').height(); // scrollToDiv(elWrapped, header_height); // return false; // function scrollToDiv(element, navheight) { // var offset = element.offset(); // var offsetTop = offset.top; // var totalScroll = offsetTop - navheight; // $('body,html').animate({ // scrollTop: totalScroll // }, 300); // } // }); // })(window.jQuery); </script>  <script> function readMoreLess(buttonId) { const dots = document.getElementById(`dots${buttonId.slice(-1)}`); const moreText = document.getElementById(`more${buttonId.slice(-1)}`); const btnText = document.getElementById(buttonId); if (dots.style.display === "none") { dots.style.display = "inline"; btnText.innerHTML = "Read more"; moreText.style.display = "none"; } else { dots.style.display = "none"; btnText.innerHTML = "Read less"; moreText.style.display = "inline"; } } </script> <style> #more1, #more2 { display: none; } </style> <style> .pagination { display: flex; padding-left: 0; list-style: none; } .page-link { position: relative; display: block; color: #626976; background-color: transparent; border: 0 solid #cbd5e1; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .page-link { transition: none; } } .page-link:hover { z-index: 2; color: #1a569d; text-decoration: none; background-color: #e2e8f0; border-color: #cbd5e1; } .page-link:focus { z-index: 3; color: #1a569d; background-color: #e2e8f0; outline: 0; box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25); } .page-item:not(:first-child) .page-link { margin-left: 0; } .page-item.active .page-link { z-index: 3; color: #ffffff; background-color: #17b978; border-color: #17b978; } .page-item.disabled .page-link { color: rgba(98, 105, 118, 0.5); pointer-events: none; background-color: transparent; border-color: #cbd5e1; } .page-item:first-child .page-link { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .page-item:last-child .page-link { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.09375rem; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.765625rem; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } /* main { font-family: poppins !important; } */ @media only screen and (min-device-width: 320px) { .container { max-width: 100%; } .small { font-size: 24px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } .small { font-size: 16px; } } </style> </html>

CINXE.COM

Events Notification: Never Miss Out with Our Events Notification Alerts!