Exhibition Booth Gallery<\/title>\n <style>\n .header {\n text-align: center;\n margin-bottom: 60px;\n }\n\n .header h1 {\n font-size: 2.5em;\n color: #1a6c37;\n margin-bottom: 10px;\n font-weight: 600;\n }\n\n .header p {\n font-size: 1.1em;\n color: #666;\n }\n\n .booth-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n margin-bottom: 50px;\n padding: 30px;\n background: #ffffff;\n border: 2px solid #e8e8e8;\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n\n .booth-row:hover {\n border-color: #1897f2;\n box-shadow: 0 8px 25px rgba(24, 151, 242, 0.1);\n }\n\n .gallery-section {\n display: flex;\n flex-direction: column;\n }\n\n .main-image-container {\n position: relative;\n width: 100%;\n height: 400px;\n background: #f5f5f5;\n border: 2px solid #e8e8e8;\n border-radius: 8px;\n overflow: hidden;\n margin-bottom: 15px;\n cursor: pointer;\n }\n\n .image-slide {\n position: absolute;\n width: 100%;\n height: 100%;\n opacity: 0;\n transition: opacity 0.8s ease-in-out;\n }\n\n .image-slide.active {\n opacity: 1;\n }\n\n .main-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n .image-placeholder {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n color: #999;\n }\n\n .image-placeholder svg {\n width: 80px;\n height: 80px;\n margin-bottom: 15px;\n stroke: #ccc;\n }\n\n .image-placeholder p {\n font-size: 1.1em;\n }\n\n .image-number {\n position: absolute;\n top: 15px;\n right: 15px;\n background: rgba(26, 108, 55, 0.9);\n color: white;\n padding: 8px 16px;\n border-radius: 6px;\n font-weight: 600;\n font-size: 0.9em;\n }\n\n .thumbnail-strip {\n display: flex;\n gap: 12px;\n justify-content: center;\n }\n\n .thumbnail {\n width: 100px;\n height: 100px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 3px solid #e8e8e8;\n transition: all 0.2s ease;\n background: #f5f5f5;\n }\n\n .thumbnail:hover {\n border-color: #1897f2;\n transform: scale(1.05);\n }\n\n .thumbnail.active {\n border-color: #1a6c37;\n }\n\n .thumbnail img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n .thumbnail-placeholder {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f0f0f0;\n color: #999;\n font-weight: 600;\n font-size: 1.2em;\n }\n\n .details-section {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n\n .booth-header {\n margin-bottom: 25px;\n }\n\n .booth-type {\n color: #1897f2;\n font-size: 0.9em;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 8px;\n }\n\n .booth-title {\n font-size: 2em;\n color: #1a6c37;\n margin-bottom: 10px;\n font-weight: 600;\n }\n\n .booth-dimensions {\n font-size: 1.5em;\n color: #333;\n font-weight: 700;\n }\n\n .info-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n margin-bottom: 25px;\n padding: 20px;\n background: #f9f9f9;\n border-radius: 6px;\n }\n\n .info-item {\n text-align: center;\n }\n\n .info-label {\n color: #666;\n font-size: 0.85em;\n margin-bottom: 5px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .info-value {\n color: #1a6c37;\n font-size: 1.3em;\n font-weight: 700;\n }\n\n .features-list {\n margin-bottom: 25px;\n padding: 20px;\n background: #f9f9f9;\n border-radius: 6px;\n border-left: 4px solid #1897f2;\n }\n\n .features-list h4 {\n color: #1a6c37;\n margin-bottom: 15px;\n font-size: 1.1em;\n font-weight: 600;\n }\n\n .features-list ul {\n list-style: none;\n padding: 0;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 10px;\n }\n\n .features-list li {\n padding: 0px 0;\n color: #555;\n font-size: 0.95em;\n padding-left: 25px;\n position: relative;\n }\n\n .features-list li::before {\n content: \"\u2713\";\n color: #1897f2;\n font-weight: bold;\n position: absolute;\n left: 0;\n font-size: 1.2em;\n }\n\n .cta-button {\n width: 100%;\n padding: 16px;\n background: #1897f2;\n color: white;\n border: none;\n border-radius: 6px;\n font-size: 1.1em;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n\n .cta-button:hover {\n background: #1578c9;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(24, 151, 242, 0.3);\n }\n\n .modal {\n display: none;\n position: fixed;\n z-index: 1000;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.9);\n }\n\n .modal.active {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .modal-content {\n max-width: 90%;\n max-height: 90%;\n object-fit: contain;\n }\n\n .close-modal {\n position: absolute;\n top: 20px;\n right: 30px;\n color: white;\n font-size: 40px;\n font-weight: bold;\n cursor: pointer;\n transition: transform 0.2s ease;\n }\n\n .close-modal:hover {\n transform: scale(1.1);\n }\n\n @media (max-width: 1024px) {\n .booth-row {\n grid-template-columns: 1fr;\n gap: 30px;\n }\n\n .main-image-container {\n height: 350px;\n }\n\n .features-list ul {\n grid-template-columns: 1fr;\n }\n }\n\n @media (max-width: 768px) {\n .header h1 {\n font-size: 2em;\n }\n\n .booth-row {\n padding: 20px;\n }\n\n .main-image-container {\n height: 280px;\n }\n\n .booth-title {\n font-size: 1.6em;\n }\n\n .info-grid {\n grid-template-columns: 1fr;\n }\n\n .thumbnail {\n width: 80px;\n height: 80px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <h1>Exhibition Booth Options<\/h1>\n <p>Choose the perfect space for your brand<\/p>\n <\/div>\n\n \n <div class=\"booth-row\">\n <div class=\"gallery-section\">\n <div class=\"main-image-container\" onclick=\"openModal('booth3', 0)\">\n <div class=\"image-slide active\">\n <img decoding=\"async\" src=\"http:\/\/rwandaminingweek.rw\/wp-content\/uploads\/2025\/10\/b3-3.jpg\" alt=\"9\u00d74m Booth - View 1\" class=\"main-image\">\n <\/div>\n <div class=\"image-slide\">\n <img decoding=\"async\" src=\"http:\/\/rwandaminingweek.rw\/wp-content\/uploads\/2025\/10\/b3-2.jpg\" alt=\"9\u00d74m Booth - View 2\" class=\"main-image\">\n <\/div>\n <div class=\"image-slide\">\n <img decoding=\"async\" src=\"http:\/\/rwandaminingweek.rw\/wp-content\/uploads\/2025\/10\/b3-1.jpg\" alt=\"9\u00d74m Booth - View 3\" class=\"main-image\">\n <\/div>\n <div class=\"image-number\">1 \/ 3<\/div>\n <\/div>\n\n <div class=\"thumbnail-strip\">\n <div class=\"thumbnail active\" onclick=\"changeImage('booth3', 0)\">\n <img decoding=\"async\" src=\"http:\/\/rwandaminingweek.rw\/wp-content\/uploads\/2025\/10\/b3-3.jpg\" alt=\"Thumbnail 1\">\n <\/div>\n <div class=\"thumbnail\" onclick=\"changeImage('booth3', 1)\">\n <img decoding=\"async\" src=\"http:\/\/rwandaminingweek.rw\/wp-content\/uploads\/2025\/10\/b3-2.jpg\" alt=\"Thumbnail 2\">\n <\/div>\n <div class=\"thumbnail\" onclick=\"changeImage('booth3', 2)\">\n <img decoding=\"async\" src=\"http:\/\/rwandaminingweek.rw\/wp-content\/uploads\/2025\/10\/b3-1.jpg\" alt=\"Thumbnail 3\">\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"details-section\">\n <div>\n <div class=\"booth-header\">\n <h2 class=\"booth-title\">Pavilion Booth<\/h2>\n <div class=\"booth-dimensions\">9m \u00d7 4m<\/div>\n <\/div>\n\n <div class=\"info-grid\">\n <div class=\"info-item\">\n <div class=\"info-label\">Total Space<\/div>\n <div class=\"info-value\">36m\u00b2<\/div>\n <\/div>\n <div class=\"info-item\">\n <div class=\"info-label\">Staff Capacity<\/div>\n <div class=\"info-value\">10+<\/div>\n <\/div>\n <\/div>\n\n <div class=\"features-list\">\n <h4>What's Included<\/h4>\n <ul>\n <li>Premium structure<\/li>\n <li>Exclusive branding<\/li>\n <li>8 spotlights<\/li>\n <li>4 tables<\/li>\n <li>8 chairs<\/li>\n <li>Power outlets<\/li>\n <li>Meeting area<\/li>\n <li>Storage room<\/li>\n <li>Wi-Fi connection<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <button class=\"cta-button\">Book This Booth<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"booth-row\">\n <div class=\"gallery-section\">\n <div class=\"main-image-container\" onclick=\"openModal('booth2', 0)\">\n <div class=\"image-slide active\">\n <img decoding=\"async\" src=\"http:\/\/rwandaminingweek.rw\/wp-content\/uploads\/2025\/10\/b2-1.jpg\" alt=\"6\u00d73m Booth - View 1\" class=\"main-image\">\n <\/div>\n <div class=\"image-slide\">\n <img decoding=\"async\" src=\"http:\/\/rwandaminingweek.rw\/wp-content\/uploads\/2025\/10\/b2-2.jpg\" alt=\"6\u00d73m Booth - View 2\" class=\"main-image\">\n <\/div>\n <div class=\"image-slide\">\n <img decoding=\"async\" src=\"http:\/\/rwandaminingweek.rw\/wp-content\/uploads\/2025\/10\/b2-3.jpg\" alt=\"6\u00d73m Booth - View 3\" class=\"main-image\">\n <\/div>\n <div class=\"image-number\">1 \/ 3<\/div>\n <\/div>\n\n <div class=\"thumbnail-strip\">\n <div class=\"thumbnail active\" onclick=\"changeImage('booth2', 0)\">\n <img decoding=\"async\" src=\"http:\/\/rwandaminingweek.rw\/wp-content\/uploads\/2025\/10\/b2-1.jpg\" alt=\"Thumbnail 1\">\n <\/div>\n <div class=\"thumbnail\" onclick=\"changeImage('booth2', 1)\">\n <img decoding=\"async\" src=\"http:\/\/rwandaminingweek.rw\/wp-content\/uploads\/2025\/10\/b2-2.jpg\" alt=\"Thumbnail 2\">\n <\/div>\n <div class=\"thumbnail\" onclick=\"changeImage('booth2', 2)\">\n <img decoding=\"async\" src=\"http:\/\/rwandaminingweek.rw\/wp-content\/uploads\/2025\/10\/b2-3.jpg\" alt=\"Thumbnail 3\">\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"details-section\">\n <div>\n <div class=\"booth-header\">\n <h2 class=\"booth-title\">Premium Booth<\/h2>\n <div class=\"booth-dimensions\">6m \u00d7 3m<\/div>\n <\/div>\n\n <div class=\"info-grid\">\n <div class=\"info-item\">\n <div class=\"info-label\">Total Space<\/div>\n <div class=\"info-value\">18m\u00b2<\/div>\n <\/div>\n <div class=\"info-item\">\n <div class=\"info-label\">Staff Capacity<\/div>\n <div class=\"info-value\">6-8<\/div>\n <\/div>\n <\/div>\n\n <div class=\"features-list\">\n <h4>What's Included<\/h4>\n <ul>\n <li>Enhanced structure<\/li>\n <li>Large fascia<\/li>\n <li>4 spotlights<\/li>\n <li>2 tables<\/li>\n <li>4 chairs<\/li>\n <li>Power outlets<\/li>\n <li>Storage area<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <button class=\"cta-button\">Book This Booth<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"booth-row\">\n <div class=\"gallery-section\">\n <div class=\"main-image-container\" onclick=\"openModal('booth1', 0)\">\n <div class=\"image-slide active\">\n <img decoding=\"async\" src=\"http:\/\/rwandaminingweek.rw\/wp-content\/uploads\/2025\/10\/b1-3.jpg\" alt=\"3\u00d73m Booth - View 1\" class=\"main-image\">\n <\/div>\n <div class=\"image-slide\">\n <img decoding=\"async\" src=\"http:\/\/rwandaminingweek.rw\/wp-content\/uploads\/2025\/10\/b1-2.jpg\" alt=\"3\u00d73m Booth - View 2\" class=\"main-image\">\n <\/div>\n <div class=\"image-slide\">\n <img decoding=\"async\" src=\"http:\/\/rwandaminingweek.rw\/wp-content\/uploads\/2025\/10\/b1-1.jpg\" alt=\"3\u00d73m Booth - View 3\" class=\"main-image\">\n <\/div>\n <div class=\"image-number\">1 \/ 3<\/div>\n <\/div>\n\n <div class=\"thumbnail-strip\">\n <div class=\"thumbnail active\" onclick=\"changeImage('booth1', 0)\">\n <img decoding=\"async\" src=\"http:\/\/rwandaminingweek.rw\/wp-content\/uploads\/2025\/10\/b1-3.jpg\" alt=\"Thumbnail 1\">\n <\/div>\n <div class=\"thumbnail\" onclick=\"changeImage('booth1', 1)\">\n <img decoding=\"async\" src=\"http:\/\/rwandaminingweek.rw\/wp-content\/uploads\/2025\/10\/b1-2.jpg\" alt=\"Thumbnail 2\">\n <\/div>\n <div class=\"thumbnail\" onclick=\"changeImage('booth1', 2)\">\n <img decoding=\"async\" src=\"http:\/\/rwandaminingweek.rw\/wp-content\/uploads\/2025\/10\/b1-1.jpg\" alt=\"Thumbnail 3\">\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"details-section\">\n <div>\n <div class=\"booth-header\">\n <h2 class=\"booth-title\">Standard Booth<\/h2>\n <div class=\"booth-dimensions\">3m \u00d7 3m<\/div>\n <\/div>\n\n <div class=\"info-grid\">\n <div class=\"info-item\">\n <div class=\"info-label\">Total Space<\/div>\n <div class=\"info-value\">9m\u00b2<\/div>\n <\/div>\n <div class=\"info-item\">\n <div class=\"info-label\">Staff Capacity<\/div>\n <div class=\"info-value\">3-5<\/div>\n <\/div>\n <\/div>\n\n <div class=\"features-list\">\n <h4>What's Included<\/h4>\n <ul>\n <li>Booth structure<\/li>\n <li>Company fascia<\/li>\n <li>2 spotlights<\/li>\n <li>1 table<\/li>\n <li>2 chairs<\/li>\n <li>Power outlet<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <button class=\"cta-button\">Book This Booth<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"imageModal\" class=\"modal\" onclick=\"closeModal()\">\n <span class=\"close-modal\">×<\/span>\n <img class=\"modal-content\" id=\"modalImage\">\n <\/div>\n\n <script>\n const AUTO_SLIDE_INTERVAL = 4000;\n let autoSlideTimers = {};\n\n function changeImage(boothId, imageIndex, isAutoSlide = false) {\n const boothIndex = boothId === 'booth1' ? 2 : boothId === 'booth2' ? 1 : 0;\n const booth = document.querySelectorAll('.booth-row')[boothIndex];\n \n const mainContainer = booth.querySelector('.main-image-container');\n const slides = mainContainer.querySelectorAll('.image-slide');\n const thumbnails = booth.querySelectorAll('.thumbnail');\n const imageNumber = booth.querySelector('.image-number');\n \n slides.forEach(slide => slide.classList.remove('active'));\n slides[imageIndex].classList.add('active');\n \n thumbnails.forEach((thumb, index) => {\n thumb.classList.toggle('active', index === imageIndex);\n });\n \n imageNumber.textContent = `${imageIndex + 1} \/ 3`;\n\n if (!isAutoSlide) {\n startAutoSlide(boothId);\n }\n }\n\n function startAutoSlide(boothId) {\n if (autoSlideTimers[boothId]) {\n clearInterval(autoSlideTimers[boothId]);\n }\n\n const boothIndex = boothId === 'booth1' ? 2 : boothId === 'booth2' ? 1 : 0;\n const booth = document.querySelectorAll('.booth-row')[boothIndex];\n const slides = booth.querySelectorAll('.image-slide');\n \n let currentIndex = 0;\n slides.forEach((slide, index) => {\n if (slide.classList.contains('active')) {\n currentIndex = index;\n }\n });\n\n autoSlideTimers[boothId] = setInterval(() => {\n currentIndex = (currentIndex + 1) % 3;\n changeImage(boothId, currentIndex, true);\n }, AUTO_SLIDE_INTERVAL);\n }\n\n function pauseAutoSlide(boothId) {\n if (autoSlideTimers[boothId]) {\n clearInterval(autoSlideTimers[boothId]);\n }\n }\n\n function openModal(boothId, imageIndex) {\n const modal = document.getElementById('imageModal');\n const modalImage = document.getElementById('modalImage');\n \n const boothIndex = boothId === 'booth1' ? 2 : boothId === 'booth2' ? 1 : 0;\n const booth = document.querySelectorAll('.booth-row')[boothIndex];\n const activeSlide = booth.querySelector('.image-slide.active img');\n \n modalImage.src = activeSlide.src;\n modal.classList.add('active');\n \n pauseAutoSlide(boothId);\n }\n\n function closeModal() {\n const modal = document.getElementById('imageModal');\n modal.classList.remove('active');\n \n startAutoSlide('booth1');\n startAutoSlide('booth2');\n startAutoSlide('booth3');\n }\n\n document.getElementById('modalImage').addEventListener('click', function(e) {\n e.stopPropagation();\n });\n\n document.querySelectorAll('.cta-button').forEach(button => {\n button.addEventListener('click', function() {\n window.location.href = 'https:\/\/rwandaminingweek.rw\/index.php\/sponsorship-packages\/';\n });\n });\n\n window.addEventListener('load', () => {\n startAutoSlide('booth1');\n startAutoSlide('booth2');\n startAutoSlide('booth3');\n });\n\n document.querySelectorAll('.booth-row').forEach((booth, index) => {\n const boothId = index === 0 ? 'booth3' : index === 1 ? 'booth2' : 'booth1';\n \n booth.querySelector('.gallery-section').addEventListener('mouseenter', () => {\n pauseAutoSlide(boothId);\n });\n \n booth.querySelector('.gallery-section').addEventListener('mouseleave', () => {\n startAutoSlide(boothId);\n });\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Exhibition Booth Gallery Exhibition Booth Options Choose the perfect space for your brand 1 \/ 3 Pavilion Booth 9m \u00d7 4m Total Space 36m\u00b2 Staff Capacity 10+ What’s Included Premium structure Exclusive branding 8 spotlights 4 tables 8 chairs Power outlets Meeting area Storage room Wi-Fi connection Book This Booth 1 \/ 3 Premium Booth…<\/p>\n","protected":false},"author":1,"featured_media":987951,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-988228","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/rwandaminingweek.rw\/index.php\/wp-json\/wp\/v2\/pages\/988228","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rwandaminingweek.rw\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rwandaminingweek.rw\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rwandaminingweek.rw\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rwandaminingweek.rw\/index.php\/wp-json\/wp\/v2\/comments?post=988228"}],"version-history":[{"count":22,"href":"https:\/\/rwandaminingweek.rw\/index.php\/wp-json\/wp\/v2\/pages\/988228\/revisions"}],"predecessor-version":[{"id":988508,"href":"https:\/\/rwandaminingweek.rw\/index.php\/wp-json\/wp\/v2\/pages\/988228\/revisions\/988508"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rwandaminingweek.rw\/index.php\/wp-json\/wp\/v2\/media\/987951"}],"wp:attachment":[{"href":"https:\/\/rwandaminingweek.rw\/index.php\/wp-json\/wp\/v2\/media?parent=988228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}