{"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-06-01T10:21:42","modified_gmt":"2026-06-01T15:21:42","slug":"home","status":"publish","type":"page","link":"https:\/\/mandankiwanis.com\/","title":{"rendered":"Home"},"content":{"rendered":"    <div class=\"kiwanis-counters-wrapper\" style=\"display: flex; flex-wrap: wrap; justify-content: space-around; gap: 20px; margin: 40px 0; text-align: center; background: #1a3c5e; padding: 30px 15px; border-radius: 16px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); color: #ffffff;\">\r\n        <div class=\"counter-item\" style=\"flex: 1 1 200px; padding: 15px;\">\r\n            <div style=\"font-size: 2.8rem; font-weight: 800; color: #e67e22; line-height: 1.1; margin-bottom: 5px;\" class=\"kiwanis-num\" data-target=\"45\">0<\/div>\r\n            <div style=\"font-size: 1rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: #cbd5e0;\">Active Members<\/div>\r\n        <\/div>\r\n        <div class=\"counter-item\" style=\"flex: 1 1 200px; padding: 15px; border-left: 1px solid rgba(255,255,255,0.1); border-right: 1px solid rgba(255,255,255,0.1);\">\r\n            <div style=\"font-size: 2.8rem; font-weight: 800; color: #e67e22; line-height: 1.1; margin-bottom: 5px;\">$<span class=\"kiwanis-num\" data-target=\"15000\">0<\/span>+<\/div>\r\n            <div style=\"font-size: 1rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: #cbd5e0;\">Raised for Scholarships<\/div>\r\n        <\/div>\r\n        <div class=\"counter-item\" style=\"flex: 1 1 200px; padding: 15px;\">\r\n            <div style=\"font-size: 2.8rem; font-weight: 800; color: #e67e22; line-height: 1.1; margin-bottom: 5px;\"><span class=\"kiwanis-num\" data-target=\"10000\">0<\/span>+<\/div>\r\n            <div style=\"font-size: 1rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: #cbd5e0;\">Children Served Annually<\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const counters = document.querySelectorAll('.kiwanis-num');\r\n        const speed = 150; \/\/ duration speed\r\n\r\n        const startCounting = (counter) => {\r\n            const target = +counter.getAttribute('data-target');\r\n            const updateCount = () => {\r\n                const count = +counter.innerText;\r\n                const inc = target \/ speed;\r\n\r\n                if (count < target) {\r\n                    counter.innerText = Math.ceil(count + inc);\r\n                    setTimeout(updateCount, 15);\r\n                } else {\r\n                    counter.innerText = target.toLocaleString();\r\n                }\r\n            };\r\n            updateCount();\r\n        };\r\n\r\n        const observer = new IntersectionObserver((entries, observer) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    startCounting(entry.target);\r\n                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { threshold: 0.5 });\r\n\r\n        counters.forEach(counter => observer.observe(counter));\r\n    });\r\n    <\/script>\r\n    \n    <div class=\"kiwanis-countdown-container\" style=\"background: linear-gradient(135deg, #1a3c5e 0%, #0d233a 100%); color: #ffffff; padding: 35px 25px; border-radius: 16px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); margin: 40px 0; text-align: center;\">\r\n        <h3 style=\"color: #ffffff; font-size: 1.4rem; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px; display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 0;\">\r\n            \ud83d\udcc5 Upcoming Event: Weekly Meeting (Eagles Club, Mandan)        <\/h3>\r\n        \r\n        <div id=\"kiwanis-countdown-clock\" style=\"display: flex; justify-content: center; gap: 15px; flex-wrap: wrap;\">\r\n            <div style=\"background: rgba(255,255,255,0.08); padding: 15px 20px; border-radius: 10px; min-width: 80px; border-bottom: 3px solid #e67e22;\">\r\n                <span id=\"kiwanis-days\" style=\"display: block; font-size: 2.2rem; font-weight: 800; color: #ffffff; line-height: 1;\">00<\/span>\r\n                <span style=\"font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1px; color: #cbd5e0;\">Days<\/span>\r\n            <\/div>\r\n            <div style=\"background: rgba(255,255,255,0.08); padding: 15px 20px; border-radius: 10px; min-width: 80px; border-bottom: 3px solid #e67e22;\">\r\n                <span id=\"kiwanis-hours\" style=\"display: block; font-size: 2.2rem; font-weight: 800; color: #ffffff; line-height: 1;\">00<\/span>\r\n                <span style=\"font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1px; color: #cbd5e0;\">Hours<\/span>\r\n            <\/div>\r\n            <div style=\"background: rgba(255,255,255,0.08); padding: 15px 20px; border-radius: 10px; min-width: 80px; border-bottom: 3px solid #e67e22;\">\r\n                <span id=\"kiwanis-minutes\" style=\"display: block; font-size: 2.2rem; font-weight: 800; color: #ffffff; line-height: 1;\">00<\/span>\r\n                <span style=\"font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1px; color: #cbd5e0;\">Minutes<\/span>\r\n            <\/div>\r\n            <div style=\"background: rgba(255,255,255,0.08); padding: 15px 20px; border-radius: 10px; min-width: 80px; border-bottom: 3px solid #e67e22;\">\r\n                <span id=\"kiwanis-seconds\" style=\"display: block; font-size: 2.2rem; font-weight: 800; color: #ffffff; line-height: 1;\">00<\/span>\r\n                <span style=\"font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1px; color: #cbd5e0;\">Seconds<\/span>\r\n            <\/div>\r\n        <\/div>\r\n        <p id=\"kiwanis-countdown-passed\" style=\"display: none; font-size: 1.1rem; font-style: italic; color: #e67e22; font-weight: 600; margin: 10px 0 0 0;\">\r\n            This event is currently underway or has successfully concluded. Thank you for your support!\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const targetDate = new Date(\"2026-07-20 12:00:00\").getTime();\r\n\r\n        const updateClock = () => {\r\n            const now = new Date().getTime();\r\n            const distance = targetDate - now;\r\n\r\n            if (distance < 0) {\r\n                document.getElementById(\"kiwanis-countdown-clock\").style.display = \"none\";\r\n                document.getElementById(\"kiwanis-countdown-passed\").style.display = \"block\";\r\n                return;\r\n            }\r\n\r\n            const days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\r\n            const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\r\n            const minutes = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\r\n            const seconds = Math.floor((distance % (1000 * 60)) \/ 1000);\r\n\r\n            document.getElementById(\"kiwanis-days\").innerText = String(days).padStart(2, '0');\r\n            document.getElementById(\"kiwanis-hours\").innerText = String(hours).padStart(2, '0');\r\n            document.getElementById(\"kiwanis-minutes\").innerText = String(minutes).padStart(2, '0');\r\n            document.getElementById(\"kiwanis-seconds\").innerText = String(seconds).padStart(2, '0');\r\n        };\r\n\r\n        updateClock();\r\n        setInterval(updateClock, 1000);\r\n    });\r\n    <\/script>\r\n    \n    <div style=\"margin: 40px 0;\">\r\n        <h2 style=\"color: #1a3c5e; font-size: 1.8rem; font-weight: 800; text-align: center; margin-bottom: 25px; border-bottom: 3px solid #e67e22; display: inline-block; padding-bottom: 8px;\">Latest Announcements<\/h2>\r\n        <div class=\"kiwanis-news-grid\" style=\"display: flex; flex-wrap: wrap; gap: 20px;\">\r\n                            <div class=\"news-card\" style=\"flex: 1 1 280px; background: #ffffff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.06); display: flex; flex-direction: column; justify-content: space-between; border-bottom: 4px solid #1a3c5e;\">\r\n                    <div>\r\n                        <div style=\"height: 170px; background: url('') center center\/cover; position: relative;\">\r\n                            <div style=\"position: absolute; bottom: 10px; left: 10px; background: #e67e22; color: #ffffff; padding: 4px 10px; border-radius: 4px; font-size: 0.8rem; font-weight: 700;\">\r\n                                Jul 02, 2026                            <\/div>\r\n                        <\/div>\r\n                        <div style=\"padding: 20px;\">\r\n                            <h3 style=\"color: #1a3c5e; font-size: 1.2rem; font-weight: 700; margin-bottom: 10px; margin-top: 0; line-height: 1.4; height: 50px; overflow: hidden;\">\r\n                                <a href=\"https:\/\/mandankiwanis.com\/index.php\/2026\/07\/02\/home\/\" style=\"color: #1a3c5e; text-decoration: none;\">Serving the Children of the World<\/a>\r\n                            <\/h3>\r\n                            <div style=\"color: #718096; font-size: 0.9rem; line-height: 1.6; height: 75px; overflow: hidden;\">\r\n                                The Kiwanis Club of Mandan is part of a global family of volunteers united by one simple belief:...                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div style=\"padding: 0 20px 20px 20px;\">\r\n                        <a href=\"https:\/\/mandankiwanis.com\/index.php\/2026\/07\/02\/home\/\" style=\"display: block; background: #1a3c5e; color: #ffffff; text-align: center; padding: 8px 15px; border-radius: 6px; font-weight: 600; text-decoration: none; font-size: 0.9rem; transition: background 0.2s ease;\">Read More<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                            <div class=\"news-card\" style=\"flex: 1 1 280px; background: #ffffff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.06); display: flex; flex-direction: column; justify-content: space-between; border-bottom: 4px solid #1a3c5e;\">\r\n                    <div>\r\n                        <div style=\"height: 170px; background: url('') center center\/cover; position: relative;\">\r\n                            <div style=\"position: absolute; bottom: 10px; left: 10px; background: #e67e22; color: #ffffff; padding: 4px 10px; border-radius: 4px; font-size: 0.8rem; font-weight: 700;\">\r\n                                Jul 01, 2026                            <\/div>\r\n                        <\/div>\r\n                        <div style=\"padding: 20px;\">\r\n                            <h3 style=\"color: #1a3c5e; font-size: 1.2rem; font-weight: 700; margin-bottom: 10px; margin-top: 0; line-height: 1.4; height: 50px; overflow: hidden;\">\r\n                                <a href=\"https:\/\/mandankiwanis.com\/index.php\/2026\/07\/01\/34th-annual-dwight-cook-golf-tournament-register-today\/\" style=\"color: #1a3c5e; text-decoration: none;\">34th Annual Dwight Cook Golf Tournament \u2014 Register Today<\/a>\r\n                            <\/h3>\r\n                            <div style=\"color: #718096; font-size: 0.9rem; line-height: 1.6; height: 75px; overflow: hidden;\">\r\n                                The Kiwanis Club of Mandan invites you to the 34th Annual Dwight Cook Golf Tournament on Friday, August...                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div style=\"padding: 0 20px 20px 20px;\">\r\n                        <a href=\"https:\/\/mandankiwanis.com\/index.php\/2026\/07\/01\/34th-annual-dwight-cook-golf-tournament-register-today\/\" style=\"display: block; background: #1a3c5e; color: #ffffff; text-align: center; padding: 8px 15px; border-radius: 6px; font-weight: 600; text-decoration: none; font-size: 0.9rem; transition: background 0.2s ease;\">Read More<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                    <\/div>\r\n    <\/div>\r\n    \n    <div class=\"kiwanis-testimonials-slider\" style=\"background: #ffffff; padding: 40px 30px; border-radius: 16px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); border-left: 5px solid #e67e22; position: relative; overflow: hidden; margin: 40px 0; min-height: 200px;\">\r\n        <div style=\"font-size: 4rem; color: rgba(230, 126, 34, 0.15); font-family: Georgia, serif; position: absolute; top: -10px; left: 20px; line-height: 1;\">\u201c<\/div>\r\n        <div class=\"testimonial-slides\">\r\n                            <div class=\"testimonial-slide\" style=\"display: block; transition: opacity 0.5s ease-in-out; opacity: 1;\" id=\"kiwanis-t-0\">\r\n                    <p style=\"font-size: 1.15rem; font-style: italic; line-height: 1.7; color: #4a5568; margin-bottom: 20px; position: relative; z-index: 1;\">\r\n                        Being a part of Mandan Kiwanis has allowed me to directly support the youth in our community and work alongside amazing local leaders.                    <\/p>\r\n                    <div style=\"font-weight: 700; color: #1a3c5e; font-size: 1.1rem;\">Marlo Anderson<\/div>\r\n                    <div style=\"font-size: 0.9rem; color: #718096;\">Club Member<\/div>\r\n                <\/div>\r\n                            <div class=\"testimonial-slide\" style=\"display: none; transition: opacity 0.5s ease-in-out; opacity: 0;\" id=\"kiwanis-t-1\">\r\n                    <p style=\"font-size: 1.15rem; font-style: italic; line-height: 1.7; color: #4a5568; margin-bottom: 20px; position: relative; z-index: 1;\">\r\n                        The scholarships provided by Kiwanis made it possible for me to pursue my college degree. I am forever grateful for their support.                    <\/p>\r\n                    <div style=\"font-weight: 700; color: #1a3c5e; font-size: 1.1rem;\">Local Scholarship Recipient<\/div>\r\n                    <div style=\"font-size: 0.9rem; color: #718096;\">Mandan High School Graduate<\/div>\r\n                <\/div>\r\n                            <div class=\"testimonial-slide\" style=\"display: none; transition: opacity 0.5s ease-in-out; opacity: 0;\" id=\"kiwanis-t-2\">\r\n                    <p style=\"font-size: 1.15rem; font-style: italic; line-height: 1.7; color: #4a5568; margin-bottom: 20px; position: relative; z-index: 1;\">\r\n                        Mandan Kiwanis\u2019 projects like the annual pancake feeds and school supply drives bring real joy and help to children in our area.                    <\/p>\r\n                    <div style=\"font-weight: 700; color: #1a3c5e; font-size: 1.1rem;\">Community Member<\/div>\r\n                    <div style=\"font-size: 0.9rem; color: #718096;\">Parent<\/div>\r\n                <\/div>\r\n                    <\/div>\r\n        \r\n        <!-- Dot Navigation Indicators -->\r\n        <div style=\"display: flex; justify-content: center; gap: 8px; margin-top: 25px;\">\r\n                            <span class=\"t-dot\" data-index=\"0\" style=\"height: 10px; width: 10px; border-radius: 50%; background-color: #1a3c5e; display: inline-block; cursor: pointer; transition: background-color 0.2s ease;\"><\/span>\r\n                            <span class=\"t-dot\" data-index=\"1\" style=\"height: 10px; width: 10px; border-radius: 50%; background-color: #cbd5e0; display: inline-block; cursor: pointer; transition: background-color 0.2s ease;\"><\/span>\r\n                            <span class=\"t-dot\" data-index=\"2\" style=\"height: 10px; width: 10px; border-radius: 50%; background-color: #cbd5e0; display: inline-block; cursor: pointer; transition: background-color 0.2s ease;\"><\/span>\r\n                    <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const slides = document.querySelectorAll('.testimonial-slide');\r\n        const dots = document.querySelectorAll('.t-dot');\r\n        let currentSlide = 0;\r\n        const slideCount = slides.length;\r\n\r\n        const showSlide = (index) => {\r\n            slides.forEach((slide, i) => {\r\n                if (i === index) {\r\n                    slide.style.display = 'block';\r\n                    setTimeout(() => { slide.style.opacity = '1'; }, 20);\r\n                } else {\r\n                    slide.style.opacity = '0';\r\n                    slide.style.display = 'none';\r\n                }\r\n            });\r\n            dots.forEach((dot, i) => {\r\n                dot.style.backgroundColor = (i === index) ? '#1a3c5e' : '#cbd5e0';\r\n            });\r\n            currentSlide = index;\r\n        };\r\n\r\n        const nextSlide = () => {\r\n            let next = (currentSlide + 1) % slideCount;\r\n            showSlide(next);\r\n        };\r\n\r\n        let interval = setInterval(nextSlide, 6000);\r\n\r\n        dots.forEach(dot => {\r\n            dot.addEventListener('click', function() {\r\n                clearInterval(interval);\r\n                const targetIndex = parseInt(this.getAttribute('data-index'));\r\n                showSlide(targetIndex);\r\n                interval = setInterval(nextSlide, 6000);\r\n            });\r\n        });\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}]}}