CINXE.COM
Our Gallery | World BI
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Our Gallery | World BI</title> <!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <meta property="og:url" content="https://worldbigroup.com/gallery"> <meta property="og:title" content="Our Gallery | World BI"> <meta property="og:description" content="Explore World BI moments from our past events in the gallery. Discover highlights, attendees, and insights captured during engaging sessions and networking."> <meta property="og:image" content="https://worldbigroup.com/dist/images/meta-tags/gallery.jpg"> <!-- Twitter --> <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:url" content="https://worldbigroup.com/gallery"> <meta property="twitter:title" content="Our Gallery | World BI"> <meta property="twitter:description" content="Explore World BI moments from our past events in the gallery. Discover highlights, attendees, and insights captured during engaging sessions and networking."> <meta property="twitter:image" content="https://worldbigroup.com/dist/images/meta-tags/gallery.jpg"> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MCWH9GB');</script> <!-- End Google Tag Manager --> <link href="https://worldbigroup.com/dist/images/favicon.png" rel="icon"> <link href="https://worldbigroup.com/dist/apple-touch-icon.png" rel="apple-touch-icon"> <!--<link href="https://worldbigroup.com/gallery" rel="canonical">--> <link rel="stylesheet" href="dist/css/bootstrap5/bootstrap.min.css" /> <link rel="stylesheet" href="dist/font-awesome/css/all.min.css" /> <link rel="stylesheet" href="dist/css/style.css" /> <script src="https://www.google.com/recaptcha/api.js" async defer></script> <style> .gallery-sections .prev{ left: -34px; } .gallery-sections .next{ right: -33px; } .conferences-banner { margin-top: 4.7rem; padding-top: 123px; padding-bottom: 126px; } /*.hero-section .hero-content .title{*/ /* text-transform: capitalize;*/ /* font-size: 6rem;*/ /* padding-bottom: 10px;*/ /*}*/ .hero-section .hero-content .title-wrap .title::before{ content: none; } .modal-img{ width:85%; /*height: 700px;*/ } .mySlides .tall-image{ width: 40%; height: 480px; } #buttons { display: flex; justify-content: center; align-items: center; cursor: pointer; padding: 15px; background: white; } /*@media (max-width: 1199px){*/ /* .mySlides .tall-image {*/ /* width: 65%;*/ /* height: 635px;*/ /* }*/ /*}*/ @media (max-width: 330px) { .hero-section .hero-content .title { font-size: 4rem; padding-bottom: 5px; } } @media (max-width: 220px){ .hero-section .hero-content .title{ font-size: 3rem; } } @media (max-width: 767px){ #buttons{ padding: 0px; } #buttons button{ font-size: 0.6rem; } .mySlides .tall-image { width: 70%; height: 300px; } } @media (max-width: 576px){ .hero-section { height: 45vh; } } </style> </head> <body class="gallery-sections"> <header> <nav class="my-nav navbar navbar-expand-lg fixed-top"> <div class="container pr-5"> <a class="navbar-brand" href="https://worldbigroup.com/"> <img src="../dist/images/worldbi-logo.png" alt="WorldBI logo" width="150" height="50" loading="lazy" decoding="async"/> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav ms-auto mb-2 mb-lg-0"> <li class="nav-item"> <a class="nav-link" aria-current="page" href="https://www.worldbigroup.com/"> Home </a> </li> <li class="nav-item"> <a class="nav-link" href="../about-us"> About Us </a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Conferences</a> <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> <!--<li class="dropdown-submenu">--> <!-- <a class="dropdown-toggle dropdown-item" href="#">In Person Conferences</a>--> <!-- <ul class="dropdown-menu"> --> <!-- <li><a class="dropdown-item" href="digital-health-conferences">Digital Health</a></li>--> <!-- <li><a class="dropdown-item" href="Drug-Discovery-Conferences">Drug Discovery</a></li>--> <!-- <li><a class="dropdown-item" href="Clinical-Trials-Conclave">Clinical Trials Conclave</a></li>--> <!-- <li><a class="dropdown-item" href="Pharma-Packaging-Conferences">Pharma Packaging</a></li>--> <!-- <li><a class="dropdown-item" href="Pharma-Supply-Chain-Conferences">Pharma Supply Chain</a></li>--> <!-- <li><a class="dropdown-item" href="Brand-Protection-Conferences">Brand Protection</a></li>--> <!-- <li><a class="dropdown-item" href="Connected-Cars-Conferences">Connected Cars</a></li>--> <!-- <li><a class="dropdown-item" href="digital-transformation-conferences">Hotel Technology</a></li>--> <!-- </ul>--> <!--</li>--> <li><a class="dropdown-item" href="../digital-health-conferences">Digital Health</a></li> <li><a class="dropdown-item" href="../Drug-Discovery-Conferences">Drug Discovery</a></li> <li><a class="dropdown-item" href="../Clinical-Trials-Conclave">Clinical Trials Conclave</a></li> <li><a class="dropdown-item" href="../Pharma-Packaging-Conferences">Pharma Packaging</a></li> <li><a class="dropdown-item" href="../Pharma-Supply-Chain-Conferences">Pharma Supply Chain</a></li> <li><a class="dropdown-item" href="../Brand-Protection-Conferences">Brand Protection</a></li> <li><a class="dropdown-item" href="../Connected-Cars-Conferences">Connected Cars</a></li> <li><a class="dropdown-item" href="../digital-transformation-conferences">Hotel Technology</a></li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Webinar</a> <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> <li><a class="dropdown-item" href="../AI-in-drug-development">Drug Development Algorithms</a></li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Breakfast Meetup</a> <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> <li><a class="dropdown-item" href="../revtech">RevTech in Hospitality</a></li> </ul> </li> <!--<li class="nav-item">--> <!-- <a class="nav-link" href="https://worldbigroup.com/revtech/"> Breakfast Meetup </a>--> <!--</li>--> <!-- <li class="nav-item"> <a class="nav-link" href="#"> Services </a> </li> --> <li class="nav-item"> <a class="nav-link" href="../success-stories"> Success Stories </a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Insights</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="https://worldbigroup.com/marketplace/">Marketplace</a> </li> <li><a class="dropdown-item" href="https://worldbigroup.com/gallery">Gallery</a> </li> <!--<li><a class="dropdown-item" href="testimonials.php">Testimonials</a></li>--> <li><a class="dropdown-item" href="https://worldbigroup.com/Event-blogs/">Industry Blogs</a></li> <li><a class="dropdown-item" href="../Interviews">Interviews</a></li> <!--<li>--> <!-- <hr class="dropdown-divider" />--> <!--</li>--> <!--<li><a class="dropdown-item" href="#">Success Stories</a></li>--> </ul> </li> <!--<li class="nav-item">--> <!-- <a class="nav-link" href="gallery.php/#"> Gallery </a>--> <!-- </li>--> <!--<li class="nav-item">--> <!--<a class="nav-link" href="faqs.php"> FAQ's </a>--> <!--</li>--> <a class="btn buy-btn" href="../contact-us" style="display: flex; align-items: center;font-weight: 500;">Contact Us</a> </ul> </div> </div> </nav> </header> <section class="bg-img conferences-banner"> <div class="container"> <div class="conferences-banner-content text-center"> <h1 class="title fw-bold">Gallery</h1> <!--<nav aria-label="breadcrumb">--> <!-- <ol class="breadcrumb">--> <!-- <li class="breadcrumb-item"><a href="../index.php">Home</a></li>--> <!-- <li class="breadcrumb-item active" aria-current="page">Gallery</li>--> <!-- </ol>--> <!--</nav>--> </div> </div> </div> </section> <section class="gallery-section" style="margin-top: 45px;"> <div class="container"> <div id="buttons" style="margin-bottom: 20px;"> <div id="portfolio-flters" class="filter-box buttons text-center" > <button class="filter-data active" data-filter="all">All</button> <button class="filter-data" data-filter="filter-ctip">Clinical Trials</button> <button class="filter-data" data-filter="filter-ddip">Drug Discovery</button> <button class="filter-data" data-filter="filter-cts">Clinical Trial Supply</button> <button class="filter-data" data-filter="filter-ppl">Pharma Packaging</button> <button class="filter-data" data-filter="filter-psip">Pharma Supply Chain</button> <button class="filter-data" data-filter="filter-bpc">Brand Protection</button> <button class="filter-data" data-filter="filter-drcc">Connected Cars</button> <!--<button class="filter-data" data-filter="filter-dht">Hotel Technology</button>--> <button class="filter-data" data-filter="filter-dhi">Digital Health</button> </div> </div> <div class="row"> <div class="col-lg-4 col-md-6"> <div class="portfolio-item filter-dhi space-above" > <div class="gallery-images-wrapp section-1 position-relative"> <div class="image-gallery"> <img src="../dist/images/pages/gallery/DHI-Event1.webp" loading="lazy" alt="Digital Health Conferences 2023" loading="lazy" decoding="async" class="hover-shadow img-fluid" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(1)"> </div> <div class="overlay"> <div class="overlay-wrap"> <button style="background-color: transparent;" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(1)" class="gallery-plus image-popup"> <span></span> </button> <h4 class="gallery-title"><a>Digital Health Conferences 2023</a></h4> </div> </div> </div> </div> <div class="portfolio-item filter-dhi space-above" > <div class="gallery-images-wrapp section-2 position-relative"> <div class="image-gallery"> <img src="../dist/images/pages/gallery/DHI-Event4.webp" loading="lazy" alt="Digital Health Conferences 2023" loading="lazy" decoding="async" class="hover-shadow img-fluid" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(2)"> </div> <div class="overlay"> <div class="overlay-wrap"> <button style="background-color: transparent;" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(2)" class="gallery-plus image-popup"> <span></span> </button> <h4 class="gallery-title"><a>Digital Health Conferences 2023</a></h4> </div> </div> </div> </div> <div class="portfolio-item filter-ddip space-above" > <div class="gallery-images-wrapp section-4 position-relative"> <div class="image-gallery"> <img src="../dist/images/pages/gallery/DDIP-Event4.webp" loading="lazy" alt="Drug Discovery Conferences 2024" loading="lazy" decoding="async" class="hover-shadow img-fluid" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(3)"> </div> <div class="overlay"> <div class="overlay-wrap"> <button style="background-color: transparent;" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(3)" class="gallery-plus image-popup"> <span></span> </button> <h4 class="gallery-title"><a>Drug Discovery Conferences 2024</a></h4> </div> </div> </div> </div> <div class="portfolio-item filter-ctip space-above" > <div class="gallery-images-wrapp section-2 position-relative"> <div class="image-gallery"> <img src="../dist/images/pages/gallery/CTIP-Event1.webp" loading="lazy" alt="Clinical Trials Conferences 2024" loading="lazy" decoding="async" class="hover-shadow img-fluid" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(4)"> </div> <div class="overlay"> <div class="overlay-wrap"> <button style="background-color: transparent;" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(4)" class="gallery-plus image-popup"> <span></span> </button> <h4 class="gallery-title"><a>Clinical Trials Conferences 2024</a></h4> </div> </div> </div> </div> <div class="portfolio-item filter-ctip space-above" > <div class="gallery-images-wrapp section-2 position-relative"> <div class="image-gallery"> <img src="../dist/images/pages/gallery/CTIP-Event3.webp" loading="lazy" alt="Clinical Trails Conferences 2024" loading="lazy" decoding="async" class="hover-shadow img-fluid" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(5)"> </div> <div class="overlay"> <div class="overlay-wrap"> <button style="background-color: transparent;" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(5)" class="gallery-plus image-popup"> <span></span> </button> <h4 class="gallery-title"><a>Clinical Trails Conferences 2024</a></h4> </div> </div> </div> </div> <div class="portfolio-item filter-psip space-above" > <div class="gallery-images-wrapp section-2 position-relative"> <div class="image-gallery"> <img src="../dist/images/pages/gallery/PSIP-Event4.webp" loading="lazy" alt="Pharma Supply Chain Conferences 2024" loading="lazy" decoding="async" class="hover-shadow img-fluid" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(6)"> </div> <div class="overlay"> <div class="overlay-wrap"> <button style="background-color: transparent;" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(6)" class="gallery-plus image-popup"> <span></span> </button> <h4 class="gallery-title"><a>Pharma Supply Chain Conferences 2024</a></h4> </div> </div> </div> </div> <div class="portfolio-item filter-psip space-above" > <div class="gallery-images-wrapp section-2 position-relative"> <div class="image-gallery"> <img src="../dist/images/pages/gallery/PSIP-Event1.webp" loading="lazy" alt="Pharma Supply Chain Conferences 2024" loading="lazy" decoding="async" class="hover-shadow img-fluid" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(7)"> </div> <div class="overlay"> <div class="overlay-wrap"> <button style="background-color: transparent;" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(7)" class="gallery-plus image-popup"> <span></span> </button> <h4 class="gallery-title"><a>Pharma Supply Chain Conferences 2024</a></h4> </div> </div> </div> </div> <div class="portfolio-item filter-cts space-above" > <div class="gallery-images-wrapp section-2 position-relative"> <div class="image-gallery"> <img src="../dist/images/pages/gallery/CTS-Event1.webp" loading="lazy" alt="Clinical Trial Supply Conferences 2024" loading="lazy" decoding="async" class="hover-shadow img-fluid" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(8)"> </div> <div class="overlay"> <div class="overlay-wrap"> <button style="background-color: transparent;" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(8)" class="gallery-plus image-popup"> <span></span> </button> <h4 class="gallery-title"><a>Clinical Trial Supply Conferences 2024</a></h4> </div> </div> </div> </div> <div class="portfolio-item filter-drcc space-above" > <div class="gallery-images-wrapp section-1 position-relative"> <div class="image-gallery"> <img src="../dist/images/pages/gallery/DRCC-Event4.webp" loading="lazy" alt="Connected Cars Conferences 2024" loading="lazy" decoding="async" class="hover-shadow img-fluid" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(9)"> </div> <div class="overlay"> <div class="overlay-wrap"> <button style="background-color: transparent;" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(9)" class="gallery-plus image-popup"> <span></span> </button> <h4 class="gallery-title"><a>Connected Cars Conferences 2024</a></h4> </div> </div> </div> </div> <div class="portfolio-item filter-bpc space-above" > <div class="gallery-images-wrapp section-2 position-relative"> <div class="image-gallery"> <img src="../dist/images/pages/gallery/BPC-Event2.webp" loading="lazy" alt="Brand Protection Conferences 2023" loading="lazy" decoding="async" class="hover-shadow img-fluid" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(10)"> </div> <div class="overlay"> <div class="overlay-wrap"> <button style="background-color: transparent;" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(10)" class="gallery-plus image-popup"> <span></span> </button> <h4 class="gallery-title"><a>Brand Protection Conferences 2023</a></h4> </div> </div> </div> </div> <div class="portfolio-item filter-cts space-above" > <div class="gallery-images-wrapp section-2 position-relative"> <div class="image-gallery"> <img src="../dist/images/pages/gallery/CTS-Event3.webp" loading="lazy" alt="Clinical Trial Supply Conferences 2024" loading="lazy" decoding="async" class="hover-shadow img-fluid" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(11)"> </div> <div class="overlay"> <div class="overlay-wrap"> <button style="background-color: transparent;" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(11)" class="gallery-plus image-popup"> <span></span> </button> <h4 class="gallery-title"><a>Clinical Trial Supply Conferences 2024</a></h4> </div> </div> </div> </div> </div> <div class="col-lg-4 col-md-6"> <div class="portfolio-item filter-dhi space-above" > <div class="gallery-images-wrapp section-2 position-relative"> <div class="image-gallery"> <img src="../dist/images/pages/gallery/DHI-Event2.webp" data-bs-toggle="modal" data-bs-target="#myModal" loading="lazy" alt="Digital Health Conferences 2023" loading="lazy" decoding="async" class="hover-shadow img-fluid" onclick="openModal();currentSlide(12)"> </div> <div class="overlay"> <div class="overlay-wrap"> <button style="background-color: transparent;" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(12)" class="gallery-plus image-popup"> <span></span> </button> <h4 class="gallery-title"><a>Digital Health Conferences 2023</a></h4> </div> </div> </div> </div> <div class="portfolio-item filter-ddip space-above" > <div class="gallery-images-wrapp section-4 position-relative"> <div class="image-gallery"> <img src="../dist/images/pages/gallery/DDIP-Event2.webp" data-bs-toggle="modal" data-bs-target="#myModal" loading="lazy" alt="Drug Discovery Conferences 2024" loading="lazy" decoding="async" class="hover-shadow img-fluid" onclick="openModal();currentSlide(13)"> </div> <div class="overlay"> <div class="overlay-wrap"> <button style="background-color: transparent;" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(13)" class="gallery-plus image-popup"> <span></span> </button> <h4 class="gallery-title"><a>Drug Discovery Conferences 2024</a></h4> </div> </div> </div> </div> <div class="portfolio-item filter-ddip space-above" > <div class="gallery-images-wrapp section-1 position-relative"> <div class="image-gallery"> <img src="../dist/images/pages/gallery/DDIP-Event3.webp" data-bs-toggle="modal" data-bs-target="#myModal" loading="lazy" alt="Drug Discovery Conferences 2023" loading="lazy" decoding="async" class="hover-shadow img-fluid" onclick="openModal();currentSlide(14)"> </div> <div class="overlay"> <div class="overlay-wrap"> <button style="background-color: transparent;" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(14)" class="gallery-plus image-popup"> <span></span> </button> <h4 class="gallery-title"><a>Drug Discovery Conferences 2023</a></h4> </div> </div> </div> </div> <div class="portfolio-item filter-ppl space-above" > <div class="gallery-images-wrapp section-2 position-relative"> <div class="image-gallery"> <img src="../dist/images/pages/gallery/PPL-Event2.webp" data-bs-toggle="modal" data-bs-target="#myModal" loading="lazy" alt="Pharma Packaging Conferences 2024" loading="lazy" decoding="async" class="hover-shadow img-fluid" onclick="openModal();currentSlide(15)"> </div> <div class="overlay"> <div class="overlay-wrap"> <button style="background-color: transparent;" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(15)" class="gallery-plus image-popup"> <span></span> </button> <h4 class="gallery-title"><a>Pharma Packaging Conferences 2024</a></h4> </div> </div> </div> </div> <div class="portfolio-item filter-ppl space-above" > <div class="gallery-images-wrapp section-4 position-relative"> <div class="image-gallery"> <img src="../dist/images/pages/gallery/PPL-Event4.webp" data-bs-toggle="modal" data-bs-target="#myModal" loading="lazy" alt="Pharma Packaging Conferences 2024" loading="lazy" decoding="async" class="hover-shadow img-fluid" onclick="openModal();currentSlide(16)"> </div> <div class="overlay"> <div class="overlay-wrap"> <button style="background-color: transparent;" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(16)" class="gallery-plus image-popup"> <span></span> </button> <h4 class="gallery-title"><a>Pharma Packaging Conferences 2024</a></h4> </div> </div> </div> </div> <div class="portfolio-item filter-ppl space-above" > <div class="gallery-images-wrapp section-1 position-relative"> <div class="image-gallery"> <img src="../dist/images/pages/gallery/PPL-Event3.webp" data-bs-toggle="modal" data-bs-target="#myModal" loading="lazy" alt="Pharma Packaging Conferences 2024" loading="lazy" decoding="async" class="hover-shadow img-fluid" onclick="openModal();currentSlide(17)"> </div> <div class="overlay"> <div class="overlay-wrap"> <button style="background-color: transparent;" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(17)" class="gallery-plus image-popup"> <span></span> </button> <h4 class="gallery-title"><a>Pharma Packaging Conferences 2024</a></h4> </div> </div> </div> </div> <div class="portfolio-item filter-bpc space-above" > <div class="gallery-images-wrapp section-2 position-relative"> <div class="image-gallery"> <img src="../dist/images/pages/gallery/BPC-Event4.webp" data-bs-toggle="modal" data-bs-target="#myModal" loading="lazy" alt="Brand Protection Conferences 2024" loading="lazy" decoding="async" class="hover-shadow img-fluid" onclick="openModal();currentSlide(18)"> </div> <div class="overlay"> <div class="overlay-wrap"> <button style="background-color: transparent;" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(18)" class="gallery-plus image-popup"> <span></span> </button> <h4 class="gallery-title"><a>Brand Protection Conferences 2024</a></h4> </div> </div> </div> </div> <div class="portfolio-item filter-psip space-above" > <div class="gallery-images-wrapp section-4 position-relative"> <div class="image-gallery"> <img src="../dist/images/pages/gallery/PSIP-Event2.webp" data-bs-toggle="modal" data-bs-target="#myModal" loading="lazy" alt="Pharma Supply Chain Conferences 2024" loading="lazy" decoding="async" class="hover-shadow img-fluid" onclick="openModal();currentSlide(19)"> </div> <div class="overlay"> <div class="overlay-wrap"> <button style="background-color: transparent;" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(19)" class="gallery-plus image-popup"> <span></span> </button> <h4 class="gallery-title"><a>Pharma Supply Chain Conferences 2024</a></h4> </div> </div> </div> </div> <div class="portfolio-item filter-bpc space-above" > <div class="gallery-images-wrapp section-4 position-relative"> <div class="image-gallery"> <img src="../dist/images/pages/gallery/BPC-Event1.webp" data-bs-toggle="modal" data-bs-target="#myModal" loading="lazy" alt="Brand Protection Conferences 2023" loading="lazy" decoding="async" class="hover-shadow img-fluid" onclick="openModal();currentSlide(20)"> </div> <div class="overlay"> <div class="overlay-wrap"> <button style="background-color: transparent;" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(20)" class="gallery-plus image-popup"> <span></span> </button> <h4 class="gallery-title"><a>Brand Protection Conferences 2023</a></h4> </div> </div> </div> </div> <div class="portfolio-item filter-drcc space-above" > <div class="gallery-images-wrapp section-4 position-relative"> <div class="image-gallery"> <img src="../dist/images/pages/gallery/DRCC-Event2.webp" data-bs-toggle="modal" data-bs-target="#myModal" loading="lazy" alt="Connected Cars Conferences 2024" loading="lazy" decoding="async" class="hover-shadow img-fluid" onclick="openModal();currentSlide(21)"> </div> <div class="overlay"> <div class="overlay-wrap"> <button style="background-color: transparent;" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(21)" class="gallery-plus image-popup"> <span></span> </button> <h4 class="gallery-title"><a>Connected Cars Conferences 2024</a></h4> </div> </div> </div> </div> </div> <div class="col-lg-4 col-md-6"> <div class="portfolio-item filter-dhi space-above" > <div class="gallery-images-wrapp section-1 position-relative"> <div class="image-gallery"> <img src="../dist/images/pages/gallery/DHI-Event3.webp" data-bs-toggle="modal" data-bs-target="#myModal" loading="lazy" alt="Digital Health Conferences 2023" loading="lazy" decoding="async" class="hover-shadow img-fluid" onclick="openModal();currentSlide(22)"> </div> <div class="overlay"> <div class="overlay-wrap"> <button style="background-color: transparent;" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(22)" class="gallery-plus image-popup"> <span></span> </button> <h4 class="gallery-title"><a>Digital Health Conferences 2023</a></h4> </div> </div> </div> </div> <div class="portfolio-item filter-ddip space-above" > <div class="gallery-images-wrapp section-4 position-relative"> <div class="image-gallery"> <img src="../dist/images/pages/gallery/DDIP-Event1.webp" data-bs-toggle="modal" data-bs-target="#myModal" loading="lazy" alt="Drug Discovery Conferences 2024" loading="lazy" decoding="async" class="hover-shadow img-fluid" onclick="openModal();currentSlide(23)"> </div> <div class="overlay"> <div class="overlay-wrap"> <button style="background-color: transparent;" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(23)" class="gallery-plus image-popup"> <span></span> </button> <h4 class="gallery-title"><a>Drug Discovery Conferences 2024</a></h4> </div> </div> </div> </div> <div class="portfolio-item filter-ctip space-above" > <div class="gallery-images-wrapp section-2 position-relative"> <div class="image-gallery"> <img src="../dist/images/pages/gallery/CTIP-Event4.webp" data-bs-toggle="modal" data-bs-target="#myModal" loading="lazy" alt="Clinical Trials Conferences 2024" loading="lazy" decoding="async" class="hover-shadow img-fluid" onclick="openModal();currentSlide(24)"> </div> <div class="overlay"> <div class="overlay-wrap"> <button style="background-color: transparent;" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(24)" class="gallery-plus image-popup"> <span></span> </button> <h4 class="gallery-title"><a>Clinical Trials Conferences 2024</a></h4> </div> </div> </div> </div> <div class="portfolio-item filter-ctip space-above" > <div class="gallery-images-wrapp section-4 position-relative"> <div class="image-gallery"> <img src="../dist/images/pages/gallery/CTIP-Event2.webp" data-bs-toggle="modal" data-bs-target="#myModal" loading="lazy" alt="Clinical Trials Conferences 2024" loading="lazy" decoding="async" class="hover-shadow img-fluid" onclick="openModal();currentSlide(25)"> </div> <div class="overlay"> <div class="overlay-wrap"> <button style="background-color: transparent;" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(25)" class="gallery-plus image-popup"> <span></span> </button> <h4 class="gallery-title"><a>Clinical Trials Conferences 2024</a></h4> </div> </div> </div> </div> <div class="portfolio-item filter-ppl space-above" > <div class="gallery-images-wrapp section-4 position-relative"> <div class="image-gallery"> <img src="../dist/images/pages/gallery/PPL-Event1.webp" data-bs-toggle="modal" data-bs-target="#myModal" loading="lazy" alt="Pharma Packaging Conferences 2024" loading="lazy" decoding="async" class="hover-shadow img-fluid" onclick="openModal();currentSlide(26)"> </div> <div class="overlay"> <div class="overlay-wrap"> <button style="background-color: transparent;" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(26)" class="gallery-plus image-popup"> <span></span> </button> <h4 class="gallery-title"><a>Pharma Packaging Conferences 2024</a></h4> </div> </div> </div> </div> <div class="portfolio-item filter-cts space-above" > <div class="gallery-images-wrapp section-4 position-relative"> <div class="image-gallery"> <img src="../dist/images/pages/gallery/CTS-Event4.webp" data-bs-toggle="modal" data-bs-target="#myModal" loading="lazy" alt="Clinical Trial Supply Conferences 2024" loading="lazy" decoding="async" class="hover-shadow img-fluid" onclick="openModal();currentSlide(27)"> </div> <div class="overlay"> <div class="overlay-wrap"> <button style="background-color: transparent;" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(27)" class="gallery-plus image-popup"> <span></span> </button> <h4 class="gallery-title"><a>Clinical Trial Supply Conferences 2024</a></h4> </div> </div> </div> </div> <div class="portfolio-item filter-psip space-above" > <div class="gallery-images-wrapp section-4 position-relative"> <div class="image-gallery"> <img src="../dist/images/pages/gallery/PSIP-Event3.webp" data-bs-toggle="modal" data-bs-target="#myModal" loading="lazy" alt="Pharma Supply Chain Conferences 2024" loading="lazy" decoding="async" class="hover-shadow img-fluid" onclick="openModal();currentSlide(28)"> </div> <div class="overlay"> <div class="overlay-wrap"> <button style="background-color: transparent;" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(28)" class="gallery-plus image-popup"> <span></span> </button> <h4 class="gallery-title"><a>Pharma Supply Chain Conferences 2024</a></h4> </div> </div> </div> </div> <div class="portfolio-item filter-cts space-above" > <div class="gallery-images-wrapp section-4 position-relative"> <div class="image-gallery"> <img src="../dist/images/pages/gallery/CTS-Event2.webp" data-bs-toggle="modal" data-bs-target="#myModal" loading="lazy" alt="Clinical Trial Supply Conferences 2024" loading="lazy" decoding="async" class="hover-shadow img-fluid" onclick="openModal();currentSlide(29)"> </div> <div class="overlay"> <div class="overlay-wrap"> <button style="background-color: transparent;" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(29)" class="gallery-plus image-popup"> <span></span> </button> <h4 class="gallery-title"><a>Clinical Trial Supply Conferences 2024</a></h4> </div> </div> </div> </div> <div class="portfolio-item filter-drcc space-above" > <div class="gallery-images-wrapp section-4 position-relative"> <div class="image-gallery"> <img src="../dist/images/pages/gallery/DRCC-Event5.webp" data-bs-toggle="modal" data-bs-target="#myModal" loading="lazy" alt="Connected Cars Conferences 2024" loading="lazy" decoding="async" class="hover-shadow img-fluid" onclick="openModal();currentSlide(30)"> </div> <div class="overlay"> <div class="overlay-wrap"> <button style="background-color: transparent;" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(30)" class="gallery-plus image-popup"> <span></span> </button> <h4 class="gallery-title"><a>Connected Cars Conferences 2024</a></h4> </div> </div> </div> </div> <div class="portfolio-item filter-bpc space-above" > <div class="gallery-images-wrapp section-4 position-relative"> <div class="image-gallery"> <img src="../dist/images/pages/gallery/BPC-Event3.webp" data-bs-toggle="modal" data-bs-target="#myModal" loading="lazy" alt="Brand Protection Conferences 2024" loading="lazy" decoding="async" class="hover-shadow img-fluid" onclick="openModal();currentSlide(31)"> </div> <div class="overlay"> <div class="overlay-wrap"> <button style="background-color: transparent;" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(31)" class="gallery-plus image-popup"> <span></span> </button> <h4 class="gallery-title"><a>Brand Protection Conferences 2024</a></h4> </div> </div> </div> </div> <div class="portfolio-item filter-drcc space-above" > <div class="gallery-images-wrapp section-4 position-relative"> <div class="image-gallery"> <img src="../dist/images/pages/gallery/DRCC-Event1.webp" data-bs-toggle="modal" data-bs-target="#myModal" loading="lazy" alt="Connected Cars Conferences 2024" loading="lazy" decoding="async" class="hover-shadow img-fluid" onclick="openModal();currentSlide(32)"> </div> <div class="overlay"> <div class="overlay-wrap"> <button style="background-color: transparent;" data-bs-toggle="modal" data-bs-target="#myModal" onclick="openModal();currentSlide(32)" class="gallery-plus image-popup"> <span></span> </button> <h4 class="gallery-title"><a>Connected Cars Conferences 2024</a></h4> </div> </div> </div> </div> </div> </div> </div> </section> <!-- Lightbox Modal --> <div id="myModal" class="modal gallery-pic fade" aria-hidden="true" aria-labelledby="myModalToggleLabel" tabindex="-1"> <div class="modal-dialog position-relative modal-dialog-centered modal-xl"> <div class="modal-content" style="background: transparent;"> <span class="close cursor" onclick="closeModal()">×</span> <div class="mySlides text-center"> <!--style="width:80%; height: 33rem;"--> <div class="numbertext">1 / 32</div> <img src="../dist/images/pages/gallery/DHI-Event1.webp" class="img-fluid modal-img" alt="World BI" loading="lazy" decoding="async"> </div> <div class="mySlides text-center"> <!--style="width:80%; height: 33rem;"--> <div class="numbertext">2 / 32</div> <img src="../dist/images/pages/gallery/DHI-Event4.webp" class="img-fluid modal-img" alt="World BI" loading="lazy" decoding="async"> </div> <div class="mySlides text-center"> <!--style="width:80%; height: 33rem;"--> <div class="numbertext">3 / 32</div> <img src="../dist/images/pages/gallery/DDIP-Event4.webp" class="img-fluid modal-img" alt="World BI" loading="lazy" decoding="async"> </div> <div class="mySlides text-center"> <!--style="width:80%; height: 33rem;"--> <div class="numbertext">4 / 32</div> <img src="../dist/images/pages/gallery/CTIP-Event1.webp" class="img-fluid modal-img" alt="World BI" loading="lazy" decoding="async"> </div> <div class="mySlides text-center"> <!--style="width:80%; height: 33rem;"--> <div class="numbertext">5 / 32</div> <img src="../dist/images/pages/gallery/CTIP-Event3.webp" class="img-fluid modal-img" alt="World BI" loading="lazy" decoding="async"> </div> <div class="mySlides text-center"> <!--style="width:80%; height: 33rem;"--> <div class="numbertext">6 / 32</div> <img src="../dist/images/pages/gallery/PSIP-Event4.webp" class="img-fluid modal-img" alt="World BI" loading="lazy" decoding="async"> </div> <div class="mySlides text-center"> <!--style="width:80%; height: 33rem;"--> <div class="numbertext">7 / 32</div> <img src="../dist/images/pages/gallery/PSIP-Event1.webp" class="img-fluid modal-img" alt="World BI" loading="lazy" decoding="async"> </div> <div class="mySlides text-center"> <!--style="width:80%; height: 33rem;"--> <div class="numbertext">8 / 32</div> <img src="../dist/images/pages/gallery/CTS-Event1.webp" class="img-fluid modal-img" alt="World BI" loading="lazy" decoding="async"> </div> <div class="mySlides text-center"> <!--style="width:80%; height: 33rem;"--> <div class="numbertext">9 / 32</div> <img src="../dist/images/pages/gallery/DRCC-Event4.webp" class="img-fluid modal-img" alt="World BI" loading="lazy" decoding="async"> </div> <div class="mySlides text-center"> <!--style="width:80%; height: 33rem;"--> <div class="numbertext">10 / 32</div> <img src="../dist/images/pages/gallery/BPC-Event2.webp" class="img-fluid modal-img" alt="World BI" loading="lazy" decoding="async"> </div> <div class="mySlides text-center"> <!--style="width:80%; height: 33rem;"--> <div class="numbertext">11 / 32</div> <img src="../dist/images/pages/gallery/CTS-Event3.webp" class="img-fluid modal-img" alt="World BI" loading="lazy" decoding="async"> </div> <div class="mySlides text-center"> <!--style="width:80%; height: 33rem;"--> <div class="numbertext">12 / 32</div> <img src="../dist/images/pages/gallery/DHI-Event2.webp" class="img-fluid modal-img" alt="World BI" loading="lazy" decoding="async"> </div> <div class="mySlides text-center"> <!--style="width:80%; height: 33rem;"--> <div class="numbertext">13 / 32</div> <img src="../dist/images/pages/gallery/DDIP-Event2.webp" class="img-fluid modal-img" alt="World BI" loading="lazy" decoding="async"> </div> <div class="mySlides text-center"> <!--style="width:80%; height: 33rem;"--> <div class="numbertext">14 / 32</div> <img src="../dist/images/pages/gallery/DDIP-Event3.webp" class="img-fluid modal-img" alt="World BI" loading="lazy" decoding="async"> </div> <div class="mySlides text-center"> <!--style="width:80%; height: 33rem;"--> <div class="numbertext">15 / 32</div> <img src="../dist/images/pages/gallery/PPL-Event2.webp" class="img-fluid modal-img" alt="World BI" loading="lazy" decoding="async"> </div> <div class="mySlides text-center"> <!--style="width:80%; height: 33rem;"--> <div class="numbertext">16 / 32</div> <img src="../dist/images/pages/gallery/PPL-Event4.webp" class="img-fluid modal-img" alt="World BI" loading="lazy" decoding="async"> </div> <div class="mySlides text-center"> <!--style="width:80%; height: 33rem;"--> <div class="numbertext">17 / 32</div> <img src="../dist/images/pages/gallery/PPL-Event3.webp" class="img-fluid modal-img" alt="World BI" loading="lazy" decoding="async"> </div> <div class="mySlides text-center"> <!--style="width:80%; height: 33rem;"--> <div class="numbertext">18 / 32</div> <img src="../dist/images/pages/gallery/BPC-Event4.webp" class="img-fluid modal-img" alt="World BI" loading="lazy" decoding="async"> </div> <div class="mySlides text-center"> <!--style="width:80%; height: 33rem;"--> <div class="numbertext">19 / 32</div> <img src="../dist/images/pages/gallery/PSIP-Event2.webp" class="img-fluid modal-img" alt="World BI" loading="lazy" decoding="async"> </div> <div class="mySlides text-center"> <!--style="width:80%; height: 33rem;"--> <div class="numbertext">20 / 32</div> <img src="../dist/images/pages/gallery/BPC-Event1.webp" class="img-fluid modal-img" alt="World BI" loading="lazy" decoding="async"> </div> <div class="mySlides text-center"> <!--style="width:80%; height: 33rem;"--> <div class="numbertext">21 / 32</div> <img src="../dist/images/pages/gallery/DRCC-Event2.webp" class="img-fluid modal-img" alt="World BI" loading="lazy" decoding="async"> </div> <div class="mySlides text-center"> <!--style="width:80%; height: 33rem;"--> <div class="numbertext">22 / 32</div> <img src="../dist/images/pages/gallery/DHI-Event3.webp" class="img-fluid modal-img" alt="World BI" loading="lazy" decoding="async"> </div> <div class="mySlides text-center"> <!--style="width:80%; height: 33rem;"--> <div class="numbertext">23 / 32</div> <img src="../dist/images/pages/gallery/DDIP-Event1.webp" class="img-fluid modal-img" alt="World BI" loading="lazy" decoding="async"> </div> <div class="mySlides text-center"> <!--style="width:80%; height: 33rem;"--> <div class="numbertext">24 / 32</div> <img src="../dist/images/pages/gallery/CTIP-Event4.webp" class="img-fluid modal-img" alt="World BI" loading="lazy" decoding="async"> </div> <div class="mySlides text-center"> <!--style="width:80%; height: 33rem;"--> <div class="numbertext">25 / 32</div> <img src="../dist/images/pages/gallery/CTIP-Event2.webp" class="img-fluid modal-img" alt="World BI" loading="lazy" decoding="async"> </div> <div class="mySlides text-center"> <!--style="width:80%; height: 33rem;"--> <div class="numbertext">26 / 32</div> <img src="../dist/images/pages/gallery/PPL-Event1.webp" class="img-fluid modal-img" alt="World BI" loading="lazy" decoding="async"> </div> <div class="mySlides text-center"> <!--style="width:80%; height: 33rem;"--> <div class="numbertext">27 / 32</div> <img src="../dist/images/pages/gallery/CTS-Event4.webp" class="img-fluid modal-img" alt="World BI" loading="lazy" decoding="async"> </div> <div class="mySlides text-center"> <!--style="width:80%; height: 33rem;"--> <div class="numbertext">28 / 32</div> <img src="../dist/images/pages/gallery/PSIP-Event3.webp" class="img-fluid modal-img" alt="World BI" loading="lazy" decoding="async"> </div> <div class="mySlides text-center"> <!--style="width:80%; height: 33rem;"--> <div class="numbertext">29 / 32</div> <img src="../dist/images/pages/gallery/CTS-Event2.webp" class="img-fluid modal-img" alt="World BI" loading="lazy" decoding="async"> </div> <div class="mySlides text-center"> <!--style="width:80%; height: 33rem;"--> <div class="numbertext">30 / 32</div> <img src="../dist/images/pages/gallery/DRCC-Event5.webp" class="img-fluid modal-img" alt="World BI" loading="lazy" decoding="async"> </div> <div class="mySlides text-center"> <!--style="width:80%; height: 33rem;"--> <div class="numbertext">31 / 32</div> <img src="../dist/images/pages/gallery/BPC-Event3.webp" class="img-fluid modal-img" alt="World BI" loading="lazy" decoding="async"> </div> <div class="mySlides text-center"> <!--style="width:80%; height: 33rem;"--> <div class="numbertext">32 / 32</div> <img src="../dist/images/pages/gallery/DRCC-Event1.webp" class="img-fluid modal-img" alt="World BI" loading="lazy" decoding="async"> </div> <a class="prev" onclick="plusSlides(-1)">❮</a> <a class="next" onclick="plusSlides(1)">❯</a> </div> </div> </div> <section class="newsletter"> <div class="container"> <div class="newsletter-wrap"> <div class="row" style="align-items: flex-start"> <div class="col-12"> <div class="newsletter-text text-center mb-4"> <h3 class="title"> Subscribe Our <shape class="title-shape-1">Newsletter</shape> </h3> </div> </div> <div class="col-12"> <div id="subscribe_main"> <form id="newsletterForm" class="form newsletter-form needs-validation" novalidate> <div class="row"> <div class="col-lg-5 col-md-6 col-sm-12"> <input type="email" placeholder="Enter Your Email" required class="email-input-field" autocomplete="off" id="email" name="email"/> <div class="valid-feedback"> Looks good! </div> <div class="invalid-feedback"> Please enter a valid email. </div> </div> <div class="col-lg-5 col-md-6 col-sm-12"> <input type="text" placeholder="Enter Your Company Name" required class="email-input-field" autocomplete="off" id="company" name="company"/> <div class="valid-feedback"> Looks good! </div> <div class="invalid-feedback"> Please enter your company name. </div> </div> <!-- Hidden field to capture page name --> <input type="hidden" id="pageName" name="pageName" value="gallery.php"/> <div class="col-lg-2 col-md-12 col-sm-12"> <button class="g-recaptcha btn form-control" data-sitekey="6LeC5Q8nAAAAAFf2m1bHTiCLnAwuwNC4_pY9FlZv" data-callback="onSubmit" data-action="submit"> Subscribe </button> </div> </div> </form> <p class="newsletter-msg"></p> </div> </div> </div> </div> </div> </section> <footer class="footer"> <div class="footer-widget text-center"> <div class="container"> <!-- Footer Logo Start --> <div class="footer-logo"> <a href="https://www.worldbigroup.com/"><img class="img-fluid" src="../dist/images/world BI logo.png" alt="WorldBI Logo" width="26%" /></a> </div> <!-- Footer Logo End --> <div class="footer-menu"> <ul class="d-flex text-white justify-content-space-between" style="flex-wrap: wrap"> <li><a href="https://www.worldbigroup.com/">Home</a></li> <li><a href="../about-us">About Us</a></li> <li><a href="https://worldbigroup.com/marketplace">Marketplace</a></li> <li><a href="../testimonails">Testimonials</a></li> <li><a href="https://worldbigroup.com/Event-blogs/">Industry Blogs</a></li> <li><a href="../contact-us">Contact Us</a></li> </ul> </div> <div class="footer-menu text-white text-start company-location"> <div class="row"> <div class="col-lg-3 col-md-6 col-sm-12"> <h5>Call Us:</h5> <p><i class="fas fa-light fa-phone"></i> <a style="color: #fff;text-decoration: none;" href="tel: 020 3004 8847">020 3004 8847</a></p> </div> <div class="col-lg-3 col-md-6 col-sm-12"> <h5>Email Us:</h5> <p><i class="fas fa-light fa-envelope"></i> <a style="color: #fff;text-decoration: none;" href="mailto: info@worldbigroup.com">info@worldbigroup.com</a></p> </div> <div class="col-lg-3 col-md-6 col-sm-12"> <h5>Our Location</h5> <p><i class="fas fa-light fa-location-dot"></i> WorldBI, Office 7, 35-37 Ludgate Hill, London. EC4M 7JN</p> </div> <div class="col-lg-3 col-md-6 col-sm-12"> <h5 style="visibility: hidden;">Our Location</h5> <p style="font-size: 14.2px;"><i class="fas fa-light fa-location-dot"></i> Canada Office: 55 Village Centre Place, Suite 200, Mississauga, ON, L4Z 1VP</p> </div> </div> </div> <!-- Footer widget Social Start --> <div class="footer-widget-social footer-space"> <a href="https://twitter.com/worldbi_uk"><i class="fab fa-twitter"></i></a> <a href="https://www.facebook.com/worldbigroup"><i class="fab fa-facebook-f"></i></a> <a href="https://www.instagram.com/_worldbi_/"><i class="fab fa-instagram"></i></a> <a href="https://www.linkedin.com/company/world-bi"><i class="fab fa-linkedin"></i></a> <a href="https://www.youtube.com/channel/UCmENNVvbz_ojHcRI2OUrfow"><i class="fab fa-youtube"></i></a> <a href="https://www.flickr.com/people/196701978@N06/"><i class="fab fa-flickr"></i></a> <a href="https://www.tiktok.com/@worldbigroup?is_from_webapp=1&sender_device=pc "><i class="fa-brands fa-tiktok"></i></a> <a href="https://www.pinterest.com/worldbigroup/ "><i class="fab fa-pinterest"></i></a> </div> <!-- Footer widget Social End --> <!-- Footer Copyright Start --> <div class="footer-copyright"> <p> 漏 Copyright 2025 All Rights Reserved. </p> </div> <!-- Footer Copyright End --> </div> </div> </footer> <!--<div class="progress-wrap active-progress">--> <!-- <i class="fas fa-sharp fa-light fa-arrow-up"></i> --> <!-- <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">--> <!-- <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="--> <!-- transition: stroke-dashoffset 10ms linear 0s;--> <!-- stroke-dasharray: 307.919, 307.919;--> <!-- stroke-dashoffset: 9.98604;--> <!-- "></path>--> <!-- </svg>--> <!--</div>--> <script src="dist/js/bootstrap5/bootstrap.bundle.min.js"></script> <script src="dist/js/jquery-1.12.4.min.js"></script> <!--<script src="../js/backToTop.js"></script>--> <script src="dist/js/index.js"></script> <!-- Filter Script--> <script> // Function to handle the filter based on URL hash function applyFilterFromHash() { const hash = window.location.hash.substring(1); // Remove the '#' const filterClass = hash ? `filter-${hash}` : 'all'; const filterButtons = document.querySelectorAll('.filter-data'); filterButtons.forEach(button => { if (button.dataset.filter === filterClass) { button.classList.add('active'); } else { button.classList.remove('active'); } }); const portfolioItems = document.querySelectorAll('.portfolio-item'); portfolioItems.forEach(item => { if (filterClass === 'all' || item.classList.contains(filterClass)) { item.style.display = 'block'; } else { item.style.display = 'none'; } }); } // Function to update the URL hash when a filter button is clicked function updateHashOnClick() { const filterButtons = document.querySelectorAll('.filter-data'); filterButtons.forEach(button => { button.addEventListener('click', () => { const filter = button.dataset.filter === 'all' ? '' : button.dataset.filter.replace('filter-', ''); window.location.hash = filter; }); }); } // Apply filter on page load based on URL hash window.addEventListener('load', () => { applyFilterFromHash(); updateHashOnClick(); }); // Apply filter when hash changes window.addEventListener('hashchange', applyFilterFromHash); </script> <script> function openModal() { console.log("Modal opening..."); $('#myModal').modal('show'); } function closeModal() { console.log("Modal closing..."); $('#myModal').modal('hide'); } var slideIndex = 1; showSlides(slideIndex); function plusSlides(n) { showSlides(slideIndex += n); } function currentSlide(n) { showSlides(slideIndex = n); } function showSlides(n) { var i; var slides = document.getElementsByClassName("mySlides"); if (n > slides.length) { slideIndex = 1 } if (n < 1) { slideIndex = slides.length } for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } slides[slideIndex - 1].style.display = "flex"; } </script> <script> document.addEventListener("DOMContentLoaded", function () { document.querySelectorAll(".modal-img").forEach(img => { img.onload = function () { checkImageDimensions(img); }; }); // Apply when modal opens document.getElementById("myModal").addEventListener("shown.bs.modal", function () { document.querySelectorAll(".modal-img").forEach(img => { checkImageDimensions(img); }); }); function checkImageDimensions(img) { let width = img.naturalWidth; let height = img.naturalHeight; // Define cases for specific dimensions const specialDimensions = [ { width: 1500, height: 2223 }, { width: 6250, height: 9263 } ]; // Check if the image matches any special dimension if (specialDimensions.some(dim => dim.width === width && dim.height === height)) { img.classList.add("tall-image"); } } }); </script> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MCWH9GB" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> </body> </html>