Code & AI Creators Club | AIRI Foundation<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --primary: #084734;\r\n --secondary: #A9E028; \/* Lemon - Use sparingly *\/\r\n --light: #f8f9fa;\r\n --white: #ffffff;\r\n --text: #1a1a1a;\r\n --text-light: #555555;\r\n }\r\n\r\n * { box-sizing: border-box; margin: 0; padding: 0; }\r\n \r\n body { \r\n font-family: 'Poppins', sans-serif; \r\n line-height: 1.8; \r\n color: var(--text); \r\n background-color: var(--white); \r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n .container { max-width: 1000px; margin: 0 auto; padding: 0 25px; }\r\n\r\n \/* Typography *\/\r\n h1, h2, h3, h4 { color: var(--primary); line-height: 1.2; margin-bottom: 1rem; }\r\n p { color: var(--text-light); margin-bottom: 1.5rem; }\r\n \r\n .section-title { \r\n text-align: center; \r\n font-size: 2.5rem; \r\n font-weight: 600; \r\n margin-bottom: 3rem;\r\n color: var(--primary);\r\n }\r\n\r\n .text-center { text-align: center; }\r\n .text-lead { font-size: 1.25rem; font-weight: 300; max-width: 800px; margin: 0 auto 2rem; }\r\n\r\n \/* Buttons - Updated to White with Green Glow *\/\r\n .btn {\r\n display: inline-block;\r\n padding: 16px 42px;\r\n font-size: 1rem;\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 50px;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n text-align: center;\r\n \/* Default White Style *\/\r\n background-color: var(--white);\r\n color: var(--primary);\r\n border: 2px solid var(--primary); \/* Added border for visibility on white backgrounds *\/\r\n }\r\n\r\n .btn:hover {\r\n transform: translateY(-2px);\r\n \/* Green Glow Effect *\/\r\n box-shadow: 0 0 20px rgba(8, 71, 52, 0.4), 0 0 10px var(--secondary);\r\n border-color: var(--secondary);\r\n }\r\n\r\n \/* Hero specific button override if needed (removes border if preferred, but border looks good for consistency) *\/\r\n .hero .btn {\r\n border: none; \/* Cleaner on dark background *\/\r\n }\r\n\r\n \/* Layout Sections *\/\r\n header { \r\n padding: 30px 0; \r\n border-bottom: 1px solid #eee; \r\n background: linear-gradient(to right, #ffffff, #f9fdfb); \r\n }\r\n \r\n \/* Updated Header Styling *\/\r\n .brand-text { \r\n font-size: 0.95rem; \r\n font-weight: 500; \r\n color: var(--primary); \r\n line-height: 1.6;\r\n max-width: 850px;\r\n margin: 0 auto;\r\n }\r\n .brand-text a {\r\n color: var(--primary);\r\n font-weight: 700;\r\n text-decoration: none;\r\n border-bottom: 2px solid var(--secondary);\r\n transition: background-color 0.2s;\r\n }\r\n .brand-text a:hover {\r\n background-color: var(--secondary);\r\n color: var(--primary);\r\n }\r\n\r\n \/* Hero *\/\r\n .hero { \r\n background: linear-gradient(rgba(8, 71, 52, 0.95), rgba(8, 71, 52, 0.90)), url('https:\/\/images.unsplash.com\/photo-1516321318423-f06f85e504b3?q=80&w=1000');\r\n background-size: cover; \r\n background-position: center; \r\n color: var(--white); \r\n padding: 120px 0 140px; \r\n text-align: center; \r\n }\r\n .hero h1 { \r\n color: var(--white); \r\n font-size: 3.2rem; \r\n font-weight: 600; \r\n margin: 20px 0; \r\n letter-spacing: -1px;\r\n }\r\n .hero p { color: rgba(255,255,255,0.9); }\r\n \r\n \/* Animated Spots Badge *\/\r\n @keyframes pulse-badge {\r\n 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(169, 224, 40, 0.7); }\r\n 70% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(169, 224, 40, 0); }\r\n 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(169, 224, 40, 0); }\r\n }\r\n\r\n .spots-badge {\r\n display: inline-block;\r\n background-color: var(--secondary);\r\n color: var(--primary);\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n padding: 8px 20px;\r\n border-radius: 30px;\r\n margin-bottom: 25px;\r\n font-size: 0.95rem;\r\n animation: pulse-badge 2s infinite;\r\n }\r\n\r\n \/* Spotlight Free Badge in Hero *\/\r\n .free-spotlight {\r\n font-size: 1.2rem;\r\n font-weight: 600;\r\n color: var(--white);\r\n margin-bottom: 35px;\r\n display: inline-block;\r\n border-top: 1px solid rgba(255,255,255,0.3);\r\n border-bottom: 1px solid rgba(255,255,255,0.3);\r\n padding: 10px 0;\r\n width: 100%;\r\n max-width: 500px;\r\n }\r\n\r\n \/* Info Bar *\/\r\n .info-bar-wrapper { margin-top: -60px; position: relative; z-index: 10; margin-bottom: 80px; }\r\n .info-bar { \r\n background: var(--white); \r\n padding: 40px; \r\n display: grid; \r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); \r\n gap: 30px; \r\n border-radius: 12px; \r\n box-shadow: 0 20px 40px rgba(0,0,0,0.06); \r\n }\r\n .info-item h4 { font-size: 0.9rem; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 10px; color: #999; }\r\n .info-item p { margin-bottom: 0; font-weight: 500; color: var(--primary); line-height: 1.4; }\r\n \r\n \/* Standard Sections *\/\r\n section { padding: 80px 0; }\r\n .bg-light { background-color: var(--light); }\r\n\r\n \/* Why This Program (Cards) *\/\r\n .grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; }\r\n .card { \r\n background: var(--white); \r\n padding: 40px 30px; \r\n border-radius: 8px; \r\n border: 1px solid #eee;\r\n transition: transform 0.3s ease;\r\n }\r\n .card:hover { transform: translateY(-5px); border-color: rgba(8, 71, 52, 0.1); box-shadow: 0 10px 30px rgba(0,0,0,0.03); }\r\n .card h3 { font-size: 1.25rem; font-weight: 600; margin-bottom: 15px; }\r\n .card p { font-size: 0.95rem; margin-bottom: 0; }\r\n\r\n \/* Checklist Style (Used for What You'll Learn & Who Should Apply) *\/\r\n .checklist-container { max-width: 800px; margin: 0 auto; }\r\n .check-item { \r\n display: flex; \r\n align-items: flex-start; \r\n margin-bottom: 25px; \r\n padding-bottom: 25px;\r\n border-bottom: 1px solid #eee;\r\n }\r\n .check-item:last-child { border-bottom: none; }\r\n \r\n .check-icon { \r\n color: var(--primary); \r\n font-size: 1.2rem; \r\n font-weight: bold; \r\n margin-right: 20px; \r\n line-height: 1.6;\r\n flex-shrink: 0;\r\n }\r\n .check-content { font-size: 1.05rem; color: var(--text); }\r\n .check-content strong { color: var(--primary); font-weight: 600; display: inline-block; margin-right: 5px; }\r\n\r\n \/* Special Typography for \"No Experience\" *\/\r\n .no-experience-wrapper { margin-top: 60px; text-align: center; }\r\n .no-experience-headline {\r\n font-size: 1.75rem;\r\n font-weight: 700;\r\n color: var(--primary);\r\n margin-bottom: 30px;\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n \/* FAQ *\/\r\n .faq-container { max-width: 800px; margin: 0 auto; }\r\n .faq-item { background: var(--white); margin-bottom: 10px; border-radius: 8px; border: 1px solid #ddd; }\r\n .faq-q { padding: 20px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; align-items: center; }\r\n .faq-a { padding: 0 20px 20px; display: none; color: #555; }\r\n\r\n \/* Dates *\/\r\n .dates-wrapper { \r\n background: var(--light); \r\n padding: 40px; \r\n border-radius: 8px; \r\n max-width: 600px; \r\n margin: 0 auto; \r\n border: 1px solid #eee;\r\n }\r\n .date-row { display: flex; justify-content: space-between; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e0e0e0; }\r\n .date-row:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }\r\n .date-label { font-weight: 600; color: var(--primary); }\r\n .date-val { text-align: right; color: var(--text); }\r\n\r\n \/* Footer *\/\r\n footer { background: var(--primary); color: var(--white); padding: 100px 0 50px; text-align: left; }\r\n footer h2 { color: var(--white); margin-bottom: 10px; }\r\n footer p { color: rgba(255,255,255,0.7); }\r\n footer a { color: var(--white); text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.3); transition: 0.3s; }\r\n footer a:hover { color: var(--secondary); border-color: var(--secondary); }\r\n .footer-cta { margin-bottom: 60px; }\r\n .copyright { margin-top: 60px; font-size: 0.8rem; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 30px; }\r\n\r\n @media (max-width: 768px) { \r\n .hero h1 { font-size: 2.2rem; } \r\n .info-bar { grid-template-columns: 1fr; text-align: center; }\r\n .check-item { flex-direction: column; }\r\n .check-icon { margin-bottom: 10px; }\r\n .date-row { flex-direction: column; text-align: left; }\r\n .date-val { text-align: left; margin-top: 5px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<header>\r\n <div class=\"container text-center\">\r\n <div class=\"brand-text\">\r\n <b>AIRI Foundation<\/b> is happy to launch the Code & AI Creators Club in partnership with \r\n <a href=\"https:\/\/www.ulethbridge.ca\/destination-exploration\" target=\"_blank\">The University of Lethbridge Destination Exploration<\/a> and \r\n <a href=\"https:\/\/bipocfoundation.org\" target=\"_blank\">BIPOC Foundation<\/a>.\r\n <\/div>\r\n <\/div>\r\n<\/header>\r\n\r\n<section class=\"hero\">\r\n <div class=\"container\">\r\n <span class=\"spots-badge\">Only 30 Spots Available<\/span>\r\n <h1>Empowering the Next Generation<br>of Innovators and Leaders<\/h1>\r\n <p class=\"text-lead\">A free 12-week hands-on program for students (Grades 6-9) from all backgrounds to master Python, explore Artificial Intelligence, and start building for the future.<\/p>\r\n \r\n <div class=\"free-spotlight\">\r\n 100% FREE • Includes all equipment\r\n <\/div>\r\n\r\n <a href=\"https:\/\/bit.ly\/JoinCodeAI\" class=\"btn\">Apply Now<\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"container info-bar-wrapper\">\r\n <div class=\"info-bar\">\r\n <div class=\"info-item\">\r\n <h4>When<\/h4>\r\n <p>Every 2nd & 4th Sat<br>Mar 14 - June 2026<br>10:00 AM - 12:00 PM<\/p>\r\n <\/div>\r\n <div class=\"info-item\">\r\n <h4>Where<\/h4>\r\n <p>Science Commons<br>U of L Destination<br>Exploration Center<\/p>\r\n <\/div>\r\n <div class=\"info-item\">\r\n <h4>Who<\/h4>\r\n <p>Ages 10-14 (Grades 6-9)<br>BIPOC & Girls in STEM<br>highly encouraged<\/p>\r\n <\/div>\r\n \r\n <\/div>\r\n<\/div>\r\n\r\n<section class=\"bg-light\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">What You\u2019ll Learn<\/h2>\r\n <div class=\"checklist-container\">\r\n <div class=\"check-item\">\r\n <span class=\"check-icon\">✓<\/span>\r\n <div class=\"check-content\">\r\n <strong>Python Fundamentals:<\/strong> Write your first lines of code, build interactive programs, and master the #1 language for AI and data science.\r\n <\/div>\r\n <\/div>\r\n <div class=\"check-item\">\r\n <span class=\"check-icon\">✓<\/span>\r\n <div class=\"check-content\">\r\n <strong>Basics of AI:<\/strong> Discover how AI actually works! Explore machine learning and understand algorithms shaping our world.\r\n <\/div>\r\n <\/div>\r\n <div class=\"check-item\">\r\n <span class=\"check-icon\">✓<\/span>\r\n <div class=\"check-content\">\r\n <strong>Hands-On Projects:<\/strong> Build games, create chatbots, and analyze data. Every session includes practical coding.\r\n <\/div>\r\n <\/div>\r\n <div class=\"check-item\">\r\n <span class=\"check-icon\">✓<\/span>\r\n <div class=\"check-content\">\r\n <strong>Problem-Solving:<\/strong> Learn to break down complex problems, debug code, and think like a professional programmer.\r\n <\/div>\r\n <\/div>\r\n <div class=\"check-item\">\r\n <span class=\"check-icon\">✓<\/span>\r\n <div class=\"check-content\">\r\n <strong>Future-Ready Skills:<\/strong> Python opens doors to countless tech careers. Start building your portfolio today.\r\n <\/div>\r\n <\/div>\r\n <div class=\"check-item\">\r\n <span class=\"check-icon\">✓<\/span>\r\n <div class=\"check-content\">\r\n <strong>Creative Building:<\/strong> Coding is a creative tool. If you like to build things and stay curious, you belong here.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section>\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Who Should Apply?<\/h2>\r\n <p class=\"text-center\" style=\"margin-bottom: 40px;\">Perfect for students who:<\/p>\r\n \r\n <div class=\"checklist-container\">\r\n <div class=\"check-item\">\r\n <span class=\"check-icon\">✓<\/span>\r\n <div class=\"check-content\">Are curious about how technology works<\/div>\r\n <\/div>\r\n <div class=\"check-item\">\r\n <span class=\"check-icon\">✓<\/span>\r\n <div class=\"check-content\">Want to create their own apps, games, or AI tools<\/div>\r\n <\/div>\r\n <div class=\"check-item\">\r\n <span class=\"check-icon\">✓<\/span>\r\n <div class=\"check-content\">Enjoy problem-solving and creative thinking<\/div>\r\n <\/div>\r\n <div class=\"check-item\">\r\n <span class=\"check-icon\">✓<\/span>\r\n <div class=\"check-content\">Can commit to attending all\/most Saturday sessions<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"no-experience-wrapper\">\r\n <h3 class=\"no-experience-headline\">No coding experience required.<br>We welcome complete beginners.<\/h3>\r\n <a href=\"https:\/\/bit.ly\/JoinCodeAI\" class=\"btn\">Apply Now<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"bg-light\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Frequently Asked Questions<\/h2>\r\n <div class=\"faq-container\">\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">Does my child need their own laptop? <span>+<\/span><\/div>\r\n <div class=\"faq-a\">No! All computers and materials are provided.<\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">What if my child has no coding experience? <span>+<\/span><\/div>\r\n <div class=\"faq-a\">Perfect! This program is designed for beginners.<\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">What if my child is already experienced? <span>+<\/span><\/div>\r\n <div class=\"faq-a\">We assess skill levels and provide appropriate challenges to keep them engaged.<\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">What if we miss a session? <span>+<\/span><\/div>\r\n <div class=\"faq-a\">Students should attend at least 10 of 12 sessions. We provide resources for makeup work.<\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">What\u2019s the class size? <span>+<\/span><\/div>\r\n <div class=\"faq-a\">Small groups of 15 with 2 instructors for personalized attention.<\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">Is this only for \"math and science students\"? <span>+<\/span><\/div>\r\n <div class=\"faq-a\">Absolutely not! We believe coding is a creative tool. If you are curious, you belong here.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section>\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Important Dates<\/h2>\r\n <div class=\"dates-wrapper\">\r\n <div class=\"date-row\">\r\n <span class=\"date-label\">February 27, 2026<\/span>\r\n <span class=\"date-val\">Acceptance Notifications Sent<\/span>\r\n <\/div>\r\n <div class=\"date-row\">\r\n <span class=\"date-label\">March 14, 2026<\/span>\r\n <span class=\"date-val\">Program Begins!<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<footer>\r\n <div class=\"container\">\r\n <div class=\"footer-cta\">\r\n <h2>Join the Club<\/h2>\r\n <p>Apply today to secure one of the 30 available spots.<\/p>\r\n <br>\r\n <a href=\"https:\/\/bit.ly\/JoinCodeAI\" class=\"btn\">Apply Now<\/a>\r\n <\/div>\r\n \r\n <div class=\"copyright\">\r\n <p><strong>Contact Us<\/strong><\/p>\r\n <p>Questions? Email: <a href=\"mailto:codeclub@airifoundation.org\">codeclub@airifoundation.org<\/a><\/p>\r\n <p style=\"margin-top: 20px; font-size: 0.75rem; color: rgba(255,255,255,0.4);\">\u00a9 2026 AIRI Foundation. All Rights Reserved.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n document.querySelectorAll('.faq-q').forEach(q => {\r\n q.addEventListener('click', () => {\r\n const item = q.parentElement;\r\n const isOpen = item.querySelector('.faq-a').style.display === 'block';\r\n \r\n document.querySelectorAll('.faq-a').forEach(a => a.style.display = 'none');\r\n document.querySelectorAll('.faq-q span').forEach(s => s.innerText = '+');\r\n\r\n if (!isOpen) {\r\n item.querySelector('.faq-a').style.display = 'block';\r\n q.querySelector('span').innerText = '-';\r\n }\r\n });\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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>Code & AI Creators Club | AIRI Foundation AIRI Foundation is happy to launch the Code & AI Creators Club in partnership with The University of Lethbridge Destination Exploration and BIPOC Foundation. Only 30 Spots Available Empowering the Next Generationof Innovators and Leaders A free 12-week hands-on program for students (Grades 6-9) from all backgrounds […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-223","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/pages\/223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/comments?post=223"}],"version-history":[{"count":16,"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/pages\/223\/revisions"}],"predecessor-version":[{"id":251,"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/pages\/223\/revisions\/251"}],"wp:attachment":[{"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/media?parent=223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Code & AI Creators Club | AIRI Foundation<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --primary: #084734;\r\n --secondary: #A9E028; \/* Lemon - Use sparingly *\/\r\n --light: #f8f9fa;\r\n --white: #ffffff;\r\n --text: #1a1a1a;\r\n --text-light: #555555;\r\n }\r\n\r\n * { box-sizing: border-box; margin: 0; padding: 0; }\r\n \r\n body { \r\n font-family: 'Poppins', sans-serif; \r\n line-height: 1.8; \r\n color: var(--text); \r\n background-color: var(--white); \r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n .container { max-width: 1000px; margin: 0 auto; padding: 0 25px; }\r\n\r\n \/* Typography *\/\r\n h1, h2, h3, h4 { color: var(--primary); line-height: 1.2; margin-bottom: 1rem; }\r\n p { color: var(--text-light); margin-bottom: 1.5rem; }\r\n \r\n .section-title { \r\n text-align: center; \r\n font-size: 2.5rem; \r\n font-weight: 600; \r\n margin-bottom: 3rem;\r\n color: var(--primary);\r\n }\r\n\r\n .text-center { text-align: center; }\r\n .text-lead { font-size: 1.25rem; font-weight: 300; max-width: 800px; margin: 0 auto 2rem; }\r\n\r\n \/* Buttons - Updated to White with Green Glow *\/\r\n .btn {\r\n display: inline-block;\r\n padding: 16px 42px;\r\n font-size: 1rem;\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 50px;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n text-align: center;\r\n \/* Default White Style *\/\r\n background-color: var(--white);\r\n color: var(--primary);\r\n border: 2px solid var(--primary); \/* Added border for visibility on white backgrounds *\/\r\n }\r\n\r\n .btn:hover {\r\n transform: translateY(-2px);\r\n \/* Green Glow Effect *\/\r\n box-shadow: 0 0 20px rgba(8, 71, 52, 0.4), 0 0 10px var(--secondary);\r\n border-color: var(--secondary);\r\n }\r\n\r\n \/* Hero specific button override if needed (removes border if preferred, but border looks good for consistency) *\/\r\n .hero .btn {\r\n border: none; \/* Cleaner on dark background *\/\r\n }\r\n\r\n \/* Layout Sections *\/\r\n header { \r\n padding: 30px 0; \r\n border-bottom: 1px solid #eee; \r\n background: linear-gradient(to right, #ffffff, #f9fdfb); \r\n }\r\n \r\n \/* Updated Header Styling *\/\r\n .brand-text { \r\n font-size: 0.95rem; \r\n font-weight: 500; \r\n color: var(--primary); \r\n line-height: 1.6;\r\n max-width: 850px;\r\n margin: 0 auto;\r\n }\r\n .brand-text a {\r\n color: var(--primary);\r\n font-weight: 700;\r\n text-decoration: none;\r\n border-bottom: 2px solid var(--secondary);\r\n transition: background-color 0.2s;\r\n }\r\n .brand-text a:hover {\r\n background-color: var(--secondary);\r\n color: var(--primary);\r\n }\r\n\r\n \/* Hero *\/\r\n .hero { \r\n background: linear-gradient(rgba(8, 71, 52, 0.95), rgba(8, 71, 52, 0.90)), url('https:\/\/images.unsplash.com\/photo-1516321318423-f06f85e504b3?q=80&w=1000');\r\n background-size: cover; \r\n background-position: center; \r\n color: var(--white); \r\n padding: 120px 0 140px; \r\n text-align: center; \r\n }\r\n .hero h1 { \r\n color: var(--white); \r\n font-size: 3.2rem; \r\n font-weight: 600; \r\n margin: 20px 0; \r\n letter-spacing: -1px;\r\n }\r\n .hero p { color: rgba(255,255,255,0.9); }\r\n \r\n \/* Animated Spots Badge *\/\r\n @keyframes pulse-badge {\r\n 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(169, 224, 40, 0.7); }\r\n 70% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(169, 224, 40, 0); }\r\n 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(169, 224, 40, 0); }\r\n }\r\n\r\n .spots-badge {\r\n display: inline-block;\r\n background-color: var(--secondary);\r\n color: var(--primary);\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n padding: 8px 20px;\r\n border-radius: 30px;\r\n margin-bottom: 25px;\r\n font-size: 0.95rem;\r\n animation: pulse-badge 2s infinite;\r\n }\r\n\r\n \/* Spotlight Free Badge in Hero *\/\r\n .free-spotlight {\r\n font-size: 1.2rem;\r\n font-weight: 600;\r\n color: var(--white);\r\n margin-bottom: 35px;\r\n display: inline-block;\r\n border-top: 1px solid rgba(255,255,255,0.3);\r\n border-bottom: 1px solid rgba(255,255,255,0.3);\r\n padding: 10px 0;\r\n width: 100%;\r\n max-width: 500px;\r\n }\r\n\r\n \/* Info Bar *\/\r\n .info-bar-wrapper { margin-top: -60px; position: relative; z-index: 10; margin-bottom: 80px; }\r\n .info-bar { \r\n background: var(--white); \r\n padding: 40px; \r\n display: grid; \r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); \r\n gap: 30px; \r\n border-radius: 12px; \r\n box-shadow: 0 20px 40px rgba(0,0,0,0.06); \r\n }\r\n .info-item h4 { font-size: 0.9rem; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 10px; color: #999; }\r\n .info-item p { margin-bottom: 0; font-weight: 500; color: var(--primary); line-height: 1.4; }\r\n \r\n \/* Standard Sections *\/\r\n section { padding: 80px 0; }\r\n .bg-light { background-color: var(--light); }\r\n\r\n \/* Why This Program (Cards) *\/\r\n .grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; }\r\n .card { \r\n background: var(--white); \r\n padding: 40px 30px; \r\n border-radius: 8px; \r\n border: 1px solid #eee;\r\n transition: transform 0.3s ease;\r\n }\r\n .card:hover { transform: translateY(-5px); border-color: rgba(8, 71, 52, 0.1); box-shadow: 0 10px 30px rgba(0,0,0,0.03); }\r\n .card h3 { font-size: 1.25rem; font-weight: 600; margin-bottom: 15px; }\r\n .card p { font-size: 0.95rem; margin-bottom: 0; }\r\n\r\n \/* Checklist Style (Used for What You'll Learn & Who Should Apply) *\/\r\n .checklist-container { max-width: 800px; margin: 0 auto; }\r\n .check-item { \r\n display: flex; \r\n align-items: flex-start; \r\n margin-bottom: 25px; \r\n padding-bottom: 25px;\r\n border-bottom: 1px solid #eee;\r\n }\r\n .check-item:last-child { border-bottom: none; }\r\n \r\n .check-icon { \r\n color: var(--primary); \r\n font-size: 1.2rem; \r\n font-weight: bold; \r\n margin-right: 20px; \r\n line-height: 1.6;\r\n flex-shrink: 0;\r\n }\r\n .check-content { font-size: 1.05rem; color: var(--text); }\r\n .check-content strong { color: var(--primary); font-weight: 600; display: inline-block; margin-right: 5px; }\r\n\r\n \/* Special Typography for \"No Experience\" *\/\r\n .no-experience-wrapper { margin-top: 60px; text-align: center; }\r\n .no-experience-headline {\r\n font-size: 1.75rem;\r\n font-weight: 700;\r\n color: var(--primary);\r\n margin-bottom: 30px;\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n \/* FAQ *\/\r\n .faq-container { max-width: 800px; margin: 0 auto; }\r\n .faq-item { background: var(--white); margin-bottom: 10px; border-radius: 8px; border: 1px solid #ddd; }\r\n .faq-q { padding: 20px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; align-items: center; }\r\n .faq-a { padding: 0 20px 20px; display: none; color: #555; }\r\n\r\n \/* Dates *\/\r\n .dates-wrapper { \r\n background: var(--light); \r\n padding: 40px; \r\n border-radius: 8px; \r\n max-width: 600px; \r\n margin: 0 auto; \r\n border: 1px solid #eee;\r\n }\r\n .date-row { display: flex; justify-content: space-between; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e0e0e0; }\r\n .date-row:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }\r\n .date-label { font-weight: 600; color: var(--primary); }\r\n .date-val { text-align: right; color: var(--text); }\r\n\r\n \/* Footer *\/\r\n footer { background: var(--primary); color: var(--white); padding: 100px 0 50px; text-align: left; }\r\n footer h2 { color: var(--white); margin-bottom: 10px; }\r\n footer p { color: rgba(255,255,255,0.7); }\r\n footer a { color: var(--white); text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.3); transition: 0.3s; }\r\n footer a:hover { color: var(--secondary); border-color: var(--secondary); }\r\n .footer-cta { margin-bottom: 60px; }\r\n .copyright { margin-top: 60px; font-size: 0.8rem; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 30px; }\r\n\r\n @media (max-width: 768px) { \r\n .hero h1 { font-size: 2.2rem; } \r\n .info-bar { grid-template-columns: 1fr; text-align: center; }\r\n .check-item { flex-direction: column; }\r\n .check-icon { margin-bottom: 10px; }\r\n .date-row { flex-direction: column; text-align: left; }\r\n .date-val { text-align: left; margin-top: 5px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<header>\r\n <div class=\"container text-center\">\r\n <div class=\"brand-text\">\r\n <b>AIRI Foundation<\/b> is happy to launch the Code & AI Creators Club in partnership with \r\n <a href=\"https:\/\/www.ulethbridge.ca\/destination-exploration\" target=\"_blank\">The University of Lethbridge Destination Exploration<\/a> and \r\n <a href=\"https:\/\/bipocfoundation.org\" target=\"_blank\">BIPOC Foundation<\/a>.\r\n <\/div>\r\n <\/div>\r\n<\/header>\r\n\r\n<section class=\"hero\">\r\n <div class=\"container\">\r\n <span class=\"spots-badge\">Only 30 Spots Available<\/span>\r\n <h1>Empowering the Next Generation<br>of Innovators and Leaders<\/h1>\r\n <p class=\"text-lead\">A free 12-week hands-on program for students (Grades 6-9) from all backgrounds to master Python, explore Artificial Intelligence, and start building for the future.<\/p>\r\n \r\n <div class=\"free-spotlight\">\r\n 100% FREE • Includes all equipment\r\n <\/div>\r\n\r\n <a href=\"https:\/\/bit.ly\/JoinCodeAI\" class=\"btn\">Apply Now<\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"container info-bar-wrapper\">\r\n <div class=\"info-bar\">\r\n <div class=\"info-item\">\r\n <h4>When<\/h4>\r\n <p>Every 2nd & 4th Sat<br>Mar 14 - June 2026<br>10:00 AM - 12:00 PM<\/p>\r\n <\/div>\r\n <div class=\"info-item\">\r\n <h4>Where<\/h4>\r\n <p>Science Commons<br>U of L Destination<br>Exploration Center<\/p>\r\n <\/div>\r\n <div class=\"info-item\">\r\n <h4>Who<\/h4>\r\n <p>Ages 10-14 (Grades 6-9)<br>BIPOC & Girls in STEM<br>highly encouraged<\/p>\r\n <\/div>\r\n \r\n <\/div>\r\n<\/div>\r\n\r\n<section class=\"bg-light\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">What You\u2019ll Learn<\/h2>\r\n <div class=\"checklist-container\">\r\n <div class=\"check-item\">\r\n <span class=\"check-icon\">✓<\/span>\r\n <div class=\"check-content\">\r\n <strong>Python Fundamentals:<\/strong> Write your first lines of code, build interactive programs, and master the #1 language for AI and data science.\r\n <\/div>\r\n <\/div>\r\n <div class=\"check-item\">\r\n <span class=\"check-icon\">✓<\/span>\r\n <div class=\"check-content\">\r\n <strong>Basics of AI:<\/strong> Discover how AI actually works! Explore machine learning and understand algorithms shaping our world.\r\n <\/div>\r\n <\/div>\r\n <div class=\"check-item\">\r\n <span class=\"check-icon\">✓<\/span>\r\n <div class=\"check-content\">\r\n <strong>Hands-On Projects:<\/strong> Build games, create chatbots, and analyze data. Every session includes practical coding.\r\n <\/div>\r\n <\/div>\r\n <div class=\"check-item\">\r\n <span class=\"check-icon\">✓<\/span>\r\n <div class=\"check-content\">\r\n <strong>Problem-Solving:<\/strong> Learn to break down complex problems, debug code, and think like a professional programmer.\r\n <\/div>\r\n <\/div>\r\n <div class=\"check-item\">\r\n <span class=\"check-icon\">✓<\/span>\r\n <div class=\"check-content\">\r\n <strong>Future-Ready Skills:<\/strong> Python opens doors to countless tech careers. Start building your portfolio today.\r\n <\/div>\r\n <\/div>\r\n <div class=\"check-item\">\r\n <span class=\"check-icon\">✓<\/span>\r\n <div class=\"check-content\">\r\n <strong>Creative Building:<\/strong> Coding is a creative tool. If you like to build things and stay curious, you belong here.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section>\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Who Should Apply?<\/h2>\r\n <p class=\"text-center\" style=\"margin-bottom: 40px;\">Perfect for students who:<\/p>\r\n \r\n <div class=\"checklist-container\">\r\n <div class=\"check-item\">\r\n <span class=\"check-icon\">✓<\/span>\r\n <div class=\"check-content\">Are curious about how technology works<\/div>\r\n <\/div>\r\n <div class=\"check-item\">\r\n <span class=\"check-icon\">✓<\/span>\r\n <div class=\"check-content\">Want to create their own apps, games, or AI tools<\/div>\r\n <\/div>\r\n <div class=\"check-item\">\r\n <span class=\"check-icon\">✓<\/span>\r\n <div class=\"check-content\">Enjoy problem-solving and creative thinking<\/div>\r\n <\/div>\r\n <div class=\"check-item\">\r\n <span class=\"check-icon\">✓<\/span>\r\n <div class=\"check-content\">Can commit to attending all\/most Saturday sessions<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"no-experience-wrapper\">\r\n <h3 class=\"no-experience-headline\">No coding experience required.<br>We welcome complete beginners.<\/h3>\r\n <a href=\"https:\/\/bit.ly\/JoinCodeAI\" class=\"btn\">Apply Now<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"bg-light\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Frequently Asked Questions<\/h2>\r\n <div class=\"faq-container\">\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">Does my child need their own laptop? <span>+<\/span><\/div>\r\n <div class=\"faq-a\">No! All computers and materials are provided.<\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">What if my child has no coding experience? <span>+<\/span><\/div>\r\n <div class=\"faq-a\">Perfect! This program is designed for beginners.<\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">What if my child is already experienced? <span>+<\/span><\/div>\r\n <div class=\"faq-a\">We assess skill levels and provide appropriate challenges to keep them engaged.<\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">What if we miss a session? <span>+<\/span><\/div>\r\n <div class=\"faq-a\">Students should attend at least 10 of 12 sessions. We provide resources for makeup work.<\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">What\u2019s the class size? <span>+<\/span><\/div>\r\n <div class=\"faq-a\">Small groups of 15 with 2 instructors for personalized attention.<\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">Is this only for \"math and science students\"? <span>+<\/span><\/div>\r\n <div class=\"faq-a\">Absolutely not! We believe coding is a creative tool. If you are curious, you belong here.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section>\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Important Dates<\/h2>\r\n <div class=\"dates-wrapper\">\r\n <div class=\"date-row\">\r\n <span class=\"date-label\">February 27, 2026<\/span>\r\n <span class=\"date-val\">Acceptance Notifications Sent<\/span>\r\n <\/div>\r\n <div class=\"date-row\">\r\n <span class=\"date-label\">March 14, 2026<\/span>\r\n <span class=\"date-val\">Program Begins!<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<footer>\r\n <div class=\"container\">\r\n <div class=\"footer-cta\">\r\n <h2>Join the Club<\/h2>\r\n <p>Apply today to secure one of the 30 available spots.<\/p>\r\n <br>\r\n <a href=\"https:\/\/bit.ly\/JoinCodeAI\" class=\"btn\">Apply Now<\/a>\r\n <\/div>\r\n \r\n <div class=\"copyright\">\r\n <p><strong>Contact Us<\/strong><\/p>\r\n <p>Questions? Email: <a href=\"mailto:codeclub@airifoundation.org\">codeclub@airifoundation.org<\/a><\/p>\r\n <p style=\"margin-top: 20px; font-size: 0.75rem; color: rgba(255,255,255,0.4);\">\u00a9 2026 AIRI Foundation. All Rights Reserved.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n document.querySelectorAll('.faq-q').forEach(q => {\r\n q.addEventListener('click', () => {\r\n const item = q.parentElement;\r\n const isOpen = item.querySelector('.faq-a').style.display === 'block';\r\n \r\n document.querySelectorAll('.faq-a').forEach(a => a.style.display = 'none');\r\n document.querySelectorAll('.faq-q span').forEach(s => s.innerText = '+');\r\n\r\n if (!isOpen) {\r\n item.querySelector('.faq-a').style.display = 'block';\r\n q.querySelector('span').innerText = '-';\r\n }\r\n });\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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>Code & AI Creators Club | AIRI Foundation AIRI Foundation is happy to launch the Code & AI Creators Club in partnership with The University of Lethbridge Destination Exploration and BIPOC Foundation. Only 30 Spots Available Empowering the Next Generationof Innovators and Leaders A free 12-week hands-on program for students (Grades 6-9) from all backgrounds […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-223","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/pages\/223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/comments?post=223"}],"version-history":[{"count":16,"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/pages\/223\/revisions"}],"predecessor-version":[{"id":251,"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/pages\/223\/revisions\/251"}],"wp:attachment":[{"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/media?parent=223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}