RBS Code Templates

Start Fast. Understand Everything.

Choose a complete website style, copy the starter, then make it yours. Every template shows the lessons and skills it uses, so you can build quickly without copying mystery code.

This library will keep growing. New templates, game pages and more advanced layouts will be added as you unlock more HTML, CSS and JavaScript modules.

All HTML 1–2 CSS 1 CSS 2 Bonus Effects Future CSS 3+

Website Starters

These are full mini-sites, not isolated examples. Pick a style that fits what you want to build.

Sleek Projects

Clean, serious and modern. Great for a coding portfolio or project showcase.

Professional

HTML 1–2 CSS 1–2

Show every skill used

HTML 1h1, h2, p, button, page structure

HTML 2div, img, a, href, class

CSS 1color, background-color, width, border, border-radius, font

CSS 2padding, margin, margin:auto, text-align, text-decoration

Sleek Projects

Cyber Pink Arcade

Neon, bold and energetic. Great for a game hub or arcade-style homepage.

Cyberpunk

HTML 1–2 CSS 1–2 Bonus Effects

Show every skill used

HTMLnav, a, div, img, h1, h2, p, button

CSS 1colors, widths, borders, radius, font styling

CSS 2padding, margin, centering, text-decoration

Bonuslinear-gradient, box-shadow

Cyber Pink Arcade

Velocity Garage

A bold car site with a large hero image and clean navigation.

Cars

HTML 1–2 CSS 1–2

Show every skill used

HTML 2image hero, links and card content

CSS 1dark colors, widths, border radius, typography

CSS 2navbar spacing, padding, margin, centering

Important patternimg { width:100%; }

Velocity Garage

Retro Game Station

Simple arcade styling with chunky borders and bright game cards.

Retro

HTML 1–2 CSS 1–2

Show every skill used

HTMLnav, headings, game card, image, button

CSS 1strong borders, colors, font size, radius

CSS 2padding, margin, centered card, navbar links

No advanced layoutNo Flexbox or Grid required

Retro Game Station

Explorer Journal

Warm, calm and outdoorsy. Good for travel, nature or story projects.

Adventure

HTML 1–2 CSS 1–2 Bonus Effects

Show every skill used

HTMLheadings, text, links, image and card

CSS 1earthy colors, border-radius, font styling

CSS 2padding, margin, center, navbar spacing

Bonussoft linear gradient

Explorer Journal

Minimal Studio

Very clean, quiet and modern. Good when you want the work itself to stand out.

Minimal

HTML 1–2 CSS 1–2

Show every skill used

HTMLsimple nav, title, paragraph and project card

CSS 1black/white colors, widths, borders, typography

CSS 2padding, margin, centering and clean spacing

Design ideaLess decoration, more spacing

Minimal Studio

More templates will unlock later

Future versions can add Flexbox galleries, Grid dashboards, sticky navbars, animated game menus, scoreboards, platformer HUDs, responsive portfolios and JavaScript-powered pages. Each one will show exactly which module introduced every new technique.