Nexlora Solutions logoNexlora
← nexlora labs
module · 01Beginner 4–6 hours+500 xp total

HTML & CSS Basics

Build and deploy your first responsive webpage — no experience required.

Continue where you left off
you will learn
  • How the web actually works
  • Writing valid, semantic HTML
  • Styling with CSS: colors, typography, spacing
  • The box model and Flexbox layout
  • Responsive design and accessibility basics
  • Deploying a real project to the web
final project

A responsive personal landing page with semantic HTML, custom styling, and a working call-to-action.

unlocks after chapter 09
curriculum

12 chapters

12 available · 0 in production
  1. 01
    Welcome to the Web
    available
    What a website actually is, and the three languages that build every page.
  2. 02
    HTML Document Structure
    available
    Build a valid HTML document from scratch. Doctype, head, body, and nesting.
  3. 03
    Text Content & Semantics
    available
    Headings, paragraphs, lists, and emphasis — writing HTML that describes meaning, not appearance.
  4. 04
    Links, Images & Buttons
    available
    Anchor tags, images with alt text, and accessible call-to-action buttons.
  5. 05
    Introduction to CSS
    available
    Selectors, properties, and hooking a stylesheet into your page.
  6. 06
    Colours & Typography
    available
    Hex, RGB, font families, and building a consistent visual voice.
  7. 07
    Spacing & the Box Model
    available
    Margin, padding, borders — how CSS reserves space for every element.
  8. 08
    Layout Basics with Flexbox
    available
    Arrange content in rows and columns, centre anything on the page, build real layouts.
  9. 09
    Responsive Design
    available
    Media queries, relative units, and mobile-first layouts that work on any screen.
  10. 10
    Capstone · Personal Landing Page
    locked · finish 1–9
    Design, build, review and deploy a real portfolio landing page. 12 milestones, roughly 60–90 minutes.
  11. 11
    Final Independent Assessment
    locked · finish capstone
    No hints. No walkthroughs. Prove you can apply everything you learned — 5 sections, one score.
  12. 12
    Certification & Graduation
    locked · pass assessment
    Claim your Certified Operator credential — with a verifiable ID, badges and downloadable certificate.
Chapters 1–9 build your foundations. Chapter 10 is the capstone. Chapter 11 is the independent assessment (no hints, real grade). Chapter 12 mints your verifiable certificate. Every chapter unlocks sequentially.