Buy Now | ₦10,000

THE ABSOLUTE BEGINNER’S HTML & CSS MANUAL

Coding courses too expensive? Start building anyway.

This ₦10,000 beginner’s manual guides you through HTML, CSS, three hands-on projects and publishing your first website.

MSDAI Absolute Beginner’s HTML and CSS Manual front cover displayed on a tablet
Open-book mockup showing the Nouri Bowl Kitchen website reference and capstone brief

THE COMPLETE MANUAL

₦10,000

Begin with zero coding knowledge and work towards a website you build yourself.

Buy Now | ₦10,000HTML · CSS · JAVASCRIPT · PUBLISHING
  1. 01 / LEARN

    Understand the page.

    Build the structure with HTML, then give it form with CSS.

  2. 02 / MAKE

    Put skills to work.

    Complete practical tasks and increasingly independent projects.

  3. 03 / PUBLISH

    Show what you built.

    Test, refine, and put your finished website online.

THE WORK IS THE POINT

Three projects. A real progression.

Each project gives you more room to make decisions. These previews come from the actual project sources and the manual.

Tola Adeyemi personal profile project, captured from its HTML and CSS source

PERSONAL PROFILE

Make your first page feel like yours.

Start with a personal profile and link page while learning structure, readable copy, and styling.

Actual project capture · Tola Adeyemi
Abeni Spaces Studio responsive business website, captured from its HTML and CSS source

BUSINESS WEBSITE

Build for a clear purpose.

Create a responsive business site for Abeni Spaces Studio, with content, navigation, and a contact path.

Actual project capture · Abeni Spaces Studio
Nouri Bowl Kitchen full website reference preview embedded in the manual

FINAL CAPSTONE

Make the important decisions yourself.

Use the fictional Nouri Bowl Kitchen client brief to plan and publish your own solution. The image shows the manual’s reference preview.

Reference preview · Final manual

BETWEEN THE COVERS

Explore every part of the manual.

From your first file to a published website, then a clear path into JavaScript and further frontend work.

  1. Part 0Welcome & Orientation

    See what you will build, how the projects progress, and what you can do by the end.

  2. Part 1Set Up Your Device to Make a Website

    Choose a code editor, make your project folder, and open your first page in a browser.

  3. Part 2How the Web Works

    Understand browsers, websites, files, links, and what happens when you visit a page.

  4. Part 3HTML: Give the Page Structure and Meaning

    Write meaningful content with headings, paragraphs, links, images, lists, and page structure.

  5. Part 4CSS Foundations: Control How the Page Is Presented

    Connect a stylesheet and use selectors, colours, spacing, and typography to shape the page.

  6. Part 5Visual Design with CSS: Make the Page Clear, Usable and Intentional

    Make considered choices about hierarchy, readability, contrast, and visual consistency.

  7. Part 6Layout: Normal Flow, Flexbox & Grid

    Arrange content with the browser’s natural flow, then build layouts with Flexbox and Grid.

  8. Part 7Responsive Design & Mobile-First CSS

    Make your layout adapt to phones, tablets, and wider screens.

  9. Part 8Project 1: Personal Profile / Link Page

    Put the foundations together in a personal page you can test and improve.

  10. Part 9Building Client-Presentable Websites

    Plan clear content, navigation, and a polished experience for someone else’s business.

  11. Part 10Tiny JavaScript: Make the Mobile Menu Work

    Add a small, purposeful script that opens and closes a mobile navigation menu.

  12. Part 11Project 2: Abeni Spaces Studio

    Build a responsive business website from a client-style brief.

  13. Part 12Debugging & Quality Assurance

    Find and fix problems, then check usability, accessibility, and different screen sizes.

  14. Part 13Publishing Your Website

    Put your finished site online with GitHub Pages and check the public result.

  15. Part 14Final Capstone: Nouri Bowl Kitchen

    Use the fictional client brief to plan, build, test, and publish your own solution.

  16. Part 15What Comes Next: JavaScript, Git and Your Frontend Development Roadmap

    Explore the next skills and projects to pursue after this manual.

ONE EBOOK. A CLEAR START.

Make the first website your own.

Step-by-step HTML and CSS lessons, a practical JavaScript introduction, three project paths, and access to a private learner community.

₦10,000Buy Now | ₦10,000

BEFORE YOU BEGIN

A few useful answers.

Do I need coding experience?

No. The manual starts with the foundations and is written for absolute beginners.

Can I read it and build on my phone?

Yes. The setup chapter includes a phone path, and you can read the manual on a phone, tablet, or computer. A keyboard and larger screen can make longer project work easier.

Does the manual teach JavaScript?

Yes, in a focused way. Part 10 uses a small script to make a mobile menu work. Part 15 explains how to keep learning JavaScript after the HTML and CSS projects. It is an introduction, not a full JavaScript course.

What tools do I need to begin?

A code editor, a browser, and a place to save your project files. Part 1 gives setup paths for phones, tablets, and computers.

What projects will I make?

You work through a personal profile page, the Abeni Spaces Studio business site, and an independent Nouri Bowl Kitchen capstone based on a fictional client brief.

Will someone build the final project for me?

No. The Nouri Bowl Kitchen brief is a fictional client scenario. You plan and build your own website using the requirements and reference preview.

Are the project previews actual finished projects?

The personal profile and Abeni Spaces images are captures from their project sources. The Nouri Bowl Kitchen image is a reference preview from the manual; you create your own version for the final project.

Will I learn how to publish my website?

Yes. Part 13 walks through publishing with GitHub Pages and checking that the live site works.

What do I get for ₦10,000?

The manual includes HTML and CSS lessons, a small JavaScript lesson, practice tasks, checkpoints, three project paths, and private learner community access.

READY WHEN YOU ARE

The next website you visit could be one you made.

Start with the manual. Keep building until the page is yours.

Buy Now | ₦10,000