{ "slug": "refactor", "name": "Refactor", "title": "Free coding school website template", "description": "Free HTML coding school website template for bootcamps and adult education, with fee plans. AGENTS.md for Claude Code, or no code with 8B.", "kind": "One-page website for a part-time coding school that retrains adults for tech jobs", "summary": "A one-page site for an evening and weekend coding school for career changers: before-and-after careers, a five-module course on a sideways track, the weekly timetable, mentors, capstone projects, graduate quotes, taster dates, three fee plans, FAQ and a contact form. Flat orange, plum and ice planes on a pale ground, uppercase headings in a medium-weight sans, with a dark ink for text and a red accent.", "fits": [ "part-time coding school or bootcamp", "adult education, evening classes and career-change courses", "training provider with cohorts, fixed start dates and fee plans (design, data, language or trade courses)", "any programme that wants a flat, geometric, colour-block look" ], "categories": [ "Education" ], "tags": [ "coding school", "bootcamp", "adult education", "career change", "online course", "training provider", "education", "course landing page", "colour blocks", "flat design", "geometric", "gsap", "scrolltrigger", "lenis", "single-file" ], "language": "en", "size_kb": 160, "photos": 16, "fonts": [ "Asta Sans", "Matangi" ], "libraries": [ "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js", "https://cdn.jsdelivr.net/npm/lenis@1.3.27/dist/lenis.min.js" ], "browsers": "Chrome and Edge 111+, Safari 16.2+, Firefox 113+ (it uses color-mix(), container query units, cascade layers, small/dynamic viewport units).", "sections": [ { "key": "navigation", "id": "nav", "heading": "", "about": "logo glyph and word, four links, an Apply now button and a Menu button; full-screen menu" }, { "key": "opening", "id": "hero", "heading": "Keep what works. Rewrite the rest.", "about": "one screen: a panel of colour planes with a photo, the h1, a paragraph, a taster button and a row of employers" }, { "key": "careers", "id": "carry", "heading": "Your first career isn't dead code.", "about": "six rows of old job to new job, each with what carried over" }, { "key": "curriculum", "id": "course", "heading": "Twenty-four weeks. Five modules. One real product.", "about": "a pinned horizontal track of five course modules with a strip of 24 week squares that fill in" }, { "key": "schedule", "id": "week", "heading": "Built around the job you still have.", "about": "three fixed weekly sessions with a photo each" }, { "key": "mentors", "id": "mentors", "heading": "Mentors who made the same jump.", "about": "a sticky portrait window that changes as four mentor stories scroll past" }, { "key": "capstones", "id": "projects", "heading": "Capstones that are still running.", "about": "three project cards that stack as you scroll" }, { "key": "graduates", "id": "stories", "heading": "What changed, in their words.", "about": "one large quote and four shorter ones with name and former job" }, { "key": "taster", "id": "taster", "heading": "Not sure yet? Sit in on a real class first.", "about": "a red disc that grows into a panel listing four taster evenings" }, { "key": "pricing", "id": "fees", "heading": "One fee. Three ways to carry it.", "about": "three fee plans dealt out from one stack" }, { "key": "faq", "id": "faq", "heading": "Questions adults actually ask.", "about": "six questions and answers (native details) beside a sticky heading" }, { "key": "contact", "id": "contact", "heading": "Book a taster, or just ask.", "about": "colour planes falling into bands behind a contact form and details" }, { "key": "footer", "id": "footer", "heading": "", "about": "wordmark, short description, six links and the address" } ], "placeholders": [ "og-image", "favicon", "phone", "email", "form" ], "lighthouse": null, "license": { "code": "MIT", "photos": "Unsplash License", "fonts": "SIL Open Font License 1.1" }, "get": { "degit": "npx degit 8bsite/coding-school-website-template my-site", "curl": [ "curl -LO https://raw.githubusercontent.com/8bsite/coding-school-website-template/main/index.html", "curl -LO https://raw.githubusercontent.com/8bsite/coding-school-website-template/main/AGENTS.md", "curl -LO https://raw.githubusercontent.com/8bsite/coding-school-website-template/main/LICENSE", "curl -LO https://raw.githubusercontent.com/8bsite/coding-school-website-template/main/CREDITS.md" ], "agent_prompt": "Read AGENTS.md, then edit index.html. Make this the site for . Replace first the school name, six career rows, four mentors with portraits, three capstones and the fees. Keep the section ids, the classes AGENTS.md lists and the five i elements in each pixel glyph. Ask me for missing facts and never invent outcomes, employers, quotes, prices, dates or contacts." }, "links": { "page": "https://8b.com/templates/refactor/", "md": "https://8b.com/templates/refactor.md", "json": "https://8b.com/templates/refactor.json", "demo": "https://8b.com/templates/refactor/demo.html", "ghDemo": "https://8bsite.github.io/coding-school-website-template/", "repo": "https://github.com/8bsite/coding-school-website-template", "zip": "https://8b.com/templates/refactor/coding-school-website-template.zip", "use": "https://github.com/new?template_name=coding-school-website-template&template_owner=8bsite", "agents": "https://github.com/8bsite/coding-school-website-template/blob/main/AGENTS.md", "credits": "https://github.com/8bsite/coding-school-website-template/blob/main/CREDITS.md", "raw": { "index": "https://raw.githubusercontent.com/8bsite/coding-school-website-template/main/index.html", "agents": "https://raw.githubusercontent.com/8bsite/coding-school-website-template/main/AGENTS.md", "license": "https://raw.githubusercontent.com/8bsite/coding-school-website-template/main/LICENSE", "credits": "https://raw.githubusercontent.com/8bsite/coding-school-website-template/main/CREDITS.md" }, "preview": "https://8b.com/templates/refactor/desktop.webp", "phone": "https://8b.com/templates/refactor/phone.webp", "clip": "https://8b.com/templates/refactor/scroll.mp4", "og": "https://8b.com/templates/refactor/og.jpg", "design_md": "https://8b.com/templates/refactor/DESIGN.md" }, "github": { "repo": "8bsite/coding-school-website-template", "template_repository": true, "topics": [ "html-template", "landing-page", "website-template", "website-templates", "coding-school-website", "bootcamp-website", "course-website", "adult-education", "html5", "agents-md", "gsap", "scrolltrigger", "scroll-animation", "lenis", "single-file", "cursor-ai", "static-site", "mit-license", "vibe-coding", "claude-code" ] }, "made_by": { "name": "8B", "url": "https://8b.com/" } }