Loom Map

1. Problem Statement
Learners often study HTML/CSS in separate pieces, then feel unsure when those pieces need to become one full page. A card may look tidy by itself, but the page can feel uneven once intro sections, grids, text blocks, and contact areas are placed together. Spacing can change from section to section, class names can lose meaning, and styling rules can become harder to follow. Without a page map, learners may keep adding code without understanding how each part supports the whole layout. Loom Map is made for learners who want a steadier way to plan, build, and review multi-section HTML/CSS pages.

2. Solution
This course introduces page mapping as a practical method for HTML/CSS study. Learners begin by sketching the order of sections, then connect each section to markup structure and styling rules. The materials show how page rhythm, content hierarchy, spacing, and layout choices work together. Each module focuses on one part of the full page, while still showing how it connects to the surrounding sections. This helps learners build static pages with stronger structure and a more thoughtful visual flow.

3. What’s Inside
Loom Map includes modules for planning and building a complete static HTML/CSS page. The course begins with page mapping materials that help learners define section order, content groups, heading flow, and visual hierarchy. Learners study how an intro area, course overview, feature block, learning materials section, FAQ area, and contact section can work together as one page.

The HTML materials focus on section wrappers, semantic grouping, heading levels, card markup, list structures, link placement, and form-style blocks. The CSS materials cover layout rhythm, spacing groups, typography scale, color grouping, grid structures, flexible rows, image sizing, background areas, and responsive adjustments.

Learners receive guided tasks for creating a full page from smaller sections. Each task includes a build step, a review step, and a refinement step. The course also includes a page map worksheet where learners can write section names, class naming ideas, spacing notes, and layout choices before writing the full code.

There are review prompts for checking whether sections feel connected, whether repeated styles are used consistently, whether headings follow a readable order, and whether content blocks remain balanced across different screen widths. A final practice task asks learners to assemble a static course page using the full map method.

4. Who Is This For?
Loom Map is intended for learners who already know HTML/CSS basics and want to create fuller page drafts. It fits people who enjoy organized planning, visual structure, and practical coding tasks. It is also useful for learners who want to connect separate page components into one complete layout.

5. What You’ll Learn

• How to plan a multi-section static page.
• How to arrange headings, cards, text blocks, and contact areas.
• How to connect HTML structure with CSS layout choices.
• How to use spacing and typography across a full page.
• How to build grids, rows, and section wrappers.
• How to review page flow and visual consistency.
• How to refine a complete static page draft.

6. 30-Day Refund Terms
Loom Map includes a 30-day refund window under the store’s written terms. The policy should describe the request period and purchase conditions in plain wording, without outcome-based claims.