{"id":49485,"date":"2022-06-06T15:18:25","date_gmt":"2022-06-06T21:18:25","guid":{"rendered":"https:\/\/www.codewizardshq.com\/?page_id=49485"},"modified":"2025-08-15T04:58:59","modified_gmt":"2025-08-15T10:58:59","slug":"creating-websites-html-css","status":"publish","type":"page","link":"https:\/\/www.codewizardshq.com\/creating-websites-html-css\/","title":{"rendered":"Individual Curriculum &#8211; E31"},"content":{"rendered":"<div class=\"lazyblock-cw1-container-2425Td wp-block-lazyblock-cw1-container\"><div class=\"container \"><div class=\"lazyblock-inner-blocks\">\n<div class=\"lazyblock-cw1-wizard-level-block-C26LV 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>Creating Websites with HTML\/CSS<\/em>, the first course of Wizard Level 3 in our elementary program, students begin their web development learning journey. In this course, students will design and develop websites from start to finish. They&#8217;ll learn how to use HTML to structure their pages&#8217; content and CSS to organize and style their web pages. The highlight of the course is launching a website that will include text, graphics, audio, and video! After completing this course, students are ready to enter the next course in our structured curriculum:\u00a0<em>Responsive Websites with HTML\/CSS<\/em>.<\/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-Z21yzga 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>Creating Websites with HTML\/CSS<\/em>, they will be able to:<\/p>\n<ul>\n<li>Create well-structured webpages using appropriate HTML elements<\/li>\n<li>Add custom designs (color, fonts, etc.) to web pages using CSS<\/li>\n<li>Build basic websites from start to finish that use custom designs and audio\/visual elements<\/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-1fGpgR 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 Creating Websites with HTML\/CSS:<\/p>\n<ul>\n<li>Wizard Level 1<\/li>\n<li>Wizard Level 2<\/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-79a3e898 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\">Creating 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=\"1115\" height=\"627\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-1.png\" class=\"attachment-full size-full\" alt=\"HTML CSS coding lesson 1\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-1.png 1115w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-1-300x169.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-1-1024x576.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-1-768x432.png 768w\" sizes=\"auto, (max-width: 1115px) 100vw, 1115px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        1.\n                                    <\/span>\n                                \n                                HTML and Browser behind the scenes                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In the first lesson on Creating Websites with HTML\/CSS, the students create a web comic book. They also get introduced to the interaction between HTML, browsers, and web servers. This hands-on session involves updating existing HTML code by changing images and dialogues of comic characters, providing a solid foundation for exploring more advanced concepts in HTML and CSS in future lessons.<\/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=\"1115\" height=\"626\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-2.png\" class=\"attachment-full size-full\" alt=\"HTML CSS coding lesson 2\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-2.png 1115w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-2-300x168.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-2-1024x575.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-2-768x431.png 768w\" sizes=\"auto, (max-width: 1115px) 100vw, 1115px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        2.\n                                    <\/span>\n                                \n                                HTML Structure                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson, students engage in creating a storybook on a silly case of missing socks. Students will create their first webpage from scratch and learn about the basic structure of HTML pages, and how HTML uses tags to display things on the web. They will use the basic tags to write their creative and silly story using headings and paragraphs. This lesson provides an exciting opportunity for the students to learn and apply their HTML skills.<\/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=\"1117\" height=\"627\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-3.png\" class=\"attachment-full size-full\" alt=\"Introduction to CSS\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-3.png 1117w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-3-300x168.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-3-1024x575.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-3-768x431.png 768w\" sizes=\"auto, (max-width: 1117px) 100vw, 1117px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        3.\n                                    <\/span>\n                                \n                                Introduction to CSS                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson, students get introduced to the stylesheet of the web, CSS. Throughout this lesson, they create a fun Wizard Newsletter. They learn to select and style everything showing on the boring wizard newspaper using their CSS wand, add unique fonts, play around with headings, change the alignment, text size, and add decorative borders all using CSS. This lesson shows the real-time usage and power of CSS to the students.<\/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=\"1115\" height=\"626\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-4.png\" class=\"attachment-full size-full\" alt=\"HTML CSS coding lesson 4\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-4.png 1115w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-4-300x168.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-4-1024x575.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-4-768x431.png 768w\" sizes=\"auto, (max-width: 1115px) 100vw, 1115px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        4.\n                                    <\/span>\n                                \n                                Attributes                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson, students create a Movie Quiz that shows a movie scene and the player has to guess the movie. The primary emphasis of this class is to use attributes in HTML tags. They also learn to switch between pages in their quiz and style every element uniquely. They learn to change the size of images.<\/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=\"1117\" height=\"626\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-5.png\" class=\"attachment-full size-full\" alt=\"HTML CSS coding lesson 5\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-5.png 1117w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-5-300x168.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-5-1024x574.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-5-768x430.png 768w\" sizes=\"auto, (max-width: 1117px) 100vw, 1117px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        5.\n                                    <\/span>\n                                \n                                Positions                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson, students learn to position images in specific locations using the Wizard Scavenger Hunt game. They also master showing or hiding elements with CSS when hovering over them. Additionally, they learn to integrate background audio into HTML pages, enhancing the user experience. This session focuses on practical skills in web design, such as image manipulation, interactive hover effects, and audio incorporation, providing hands-on experience in creating more dynamic and engaging web content.<\/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=\"1113\" height=\"626\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-6.png\" class=\"attachment-full size-full\" alt=\"HTML CSS coding lesson 6\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-6.png 1113w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-6-300x169.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-6-1024x576.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-6-768x432.png 768w\" sizes=\"auto, (max-width: 1113px) 100vw, 1113px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        6.\n                                    <\/span>\n                                \n                                Mid-Term-I                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson, students apply the concepts they have learned so far and begin working on their mid-term project: an escape room where players must find and click on hidden objects to escape. In the initial phase of the project, they use CSS to add a background image and position objects in the room. They also display the riddle that players need to solve to escape, integrating both design and interactive elements into their web development skills. This session focuses on practical application, blending creativity with technical know-how to create an engaging escape room experience.<\/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=\"1116\" height=\"626\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-7.png\" class=\"attachment-full size-full\" alt=\"HTML CSS coding lesson 7\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-7.png 1116w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-7-300x168.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-7-1024x574.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-7-768x431.png 768w\" sizes=\"auto, (max-width: 1116px) 100vw, 1116px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        7.\n                                    <\/span>\n                                \n                                Mid-Term-II                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson, students add the final touches to their escape room project. They apply CSS opacity to conceal and reveal objects on hover, and link the correct object to a second room using an anchor tag. They also add a new riddle, guiding players to the final room&#8217;s escape object and the win page. This session focuses on enhancing interactivity and user engagement in web development.<\/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=\"1114\" height=\"624\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-8.png\" class=\"attachment-full size-full\" alt=\"HTML CSS coding lesson 8\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-8.png 1114w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-8-300x168.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-8-1024x574.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-8-768x430.png 768w\" sizes=\"auto, (max-width: 1114px) 100vw, 1114px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        8.\n                                    <\/span>\n                                \n                                Containers                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this class, students create a &#8220;choose your character&#8221; screen. They learn to use containers for better organization and apply CSS to design elements like background colors and borders on character cards. Additionally, they focus on aligning HTML elements and adjusting margins for a more refined interface. This session is about applying CSS and HTML skills to enhance visual layout and user interaction in web design.<\/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=\"1118\" height=\"628\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-9.png\" class=\"attachment-full size-full\" alt=\"HTML CSS coding lesson 9\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-9.png 1118w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-9-300x169.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-9-1024x575.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-9-768x431.png 768w\" sizes=\"auto, (max-width: 1118px) 100vw, 1118px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        9.\n                                    <\/span>\n                                \n                                Classes and Inputs                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this class, students create a tourism webpage. They acquire the skill to include input fields, like a search bar, and integrate buttons into their websites. They also develop an image gallery featuring popular tourist destinations, designed to attract users&#8217; attention. The lesson focuses on teaching students how to create and style input elements using classes and create professional looking webpages.<\/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=\"1117\" height=\"626\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-10.png\" class=\"attachment-full size-full\" alt=\"HTML CSS coding lesson 10\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-10.png 1117w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-10-300x168.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-10-1024x574.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-10-768x430.png 768w\" sizes=\"auto, (max-width: 1117px) 100vw, 1117px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        10.\n                                    <\/span>\n                                \n                                Navigation and Video                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this class, students work on a project to create a platform called &#8220;Tiny Tunes,&#8221; a replication of YouTube. They learn to construct a navigation bar and integrate videos with playback controls like play, pause, and volume adjustment. This project enhances their ability to build functional and interactive websites, focusing on video integration and advanced web design techniques.<\/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=\"1116\" height=\"626\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-11.png\" class=\"attachment-full size-full\" alt=\"HTML CSS coding lesson 11\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-11.png 1116w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-11-300x168.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-11-1024x574.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-11-768x431.png 768w\" sizes=\"auto, (max-width: 1116px) 100vw, 1116px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        11.\n                                    <\/span>\n                                \n                                Final Project &#8211; I                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this class, students begin their final project: designing a website for a professional gaming studio. They apply their skills to create a site with navigation, an engaging hero section, game showcases, information about the company&#8217;s approach, a portfolio, a contact form, and a footer. This project focuses on combining various web design elements to create a comprehensive and professional online presence for a gaming studio.<\/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=\"1115\" height=\"624\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-12.png\" class=\"attachment-full size-full\" alt=\"HTML CSS coding lesson 12\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-12.png 1115w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-12-300x168.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-12-1024x573.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/12\/html-css-lesson-12-768x430.png 768w\" sizes=\"auto, (max-width: 1115px) 100vw, 1115px\" \/><\/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 class, students wrap up their final project by expanding the gaming studio website with new pages. They add an About page featuring a company video and team introductions, and a Contact page outlining the studio&#8217;s pricing plans along with a contact form. This session focuses on reinforcing fundamental HTML\/CSS concepts such as using classes, container elements, and implementing effective website navigation, enhancing their comprehensive web development skills.<\/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:40px\" 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-ZidflB 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":49989,"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-49485","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>Creating Websites with HTML\/CSS | Ages 8-10<\/title>\n<meta name=\"description\" content=\"In Creating Websites with HTML\/CSS students get an introduction to web development. Kids plan and design their own websites from scratch!\" \/>\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\/creating-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; E31\" \/>\n<meta property=\"og:description\" content=\"In Creating Websites with HTML\/CSS students get an introduction to web development. Kids plan and design their own websites from scratch!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.codewizardshq.com\/creating-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-15T10:58:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2022\/05\/III-35-creating-websites.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=\"2 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\/creating-websites-html-css\/\",\n\t            \"url\": \"https:\/\/www.codewizardshq.com\/creating-websites-html-css\/\",\n\t            \"name\": \"Creating 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\/creating-websites-html-css\/#primaryimage\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/creating-websites-html-css\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2022\/05\/III-35-creating-websites.jpg\",\n\t            \"datePublished\": \"2022-06-06T21:18:25+00:00\",\n\t            \"dateModified\": \"2025-08-15T10:58:59+00:00\",\n\t            \"description\": \"In Creating Websites with HTML\/CSS students get an introduction to web development. Kids plan and design their own websites from scratch!\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/creating-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\/creating-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\/creating-websites-html-css\/#primaryimage\",\n\t            \"url\": \"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2022\/05\/III-35-creating-websites.jpg\",\n\t            \"contentUrl\": \"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2022\/05\/III-35-creating-websites.jpg\",\n\t            \"width\": 1920,\n\t            \"height\": 719,\n\t            \"caption\": \"E31 Creating Websites Banner\"\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/www.codewizardshq.com\/creating-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; E31\"\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":"Creating Websites with HTML\/CSS | Ages 8-10","description":"In Creating Websites with HTML\/CSS students get an introduction to web development. Kids plan and design their own websites from scratch!","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\/creating-websites-html-css\/","og_locale":"en_US","og_type":"article","og_title":"Individual Curriculum &#8211; E31","og_description":"In Creating Websites with HTML\/CSS students get an introduction to web development. Kids plan and design their own websites from scratch!","og_url":"https:\/\/www.codewizardshq.com\/creating-websites-html-css\/","og_site_name":"CodeWizardsHQ","article_publisher":"https:\/\/www.facebook.com\/codewizardshq\/","article_modified_time":"2025-08-15T10:58:59+00:00","og_image":[{"width":1920,"height":719,"url":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2022\/05\/III-35-creating-websites.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@codewizardshq","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.codewizardshq.com\/creating-websites-html-css\/","url":"https:\/\/www.codewizardshq.com\/creating-websites-html-css\/","name":"Creating Websites with HTML\/CSS | Ages 8-10","isPartOf":{"@id":"https:\/\/www.codewizardshq.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.codewizardshq.com\/creating-websites-html-css\/#primaryimage"},"image":{"@id":"https:\/\/www.codewizardshq.com\/creating-websites-html-css\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2022\/05\/III-35-creating-websites.jpg","datePublished":"2022-06-06T21:18:25+00:00","dateModified":"2025-08-15T10:58:59+00:00","description":"In Creating Websites with HTML\/CSS students get an introduction to web development. Kids plan and design their own websites from scratch!","breadcrumb":{"@id":"https:\/\/www.codewizardshq.com\/creating-websites-html-css\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.codewizardshq.com\/creating-websites-html-css\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codewizardshq.com\/creating-websites-html-css\/#primaryimage","url":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2022\/05\/III-35-creating-websites.jpg","contentUrl":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2022\/05\/III-35-creating-websites.jpg","width":1920,"height":719,"caption":"E31 Creating Websites Banner"},{"@type":"BreadcrumbList","@id":"https:\/\/www.codewizardshq.com\/creating-websites-html-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.codewizardshq.com\/"},{"@type":"ListItem","position":2,"name":"Individual Curriculum &#8211; E31"}]},{"@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-websites-600x400.jpg","featured_image_src_square":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2022\/05\/III-35-creating-websites-600x600.jpg","_links":{"self":[{"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/pages\/49485","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=49485"}],"version-history":[{"count":4,"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/pages\/49485\/revisions"}],"predecessor-version":[{"id":71380,"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/pages\/49485\/revisions\/71380"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/media\/49989"}],"wp:attachment":[{"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/media?parent=49485"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}