{"title":"All Courses","description":null,"products":[{"product_id":"free-kit","title":"Free Kit","description":"\u003cp\u003e\u003cspan\u003e\u003cb\u003e1. Problem Statement\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eStruggling to understand why a web page looks different from what you planned? You’re not alone: selectors, properties, and values can initially appear to be separate rules without a clear connection. Changing one setting may affect several elements at once, while the reason behind that behavior remains unclear. Without a foundation in cascade, inheritance, and box structure, even a small layout may contain repeated or conflicting styles. Free Kit breaks these concepts into manageable examples and shows how they work together.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e2. Solution\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eThis course will teach you how to read basic CSS rules and identify which page elements they affect. You will explore the relationship between selectors, properties, and values. Dedicated sections cover colors, text, spacing, borders, and element dimensions. Practical exercises let you apply each topic to small page sections. By the end of the course, you will assemble a simple styled layout using the rules covered in the modules.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e3. What’s Inside\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 1: How CSS Works\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eLearn how styles connect to page elements, how a CSS rule is structured, and how written properties are interpreted.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 2: Selectors and Grouping\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eExplore element, class, and identifier selectors. The module also explains rule grouping and methods for reducing repeated declarations.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 3: Color and Text\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eWork with text color, backgrounds, font size, line height, alignment, and foundational styling for headings and paragraphs.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 4: The Box Model\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eStudy content, padding, borders, and margins. Examples demonstrate how each part contributes to the final dimensions of an element.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 5: Final Layout Task\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eThe closing assignment connects the previous topics. You will style a heading, a text section, an information card, and a button within one consistent layout.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e4. Who Is This For?\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e✅ \u003c\/span\u003e\u003cstrong\u003e\u003cspan\u003eThis course may suit you if you:\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003e— are beginning your CSS learning path;\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e— want to understand the structure of styling rules;\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e— would like to style simple page elements;\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e— prefer sequential explanations supported by practice.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e❌ \u003c\/span\u003e\u003cstrong\u003e\u003cspan\u003eThis course may not suit you if you:\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003e— already create complex responsive layouts regularly;\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e— are looking for in-depth animation or large-scale styling systems;\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e— need materials outside the CSS subject area.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e5. What You’ll Learn\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cul data-spread=\"false\"\u003e\n\u003cli\u003e\u003cspan\u003eIdentify the structure of a CSS rule.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eApply foundational selector types.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eAdjust colors, backgrounds, and text settings.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eConfigure spacing, borders, width, and height.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eDescribe the parts of the box model.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eReduce repetition by grouping styles.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eStyle a small layout containing several related elements.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eCheck which rule is affecting a selected element.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e6. 30-Day Refund Policy\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eA refund request may be submitted within 30 days, subject to the Boxlune store policy. The review process, conditions, and possible exceptions are described on the refund policy page.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e7. Certificate\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eAfter completing the required modules and final assignment, the learner may receive a Boxlune certificate. The document confirms completion of the Free Kit learning program.\u003c\/span\u003e\u003c\/p\u003e","brand":"Boxlune","offers":[{"title":"Default Title","offer_id":65394179670365,"sku":null,"price":0.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1092\/1525\/2829\/files\/Free.jpg?v=1785162725"},{"product_id":"frame-course","title":"Frame Course","description":"\u003cp\u003e\u003cspan\u003e\u003cb\u003e1. Problem Statement\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eStruggling to create a layout where every element remains logically positioned? You’re not alone: individual blocks may look correct on their own, yet the complete page can lose consistency when those blocks are combined. Headings, cards, buttons, and text sections may use unrelated spacing or occupy more room than planned. Adjusting the width of one element can also affect nearby content and disrupt the overall composition. Frame Course explains how to organize a page through coordinated containers, dimensions, spacing rules, and alignment settings.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e2. Solution\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eThis course will teach you how to form a web page framework with structured CSS rules. You will examine how containers control content width and organize related sections. Dedicated topics explain margins, padding, dimension calculations, and element alignment. Practical assignments demonstrate how to combine text, cards, navigation elements, and buttons within one layout. The final task involves creating a structured page containing several connected sections.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e3. What’s Inside\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 1: The Web Page Framework\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eExplore common page areas, including the opening section, main content, topic-based sections, and closing area. The module explains how to divide content into logical groups.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 2: Containers and Width\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eLearn how to set width, maximum width, and automatic margins. Examples demonstrate how to keep content within a coordinated page area.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 3: Spacing and Visual Rhythm\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eStudy the systematic use of margins and padding. You will see how recurring values create a consistent rhythm between headings, paragraphs, cards, and sections.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 4: Arranging Elements in a Row\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eWork with direction, alignment, spacing, and element wrapping. Assignments cover navigation groups, button rows, and sets of information cards.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 5: Building Card Sections\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eCreate cards containing headings, text, and supporting elements. This module also covers matching dimensions, coordinated gaps, and internal card structure.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 6: Final Page Layout\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eCombine an opening area, an information section, a card row, and a closing block. The assignment helps you review dimensions, spacing, and alignment across the complete layout.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e4. Who Is This For?\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e✅ \u003c\/span\u003e\u003cstrong\u003e\u003cspan\u003eThis course may suit you if you:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-spread=\"false\"\u003e\n\u003cli\u003e\u003cspan\u003eunderstand the basic structure of CSS rules;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ewant to build orderly page layouts;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ewould like to work more carefully with containers and spacing;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ewant to style pages containing several sections;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eprefer examples followed by practical assignments.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan\u003e❌ \u003c\/span\u003e\u003cstrong\u003e\u003cspan\u003eThis course may not suit you if you:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-spread=\"false\"\u003e\n\u003cli\u003e\u003cspan\u003ehave not yet studied selectors, properties, and values;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eare looking only for complex animation topics;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eneed materials outside the CSS subject area;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ealready work regularly with advanced layout systems.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e5. What You’ll Learn\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cul data-spread=\"false\"\u003e\n\u003cli\u003e\u003cspan\u003eDivide a page into logical structural areas.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eCreate containers for primary content.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eSet width and maximum-width values.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eApply a coordinated spacing system.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eArrange several elements within one row.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eConfigure gaps between cards and buttons.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eAlign content horizontally and vertically.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eBuild cards with matching internal structures.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eAssemble a page with at least four topic-based sections.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eIdentify repeated or conflicting layout declarations.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e6. 30-Day Refund Policy\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eA refund request may be submitted within 30 days, subject to the Boxlune store policy. The conditions, request procedure, and possible exceptions are presented on the dedicated refund policy page.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e7. Certificate\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eAfter completing the required modules and final assignment, the learner may receive a Boxlune certificate. It confirms completion of the Frame Course learning program.\u003c\/span\u003e\u003c\/p\u003e","brand":"Boxlune","offers":[{"title":"Default Title","offer_id":65394192810333,"sku":null,"price":27.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1092\/1525\/2829\/files\/Frame.jpg?v=1785162725"},{"product_id":"flux-guide","title":"Flux Guide","description":"\u003cp\u003e\u003cspan\u003e\u003cb\u003e1. Problem Statement\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eStruggling to build a layout that remains organized when the page width changes? You’re not alone: a row of cards may look orderly at one size but extend beyond its container or create uneven spacing at another. Manually positioning every element often leads to repeated declarations and difficult revisions. Horizontal and vertical alignment can also behave unexpectedly when blocks contain different amounts of text. Flux Guide explains how to create flexible structures where elements follow coordinated layout rules.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e2. Solution\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eThis course will teach you how to create CSS compositions with controlled direction and alignment. You will examine how a parent container determines the position and behavior of its child elements. Dedicated modules explain primary and cross axes, gaps, wrapping, resizing, and visual order. Practical assignments cover navigation rows, cards, information panels, and button groups. In the final task, you will build a page where several types of elements adjust their arrangement under defined width conditions.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e3. What’s Inside\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 1: Flexible Container Logic\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eLearn how a container establishes a shared layout environment for its child elements. The module explains row and column direction, along with the difference between the primary and cross axes.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 2: Element Alignment\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eWork with positioning along both axes. Examples cover centering, distributing unused space, and aligning elements that contain different amounts of content.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 3: Gaps and Wrapping\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eLearn how to create coordinated gaps without adding separate margins to every item. You will also configure cards to move onto another row when the available width changes.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 4: Block Size and Behavior\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eExplore element growth, shrinking, and base dimensions. Assignments demonstrate how several blocks divide the remaining space inside a container.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 5: Order and Nested Structures\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eLearn how to adjust the visual sequence of elements and combine several flexible containers. Examples include cards with internal rows, headings, labels, and action areas.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 6: Navigation and Control Panels\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eCreate a navigation row, button group, and compact information panel. The module focuses on consistent gaps and predictable positioning.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 7: Final Composition\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eCombine an opening section, a card row, a text area, and a closing panel. You will review how the composition behaves across several page widths.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e4. Who Is This For?\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e✅ \u003c\/span\u003e\u003cstrong\u003e\u003cspan\u003eThis course may suit you if you:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-spread=\"false\"\u003e\n\u003cli\u003e\u003cspan\u003ealready understand foundational CSS rules;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ewant to create flexible rows and columns;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ewould like to study alignment in more detail;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ework with cards, menus, and button groups;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ewant to reduce repeated layout declarations.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan\u003e❌ \u003c\/span\u003e\u003cstrong\u003e\u003cspan\u003eThis course may not suit you if you:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-spread=\"false\"\u003e\n\u003cli\u003e\u003cspan\u003ehave not yet studied the box model;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eare looking only for text styling topics;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eneed materials outside the CSS subject area;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ealready work regularly with complex flexible compositions.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e5. What You’ll Learn\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cul data-spread=\"false\"\u003e\n\u003cli\u003e\u003cspan\u003eCreate containers with row or column direction.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eDistinguish between primary and cross axes.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eCenter elements within a container.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eDistribute unused space between blocks.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eConfigure coordinated gaps.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eMove elements onto a new row.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eControl block growth and shrinking.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eAdjust the visual order of elements.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eCombine nested flexible structures.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eBuild at least three types of flexible sections.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eReview layout behavior across different page widths.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e6. 30-Day Refund Policy\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eA refund request may be submitted within 30 days, subject to the Boxlune store policy. The request conditions, review procedure, and possible exceptions are described on the refund policy page.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e7. Certificate\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eAfter completing the required modules and final assignment, the learner may receive a Boxlune certificate. The document confirms completion of the Flux Guide learning program.\u003c\/span\u003e\u003c\/p\u003e","brand":"Boxlune","offers":[{"title":"Default Title","offer_id":65394215649629,"sku":null,"price":150.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1092\/1525\/2829\/files\/Flux.jpg?v=1785162725"},{"product_id":"halo-module","title":"Halo Module","description":"\u003cp\u003e\u003cspan\u003e\u003cb\u003e1. Problem Statement\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eStruggling to arrange several sections so they retain a logical order and balanced proportions? You’re not alone: cards, side panels, headings, and primary content may require different widths while also spanning several rows. Creating separate positioning rules for every block often produces repeated declarations and makes later revisions more difficult. When page width changes, columns may become too narrow while gaps lose consistency. Halo Module explains how to create grid structures where each element has a defined position and understandable layout behavior.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e2. Solution\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eThis course will teach you how to create CSS grids for pages containing several types of content. You will study how columns, rows, and the spaces between them are defined. Dedicated topics explain recurring patterns, distribution of available space, and placement within named areas. Practical assignments cover galleries, information panels, card catalogs, and pages with a side section. In the final assignment, you will build a multi-section layout that adjusts its structure according to page width.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e3. What’s Inside\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 1: Grid Container Foundations\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eLearn how to create a grid and define its columns and rows. Examples show how child elements are placed automatically within available cells.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 2: Columns, Rows, and Sizing Units\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eWork with fixed, relative, and flexible dimensions. The module explains how several columns can divide available space without calculating every width separately.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 3: Recurring Structures\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eLearn how to define repeated columns and rows with shorter declarations. Assignments include card catalogs and galleries containing recurring blocks.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 4: Element Placement\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eStudy how starting and ending grid lines control the position of individual elements. You will create blocks that span several columns or rows.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 5: Named Layout Areas\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eBuild a structure containing an upper section, main content, side panel, and lower block. Named areas help keep layout declarations organized and readable.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 6: Automatic Grid Filling\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eExplore how additional cards can be positioned without separate rules for every item. Examples demonstrate layouts containing different numbers of elements.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 7: Structure Across Page Widths\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eConfigure several grid arrangements for wide, medium, and narrow displays. The focus remains on readable content and a logical sequence of sections.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 8: Final Layout Assignment\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eCombine an opening area, card catalog, information panel, and closing block. You will review the grid across several widths and revise element placement where needed.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e4. Who Is This For?\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e✅ \u003c\/span\u003e\u003cstrong\u003e\u003cspan\u003eThis course may suit you if you:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-spread=\"false\"\u003e\n\u003cli\u003e\u003cspan\u003ehave worked with containers, spacing, and flexible rows;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ewant to create multi-column pages;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ework with catalogs, galleries, or information panels;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ewould like to organize detailed page sections;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ewant to reduce separate positioning declarations.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan\u003e❌ \u003c\/span\u003e\u003cstrong\u003e\u003cspan\u003eThis course may not suit you if you:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-spread=\"false\"\u003e\n\u003cli\u003e\u003cspan\u003ehave not studied foundational CSS structure;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eare unfamiliar with the box model;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eare looking only for text styling materials;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eneed topics outside web styling.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e5. What You’ll Learn\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cul data-spread=\"false\"\u003e\n\u003cli\u003e\u003cspan\u003eCreate grid containers.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eDefine column and row structures.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eDistribute space between page sections.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eApply recurring layout patterns.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eConfigure gaps between cells.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ePlace blocks across several columns.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eBuild named page areas.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eForm catalogs with different card counts.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eReorganize a grid across several widths.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eAssemble a layout with at least five content areas.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eIdentify empty or overcrowded parts of a composition.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e6. 30-Day Refund Policy\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eA refund request may be submitted within 30 days, subject to the Boxlune store policy. The request procedure, review conditions, and possible exceptions are described on the dedicated refund policy page.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e7. Certificate\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eAfter completing the required modules and final layout assignment, the learner may receive a Boxlune certificate. The document confirms completion of the Halo Module learning program.\u003c\/span\u003e\u003c\/p\u003e","brand":"Boxlune","offers":[{"title":"Default Title","offer_id":65394251235677,"sku":null,"price":246.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1092\/1525\/2829\/files\/Halo.jpg?v=1785162725"},{"product_id":"vertex-library","title":"Vertex Library","description":"\u003cp\u003e\u003cspan\u003e\u003cb\u003e1. Problem Statement\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eStruggling to maintain consistent styling when a web page contains many sections and recurring elements? You’re not alone: the same colors, spacing values, buttons, and cards are often described several times across a stylesheet. As a result, one small revision may require changes in many separate rules. Similar components can gradually develop different dimensions, borders, or text settings. Vertex Library explains how to organize styles into a connected library with recurring values, understandable naming, and a predictable structure.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e2. Solution\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eThis course will teach you how to form a style library for related web elements. You will learn how to store recurring colors, spacing values, dimensions, and borders in CSS variables. Dedicated modules explain typography scales, spacing systems, and component groups. Practical assignments cover buttons, cards, notices, form fields, and navigation elements. In the final assignment, you will assemble a compact style library and apply it to a multi-section page.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e3. What’s Inside\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 1: Style Library Structure\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eDetermine which rules belong to base settings, layouts, components, and utility classes. The module explains how to group styles according to their purpose.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 2: CSS Variables\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eCreate variables for colors, spacing, corner radius, borders, and text sizes. Examples demonstrate how several related elements can be revised by editing one shared value.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 3: Color System\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eForm primary, supporting, and neutral color groups. Dedicated examples cover backgrounds, text, borders, and interaction states.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 4: Typography Scale\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eWork with headings, body text, captions, and supporting labels. You will configure sizes, line spacing, and text weight for several content levels.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 5: Spacing and Sizing System\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eCreate recurring values for margins and padding. Assignments help establish a coordinated rhythm between page sections and components.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 6: Button and Label Library\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eStyle several button, label, and compact information element variations. Topics include dimensions, borders, backgrounds, and interaction states.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 7: Cards and Information Blocks\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eBuild recurring card structures with headings, descriptions, and supporting areas. You will also create notices and topic-based panels.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 8: Fields and Form Elements\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eStudy the styling of text fields, labels, selection controls, and input states. You will coordinate dimensions and spacing across a group of fields.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 9: Utility Classes\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eCreate a small group of classes for alignment, spacing, width, and display behavior. The module also explains which rules should remain within individual components.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 10: Final Style Library\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eCombine variables, typography, buttons, cards, and form elements into one organized system. You will then apply the library to a page containing several connected sections.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e4. Who Is This For?\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e✅ \u003c\/span\u003e\u003cstrong\u003e\u003cspan\u003eThis course may suit you if you:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-spread=\"false\"\u003e\n\u003cli\u003e\u003cspan\u003ealready create layouts with rows, columns, and grids;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ewant to reduce repetition in CSS;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ework with recurring components across several pages;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ewould like to organize colors, spacing, and typography;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ewant to create styles that are simpler to revise.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan\u003e❌ \u003c\/span\u003e\u003cstrong\u003e\u003cspan\u003eThis course may not suit you if you:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-spread=\"false\"\u003e\n\u003cli\u003e\u003cspan\u003ehave not yet studied selectors and the box model;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eare looking only for introductory CSS explanations;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003edo not plan to work with recurring components;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eneed materials outside web styling.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e5. What You’ll Learn\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cul data-spread=\"false\"\u003e\n\u003cli\u003e\u003cspan\u003eGroup CSS rules by function.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eCreate a reusable set of CSS variables.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eForm a color system containing at least three groups.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eConfigure a typography scale for headings and body text.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eBuild a coordinated spacing system.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eStyle several button and label variations.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eCreate recurring cards and information blocks.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eApply shared rules to groups of form fields.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eReduce repeated values across a stylesheet.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eAssemble a library containing at least ten components.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eRevise several page sections through shared variable changes.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e6. 30-Day Refund Policy\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eA refund request may be submitted within 30 days, subject to the Boxlune store policy. The request conditions, review procedure, and possible exceptions are described on the refund policy page.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e7. Certificate\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eAfter completing the required modules and final style library assignment, the learner may receive a Boxlune certificate. The document confirms completion of the Vertex Library learning program.\u003c\/span\u003e\u003c\/p\u003e","brand":"Boxlune","offers":[{"title":"Default Title","offer_id":65394269880669,"sku":null,"price":303.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1092\/1525\/2829\/files\/Vertex.jpg?v=1785162725"},{"product_id":"luma-sphere","title":"Luma Sphere","description":"\u003cp\u003e\u003cspan\u003e\u003cb\u003e1. Problem Statement\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eStruggling to keep a page comfortable to view across different screen sizes? You’re not alone: a layout that works well on a wide screen may create narrow columns, small text, or horizontal scrolling at a reduced width. Individual components may require different behavior, causing the stylesheet to collect overlapping or conflicting rules. Using too many breakpoints can also make future revisions difficult. Luma Sphere explains how to plan responsive behavior around content, proportions, and the logical order of page elements.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e2. Solution\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eThis course will teach you how to build responsive styling systems for multi-section web pages. You will learn how to select breakpoints according to content behavior rather than arbitrary width values. Dedicated modules cover fluid units, size constraints, responsive typography, and component restructuring. Practical assignments include navigation, cards, text sections, galleries, and forms. In the final assignment, you will create a page with several coordinated display arrangements.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e3. What’s Inside\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 1: Planning Responsive Behavior\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eAnalyze which elements can shrink, wrap, stack, or change order. The module helps identify layout concerns before additional rules are written.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 2: Fluid Units and Size Constraints\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eWork with relative dimensions, minimum values, and maximum values. Examples show how to prevent text areas from becoming too wide and cards from becoming too narrow.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 3: Breakpoint Structure\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eLearn to add responsive rules when content begins to lose readability or balance. Assignments cover changes to column count, spacing, and layout direction.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 4: Responsive Typography\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eCoordinate text size, line height, and content width. You will create several heading and body-text levels for different viewing conditions.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 5: Images and Media Blocks\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eConfigure proportions, cropping, and scaling for images inside cards and page sections. The module also examines visual blocks placed within narrow containers.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 6: Navigation and Form Reorganization\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eAdjust navigation items, buttons, labels, and fields across several widths. The focus remains on order, spacing, and clear grouping.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 7: Responsive Cards and Grids\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eCreate a card section that moves from several columns to a more compact arrangement. The assignment includes control over minimum card width.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 8: Layout Review\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eConduct a structured review at wide, medium, and narrow widths. The module includes checks for text, images, spacing, overflow, and component behavior.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 9: Final Responsive Page\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eCombine an opening section, information areas, cards, a form, and a closing region. The final assignment includes at least three structural display arrangements.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e4. Who Is This For?\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e✅ \u003c\/span\u003e\u003cstrong\u003e\u003cspan\u003eThis course may suit you if you:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-spread=\"false\"\u003e\n\u003cli\u003e\u003cspan\u003ealready work with flexible containers and grids;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ewant to build layouts for different screen widths;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ewould like to plan breakpoints more carefully;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ework with cards, forms, and images;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ewant to organize responsive rules more clearly.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan\u003e❌ \u003c\/span\u003e\u003cstrong\u003e\u003cspan\u003eThis course may not suit you if you:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-spread=\"false\"\u003e\n\u003cli\u003e\u003cspan\u003ehave not yet studied CSS foundations;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eare unfamiliar with containers and the box model;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eneed materials outside web styling;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eare looking only for introductory text formatting.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e5. What You’ll Learn\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cul data-spread=\"false\"\u003e\n\u003cli\u003e\u003cspan\u003eIdentify layout concerns caused by width changes.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eSelect breakpoints according to content behavior.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eUse fluid sizing units.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eApply minimum and maximum size constraints.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eReorganize rows, columns, and grids.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eBuild a responsive typography scale.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eConfigure images within containers of different proportions.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eAdjust navigation and form structures.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eCreate card sections with several arrangements.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eReview a page at no fewer than three widths.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eReduce overlapping responsive declarations.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e6. 30-Day Refund Policy\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eA refund request may be submitted within 30 days, subject to the Boxlune store policy. The request procedure, review conditions, and possible exceptions are described on the dedicated refund policy page.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e7. Certificate\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eAfter completing the required modules and final responsive page assignment, the learner may receive a Boxlune certificate. The document confirms completion of the Luma Sphere learning program.\u003c\/span\u003e\u003c\/p\u003e","brand":"Boxlune","offers":[{"title":"Default Title","offer_id":65394281611613,"sku":null,"price":404.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1092\/1525\/2829\/files\/Luma.jpg?v=1785162725"},{"product_id":"vibe-sphere","title":"Vibe Sphere","description":"\u003cp\u003e\u003cspan\u003e\u003cb\u003e1. Problem Statement\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eStruggling to add motion that supports the content rather than distracting from it? You’re not alone: transitions may feel abrupt, components may move at unrelated rhythms, and decorative effects may overcrowd the composition. Hover states are sometimes written separately for every element, filling the stylesheet with repeated declarations. Animation can also alter block dimensions and disturb nearby content. Vibe Sphere helps you plan motion as part of a connected web styling system.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e2. Solution\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eThis course will teach you how to create controlled transitions, interaction states, and motion sequences with CSS. You will examine which properties can be adjusted to provide a smooth visual response. Dedicated modules explain duration, delay, direction, timing functions, and keyframes. Practical assignments cover buttons, cards, menus, notices, indicators, and decorative elements. In the final assignment, you will build a coordinated motion system for a multi-section page.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e3. What’s Inside\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 1: The Role of Motion in Web Styling\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eExplore how movement can indicate a state change, draw attention to a specific action, or show a relationship between elements. The module helps separate functional transitions from unnecessary decoration.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 2: Element States\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eStyle default, hover, focus, pressed, and inactive states. Examples include buttons, links, fields, and navigation elements.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 3: CSS Transition Foundations\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eStudy property selection, transition duration, and delay. You will create several changes involving color, borders, opacity, and position.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 4: Timing Functions\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eCompare different approaches to motion pacing. Assignments demonstrate how the beginning, middle, and ending of a transition affect the behavior of a component.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 5: Movement, Scale, and Rotation\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eAdjust position, size, and angle without rebuilding nearby layout areas. Examples include cards, labels, icons, and decorative shapes.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 6: Keyframe Sequences\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eCreate animations containing several stages. The module covers initial and final states, intermediate values, direction, and repetition count.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 7: Components With Visual Feedback\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eStyle a button with several states, a card with a moving supporting element, and an information notice. The focus remains on coordinated parameters.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 8: Motion in Navigation\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eCreate underlines, active-section markers, and gradual state changes for menu items. Assignments help maintain readable navigation during interaction.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 9: Motion Parameter System\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eBuild CSS variables for duration, delay, and timing functions. These values can then be shared by several related components.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 10: Final Interaction System\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eCombine buttons, cards, navigation, notices, and decorative blocks on one page. The final task includes a structured review of motion consistency and element behavior.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e4. Who Is This For?\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e✅ \u003c\/span\u003e\u003cstrong\u003e\u003cspan\u003eThis course may suit you if you:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-spread=\"false\"\u003e\n\u003cli\u003e\u003cspan\u003ealready create responsive CSS layouts;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ewant to add understandable responses to user actions;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ework with buttons, cards, and navigation;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ewould like to organize transition settings;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ewant motion to follow an existing style system.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan\u003e❌ \u003c\/span\u003e\u003cstrong\u003e\u003cspan\u003eThis course may not suit you if you:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-spread=\"false\"\u003e\n\u003cli\u003e\u003cspan\u003ehave not yet studied CSS selectors and properties;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eare unfamiliar with the box model;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eneed materials outside web styling;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eare looking only for static text formatting.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e5. What You’ll Learn\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cul data-spread=\"false\"\u003e\n\u003cli\u003e\u003cspan\u003eDistinguish functional motion from decorative motion.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eStyle at least five component states.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eConfigure transition duration and delay.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eApply timing functions for different motion rhythms.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eAdjust element position, scale, and rotation.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eCreate animations containing several keyframes.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eReduce repetition through shared CSS variables.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eForm a coordinated set of motion parameters.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eBuild at least six components with visual feedback.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eCheck whether movement affects nearby layout areas.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eRevise effects that interfere with reading or interaction.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e6. 30-Day Refund Policy\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eA refund request may be submitted within 30 days, subject to the Boxlune store policy. The request procedure, review conditions, and possible exceptions are described on the dedicated refund policy page.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e7. Certificate\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eAfter completing the required modules and final assignment, the learner may receive a Boxlune certificate. The document confirms completion of the Vibe Sphere learning program.\u003c\/span\u003e\u003c\/p\u003e","brand":"Boxlune","offers":[{"title":"Default Title","offer_id":65394346328413,"sku":null,"price":504.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1092\/1525\/2829\/files\/Vibe.jpg?v=1785162725"},{"product_id":"quantum-sphere","title":"Quantum Sphere","description":"\u003cp\u003e\u003cspan\u003e\u003cb\u003e1. Problem Statement\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eStruggling to maintain CSS when a page contains many components, states, and layout variations? You’re not alone: as the number of rules grows, specificity conflicts, repeated values, and unexpected changes may appear across related sections. Individual components may also follow different naming, spacing, and responsive principles. Revising one block can affect another area when the relationships between rules have not been planned. Quantum Sphere helps organize styles as a connected system with defined layers, components, and review practices.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e2. Solution\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eThis course will teach you how to plan CSS architecture for pages containing many related elements. You will examine how to separate base styles, layouts, components, states, and utility rules. Dedicated modules explain specificity, cascade order, naming systems, and shared value management. Practical assignments include reviewing existing CSS, rebuilding components, and forming a responsive page system. In the final assignment, you will assemble a complete style library and apply it to a detailed multi-section layout.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e3. What’s Inside\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 1: Existing Style Review\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eLearn how to identify duplicate declarations, conflicting rules, unused selectors, and recurring values. The module provides a structured sequence for reviewing a stylesheet before reorganizing it.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 2: CSS System Architecture\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eSeparate rules into base settings, layouts, components, states, and utility classes. This structure clarifies the purpose of each stylesheet section.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 3: Cascade and Specificity\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eStudy why some declarations take priority over others. You will analyze selector conflicts and reduce dependence on overly complex selector structures.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 4: Naming System\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eCreate consistent names for sections, components, internal elements, and states. The assignment replaces unrelated naming choices with an organized structure.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 5: Shared Values and Variables\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eBuild value groups for colors, typography, spacing, dimensions, borders, and motion settings. Revising a shared value will update related components.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 6: Component Construction\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eDevelop buttons, cards, information panels, navigation blocks, and fields with a shared internal logic. The module also covers variations and states for each component.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 7: Combined Components\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eJoin several smaller elements into larger page sections. Examples include card catalogs, comparison areas, forms, and structured information regions.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 8: Layout Systems\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eCombine containers, flexible rows, and grid structures. You will determine which layout approach fits different forms of content.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 9: Responsive Architecture\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eCreate component arrangements for wide, medium, and narrow widths. The focus remains on maintaining a logical content sequence.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 10: States and Motion\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eAdd hover, focus, pressed, and inactive states. Transitions and animations will use shared duration and pacing values.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 11: CSS Code Review\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eCheck for repetition, overflow, conflicts, unnecessary nesting, and unused declarations. The module includes a checklist for reviewing the complete page.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 12: Final CSS System\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eCreate a multi-section page containing navigation, cards, text areas, a form, and a closing section. The final assignment combines architecture, components, responsive behavior, and interaction states.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e4. Who Is This For?\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e✅ \u003c\/span\u003e\u003cstrong\u003e\u003cspan\u003eThis course may suit you if you:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-spread=\"false\"\u003e\n\u003cli\u003e\u003cspan\u003ealready create responsive pages with several sections;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ework with libraries of recurring components;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ewant to organize a large CSS codebase;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ewould like to understand cascade and specificity in greater detail;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eplan to create connected styling systems.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan\u003e❌ \u003c\/span\u003e\u003cstrong\u003e\u003cspan\u003eThis course may not suit you if you:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-spread=\"false\"\u003e\n\u003cli\u003e\u003cspan\u003eare beginning your introduction to CSS;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ehave not worked with grids or responsive rules;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eneed only foundational text styling;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eare looking for materials outside web styling.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e5. What You’ll Learn\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cul data-spread=\"false\"\u003e\n\u003cli\u003e\u003cspan\u003eConduct a structured stylesheet review.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eDivide rules into at least five functional groups.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eIdentify and revise specificity conflicts.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eCreate a consistent naming system.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eBuild a library of shared CSS variables.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eDevelop at least twelve connected components.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eCombine components into detailed page sections.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eSelect between flexible and grid-based layouts.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eConfigure three responsive structural arrangements.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eCreate shared rules for interaction states.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eReduce duplicate and unused declarations.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eDocument the structure of a CSS system.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eAssemble a multi-section page under one set of styling rules.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e6. 30-Day Refund Policy\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eA refund request may be submitted within 30 days, subject to the Boxlune store policy. The request procedure, review conditions, and possible exceptions are presented on the dedicated refund policy page.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e7. Certificate\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eAfter completing the required modules and final CSS system assignment, the learner may receive a Boxlune certificate. The document confirms completion of the Quantum Sphere learning program.\u003c\/span\u003e\u003c\/p\u003e","brand":"Boxlune","offers":[{"title":"Default Title","offer_id":65394360385885,"sku":null,"price":602.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1092\/1525\/2829\/files\/Quantum.jpg?v=1785162725"}],"url":"https:\/\/boxlune.com\/collections\/frontpage.oembed","provider":"Boxlune","version":"1.0","type":"link"}