{"id":273,"date":"2026-05-31T11:23:08","date_gmt":"2026-05-31T16:23:08","guid":{"rendered":"https:\/\/mandankiwanis.com\/?page_id=273"},"modified":"2026-05-31T11:56:48","modified_gmt":"2026-05-31T16:56:48","slug":"home","status":"publish","type":"page","link":"https:\/\/mandankiwanis.com\/","title":{"rendered":"Home"},"content":{"rendered":"    <style>\r\n        .kiwanis-counters-container {\r\n            display: flex;\r\n            justify-content: space-around;\r\n            flex-wrap: wrap;\r\n            margin: 40px auto;\r\n            padding: 30px 20px;\r\n            background-color: #1a3c5e;\r\n            border-radius: 8px;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n            color: #ffffff;\r\n            max-width: 1000px;\r\n        }\r\n        .kiwanis-counter-box {\r\n            flex: 1;\r\n            min-width: 250px;\r\n            text-align: center;\r\n            padding: 20px;\r\n            margin: 10px;\r\n        }\r\n        .kiwanis-counter-number {\r\n            font-size: 3.5rem;\r\n            font-weight: 700;\r\n            color: #e67e22;\r\n            margin-bottom: 10px;\r\n            line-height: 1;\r\n        }\r\n        .kiwanis-counter-label {\r\n            font-size: 1.1rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            font-weight: 600;\r\n            color: #ecf0f1;\r\n        }\r\n    <\/style>\r\n    <div class=\"kiwanis-counters-container\">\r\n        <div class=\"kiwanis-counter-box\">\r\n            <div class=\"kiwanis-counter-number\" data-target=\"45\" data-prefix=\"\" data-suffix=\"+\">0<\/div>\r\n            <div class=\"kiwanis-counter-label\">Active Members<\/div>\r\n        <\/div>\r\n        <div class=\"kiwanis-counter-box\">\r\n            <div class=\"kiwanis-counter-number\" data-target=\"15000\" data-prefix=\"$\" data-suffix=\"+\">0<\/div>\r\n            <div class=\"kiwanis-counter-label\">Scholarships Awarded<\/div>\r\n        <\/div>\r\n        <div class=\"kiwanis-counter-box\">\r\n            <div class=\"kiwanis-counter-number\" data-target=\"10000\" data-prefix=\"\" data-suffix=\"+\">0<\/div>\r\n            <div class=\"kiwanis-counter-label\">Local Kids Served<\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const counters = document.querySelectorAll('.kiwanis-counter-number');\r\n            const speed = 100;\r\n\r\n            const animateCounter = (counter) => {\r\n                const target = +counter.getAttribute('data-target');\r\n                const prefix = counter.getAttribute('data-prefix') || '';\r\n                const suffix = counter.getAttribute('data-suffix') || '';\r\n                \r\n                let count = 0;\r\n                const inc = target \/ speed;\r\n\r\n                const updateCount = () => {\r\n                    count += inc;\r\n                    if (count < target) {\r\n                        counter.innerText = prefix + Math.floor(count).toLocaleString() + suffix;\r\n                        setTimeout(updateCount, 15);\r\n                    } else {\r\n                        counter.innerText = prefix + target.toLocaleString() + suffix;\r\n                    }\r\n                };\r\n                updateCount();\r\n            };\r\n\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        animateCounter(entry.target);\r\n                        observer.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, { threshold: 0.2 });\r\n\r\n            counters.forEach(counter => observer.observe(counter));\r\n        });\r\n    <\/script>\r\n    \n    <style>\r\n        .kiwanis-countdown-container {\r\n            max-width: 600px;\r\n            margin: 30px auto;\r\n            padding: 25px;\r\n            background: linear-gradient(135deg, #1a3c5e 0%, #2c3e50 100%);\r\n            border-radius: 8px;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.15);\r\n            color: #ffffff;\r\n            text-align: center;\r\n            border-bottom: 4px solid #e67e22;\r\n        }\r\n        .kiwanis-countdown-title {\r\n            font-size: 1.4rem;\r\n            font-weight: 700;\r\n            margin-bottom: 15px;\r\n            color: #e67e22;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n        .kiwanis-countdown-timer {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 15px;\r\n        }\r\n        .kiwanis-time-block {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            border-radius: 6px;\r\n            padding: 10px 15px;\r\n            min-width: 70px;\r\n        }\r\n        .kiwanis-time-num {\r\n            font-size: 2rem;\r\n            font-weight: 700;\r\n            line-height: 1;\r\n            color: #ffffff;\r\n        }\r\n        .kiwanis-time-label {\r\n            font-size: 0.75rem;\r\n            text-transform: uppercase;\r\n            color: #bdc3c7;\r\n            margin-top: 5px;\r\n            font-weight: 600;\r\n        }\r\n        .kiwanis-countdown-elapsed {\r\n            display: none;\r\n            font-size: 1.1rem;\r\n            font-style: italic;\r\n            color: #ecf0f1;\r\n        }\r\n    <\/style>\r\n    <div class=\"kiwanis-countdown-container\" id=\"kiwanisCountdown\" data-date=\"2026-06-20 08:00:00\">\r\n        <div class=\"kiwanis-countdown-content\">\r\n            <div class=\"kiwanis-countdown-title\">Annual Pancake Feed Fundraiser<\/div>\r\n            <div class=\"kiwanis-countdown-timer\" id=\"kiwanisCountdownTimer\">\r\n                <div class=\"kiwanis-time-block\">\r\n                    <div class=\"kiwanis-time-num\" id=\"kiwanisDays\">00<\/div>\r\n                    <div class=\"kiwanis-time-label\">Days<\/div>\r\n                <\/div>\r\n                <div class=\"kiwanis-time-block\">\r\n                    <div class=\"kiwanis-time-num\" id=\"kiwanisHours\">00<\/div>\r\n                    <div class=\"kiwanis-time-label\">Hrs<\/div>\r\n                <\/div>\r\n                <div class=\"kiwanis-time-block\">\r\n                    <div class=\"kiwanis-time-num\" id=\"kiwanisMinutes\">00<\/div>\r\n                    <div class=\"kiwanis-time-label\">Mins<\/div>\r\n                <\/div>\r\n                <div class=\"kiwanis-time-block\">\r\n                    <div class=\"kiwanis-time-num\" id=\"kiwanisSeconds\">00<\/div>\r\n                    <div class=\"kiwanis-time-label\">Secs<\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"kiwanis-countdown-elapsed\" id=\"kiwanisCountdownElapsed\">\r\n                The event has successfully started or concluded. Thank you for your support!\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const container = document.getElementById('kiwanisCountdown');\r\n            if (!container) return;\r\n            const targetDateStr = container.getAttribute('data-date');\r\n            const targetDate = new Date(targetDateStr.replace(\/-\/g, \"\/\")).getTime();\r\n            \r\n            const timerEl = document.getElementById('kiwanisCountdownTimer');\r\n            const elapsedEl = document.getElementById('kiwanisCountdownElapsed');\r\n\r\n            const daysVal = document.getElementById('kiwanisDays');\r\n            const hoursVal = document.getElementById('kiwanisHours');\r\n            const minsVal = document.getElementById('kiwanisMinutes');\r\n            const secsVal = document.getElementById('kiwanisSeconds');\r\n\r\n            function updateTimer() {\r\n                const now = new Date().getTime();\r\n                const diff = targetDate - now;\r\n\r\n                if (diff <= 0) {\r\n                    timerEl.style.display = 'none';\r\n                    elapsedEl.style.display = 'block';\r\n                    clearInterval(intervalId);\r\n                    return;\r\n                }\r\n\r\n                const days = Math.floor(diff \/ (1000 * 60 * 60 * 24));\r\n                const hours = Math.floor((diff % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\r\n                const mins = Math.floor((diff % (1000 * 60 * 60)) \/ (1000 * 60));\r\n                const secs = Math.floor((diff % (1000 * 60)) \/ 1000);\r\n\r\n                daysVal.innerText = String(days).padStart(2, '0');\r\n                hoursVal.innerText = String(hours).padStart(2, '0');\r\n                minsVal.innerText = String(mins).padStart(2, '0');\r\n                secsVal.innerText = String(secs).padStart(2, '0');\r\n            }\r\n\r\n            updateTimer();\r\n            const intervalId = setInterval(updateTimer, 1000);\r\n        });\r\n    <\/script>\r\n    \n    <style>\r\n        .kiwanis-news-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 25px;\r\n            margin: 40px auto;\r\n            max-width: 1000px;\r\n        }\r\n        .kiwanis-news-card {\r\n            background: #ffffff;\r\n            border-radius: 8px;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.05);\r\n            overflow: hidden;\r\n            display: flex;\r\n            flex-direction: column;\r\n            border: 1px solid #e2e8f0;\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n        }\r\n        .kiwanis-news-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 10px 20px rgba(0,0,0,0.1);\r\n        }\r\n        .kiwanis-news-img-wrapper {\r\n            height: 200px;\r\n            background: linear-gradient(135deg, #1a3c5e 0%, #e67e22 100%);\r\n            position: relative;\r\n            overflow: hidden;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n        .kiwanis-news-img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n        .kiwanis-news-placeholder-text {\r\n            color: #ffffff;\r\n            font-weight: 700;\r\n            font-size: 1.5rem;\r\n            letter-spacing: 1px;\r\n            text-transform: uppercase;\r\n        }\r\n        .kiwanis-news-content {\r\n            padding: 20px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            flex-grow: 1;\r\n        }\r\n        .kiwanis-news-date {\r\n            font-size: 0.8rem;\r\n            color: #e67e22;\r\n            font-weight: 600;\r\n            margin-bottom: 8px;\r\n            text-transform: uppercase;\r\n        }\r\n        .kiwanis-news-title {\r\n            font-size: 1.25rem;\r\n            font-weight: 700;\r\n            color: #1a3c5e;\r\n            margin-bottom: 12px;\r\n            line-height: 1.4;\r\n        }\r\n        .kiwanis-news-excerpt {\r\n            font-size: 0.95rem;\r\n            color: #4a5568;\r\n            line-height: 1.6;\r\n            margin-bottom: 20px;\r\n            flex-grow: 1;\r\n        }\r\n        .kiwanis-news-button {\r\n            display: inline-block;\r\n            align-self: flex-start;\r\n            background-color: #1a3c5e;\r\n            color: #ffffff;\r\n            padding: 10px 20px;\r\n            border-radius: 4px;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            font-size: 0.9rem;\r\n            transition: background-color 0.3s;\r\n            border: none;\r\n            cursor: pointer;\r\n        }\r\n        .kiwanis-news-button:hover {\r\n            background-color: #e67e22;\r\n            color: #ffffff;\r\n            text-decoration: none;\r\n        }\r\n    <\/style>\r\n    <div class=\"kiwanis-news-grid\">\r\n                    <div class=\"kiwanis-news-card\">\r\n                <div class=\"kiwanis-news-img-wrapper\">\r\n                                            <div class=\"kiwanis-news-placeholder-text\">Mandan Kiwanis<\/div>\r\n                                    <\/div>\r\n                <div class=\"kiwanis-news-content\">\r\n                    <div class=\"kiwanis-news-date\">Oct 04, 2018<\/div>\r\n                    <div class=\"kiwanis-news-title\">Serving the Children of the World<\/div>\r\n                    <div class=\"kiwanis-news-excerpt\">Kiwanis&#8217; global network includes a dynamic family of clubs, individual supporters, alumni, donors, NGO (non-government organization) partners and corporate sponsors....<\/div>\r\n                    <a href=\"https:\/\/mandankiwanis.com\/index.php\/2018\/10\/04\/home\/\" class=\"kiwanis-news-button\">Read Article<\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <\/div>\r\n    \n    <style>\r\n        .kiwanis-testimonials-slider {\r\n            position: relative;\r\n            max-width: 800px;\r\n            margin: 40px auto;\r\n            padding: 40px 20px;\r\n            background: #ffffff;\r\n            border: 2px solid #e67e22;\r\n            border-radius: 8px;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.05);\r\n            text-align: center;\r\n            overflow: hidden;\r\n        }\r\n        .kiwanis-testimonial-slide {\r\n            display: none;\r\n            animation: kiwanisFadeInOut 0.6s ease-in-out;\r\n        }\r\n        .kiwanis-testimonial-slide.active {\r\n            display: block;\r\n        }\r\n        @keyframes kiwanisFadeInOut {\r\n            from { opacity: 0; transform: translateY(10px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n        .kiwanis-quote-icon {\r\n            font-size: 3rem;\r\n            color: #e67e22;\r\n            line-height: 1;\r\n            margin-bottom: 10px;\r\n            font-family: Georgia, serif;\r\n        }\r\n        .kiwanis-quote-text {\r\n            font-size: 1.25rem;\r\n            font-style: italic;\r\n            color: #2c3e50;\r\n            line-height: 1.6;\r\n            margin-bottom: 20px;\r\n            padding: 0 30px;\r\n        }\r\n        .kiwanis-testimonial-user {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-top: 20px;\r\n        }\r\n        .kiwanis-avatar {\r\n            width: 50px;\r\n            height: 50px;\r\n            border-radius: 50%;\r\n            background-color: #1a3c5e;\r\n            color: #ffffff;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-weight: 700;\r\n            font-size: 1.2rem;\r\n            margin-right: 15px;\r\n            border: 2px solid #e67e22;\r\n        }\r\n        .kiwanis-author-info {\r\n            text-align: left;\r\n        }\r\n        .kiwanis-author-name {\r\n            font-weight: 700;\r\n            color: #1a3c5e;\r\n            font-size: 1rem;\r\n        }\r\n        .kiwanis-author-role {\r\n            font-size: 0.85rem;\r\n            color: #7f8c8d;\r\n        }\r\n        .kiwanis-slider-dots {\r\n            margin-top: 25px;\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 8px;\r\n        }\r\n        .kiwanis-dot {\r\n            width: 10px;\r\n            height: 10px;\r\n            border-radius: 50%;\r\n            background-color: #bdc3c7;\r\n            cursor: pointer;\r\n            transition: background-color 0.3s;\r\n        }\r\n        .kiwanis-dot.active {\r\n            background-color: #e67e22;\r\n        }\r\n    <\/style>\r\n    <div class=\"kiwanis-testimonials-slider\" id=\"kiwanisTestimonials\">\r\n        <div class=\"kiwanis-quote-icon\">\u201c<\/div>\r\n                    <div class=\"kiwanis-testimonial-slide active\" data-index=\"0\">\r\n                <div class=\"kiwanis-quote-text\">\"Being a part of Mandan Kiwanis has allowed me to directly support the youth in our community and work alongside amazing local leaders.\"<\/div>\r\n                <div class=\"kiwanis-testimonial-user\">\r\n                    <div class=\"kiwanis-avatar\">M<\/div>\r\n                    <div class=\"kiwanis-author-info\">\r\n                        <div class=\"kiwanis-author-name\">Marlo Anderson<\/div>\r\n                        <div class=\"kiwanis-author-role\">Club Member<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                    <div class=\"kiwanis-testimonial-slide \" data-index=\"1\">\r\n                <div class=\"kiwanis-quote-text\">\"The scholarships provided by Kiwanis made it possible for me to pursue my college degree. I am forever grateful for their support.\"<\/div>\r\n                <div class=\"kiwanis-testimonial-user\">\r\n                    <div class=\"kiwanis-avatar\">S<\/div>\r\n                    <div class=\"kiwanis-author-info\">\r\n                        <div class=\"kiwanis-author-name\">Local Scholarship Recipient<\/div>\r\n                        <div class=\"kiwanis-author-role\">Mandan High School Graduate<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                    <div class=\"kiwanis-testimonial-slide \" data-index=\"2\">\r\n                <div class=\"kiwanis-quote-text\">\"Mandan Kiwanis\u2019 projects like the annual pancake feeds and school supply drives bring real joy and help to children in our area.\"<\/div>\r\n                <div class=\"kiwanis-testimonial-user\">\r\n                    <div class=\"kiwanis-avatar\">P<\/div>\r\n                    <div class=\"kiwanis-author-info\">\r\n                        <div class=\"kiwanis-author-name\">Community Member<\/div>\r\n                        <div class=\"kiwanis-author-role\">Parent<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                <div class=\"kiwanis-slider-dots\">\r\n                            <span class=\"kiwanis-dot active\" data-index=\"0\"><\/span>\r\n                            <span class=\"kiwanis-dot \" data-index=\"1\"><\/span>\r\n                            <span class=\"kiwanis-dot \" data-index=\"2\"><\/span>\r\n                    <\/div>\r\n    <\/div>\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const slider = document.getElementById('kiwanisTestimonials');\r\n            if (!slider) return;\r\n            const slides = slider.querySelectorAll('.kiwanis-testimonial-slide');\r\n            const dots = slider.querySelectorAll('.kiwanis-dot');\r\n            let current = 0;\r\n            let timer;\r\n\r\n            function showSlide(index) {\r\n                slides.forEach(s => s.classList.remove('active'));\r\n                dots.forEach(d => d.classList.remove('active'));\r\n                slides[index].classList.add('active');\r\n                dots[index].classList.add('active');\r\n                current = index;\r\n            }\r\n\r\n            function nextSlide() {\r\n                let next = (current + 1) % slides.length;\r\n                showSlide(next);\r\n            }\r\n\r\n            function startTimer() {\r\n                timer = setInterval(nextSlide, 6000);\r\n            }\r\n\r\n            function resetTimer() {\r\n                clearInterval(timer);\r\n                startTimer();\r\n            }\r\n\r\n            dots.forEach(dot => {\r\n                dot.addEventListener('click', function() {\r\n                    const index = parseInt(this.getAttribute('data-index'));\r\n                    showSlide(index);\r\n                    resetTimer();\r\n                });\r\n            });\r\n\r\n            startTimer();\r\n        });\r\n    <\/script>\r\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-273","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mandankiwanis.com\/index.php\/wp-json\/wp\/v2\/pages\/273","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mandankiwanis.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mandankiwanis.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mandankiwanis.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mandankiwanis.com\/index.php\/wp-json\/wp\/v2\/comments?post=273"}],"version-history":[{"count":0,"href":"https:\/\/mandankiwanis.com\/index.php\/wp-json\/wp\/v2\/pages\/273\/revisions"}],"wp:attachment":[{"href":"https:\/\/mandankiwanis.com\/index.php\/wp-json\/wp\/v2\/media?parent=273"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}