{"id":49488,"date":"2022-06-06T15:21:43","date_gmt":"2022-06-06T21:21:43","guid":{"rendered":"https:\/\/www.codewizardshq.com\/?page_id=49488"},"modified":"2025-08-15T05:01:17","modified_gmt":"2025-08-15T11:01:17","slug":"responsive-websites-html-css","status":"publish","type":"page","link":"https:\/\/www.codewizardshq.com\/responsive-websites-html-css\/","title":{"rendered":"Individual Curriculum &#8211; E32"},"content":{"rendered":"<div class=\"lazyblock-cw1-container-Z214tcI wp-block-lazyblock-cw1-container\"><div class=\"container \"><div class=\"lazyblock-inner-blocks\">\n<div class=\"lazyblock-cw1-wizard-level-block-QUnYd wp-block-lazyblock-cw1-wizard-level-block\">        <link rel='stylesheet' href='https:\/\/www.codewizardshq.com\/wp-content\/themes\/codewizards\/blocks\/lazyblock-cw1-wizard-level-block\/block.css' type='text\/css' media='all' \/>\n    \n<div class=\"grade-item grade-item-2   \">\n    <div class=\"image\">\n        <div class=\"inner\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"548\" height=\"526\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2019\/11\/Elementary-School-Coding-Program-Boy-in-Class-Smile.jpg\" class=\"attachment-full size-full\" alt=\"Elementary school boy in class\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2019\/11\/Elementary-School-Coding-Program-Boy-in-Class-Smile.jpg 548w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2019\/11\/Elementary-School-Coding-Program-Boy-in-Class-Smile-300x288.jpg 300w\" sizes=\"auto, (max-width: 548px) 100vw, 548px\" \/>                            \n            <div class=\"grade\"><\/div>\n        <\/div>\n    <\/div>\n    <div class=\"content\">\n        <div class=\"title\">\n            <h3>\n                Course Description\n                            <\/h3>\n        <\/div>\n\n        <div class=\"text\">\n            <p>In\u00a0<em>Responsive Websites with HTML\/CSS<\/em>, the second course of Wizard Level 3 in our elementary school program, students learn to create user-friendly, responsive websites while building upon previously known concepts from our\u00a0<em>Creating Websites with HTML\/CSS<\/em>\u00a0course. They will expand their skills by creating more advanced page layouts and designing websites that give a seamless user experience on all devices. After completing their course, students are ready to move to the next step in our structured curriculum with our\u00a0<em>Introduction to JavaScript\u00a0<\/em>course.<\/p>        <\/div>\n\n        <div class=\"buttons\">\n                            <a href=\"#sessions-header\" class=\"btn transparent\">View Lessons<\/a>\n            \n                            <a href=\"https:\/\/enroll.codewizardshq.com\/\" class=\"btn big\">Enroll<\/a>\n                    <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"lazyblock-cw1-wizard-level-block-Zwh84o wp-block-lazyblock-cw1-wizard-level-block\">\n<div class=\"grade-item grade-item-2 image-right color-orange \">\n    <div class=\"image\">\n        <div class=\"inner\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"548\" height=\"526\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2019\/11\/Elementary-School-Coding-Program-Girl-Smile-1.jpg\" class=\"attachment-full size-full\" alt=\"Elementary school girl in class\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2019\/11\/Elementary-School-Coding-Program-Girl-Smile-1.jpg 548w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2019\/11\/Elementary-School-Coding-Program-Girl-Smile-1-300x288.jpg 300w\" sizes=\"auto, (max-width: 548px) 100vw, 548px\" \/>                            \n            <div class=\"grade\"><\/div>\n        <\/div>\n    <\/div>\n    <div class=\"content\">\n        <div class=\"title\">\n            <h3>\n                Learning Objectives\n                            <\/h3>\n        <\/div>\n\n        <div class=\"text\">\n            <p>When students complete <em>Responsive Websites with HTML\/CSS<\/em>, they will be able to:<\/p>\n<ul>\n<li>Master the art of crafting modern websites while adhering to web standards.<\/li>\n<li>Create eye-catching page layouts using advanced design techniques and grids.<\/li>\n<li>Produce responsive websites that look amazing and function correctly on any screen size.<\/li>\n<\/ul>        <\/div>\n\n        <div class=\"buttons\">\n                            <a href=\"#sessions-header\" class=\"btn transparent\">View Lessons<\/a>\n            \n                            <a href=\"https:\/\/enroll.codewizardshq.com\/\" class=\"btn big\">Enroll<\/a>\n                    <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"lazyblock-cw1-wizard-level-block-Z1ozCMd wp-block-lazyblock-cw1-wizard-level-block\">\n<div class=\"grade-item grade-item-2  color-orange \">\n    <div class=\"image\">\n        <div class=\"inner\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"548\" height=\"527\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2019\/10\/grade-bg-3.jpg\" class=\"attachment-full size-full\" alt=\"Level I\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2019\/10\/grade-bg-3.jpg 548w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2019\/10\/grade-bg-3-300x289.jpg 300w\" sizes=\"auto, (max-width: 548px) 100vw, 548px\" \/>                            \n            <div class=\"grade\"><\/div>\n        <\/div>\n    <\/div>\n    <div class=\"content\">\n        <div class=\"title\">\n            <h3>\n                Prerequisites\n                            <\/h3>\n        <\/div>\n\n        <div class=\"text\">\n            <p>These courses must be completed before Responsive Websites with HTML\/CSS:<\/p>\n<ul>\n<li>Wizard Level 1<\/li>\n<li>Wizard Level 2<\/li>\n<li>Wizard Level 3, Course 1 : <a href=\"https:\/\/www.codewizardshq.com\/creating-websites-html-css\/\">Creating Websites with HTML\/CSS<\/a><\/li>\n<\/ul>        <\/div>\n\n        <div class=\"buttons\">\n                            <a href=\"#sessions-header\" class=\"btn transparent\">View Lessons<\/a>\n            \n                            <a href=\"https:\/\/enroll.codewizardshq.com\/\" class=\"btn big\">Enroll<\/a>\n                    <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div id=\"sessions-header\"><\/div>\n\n\n<div class=\"lazyblock-cw2-class-sessions-8cf38857 wp-block-lazyblock-cw2-class-sessions\">\n        <link rel='stylesheet' href='https:\/\/www.codewizardshq.com\/wp-content\/themes\/codewizards\/blocks\/lazyblock-cw2-class-sessions\/block.css' type='text\/css' media='all' \/>\n    \n<div class=\"class-sessions\">\n    <a href=\"javascript:void(0)\" class=\"heading\">\n                    <span class=\"title\">Responsive Websites with HTML\/CSS Class Lessons<\/span>\n        \n                    <span class=\"expand\">Expand All Lessons<\/span>\n        \n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"39\" height=\"23\" viewBox=\"0 0 39.24 23.25\" class=\"arrow\">\n            <path stroke=\"currentColor\" stroke-width=\"3px\" fill-rule=\"evenodd\" fill=\"none\" d=\"M1475,4423l16,16,16-16\" transform=\"translate(-1471.38 -4421.5)\" \/>\n        <\/svg>\n    <\/a>\n\n            <ul class=\"items\">\n                            <li class=\"item\">\n                                            \n                        <div class=\"image\"><img loading=\"lazy\" decoding=\"async\" width=\"1235\" height=\"695\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-1.png\" class=\"attachment-full size-full\" alt=\"Responsive Websites with HTML\/CSS  lesson 1\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-1.png 1235w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-1-300x169.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-1-1024x576.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-1-768x432.png 768w\" sizes=\"auto, (max-width: 1235px) 100vw, 1235px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        1.\n                                    <\/span>\n                                \n                                More to HTML\/CSS                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>During the first session of our course, students will review fundamental HTML and CSS principles in depth while also improving their skills. They will study complex concepts such as relative positioning and learn how to align divs precisely. Additionally, they will become proficient in applying consistent styling to all elements using the universal selector. This lesson supports understanding of advanced HTML and CSS concepts.<\/p><\/div>\n                            \n                                                            <div class=\"buttons\"><a href=\"https:\/\/enroll.codewizardshq.com\/\" class=\"btn\">Enroll<\/a><\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <a href=\"javascript:void(0)\" class=\"open\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"39\" height=\"23\" viewBox=\"0 0 39.24 23.25\" class=\"arrow\">\n                            <path stroke=\"currentColor\" stroke-width=\"3px\" fill-rule=\"evenodd\" fill=\"none\" d=\"M1475,4423l16,16,16-16\" transform=\"translate(-1471.38 -4421.5)\" \/>\n                        <\/svg>\n                    <\/a>\n                <\/li>\n                            <li class=\"item\">\n                                            \n                        <div class=\"image\"><img loading=\"lazy\" decoding=\"async\" width=\"1235\" height=\"695\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-2.png\" class=\"attachment-full size-full\" alt=\"Responsive Websites with HTML\/CSS lesson 2\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-2.png 1235w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-2-300x169.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-2-1024x576.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-2-768x432.png 768w\" sizes=\"auto, (max-width: 1235px) 100vw, 1235px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        2.\n                                    <\/span>\n                                \n                                HTML5 and Box Model                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson, students explore advanced HTML5 and the Box Model as they create the captivating Wizard Zoo website with engaging articles. They learn to use HTML5 Semantic tags instead of &amp;lt;div&gt; tags for improved structure and accessibility. Additionally, they develop proficiency in the Box Model to design visually appealing layouts with precise element dimensions and spacing. This session offers a strong foundation for students to create web content with structure.<\/p><\/div>\n                            \n                                                            <div class=\"buttons\"><a href=\"https:\/\/enroll.codewizardshq.com\/\" class=\"btn\">Enroll<\/a><\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <a href=\"javascript:void(0)\" class=\"open\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"39\" height=\"23\" viewBox=\"0 0 39.24 23.25\" class=\"arrow\">\n                            <path stroke=\"currentColor\" stroke-width=\"3px\" fill-rule=\"evenodd\" fill=\"none\" d=\"M1475,4423l16,16,16-16\" transform=\"translate(-1471.38 -4421.5)\" \/>\n                        <\/svg>\n                    <\/a>\n                <\/li>\n                            <li class=\"item\">\n                                            \n                        <div class=\"image\"><img loading=\"lazy\" decoding=\"async\" width=\"1233\" height=\"691\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-3.png\" class=\"attachment-full size-full\" alt=\"Responsive Websites with HTML\/CSS lesson 3\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-3.png 1233w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-3-300x168.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-3-1024x574.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-3-768x430.png 768w\" sizes=\"auto, (max-width: 1233px) 100vw, 1233px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        3.\n                                    <\/span>\n                                \n                                Lists and Inheritance                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson, students delve into CSS inheritance and create a Music website. They discover how to efficiently pass properties from parent to child elements, reducing redundancy and enhancing readability. Additionally, they learn how to override styles inherited from parent elements when necessary. Furthermore, students explore HTML lists and various styling techniques. This lesson emphasizes efficiency and skill enhancement, empowering students to become proficient programmers.<\/p><\/div>\n                            \n                                                            <div class=\"buttons\"><a href=\"https:\/\/enroll.codewizardshq.com\/\" class=\"btn\">Enroll<\/a><\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <a href=\"javascript:void(0)\" class=\"open\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"39\" height=\"23\" viewBox=\"0 0 39.24 23.25\" class=\"arrow\">\n                            <path stroke=\"currentColor\" stroke-width=\"3px\" fill-rule=\"evenodd\" fill=\"none\" d=\"M1475,4423l16,16,16-16\" transform=\"translate(-1471.38 -4421.5)\" \/>\n                        <\/svg>\n                    <\/a>\n                <\/li>\n                            <li class=\"item\">\n                                            \n                        <div class=\"image\"><img loading=\"lazy\" decoding=\"async\" width=\"1229\" height=\"690\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-4.png\" class=\"attachment-full size-full\" alt=\"Responsive Websites with HTML\/CSS lesson 4\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-4.png 1229w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-4-300x168.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-4-1024x575.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-4-768x431.png 768w\" sizes=\"auto, (max-width: 1229px) 100vw, 1229px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        4.\n                                    <\/span>\n                                \n                                Responsive Design: Media Query                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson, students learn about responsive design, which helps to make websites accessible on all devices, and how to achieve it using CSS media queries. They will create a game that adapts the obstacles based on different devices. They will also learn about the industry practice of mobile-first design and how to create responsive designs following this approach. Additionally, they will learn about responsive breakpoints to modify styles for different devices.<\/p><\/div>\n                            \n                                                            <div class=\"buttons\"><a href=\"https:\/\/enroll.codewizardshq.com\/\" class=\"btn\">Enroll<\/a><\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <a href=\"javascript:void(0)\" class=\"open\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"39\" height=\"23\" viewBox=\"0 0 39.24 23.25\" class=\"arrow\">\n                            <path stroke=\"currentColor\" stroke-width=\"3px\" fill-rule=\"evenodd\" fill=\"none\" d=\"M1475,4423l16,16,16-16\" transform=\"translate(-1471.38 -4421.5)\" \/>\n                        <\/svg>\n                    <\/a>\n                <\/li>\n                            <li class=\"item\">\n                                            \n                        <div class=\"image\"><img loading=\"lazy\" decoding=\"async\" width=\"1233\" height=\"693\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-5.png\" class=\"attachment-full size-full\" alt=\"Responsive Websites with HTML\/CSS lesson 5\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-5.png 1233w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-5-300x169.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-5-1024x576.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-5-768x432.png 768w\" sizes=\"auto, (max-width: 1233px) 100vw, 1233px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        5.\n                                    <\/span>\n                                \n                                Mid Term: The Lost Beep &#8211; I                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson, students start their two-part project on The Lost Beep website. In the first part, students create the home page for the players to explain Beep&#039;s story and how they can rescue him from this city. The home page includes navigation, the main section, and the game map. They use HTML5 semantic tags to create different sections of the home page. This midterm project simulates the process of creating real-world websites.<\/p><\/div>\n                            \n                                                            <div class=\"buttons\"><a href=\"https:\/\/enroll.codewizardshq.com\/\" class=\"btn\">Enroll<\/a><\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <a href=\"javascript:void(0)\" class=\"open\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"39\" height=\"23\" viewBox=\"0 0 39.24 23.25\" class=\"arrow\">\n                            <path stroke=\"currentColor\" stroke-width=\"3px\" fill-rule=\"evenodd\" fill=\"none\" d=\"M1475,4423l16,16,16-16\" transform=\"translate(-1471.38 -4421.5)\" \/>\n                        <\/svg>\n                    <\/a>\n                <\/li>\n                            <li class=\"item\">\n                                            \n                        <div class=\"image\"><img loading=\"lazy\" decoding=\"async\" width=\"1231\" height=\"688\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-6.png\" class=\"attachment-full size-full\" alt=\"Responsive Websites with HTML\/CSS lesson 6\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-6.png 1231w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-6-300x168.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-6-1024x572.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-6-768x429.png 768w\" sizes=\"auto, (max-width: 1231px) 100vw, 1231px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        6.\n                                    <\/span>\n                                \n                                Mid Term: The Lost Beep &#8211; II                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson, students complete their mid-term project on The Lost Beep by creating additional web pages to rescue Beep. They design challenges for users to solve to help Beep, including a multiple-choice quiz and different pages for correct and incorrect answers. Finally, they create the final destination page for Beep. This project helps students gain practical experience creating a multi-page website compatible with all devices.<\/p><\/div>\n                            \n                                                            <div class=\"buttons\"><a href=\"https:\/\/enroll.codewizardshq.com\/\" class=\"btn\">Enroll<\/a><\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <a href=\"javascript:void(0)\" class=\"open\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"39\" height=\"23\" viewBox=\"0 0 39.24 23.25\" class=\"arrow\">\n                            <path stroke=\"currentColor\" stroke-width=\"3px\" fill-rule=\"evenodd\" fill=\"none\" d=\"M1475,4423l16,16,16-16\" transform=\"translate(-1471.38 -4421.5)\" \/>\n                        <\/svg>\n                    <\/a>\n                <\/li>\n                            <li class=\"item\">\n                                            \n                        <div class=\"image\"><img loading=\"lazy\" decoding=\"async\" width=\"1229\" height=\"690\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-7.png\" class=\"attachment-full size-full\" alt=\"Responsive Websites with HTML\/CSS lesson 7\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-7.png 1229w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-7-300x168.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-7-1024x575.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-7-768x431.png 768w\" sizes=\"auto, (max-width: 1229px) 100vw, 1229px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        7.\n                                    <\/span>\n                                \n                                Flexbox                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson, students create the Wizard Cards in a grid-like structure for a wizard. They use Flexbox to arrange cards that are flexible and make efficient layouts with distributed spaces among items to control their alignment structure. Flexbox is useful for small-scale layouts and is responsive and mobile-friendly. Students are introduced to Flexbox in a fun and simple way which builds a strong base.<\/p><\/div>\n                            \n                                                            <div class=\"buttons\"><a href=\"https:\/\/enroll.codewizardshq.com\/\" class=\"btn\">Enroll<\/a><\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <a href=\"javascript:void(0)\" class=\"open\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"39\" height=\"23\" viewBox=\"0 0 39.24 23.25\" class=\"arrow\">\n                            <path stroke=\"currentColor\" stroke-width=\"3px\" fill-rule=\"evenodd\" fill=\"none\" d=\"M1475,4423l16,16,16-16\" transform=\"translate(-1471.38 -4421.5)\" \/>\n                        <\/svg>\n                    <\/a>\n                <\/li>\n                            <li class=\"item\">\n                                            \n                        <div class=\"image\"><img loading=\"lazy\" decoding=\"async\" width=\"1235\" height=\"693\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-8.png\" class=\"attachment-full size-full\" alt=\"Responsive Websites with HTML\/CSS lesson 8\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-8.png 1235w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-8-300x168.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-8-1024x575.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-8-768x431.png 768w\" sizes=\"auto, (max-width: 1235px) 100vw, 1235px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        8.\n                                    <\/span>\n                                \n                                Advanced Layouts with Flexbox                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson, students create an Interior Design Website using Flexbox to align most sections and make them mobile-friendly. They practice Flexbox for real-world and professional websites in this lesson. They also learn nested Flexbox to create complex and advanced layouts. Students take their responsive design skills to the next level in this lesson.<\/p><\/div>\n                            \n                                                            <div class=\"buttons\"><a href=\"https:\/\/enroll.codewizardshq.com\/\" class=\"btn\">Enroll<\/a><\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <a href=\"javascript:void(0)\" class=\"open\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"39\" height=\"23\" viewBox=\"0 0 39.24 23.25\" class=\"arrow\">\n                            <path stroke=\"currentColor\" stroke-width=\"3px\" fill-rule=\"evenodd\" fill=\"none\" d=\"M1475,4423l16,16,16-16\" transform=\"translate(-1471.38 -4421.5)\" \/>\n                        <\/svg>\n                    <\/a>\n                <\/li>\n                            <li class=\"item\">\n                                            \n                        <div class=\"image\"><img loading=\"lazy\" decoding=\"async\" width=\"1233\" height=\"693\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-9.png\" class=\"attachment-full size-full\" alt=\"Responsive Websites with HTML\/CSS lesson 9\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-9.png 1233w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-9-300x169.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-9-1024x576.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-9-768x432.png 768w\" sizes=\"auto, (max-width: 1233px) 100vw, 1233px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        9.\n                                    <\/span>\n                                \n                                Final Project: Heroes Reborn &#8211; II                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson, students complete their final project on Heroes Reborn by showcasing the game&#039;s champions and creating a login page for users with an interesting layout using nested flexbox. Additionally, they use media queries to ensure the login page is easily accessible across all devices. This project allows them to practice this course&#039;s objectives, which include creating modern websites with web standards, designing eye-catching layouts using nested flexbox, and building responsive websites that function correctly on all devices using media query.<\/p><\/div>\n                            \n                                                            <div class=\"buttons\"><a href=\"https:\/\/enroll.codewizardshq.com\/\" class=\"btn\">Enroll<\/a><\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <a href=\"javascript:void(0)\" class=\"open\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"39\" height=\"23\" viewBox=\"0 0 39.24 23.25\" class=\"arrow\">\n                            <path stroke=\"currentColor\" stroke-width=\"3px\" fill-rule=\"evenodd\" fill=\"none\" d=\"M1475,4423l16,16,16-16\" transform=\"translate(-1471.38 -4421.5)\" \/>\n                        <\/svg>\n                    <\/a>\n                <\/li>\n                            <li class=\"item\">\n                                            \n                        <div class=\"image\"><img loading=\"lazy\" decoding=\"async\" width=\"1230\" height=\"691\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-10.png\" class=\"attachment-full size-full\" alt=\"Responsive Websites with HTML\/CSS lesson 10\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-10.png 1230w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-10-300x169.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-10-1024x575.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-10-768x431.png 768w\" sizes=\"auto, (max-width: 1230px) 100vw, 1230px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        10.\n                                    <\/span>\n                                \n                                Animations and CSS Variables                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson, students learn how to add fascinating animations to their Online Bus website using CSS. They also learn to make their code easily scalable and maintainable using CSS variables to store different font sizes, colors, and margins. This allows for changes in one place to be updated everywhere easily. Additionally, they learn about various color codes used in CSS.<\/p><\/div>\n                            \n                                                            <div class=\"buttons\"><a href=\"https:\/\/enroll.codewizardshq.com\/\" class=\"btn\">Enroll<\/a><\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <a href=\"javascript:void(0)\" class=\"open\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"39\" height=\"23\" viewBox=\"0 0 39.24 23.25\" class=\"arrow\">\n                            <path stroke=\"currentColor\" stroke-width=\"3px\" fill-rule=\"evenodd\" fill=\"none\" d=\"M1475,4423l16,16,16-16\" transform=\"translate(-1471.38 -4421.5)\" \/>\n                        <\/svg>\n                    <\/a>\n                <\/li>\n                            <li class=\"item\">\n                                            \n                        <div class=\"image\"><img loading=\"lazy\" decoding=\"async\" width=\"1234\" height=\"694\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-11.png\" class=\"attachment-full size-full\" alt=\"Responsive Websites with HTML\/CSS 11\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-11.png 1234w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-11-300x169.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-11-1024x576.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-11-768x432.png 768w\" sizes=\"auto, (max-width: 1234px) 100vw, 1234px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        11.\n                                    <\/span>\n                                \n                                Final Project: Heroes Reborn &#8211; I                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson, students begin their two-part project on a gaming website called Heroes Reborn. For the first part, students create the header, main section, and the game steps. They apply the concepts they have learned, such as semantic tags, Flexbox, color codes, etc., to create a mobile-friendly website and write efficient code.<\/p><\/div>\n                            \n                                                            <div class=\"buttons\"><a href=\"https:\/\/enroll.codewizardshq.com\/\" class=\"btn\">Enroll<\/a><\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <a href=\"javascript:void(0)\" class=\"open\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"39\" height=\"23\" viewBox=\"0 0 39.24 23.25\" class=\"arrow\">\n                            <path stroke=\"currentColor\" stroke-width=\"3px\" fill-rule=\"evenodd\" fill=\"none\" d=\"M1475,4423l16,16,16-16\" transform=\"translate(-1471.38 -4421.5)\" \/>\n                        <\/svg>\n                    <\/a>\n                <\/li>\n                            <li class=\"item\">\n                                            \n                        <div class=\"image\"><img loading=\"lazy\" decoding=\"async\" width=\"1233\" height=\"692\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-12.png\" class=\"attachment-full size-full\" alt=\"Responsive Websites with HTML\/CSS 12\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-12.png 1233w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-12-300x168.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-12-1024x575.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/04\/E32-Responsive-websites-with-HTML-CSS-Lesson-12-768x431.png 768w\" sizes=\"auto, (max-width: 1233px) 100vw, 1233px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        12.\n                                    <\/span>\n                                \n                                Final Project &#8211; II                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson, students complete their final project on Heroes Reborn by showcasing the game&#039;s champions and creating a login page for users with an interesting layout using nested flexbox. Additionally, they use media queries to ensure the login page is easily accessible across all devices. This project allows them to practice this course&#039;s objectives, which include creating modern websites with web standards, designing eye-catching layouts using nested flexbox, and building responsive websites that function correctly on all devices using media query.<\/p><\/div>\n                            \n                                                            <div class=\"buttons\"><a href=\"https:\/\/enroll.codewizardshq.com\/\" class=\"btn\">Enroll<\/a><\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <a href=\"javascript:void(0)\" class=\"open\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"39\" height=\"23\" viewBox=\"0 0 39.24 23.25\" class=\"arrow\">\n                            <path stroke=\"currentColor\" stroke-width=\"3px\" fill-rule=\"evenodd\" fill=\"none\" d=\"M1475,4423l16,16,16-16\" transform=\"translate(-1471.38 -4421.5)\" \/>\n                        <\/svg>\n                    <\/a>\n                <\/li>\n                    <\/ul>\n    <\/div>\n<\/div>\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<\/div><\/div><\/div>\n\n\n<h4 class=\"wp-block-heading has-text-align-center\" id=\"h-class-schedule\">Class Schedule<\/h4>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-container ab-block-container\"><div class=\"ab-container-inside\"><div class=\"ab-container-content\" style=\"max-width:900px\">\n<p class=\"has-text-align-center\">All students start in&nbsp;<strong>Animation and Gaming in Scratch<\/strong>&nbsp;at Wizard Level I. If you have previous coding experience, take the&nbsp;<a href=\"https:\/\/www.codewizardshq.com\/placement\/\">Advanced Placement<\/a>&nbsp;test. Returning students can continue with the class where they left off.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"lazyblock-cw1-container-ZtCkSL wp-block-lazyblock-cw1-container\"><div class=\"container \"><div class=\"lazyblock-inner-blocks\">\n    <div class=\"wp-block-cgb-blocks-codewizards-schedule-block schedule-block schedule-block-remote\">\n                    <div class=\"heading\">\n                <a href=\"javascript:void(0)\" class=\"active\" data-tab=\"new-students\">New Students<\/a>\n\n                                    <a href=\"javascript:void(0)\" data-tab=\"tab2\">Returning Students<\/a>\n                            <\/div>\n        \n        <ul class=\"items new-students\" data-schedule-url=\"https:\/\/enroll-api.codewizardshq.com\/enroll\/api\/class?track=elementary&amp;frequency=0\">\n            <li class=\"loader\"><img decoding=\"async\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/themes\/codewizards\/assets\/images\/loader.png\" alt=\"loading icon\"><\/li>\n        <\/ul>\n\n                    <ul class=\"items tab2\" style=\"display:none;\">\n                                    \n                    <li class=\"item\" data-date=\"\" data-to=\"\" data-from=\"\" data-id=\"19952\">\n                        <div class=\"date\"><\/div>\n                        <div class=\"text\">\n                            <div class=\"title\">Welcome Back! <\/div>\n                            <div class=\"description visible\">Please use the <a href=\"https:\/\/parents.codewizardshq.com\">CodeWizardsHQ platform<\/a> to sign up for your next course. Instructions are below:<\/div>\n                        <\/div>\n\n                                            <\/li>\n                                    \n                    <li class=\"item\" data-date=\"\" data-to=\"\" data-from=\"\" data-id=\"38428\">\n                        <div class=\"date\"><\/div>\n                        <div class=\"text\">\n                            <div class=\"title\"> <\/div>\n                            <div class=\"description visible\">1. Login to the parent portal (<a href=\"https:\/\/parents.codewizardshq.com\">https:\/\/parents.codewizardshq.com<\/a>) using your student's username and password and your parent PIN. If you do not know your parent PIN, click \"Send Parent PIN To Email\" to request it. <\/div>\n                        <\/div>\n\n                                                    <div class=\"buttons\">\n                                <a href=\"https:\/\/parents.codewizardshq.com\" class=\"btn transparent\">Go to Login Screen<\/a>\n                            <\/div>\n                                            <\/li>\n                                    \n                    <li class=\"item\" data-date=\"\" data-to=\"\" data-from=\"\" data-id=\"38430\">\n                        <div class=\"date\"><\/div>\n                        <div class=\"text\">\n                            <div class=\"title\"> <\/div>\n                            <div class=\"description visible\">2. Click the Next Course tab within the parent dashboard, choose the class time that you would like to sign up for, and press Enroll. The course selection tab will only show class times for the next appropriate course for your student.<\/div>\n                        <\/div>\n\n                                            <\/li>\n                                    \n                    <li class=\"item\" data-date=\"\" data-to=\"\" data-from=\"\" data-id=\"55430\">\n                        <div class=\"date\"><\/div>\n                        <div class=\"text\">\n                            <div class=\"title\"> <\/div>\n                            <div class=\"description visible\">3. If you prefer, send us an email at <a href=\"mailto:school@codewizardshq.com\">school@codewizardshq.com<\/a> with your student's name and we will send over options! <\/div>\n                        <\/div>\n\n                                            <\/li>\n                            <\/ul>\n            <\/div>\n\n    \n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n\n\n<p><\/p>\n\n<\/div><\/div><\/div>\n\n<div class=\"lazyblock-cw1-container-Zy11UI wp-block-lazyblock-cw1-container\"><div class=\"container \"><div class=\"lazyblock-inner-blocks\">\n\n<div style=\"background-color:#ecf4f5;padding-left:2%;padding-right:2%;padding-bottom:1%;padding-top:3.5%\" class=\"wp-block-atomic-blocks-ab-container ab-block-container\"><div class=\"ab-container-inside\"><div class=\"ab-container-content\" style=\"max-width:1600px\"><div class=\"lazyblock-cw1-container-Z1XitY1 wp-block-lazyblock-cw1-container\"><div class=\"container \"><div class=\"lazyblock-inner-blocks\">\n\n<div class=\"wp-block-atomic-blocks-ab-container ab-block-container\"><div class=\"ab-container-inside\"><div class=\"ab-container-content\" style=\"max-width:1153px\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center\" id=\"h-1-most-comprehensive-program-nbsp-for-your-student-s-success\"><strong>#1 Most Comprehensive Program&nbsp;for Your Student\u2019s Success!<\/strong><\/h3>\n\n\n\n<p class=\"has-text-align-center\">The CodeWizardsHQ program comes with everything your child needs to be successful in learning to code.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-center\"><strong>All of the below are included at no extra cost.<\/strong><\/p>\n<\/div><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-columns items-list-1 ab-layout-columns-2 ab-2-col-equal\"><div class=\"ab-layout-column-wrap ab-block-layout-column-gap-2 ab-is-responsive-column\">\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\"><div class=\"lazyblock-cw1-text-with-icon-Z1n2ARG wp-block-lazyblock-cw1-text-with-icon\">        <link rel='stylesheet' href='https:\/\/www.codewizardshq.com\/wp-content\/themes\/codewizards\/blocks\/lazyblock-cw1-text-with-icon\/block.css' type='text\/css' media='all' \/>\n    \n<span class=\"text-with-icon \">\n    <span  style=\"color:#011e41\">\n        <span class=\"icon icon-cw1-school\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path fill=\"currentColor\" d=\"M0 224v272c0 8.84 7.16 16 16 16h80V192H32c-17.67 0-32 14.33-32 32zm360-48h-24v-40c0-4.42-3.58-8-8-8h-16c-4.42 0-8 3.58-8 8v64c0 4.42 3.58 8 8 8h48c4.42 0 8-3.58 8-8v-16c0-4.42-3.58-8-8-8zm137.75-63.96l-160-106.67a32.02 32.02 0 0 0-35.5 0l-160 106.67A32.002 32.002 0 0 0 128 138.66V512h128V368c0-8.84 7.16-16 16-16h96c8.84 0 16 7.16 16 16v144h128V138.67c0-10.7-5.35-20.7-14.25-26.63zM320 256c-44.18 0-80-35.82-80-80s35.82-80 80-80 80 35.82 80 80-35.82 80-80 80zm288-64h-64v320h80c8.84 0 16-7.16 16-16V224c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>    <\/span>\n    Interactive Live Classes<\/span>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\"><div class=\"lazyblock-cw1-text-with-icon-Z1Bl2zS wp-block-lazyblock-cw1-text-with-icon\">\n<span class=\"text-with-icon \">\n    <span  style=\"color:#011e41\">\n        <span class=\"icon icon-cw1-calendar\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path fill=\"currentColor\" d=\"M400 64h-48V12c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v52H160V12c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v52H48C21.49 64 0 85.49 0 112v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 400H54a6 6 0 0 1-6-6V160h352v298a6 6 0 0 1-6 6zm-52.849-200.65L198.842 404.519c-4.705 4.667-12.303 4.637-16.971-.068l-75.091-75.699c-4.667-4.705-4.637-12.303.068-16.971l22.719-22.536c4.705-4.667 12.303-4.637 16.97.069l44.104 44.461 111.072-110.181c4.705-4.667 12.303-4.637 16.971.068l22.536 22.718c4.667 4.705 4.636 12.303-.069 16.97z\"><\/path><\/svg><\/span>    <\/span>\n    Structured and Comprehensive Curriculum<\/span>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-columns items-list-1 ab-layout-columns-2 ab-2-col-equal\"><div class=\"ab-layout-column-wrap ab-block-layout-column-gap-2 ab-is-responsive-column\">\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\"><div class=\"lazyblock-cw1-text-with-icon-131IDJ wp-block-lazyblock-cw1-text-with-icon\">\n<span class=\"text-with-icon \">\n    <span  style=\"color:#011e41\">\n        <span class=\"icon icon-cw1-video\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><path fill=\"currentColor\" d=\"M336.2 64H47.8C21.4 64 0 85.4 0 111.8v288.4C0 426.6 21.4 448 47.8 448h288.4c26.4 0 47.8-21.4 47.8-47.8V111.8c0-26.4-21.4-47.8-47.8-47.8zm189.4 37.7L416 177.3v157.4l109.6 75.5c21.2 14.6 50.4-.3 50.4-25.8V127.5c0-25.4-29.1-40.4-50.4-25.8z\"><\/path><\/svg><\/span>    <\/span>\n    Video Recordings of Every Class<\/span>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\"><div class=\"lazyblock-cw1-text-with-icon-22x2De wp-block-lazyblock-cw1-text-with-icon\">\n<span class=\"text-with-icon \">\n    <span  style=\"color:#011e41\">\n        <span class=\"icon icon-cw1-file-download\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"file-download\" class=\"svg-inline--fa fa-file-download fa-w-12\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path fill=\"currentColor\" d=\"M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm76.45 211.36l-96.42 95.7c-6.65 6.61-17.39 6.61-24.04 0l-96.42-95.7C73.42 337.29 80.54 320 94.82 320H160v-80c0-8.84 7.16-16 16-16h32c8.84 0 16 7.16 16 16v80h65.18c14.28 0 21.4 17.29 11.27 27.36zM377 105L279.1 7c-4.5-4.5-10.6-7-17-7H256v128h128v-6.1c0-6.3-2.5-12.4-7-16.9z\"><\/path><\/svg><\/span>    <\/span>\n    Downloadable Slides for Every Class<\/span>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-columns items-list-1 ab-layout-columns-2 ab-2-col-equal\"><div class=\"ab-layout-column-wrap ab-block-layout-column-gap-2 ab-is-responsive-column\">\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\"><div class=\"lazyblock-cw1-text-with-icon-Z24QVrd wp-block-lazyblock-cw1-text-with-icon\">\n<span class=\"text-with-icon \">\n    <span  style=\"color:#011e41\">\n        <span class=\"icon icon-cw1-comments\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><path fill=\"currentColor\" d=\"M416 192c0-88.4-93.1-160-208-160S0 103.6 0 192c0 34.3 14.1 65.9 38 92-13.4 30.2-35.5 54.2-35.8 54.5-2.2 2.3-2.8 5.7-1.5 8.7S4.8 352 8 352c36.6 0 66.9-12.3 88.7-25 32.2 15.7 70.3 25 111.3 25 114.9 0 208-71.6 208-160zm122 220c23.9-26 38-57.7 38-92 0-66.9-53.5-124.2-129.3-148.1.9 6.6 1.3 13.3 1.3 20.1 0 105.9-107.7 192-240 192-10.8 0-21.3-.8-31.7-1.9C207.8 439.6 281.8 480 368 480c41 0 79.1-9.2 111.3-25 21.8 12.7 52.1 25 88.7 25 3.2 0 6.1-1.9 7.3-4.8 1.3-2.9.7-6.3-1.5-8.7-.3-.3-22.4-24.2-35.8-54.5z\"><\/path><\/svg><\/span>    <\/span>\n    1&#215;1 Office Hours (Advanced Courses)<\/span>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\"><div class=\"lazyblock-cw1-text-with-icon-1Imppp wp-block-lazyblock-cw1-text-with-icon\">\n<span class=\"text-with-icon \">\n    <span  style=\"color:#011e41\">\n        <span class=\"icon icon-cw1-chart-line\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M496 384H64V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16zM464 96H345.94c-21.38 0-32.09 25.85-16.97 40.97l32.4 32.4L288 242.75l-73.37-73.37c-12.5-12.5-32.76-12.5-45.25 0l-68.69 68.69c-6.25 6.25-6.25 16.38 0 22.63l22.62 22.62c6.25 6.25 16.38 6.25 22.63 0L192 237.25l73.37 73.37c12.5 12.5 32.76 12.5 45.25 0l96-96 32.4 32.4c15.12 15.12 40.97 4.41 40.97-16.97V112c.01-8.84-7.15-16-15.99-16z\"><\/path><\/svg><\/span>    <\/span>\n    Weekly Progress Report &#038; Alerts<\/span>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-columns items-list-1 ab-layout-columns-2 ab-2-col-equal\"><div class=\"ab-layout-column-wrap ab-block-layout-column-gap-2 ab-is-responsive-column\">\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\"><div class=\"lazyblock-cw1-text-with-icon-1qVz98 wp-block-lazyblock-cw1-text-with-icon\">\n<span class=\"text-with-icon \">\n    <span  style=\"color:#011e41\">\n        <span class=\"icon icon-cw1-life-ring\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"life-ring\" class=\"svg-inline--fa fa-life-ring fa-w-16\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm173.696 119.559l-63.399 63.399c-10.987-18.559-26.67-34.252-45.255-45.255l63.399-63.399a218.396 218.396 0 0 1 45.255 45.255zM256 352c-53.019 0-96-42.981-96-96s42.981-96 96-96 96 42.981 96 96-42.981 96-96 96zM127.559 82.304l63.399 63.399c-18.559 10.987-34.252 26.67-45.255 45.255l-63.399-63.399a218.372 218.372 0 0 1 45.255-45.255zM82.304 384.441l63.399-63.399c10.987 18.559 26.67 34.252 45.255 45.255l-63.399 63.399a218.396 218.396 0 0 1-45.255-45.255zm302.137 45.255l-63.399-63.399c18.559-10.987 34.252-26.67 45.255-45.255l63.399 63.399a218.403 218.403 0 0 1-45.255 45.255z\"><\/path><\/svg><\/span>    <\/span>\n    Daily Homework Help<\/span>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\"><div class=\"lazyblock-cw1-text-with-icon-2rlXUO wp-block-lazyblock-cw1-text-with-icon\">\n<span class=\"text-with-icon \">\n    <span  style=\"color:#011e41\">\n        <span class=\"icon icon-cw1-medal\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M223.75 130.75L154.62 15.54A31.997 31.997 0 0 0 127.18 0H16.03C3.08 0-4.5 14.57 2.92 25.18l111.27 158.96c29.72-27.77 67.52-46.83 109.56-53.39zM495.97 0H384.82c-11.24 0-21.66 5.9-27.44 15.54l-69.13 115.21c42.04 6.56 79.84 25.62 109.56 53.38L509.08 25.18C516.5 14.57 508.92 0 495.97 0zM256 160c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm92.52 157.26l-37.93 36.96 8.97 52.22c1.6 9.36-8.26 16.51-16.65 12.09L256 393.88l-46.9 24.65c-8.4 4.45-18.25-2.74-16.65-12.09l8.97-52.22-37.93-36.96c-6.82-6.64-3.05-18.23 6.35-19.59l52.43-7.64 23.43-47.52c2.11-4.28 6.19-6.39 10.28-6.39 4.11 0 8.22 2.14 10.33 6.39l23.43 47.52 52.43 7.64c9.4 1.36 13.17 12.95 6.35 19.59z\"><\/path><\/svg><\/span>    <\/span>\n    Individual Course Certification<\/span>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-columns items-list-1 ab-layout-columns-2 ab-2-col-equal\"><div class=\"ab-layout-column-wrap ab-block-layout-column-gap-2 ab-is-responsive-column\">\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\"><div class=\"lazyblock-cw1-text-with-icon-iAX8m wp-block-lazyblock-cw1-text-with-icon\">\n<span class=\"text-with-icon \">\n    <span  style=\"color:#011e41\">\n        <span class=\"icon icon-cw1-chalkboard-teacher\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path fill=\"currentColor\" d=\"M208 352c-2.39 0-4.78.35-7.06 1.09C187.98 357.3 174.35 360 160 360c-14.35 0-27.98-2.7-40.95-6.91-2.28-.74-4.66-1.09-7.05-1.09C49.94 352-.33 402.48 0 464.62.14 490.88 21.73 512 48 512h224c26.27 0 47.86-21.12 48-47.38.33-62.14-49.94-112.62-112-112.62zm-48-32c53.02 0 96-42.98 96-96s-42.98-96-96-96-96 42.98-96 96 42.98 96 96 96zM592 0H208c-26.47 0-48 22.25-48 49.59V96c23.42 0 45.1 6.78 64 17.8V64h352v288h-64v-64H384v64h-76.24c19.1 16.69 33.12 38.73 39.69 64H592c26.47 0 48-22.25 48-49.59V49.59C640 22.25 618.47 0 592 0z\"><\/path><\/svg><\/span>    <\/span>\n    Highly Qualified and Experienced Teachers<\/span>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\"><div class=\"lazyblock-cw1-text-with-icon-Zoeeyb wp-block-lazyblock-cw1-text-with-icon\">\n<span class=\"text-with-icon \">\n    <span  style=\"color:#011e41\">\n        <span class=\"icon icon-cw1-clock\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm57.1 350.1L224.9 294c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h48c6.6 0 12 5.4 12 12v137.7l63.5 46.2c5.4 3.9 6.5 11.4 2.6 16.8l-28.2 38.8c-3.9 5.3-11.4 6.5-16.8 2.6z\"><\/path><\/svg><\/span>    <\/span>\n    24\/7 Access to Proprietary Coding Platform<\/span>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-columns items-list-1 ab-layout-columns-2 ab-2-col-equal\"><div class=\"ab-layout-column-wrap ab-block-layout-column-gap-2 ab-is-responsive-column\">\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\"><div class=\"lazyblock-cw1-text-with-icon-o7hGz wp-block-lazyblock-cw1-text-with-icon\">\n<span class=\"text-with-icon \">\n    <span  style=\"color:#011e41\">\n        <span class=\"icon icon-cw1-graduation\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path fill=\"currentColor\" d=\"M622.34 153.2L343.4 67.5c-15.2-4.67-31.6-4.67-46.79 0L17.66 153.2c-23.54 7.23-23.54 38.36 0 45.59l48.63 14.94c-10.67 13.19-17.23 29.28-17.88 46.9C38.78 266.15 32 276.11 32 288c0 10.78 5.68 19.85 13.86 25.65L20.33 428.53C18.11 438.52 25.71 448 35.94 448h56.11c10.24 0 17.84-9.48 15.62-19.47L82.14 313.65C90.32 307.85 96 298.78 96 288c0-11.57-6.47-21.25-15.66-26.87.76-15.02 8.44-28.3 20.69-36.72L296.6 284.5c9.06 2.78 26.44 6.25 46.79 0l278.95-85.7c23.55-7.24 23.55-38.36 0-45.6zM352.79 315.09c-28.53 8.76-52.84 3.92-65.59 0l-145.02-44.55L128 384c0 35.35 85.96 64 192 64s192-28.65 192-64l-14.18-113.47-145.03 44.56z\"><\/path><\/svg><\/span>    <\/span>\n    Supportive Online Student Community<\/span>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\"><div class=\"lazyblock-cw1-text-with-icon-ZPtuOR wp-block-lazyblock-cw1-text-with-icon\">\n<span class=\"text-with-icon \">\n    <span  style=\"color:#011e41\">\n        <span class=\"icon icon-cw1-id-badge\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path fill=\"currentColor\" d=\"M336 0H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zm0 464H48V48h288v416zM144 112h96c8.8 0 16-7.2 16-16s-7.2-16-16-16h-96c-8.8 0-16 7.2-16 16s7.2 16 16 16zm48 176c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm-89.6 128h179.2c12.4 0 22.4-8.6 22.4-19.2v-19.2c0-31.8-30.1-57.6-67.2-57.6-10.8 0-18.7 8-44.8 8-26.9 0-33.4-8-44.8-8-37.1 0-67.2 25.8-67.2 57.6v19.2c0 10.6 10 19.2 22.4 19.2z\"><\/path><\/svg><\/span>    <\/span>\n    Path to Real-World Internship<\/span>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-columns items-list-1 ab-layout-columns-2 ab-2-col-equal\"><div class=\"ab-layout-column-wrap ab-block-layout-column-gap-2 ab-is-responsive-column\">\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\"><div class=\"lazyblock-cw1-text-with-icon-Z2i8CUD wp-block-lazyblock-cw1-text-with-icon\">\n<span class=\"text-with-icon \">\n    <span  style=\"color:#011e41\">\n        <span class=\"icon icon-cw1-business-time\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path fill=\"currentColor\" d=\"M496 224c-79.59 0-144 64.41-144 144s64.41 144 144 144 144-64.41 144-144-64.41-144-144-144zm64 150.29c0 5.34-4.37 9.71-9.71 9.71h-60.57c-5.34 0-9.71-4.37-9.71-9.71v-76.57c0-5.34 4.37-9.71 9.71-9.71h12.57c5.34 0 9.71 4.37 9.71 9.71V352h38.29c5.34 0 9.71 4.37 9.71 9.71v12.58zM496 192c5.4 0 10.72.33 16 .81V144c0-25.6-22.4-48-48-48h-80V48c0-25.6-22.4-48-48-48H176c-25.6 0-48 22.4-48 48v48H48c-25.6 0-48 22.4-48 48v80h395.12c28.6-20.09 63.35-32 100.88-32zM320 96H192V64h128v32zm6.82 224H208c-8.84 0-16-7.16-16-16v-48H0v144c0 25.6 22.4 48 48 48h291.43C327.1 423.96 320 396.82 320 368c0-16.66 2.48-32.72 6.82-48z\"><\/path><\/svg><\/span>    <\/span>\n    Hands-on, Project Based Learning<\/span>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\">\n<p><\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<\/div><\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-499968f5 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"#h-class-schedule\">Enroll<\/a><\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n<\/div><\/div><\/div>\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"lazyblock-cw1-container-Z6SUJX wp-block-lazyblock-cw1-container\"><div class=\"container \"><div class=\"lazyblock-inner-blocks\">\n\n<div class=\"wp-block-atomic-blocks-ab-columns ab-layout-columns-2 ab-2-col-equal\" style=\"margin-top:30px;margin-bottom:20px\"><div class=\"ab-layout-column-wrap ab-block-layout-column-gap-2 ab-is-responsive-column\">\n<div class=\"wp-block-atomic-blocks-ab-column bg-lines-3 ab-block-layout-column\"><div class=\"ab-block-layout-column-inner ab-has-custom-background-color\" style=\"margin-bottom:30px;padding-top:27px;padding-right:34px;padding-bottom:14px;padding-left:34px;background-color:#fdc743\">\n<p><strong>Course Duration &amp; Time Commitment<\/strong><br>All courses are 12 weeks long. A Wizard will receive a certification for their achievement at the end of the course.<\/p>\n\n\n\n<p>Expect a weekly time commitment of 2-3 hours. 55 minutes of class time, plus 1-2 hours of practice time, with instructor support throughout, including weekends.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-column bg-lines-3 ab-block-layout-column\"><div class=\"ab-block-layout-column-inner ab-has-custom-background-color\" style=\"margin-bottom:30px;padding-top:27px;padding-right:34px;padding-bottom:14px;padding-left:34px;background-color:#0d1d41\">\n<p style=\"color:#ffc844;margin-bottom:0;\" class=\"has-text-color\"><strong>100% Guarantee<\/strong><\/p>\n\n\n\n<p class=\"has-text-color\" style=\"color:#ffffff\">Our goal is to make all our students successful. If your child is not happy with our program, please notify us within the first four class sessions and you will receive a full refund. <a href=\"https:\/\/www.codewizardshq.com\/terms\/#refund\" target=\"_blank\" rel=\"noreferrer noopener\">See refund details.<\/a> <\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n<\/div><\/div><\/div>\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"lazyblock-cta-2-20q1k wp-block-lazyblock-cta-2\">\n        <link rel='stylesheet' href='https:\/\/www.codewizardshq.com\/wp-content\/themes\/codewizards\/blocks\/lazyblock-cta-2\/block.css' type='text\/css' media='all' \/>\n    \n<section class=\"cw-cta-block-2\">\n\t<div class=\"container\">\n\t\t<div>\n\t\t\t\t\t\t\t<h2 class=\"title\">Get Your Wizard Started<\/h2>\n\t\t\t\n\t\t\t\t\t\t\t<div class=\"text\">\n\t\t\t\t\t<p>Start coding with our experienced teachers today.<br>Enroll risk-free with our 4 session money-back guarantee. <a href=\"https:\/\/www.codewizardshq.com\/terms\/#refund\">Full guarantee details.<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<div class=\"buttons\">\n\t\t\t\t\t<a href=\"#h-class-schedule\" class=\"wp-block-button__link\">Enroll Now<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/section>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Class Schedule<\/p>\n","protected":false},"author":24,"featured_media":49992,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-wide.php","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":""},"class_list":["post-49488","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.8 (Yoast SEO v26.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Responsive Websites with HTML\/CSS | Ages 8-10<\/title>\n<meta name=\"description\" content=\"In Responsive Websites with HTML\/CSS, students add functionality to their websites so they can be viewed on mobile, desktop, and tablet.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.codewizardshq.com\/responsive-websites-html-css\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Individual Curriculum &#8211; E32\" \/>\n<meta property=\"og:description\" content=\"In Responsive Websites with HTML\/CSS, students add functionality to their websites so they can be viewed on mobile, desktop, and tablet.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.codewizardshq.com\/responsive-websites-html-css\/\" \/>\n<meta property=\"og:site_name\" content=\"CodeWizardsHQ\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/codewizardshq\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-15T11:01:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2022\/05\/III-35-creating-responsive.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"719\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@codewizardshq\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t    \"@context\": \"https:\/\/schema.org\",\n\t    \"@graph\": [\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/www.codewizardshq.com\/responsive-websites-html-css\/\",\n\t            \"url\": \"https:\/\/www.codewizardshq.com\/responsive-websites-html-css\/\",\n\t            \"name\": \"Responsive Websites with HTML\/CSS | Ages 8-10\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/#website\"\n\t            },\n\t            \"primaryImageOfPage\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/responsive-websites-html-css\/#primaryimage\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/responsive-websites-html-css\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2022\/05\/III-35-creating-responsive.jpg\",\n\t            \"datePublished\": \"2022-06-06T21:21:43+00:00\",\n\t            \"dateModified\": \"2025-08-15T11:01:17+00:00\",\n\t            \"description\": \"In Responsive Websites with HTML\/CSS, students add functionality to their websites so they can be viewed on mobile, desktop, and tablet.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/responsive-websites-html-css\/#breadcrumb\"\n\t            },\n\t            \"inLanguage\": \"en-US\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"ReadAction\",\n\t                    \"target\": [\n\t                        \"https:\/\/www.codewizardshq.com\/responsive-websites-html-css\/\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"ImageObject\",\n\t            \"inLanguage\": \"en-US\",\n\t            \"@id\": \"https:\/\/www.codewizardshq.com\/responsive-websites-html-css\/#primaryimage\",\n\t            \"url\": \"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2022\/05\/III-35-creating-responsive.jpg\",\n\t            \"contentUrl\": \"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2022\/05\/III-35-creating-responsive.jpg\",\n\t            \"width\": 1920,\n\t            \"height\": 719,\n\t            \"caption\": \"E32 Responsive Websites Banner\"\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/www.codewizardshq.com\/responsive-websites-html-css\/#breadcrumb\",\n\t            \"itemListElement\": [\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 1,\n\t                    \"name\": \"Home\",\n\t                    \"item\": \"https:\/\/www.codewizardshq.com\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"Individual Curriculum &#8211; E32\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"https:\/\/www.codewizardshq.com\/#website\",\n\t            \"url\": \"https:\/\/www.codewizardshq.com\/\",\n\t            \"name\": \"CodeWizardsHQ\",\n\t            \"description\": \"The leading online coding academy for kids and teens ages 8-18\",\n\t            \"publisher\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/#organization\"\n\t            },\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"https:\/\/www.codewizardshq.com\/?s={search_term_string}\"\n\t                    },\n\t                    \"query-input\": {\n\t                        \"@type\": \"PropertyValueSpecification\",\n\t                        \"valueRequired\": true,\n\t                        \"valueName\": \"search_term_string\"\n\t                    }\n\t                }\n\t            ],\n\t            \"inLanguage\": \"en-US\"\n\t        },\n\t        {\n\t            \"@type\": \"Organization\",\n\t            \"@id\": \"https:\/\/www.codewizardshq.com\/#organization\",\n\t            \"name\": \"CodeWizardsHQ\",\n\t            \"url\": \"https:\/\/www.codewizardshq.com\/\",\n\t            \"logo\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/#\/schema\/logo\/image\/\",\n\t                \"url\": \"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2016\/08\/blueVertical@2x-e1572141901928.png\",\n\t                \"contentUrl\": \"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2016\/08\/blueVertical@2x-e1572141901928.png\",\n\t                \"width\": 150,\n\t                \"height\": 108,\n\t                \"caption\": \"CodeWizardsHQ\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/#\/schema\/logo\/image\/\"\n\t            },\n\t            \"sameAs\": [\n\t                \"https:\/\/www.facebook.com\/codewizardshq\/\",\n\t                \"https:\/\/x.com\/codewizardshq\",\n\t                \"https:\/\/www.instagram.com\/codewizardshq\/\",\n\t                \"https:\/\/www.linkedin.com\/company\/codewizardshq\",\n\t                \"https:\/\/www.pinterest.com\/codewizardshq\/\",\n\t                \"https:\/\/www.youtube.com\/channel\/UC4NM0jfN0LI8_vWtiwLqgGw\"\n\t            ]\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Responsive Websites with HTML\/CSS | Ages 8-10","description":"In Responsive Websites with HTML\/CSS, students add functionality to their websites so they can be viewed on mobile, desktop, and tablet.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.codewizardshq.com\/responsive-websites-html-css\/","og_locale":"en_US","og_type":"article","og_title":"Individual Curriculum &#8211; E32","og_description":"In Responsive Websites with HTML\/CSS, students add functionality to their websites so they can be viewed on mobile, desktop, and tablet.","og_url":"https:\/\/www.codewizardshq.com\/responsive-websites-html-css\/","og_site_name":"CodeWizardsHQ","article_publisher":"https:\/\/www.facebook.com\/codewizardshq\/","article_modified_time":"2025-08-15T11:01:17+00:00","og_image":[{"width":1920,"height":719,"url":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2022\/05\/III-35-creating-responsive.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@codewizardshq","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.codewizardshq.com\/responsive-websites-html-css\/","url":"https:\/\/www.codewizardshq.com\/responsive-websites-html-css\/","name":"Responsive Websites with HTML\/CSS | Ages 8-10","isPartOf":{"@id":"https:\/\/www.codewizardshq.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.codewizardshq.com\/responsive-websites-html-css\/#primaryimage"},"image":{"@id":"https:\/\/www.codewizardshq.com\/responsive-websites-html-css\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2022\/05\/III-35-creating-responsive.jpg","datePublished":"2022-06-06T21:21:43+00:00","dateModified":"2025-08-15T11:01:17+00:00","description":"In Responsive Websites with HTML\/CSS, students add functionality to their websites so they can be viewed on mobile, desktop, and tablet.","breadcrumb":{"@id":"https:\/\/www.codewizardshq.com\/responsive-websites-html-css\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.codewizardshq.com\/responsive-websites-html-css\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codewizardshq.com\/responsive-websites-html-css\/#primaryimage","url":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2022\/05\/III-35-creating-responsive.jpg","contentUrl":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2022\/05\/III-35-creating-responsive.jpg","width":1920,"height":719,"caption":"E32 Responsive Websites Banner"},{"@type":"BreadcrumbList","@id":"https:\/\/www.codewizardshq.com\/responsive-websites-html-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.codewizardshq.com\/"},{"@type":"ListItem","position":2,"name":"Individual Curriculum &#8211; E32"}]},{"@type":"WebSite","@id":"https:\/\/www.codewizardshq.com\/#website","url":"https:\/\/www.codewizardshq.com\/","name":"CodeWizardsHQ","description":"The leading online coding academy for kids and teens ages 8-18","publisher":{"@id":"https:\/\/www.codewizardshq.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.codewizardshq.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.codewizardshq.com\/#organization","name":"CodeWizardsHQ","url":"https:\/\/www.codewizardshq.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codewizardshq.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2016\/08\/blueVertical@2x-e1572141901928.png","contentUrl":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2016\/08\/blueVertical@2x-e1572141901928.png","width":150,"height":108,"caption":"CodeWizardsHQ"},"image":{"@id":"https:\/\/www.codewizardshq.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/codewizardshq\/","https:\/\/x.com\/codewizardshq","https:\/\/www.instagram.com\/codewizardshq\/","https:\/\/www.linkedin.com\/company\/codewizardshq","https:\/\/www.pinterest.com\/codewizardshq\/","https:\/\/www.youtube.com\/channel\/UC4NM0jfN0LI8_vWtiwLqgGw"]}]}},"featured_image_src":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2022\/05\/III-35-creating-responsive-600x400.jpg","featured_image_src_square":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2022\/05\/III-35-creating-responsive-600x600.jpg","_links":{"self":[{"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/pages\/49488","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/comments?post=49488"}],"version-history":[{"count":4,"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/pages\/49488\/revisions"}],"predecessor-version":[{"id":71382,"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/pages\/49488\/revisions\/71382"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/media\/49992"}],"wp:attachment":[{"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/media?parent=49488"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}