{"id":"20260803231101-e23f0ac83b82","community_id":362,"path":"\/var\/www\/html\/public\/themes\/idh\/default\/views\/templates\/362\/committees.html","base_id":null,"prompt":"Update the Gain Lifelong Impact call-to-action section.\nChange the background color of the entire section to #1A3B5E.\nApply this color consistently across the full width of the section.\nKeep all other design elements unchanged, including the typography, spacing, button style, padding, border radius, and layout.\nEnsure the white text and button maintain sufficient contrast against the new background color for accessibility.\nMatch the appearance and styling of the blue call-to-action sections used elsewhere on the DJC website, using #1A3B5E as the background color.","html":"<!DOCTYPE html>\n<html lang=\"en\">\n    <head>\n        <meta charset=\"UTF-8\">\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\n        <title>Committees | Dallas Junior Chamber \u2013 Lead & Make an Impact<\/title>\n        <!-- Google Fonts & Font Awesome -->\n        <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\">\n        <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n        <link rel=\"icon\" href=\"favicon.png\">\n        <link rel=\"stylesheet\" href=\"style-comm.css\">\n    <\/head>\n    <body>\n        <div class=\"menu-overlay\" id=\"menuOverlay\">\n        <\/div>\n        <!-- NAVBAR -->\n        <nav class=\"navbar\">\n            <button class=\"menu-toggle\" id=\"menuToggle\" aria-label=\"Menu\">\n                <i class=\"fas fa-bars\"><\/i>\n            <\/button>\n            <div class=\"logo-container\">\n                <a href=\"https:\/\/dallasjuniorchamber.org\/c\/362\/\"><img src=\"https:\/\/mspost.idhubs.com\/uploads\/community\/362\/87833aeba78d85c95e0e757efb71cf23.png\" alt=\"DJC Logo\" class=\"logo-img\">\n            <\/div>\n            <div class=\"nav-links\" id=\"navLinks\">\n                <a href=\"https:\/\/dallasjuniorchamber.org\/c\/362\">Home<\/a>\n                <a href=\"https:\/\/dallasjuniorchamber.org\/c\/362\/stat\/about.html\">About Us<\/a>\n                <div class=\"dropdown\" id=\"involvedDropdown\">\n                    <a href=\"javascript:void(0)\" class=\"dropdownToggle\">Get Involved <i class=\"fas fa-chevron-down\"><\/i><\/a>\n                    <div class=\"dropdown-menu\">\n                        <a href=\"https:\/\/dallasjuniorchamber.org\/c\/362\/stat\/membership.html\">Membership<\/a>\n                        <a href=\"https:\/\/dallasjuniorchamber.org\/c\/362\/stat\/opportunities.html\">View Opportunities<\/a>\n                        <a href=\"https:\/\/dallasjuniorchamber.org\/c\/362\/stat\/committees.html\" style=\"font-weight:600;\">Join a Committee<\/a>\n                    <\/div>\n                <\/div>\n                <a href=\"https:\/\/dallasjuniorchamber.org\/c\/362\/stat\/index.html#leadership\">Leadership<\/a>\n                <div class=\"dropdown\" id=\"resourcesDropdown\">\n                    <a href=\"javascript:void(0)\" class=\"dropdownToggle\">Resources <i class=\"fas fa-chevron-down\"><\/i><\/a>\n                    <div class=\"dropdown-menu\">\n                        <a href=\"https:\/\/dallasjuniorchamber.org\/c\/362\/stat\/building-relationships.html\">Building Professional Relationships<\/a>\n                        <a href=\"https:\/\/dallasjuniorchamber.org\/c\/362\/stat\/best-practices.html\">Best Practices for Networking<\/a>\n                        <a href=\"https:\/\/dallasjuniorchamber.org\/c\/362\/stat\/networking-groups.html\" style=\"font-weight:600;\">Networking Groups In Dallas<\/a>\n                        <!--   <a href=\"https:\/\/dallasjuniorchamber.org\/c\/362\/dashboardfeeds\" style=\"font-weight:600;\">Blogs<\/a> -->\n                    <\/div>\n                <\/div>\n                <!--  <a href=\"https:\/\/dallasjuniorchamber.org\/c\/362\/login\" style=\"padding:8px 25px;background:#1a3b5d;color:#fefcf7;text-decoration:none;border:1px solid #215F9A;border-radius:14px\" onmouseover=\"this.style.background='#fefcf7';this.style.color='#215F9A';this.style.borderColor='#000000'\" onmouseout=\"this.style.background='#1a3b5d';this.style.color='#fefcf7';this.style.borderColor='#000000'\">Sign in<\/a> -->\n            <\/div>\n        <\/nav>\n        <!-- ========== HERO GALLERY SECTION (FULLY FUNCTIONAL CAROUSEL) ========== -->\n        <div class=\"hero-gallery\">\n            <div class=\"gallery-container\" id=\"galleryContainer\">\n                <!-- Gallery Slides - DJC imagery -->\n                <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/mspost.idhubs.com\/uploads\/community\/362\/8cf0e394149012b6450cddae4bca95bc.png');\">\n                <\/div>\n                <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/mspost.idhubs.com\/uploads\/community\/362\/90deb03d1b6f4ca87725ddfd6b00d351.jpg');\">\n                <\/div>\n                <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/mspost.idhubs.com\/uploads\/community\/362\/809ff0246dc903d4082cccdf7e7ed7e1.jpg');\">\n                <\/div>\n                <!-- Navigation Arrows -->\n                <button class=\"gallery-arrow prev-arrow\" id=\"prevBtn\" aria-label=\"Previous slide\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\n                <button class=\"gallery-arrow next-arrow\" id=\"nextBtn\" aria-label=\"Next slide\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\n                <!-- Dot Indicators Container -->\n                <div class=\"gallery-controls\" id=\"galleryDots\">\n                <\/div>\n                <!-- Overlay Text -->\n                <div class=\"hero-overlay\">\n                    <h1>Committees<\/h1>\n                    <p>Where the work gets done, skills are sharpened, and lasting connections are forged. Join a committee and help shape DJC's impact in Dallas.<\/p>\n                    <div>\n                        <a href=\"https:\/\/dallasjuniorchamber.org\/c\/362\/stat\/membership.html\" class=\"btn-outline-light\">Become a Member<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <!-- Intro & Commitment Section -->\n        <section class=\"intro-section\" id=\"intro-committees\">\n            <div class=\"intro-card\">\n                <h2>Get Involved. Lead the Change.<\/h2>\n                <p>DJC committees give members the opportunity to contribute to meaningful programs and initiatives while building practical skills, professional relationships, and leadership experience. Most committees require approximately two hours of participation per week, depending on current projects and events.<\/p>\n                <div class=\"commitment-badge\">\n                    <i class=\"fas fa-clock\"><\/i> ~2 hours per week \u00b7 Flexible and impactful\n                <\/div>\n                <p style=\"margin-top: 28px;\">Explore the opportunities below and find a committee that aligns with your interests and professional goals. To learn more or get connected, email <a href=\"mailto:admin@dallasjuniorchamber.org\" class=\"email-link\">admin@dallasjuniorchamber.org<\/a>.<\/p>\n            <\/div>\n        <\/section>\n        <!-- COMMITTEES GRID -->\n        <section class=\"committees-grid-section\">\n            <div class=\"section-header\">\n                <h2>Join a Committee That Fits You<\/h2>\n                <div class=\"accent-line\">\n                <\/div>\n                <p style=\"margin-top: 18px; max-width: 660px; margin-left: auto; margin-right: auto; color: #3a546d;\">Contribute to DJC's growth while gaining hands-on experience in leadership, event planning, marketing, membership engagement, fundraising, and relationship building.<\/p>\n            <\/div>\n            <div class=\"committees-grid\">\n                <!-- OPERATIONS -->\n                <div class=\"committee-card\">\n                    <h3>Operations<\/h3>\n                    <p>Responsible for creating and executing the bulk of DJC's programs and projects such as Voter Education Series, Fireside Chat Series, cocktail mixers, and other live events. If you have experience with event planning this is a great committee to join!<\/p>\n                    <span class=\"skills-tag\">Event planning \u00b7 Logistics \u00b7 Programming<\/span>\n                <\/div>\n                <!-- MEMBERSHIP -->\n                <div class=\"committee-card\">\n                    <h3>Membership<\/h3>\n                    <p>Help DJC recruit and retain our member base as well as develop and manage member benefits programs. If you're great at connecting and interacting with people and being an ambassador for the Chamber, this committee is for you!<\/p>\n                    <span class=\"skills-tag\">Ambassador role \u00b7 Member experience \u00b7 Retention<\/span>\n                <\/div>\n                <!-- PHILANTHROPY -->\n                <div class=\"committee-card\">\n                    <h3>Philanthropy<\/h3>\n                    <p>Have you ever raised funds or managed donors or sponsors? This is the committee for you! Philanthropy committee oversees donor and sponsor relations for the Chamber.<\/p>\n                    <span class=\"skills-tag\">Fundraising \u00b7 Sponsor relations \u00b7 Development<\/span>\n                <\/div>\n                <!-- MARKETING -->\n                <div class=\"committee-card\">\n                    <h3>Marketing<\/h3>\n                    <p>Are you a marketing professional? Are you great with social media and email campaigns or graphic design? This committee oversees all of our marketing and communication initiatives.<\/p>\n                    <span class=\"skills-tag\">Social media \u00b7 Design \u00b7 Email campaigns<\/span>\n                <\/div>\n            <\/div>\n        <\/section>\n        <!-- Impact + Call to Action -->\n        <section class=\"impact-section\" style=\"background-color: #1A3B5E; width: 100%;\">\n            <h2>Gain Lifelong Impact<\/h2>\n            <p>Whether you're a seasoned leader or just starting out, DJC committees provide a supportive space to grow, build meaningful relationships, and make a real difference in Dallas.<\/p>\n            <a href=\"mailto:admin@dallasjuniorchamber.org\" class=\"btn-light-outline\"><i class=\"fas fa-envelope\"><\/i> Express Interest \u2192<\/a>\n            <p style=\"margin-top: 28px; font-size: 0.9rem;\">Not sure which committee fits? Reach out and we'll help you find your place.<\/p>\n        <\/section>\n        <!-- FOOTER -->\n        <footer>\n            <div class=\"footer-inner\">\n                <div>\n                    <div style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 18px;\">\n                        <img src=\"https:\/\/mspost.idhubs.com\/uploads\/community\/362\/c46c59cd8151dfce0bbdf96a6815c444.webp\" alt=\"logo\" style=\"height: 50px;\">\n                        <span style=\"font-weight: 700; font-size: 1.3rem;\">Dallas Junior Chamber<\/span>\n                    <\/div>\n                    <p style=\"max-width: 280px;\">The Dallas Junior Chamber of Commerce is a young professional organization serving the greater DFW area. We create meaningful opportunities to build authentic connections, develop marketable skills, and make a real impact in the Dallas community. Est. 1918.<\/p>\n                <\/div>\n                <div>\n                    <h4 style=\"margin-bottom: 12px;\">Quick links<\/h4>\n                    <ul style=\"list-style: none;\">\n                        <!-- <li>\n                        <a href=\"https:\/\/dallasjuniorchamber.org\/c\/362\/stat\/eventdashboard\" style=\"color:#cbd5e1; text-decoration: none; line-height: 2;\">Events<\/a>\n                    <\/li>\n                    -->\n                    <li>\n                        <a href=\"https:\/\/dallasjuniorchamber.org\/c\/362\/stat\/about.html\"\" style=\"color:#cbd5e1; text-decoration: none; line-height: 2;\">About Us<\/a>\n                    <\/li>\n                    <li>\n                        <a href=\"https:\/\/dallasjuniorchamber.org\/c\/362\/stat\/membership.html\" style=\"color:#cbd5e1; text-decoration: none; line-height: 2;\">Membership<\/a>\n                    <\/li>\n                    <li>\n                        <a href=\"https:\/\/dallasjuniorchamber.org\/c\/362\/stat\/index.html#leadership\" style=\"color:#cbd5e1; text-decoration: none; line-height: 2;\">Leadership<\/a>\n                    <\/li>\n                    <!-- <li>\n                    <a href=\"https:\/\/dallasjuniorchamber.org\/c\/362\/dashboardfeeds\" style=\"color:#cbd5e1; text-decoration: none; line-height: 2;\">Blogs<\/a>\n                <\/li>\n                -->\n            <\/ul>\n        <\/div>\n        <div>\n            <h4 style=\"margin-bottom: 12px;\">Proud Partners of<\/h4>\n            <ul style=\"list-style: none;\">\n                <li>\n                    <img src=\"https:\/\/mspost.idhubs.com\/uploads\/community\/362\/b8a596a53bf4602177667b1a75cc3dea.png\" alt=\"logo\" style=\"height: 40px;\">\n                <\/li>\n                <li>\n                    <img src=\"https:\/\/mspost.idhubs.com\/uploads\/community\/362\/47ba650e3a73ba54d95ce8f3c14ee9c4.png\" alt=\"logo\" style=\"height: 40px;\">\n                <\/li>\n                <li>\n                    <a href=\"https:\/\/idhubs.com\" target=\"_blank\" style=\"color:#cbd5e1; text-decoration: none; line-height: 2;\"><img src=\"https:\/\/mspost.idhubs.com\/uploads\/community\/75\/130\/b4d094cb98fefcf2b1c19200686aef98.png\" alt=\"logo\" style=\"height: 40px;\"><\/a>\n                <\/li>\n            <\/ul>\n        <\/div>\n        <div>\n            <h4 style=\"margin-bottom: 12px;\">Connect<\/h4>\n            <div style=\"display: flex; gap: 24px; font-size: 1.3rem;\">\n                <a href=\"https:\/\/www.instagram.com\/dallasjrchamber\/?hl=en\" style=\"color:#cbd5e1; text-decoration: none; target=\"_blank\"><i class=\"fab fa-instagram\"><\/a><\/i>\n                <a href=\"https:\/\/www.linkedin.com\/company\/dallas-junior-chamber-of-commerce\/\" style=\"color:#cbd5e1; text-decoration: none; target=\"_blank\"><i class=\"fab fa-linkedin-in\"><\/a><\/i>\n                <a href=\"https:\/\/www.facebook.com\/DallasJCC\/\" style=\"color:#cbd5e1; text-decoration: none; target=\"_blank\"><i class=\"fab fa-facebook\"><\/a><\/i>\n            <\/div>\n            <br>\n            <a href=\"https:\/\/dallasjuniorchamber.org\/c\/362\/signup\" class=\"btn-outline\" style=\"padding: 8px 22px; background-color: #ffffff; color: #000000;\">Join Our Community<\/i><\/a>\n        <\/div>\n    <\/div>\n    <hr style=\"margin: 40px 0 24px; border-color: #2a3440; max-width: 1400px; margin-left: auto; margin-right: auto;\">\n    <p style=\"text-align: center; font-size: 0.85rem;\">\u00a9 2026 Dallas Junior Chamber - The Premier Young Professional Organization in Dallas | Powered by <a href=\"https:\/\/idhubs.com\" target=\"_blank\" style=\"text-decoration: none; color: white;\">idhubs<\/a><\/p>\n<\/footer>\n<script>\n    \/\/ ========== HERO GALLERY SCRIPT - AUTOPLAY + CONTROLS ==========\n    (function() {\n        const slides = document.querySelectorAll('#galleryContainer .gallery-slide');\n        const prevBtn = document.getElementById('prevBtn');\n        const nextBtn = document.getElementById('nextBtn');\n        const dotsContainer = document.getElementById('galleryDots');\n        let currentIndex = 0;\n        let autoInterval;\n        const autoDelay = 5000;\n        if (!slides.length) return;\n        function createDots() {\n            if (!dotsContainer) return;\n            dotsContainer.innerHTML = '';\n            slides.forEach((_, idx) => {\n                const dot = document.createElement('button');\n                dot.classList.add('gallery-dot');\n                if (idx === currentIndex) dot.classList.add('active-dot');\n                dot.setAttribute('data-index', idx);\n                dot.addEventListener('click', () => {\n                    stopAutoSlide();\n                    goToSlide(idx);\n                    startAutoSlide();\n                });\n                dotsContainer.appendChild(dot);\n            });\n        }\n        function updateDots() {\n            const dots = document.querySelectorAll('#galleryDots .gallery-dot');\n            dots.forEach((dot, idx) => {\n                if (idx === currentIndex) dot.classList.add('active-dot');\n                else dot.classList.remove('active-dot');\n            });\n        }\n        function goToSlide(index) {\n            if (index < 0) index = slides.length - 1;\n            if (index >= slides.length) index = 0;\n            currentIndex = index;\n            slides.forEach((slide, i) => {\n                if (i === currentIndex) slide.classList.add('active');\n                else slide.classList.remove('active');\n            });\n            updateDots();\n        }\n        function nextSlide() {\n            goToSlide(currentIndex + 1);\n        }\n        function prevSlide() {\n            goToSlide(currentIndex - 1);\n        }\n        function startAutoSlide() {\n            if (autoInterval) clearInterval(autoInterval);\n            autoInterval = setInterval(() => {\n                nextSlide();\n            }, autoDelay);\n        }\n        function stopAutoSlide() {\n            if (autoInterval) {\n                clearInterval(autoInterval); autoInterval = null;\n            }\n        }\n        if (nextBtn) {\n            nextBtn.addEventListener('click', (e) => {\n                e.stopPropagation();\n                stopAutoSlide();\n                nextSlide();\n                startAutoSlide();\n            });\n        }\n        if (prevBtn) {\n            prevBtn.addEventListener('click', (e) => {\n                e.stopPropagation();\n                stopAutoSlide();\n                prevSlide();\n                startAutoSlide();\n            });\n        }\n        const galleryContainer = document.getElementById('galleryContainer');\n        if (galleryContainer) {\n            galleryContainer.addEventListener('mouseenter', () => stopAutoSlide());\n            galleryContainer.addEventListener('mouseleave', () => startAutoSlide());\n        }\n        \/\/ Initialize gallery\n        slides.forEach((slide, idx) => {\n            if (idx === 0) slide.classList.add('active');\n            else slide.classList.remove('active');\n        });\n        currentIndex = 0;\n        createDots();\n        startAutoSlide();\n    })();\n    \/\/ ========== MOBILE MENU & DROPDOWN LOGIC ==========\n    const menuToggle = document.getElementById('menuToggle');\n    const navLinks = document.getElementById('navLinks');\n    const menuOverlay = document.getElementById('menuOverlay');\n    function closeMenu() {\n        navLinks.classList.remove('open');\n        menuOverlay.classList.remove('active');\n        document.body.style.overflow = '';\n    }\n    function openMenu() {\n        navLinks.classList.add('open');\n        menuOverlay.classList.add('active');\n        document.body.style.overflow = 'hidden';\n        addMobileLogoLogic();\n    }\n    function addMobileLogoLogic() {\n        if (!document.querySelector('.mobile-nav-logo') && window.innerWidth <= 768) {\n            const mobileLogoDiv = document.createElement('div');\n            mobileLogoDiv.className = 'mobile-nav-logo';\n            mobileLogoDiv.innerHTML = `<img src=\"https:\/\/i0.wp.com\/dallasjuniorchamber.org\/wp-content\/uploads\/2025\/04\/djc-logo-2025.png?fit=795%2C806&ssl=1\" alt=\"DJC Logo\"><span>Dallas Junior Chamber<\/span>`;\n            const first = navLinks.firstChild;\n            if (first) navLinks.insertBefore(mobileLogoDiv, first);\n            else navLinks.appendChild(mobileLogoDiv);\n        }\n    }\n    function removeMobileLogo() {\n        const existing = document.querySelector('.mobile-nav-logo'); if(existing) existing.remove();\n    }\n    function handleMobileDropdowns() {\n        if (window.innerWidth <= 768) {\n            document.querySelectorAll('.dropdown').forEach(drop => {\n                const toggle = drop.querySelector('.dropdownToggle');\n                if (toggle && !toggle._listener) {\n                    toggle.addEventListener('click', (e) => {\n                        e.preventDefault(); e.stopPropagation();\n                        drop.classList.toggle('open');\n                    });\n                    toggle._listener = true;\n                }\n            });\n        } else {\n            document.querySelectorAll('.dropdown').forEach(drop => drop.classList.remove('open'));\n        }\n    }\n    if (menuToggle) menuToggle.addEventListener('click', (e) => {\n        e.stopPropagation(); navLinks.classList.contains('open') ? closeMenu() : openMenu();\n    });\n    if (menuOverlay) menuOverlay.addEventListener('click', closeMenu);\n    document.querySelectorAll('#navLinks a').forEach(link => {\n        link.addEventListener('click', (e) => {\n            if (window.innerWidth <= 768 && link.classList?.contains('dropdownToggle')) return;\n            closeMenu();\n        });\n    });\n    window.addEventListener('resize', () => {\n        if (window.innerWidth > 768 && navLinks.classList.contains('open')) closeMenu();\n        if (window.innerWidth <= 768) addMobileLogoLogic(); else removeMobileLogo();\n        handleMobileDropdowns();\n    });\n    addMobileLogoLogic();\n    handleMobileDropdowns();\n<\/script>\n<\/body>\n<\/html>","created_at":"2026-08-03T23:11:01-04:00"}