{
 "slug": "saylo",
 "name": "Saylo",
 "title": "Free language school website template",
 "description": "Free HTML language school website template for adult classes, with languages, levels and prices. AGENTS.md for Claude Code, or no code with 8B.",
 "kind": "One-page website for a language school or evening class provider, for adults who want to start or return to a language",
 "summary": "A one-page site for a small language school: eight languages on a sideways track, five levels as rising bars, a week of classes, clubs and walks, a free-class offer, three ways to pay, student quotes as a chat thread, questions and a closing speech bubble. A white ground with orange, yellow, green, pink and blue shapes, a cream closing bubble and extended dark brown headings.",
 "fits": [
  "language school or language tutor",
  "evening classes, adult education or a music school",
  "coding bootcamp, driving school or coaching programme with levels and group courses",
  "any small teaching business with a free trial and a few price options"
 ],
 "categories": [
  "Education"
 ],
 "tags": [
  "language school",
  "language courses",
  "evening classes",
  "adult education",
  "conversation clubs",
  "tutoring",
  "education",
  "free trial",
  "playful",
  "colourful",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 79,
 "photos": 7,
 "fonts": [
  "Gabarito",
  "TikTok Sans"
 ],
 "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/gsap@3.13.0/dist/SplitText.min.js",
  "https://cdn.jsdelivr.net/npm/lenis@1.3.27/dist/lenis.min.js"
 ],
 "browsers": "Chrome and Edge 108+, Safari 16+, Firefox 110+ (it uses container query units, cascade layers, small/dynamic viewport units).",
 "sections": [
  {
   "key": "navigation",
   "id": "navigation",
   "heading": "",
   "about": "top bar: three-bar mark and wordmark, four links, a Book a free class button and a menu button on phones; a full-screen overlay"
  },
  {
   "key": "languages",
   "id": "languages",
   "heading": "Eight languages, one front door",
   "about": "first screen: h1 \"Eight languages, one front door\", a short paragraph with a button, and a pinned sideways track of eight language panels with a greeting, a name, days and levels"
  },
  {
   "key": "levels",
   "id": "levels",
   "heading": "From hello to holding your own",
   "about": "five level bars rising like a voice meter, each with a code and a short text (demo: A1 First words to C1 Thinking in it)"
  },
  {
   "key": "week",
   "id": "week",
   "heading": "A week at Saylo",
   "about": "four rows for the week with a pill and text, two of them with photos (demo: evening classes, Friday conversation clubs, Saturday market walk, online)"
  },
  {
   "key": "trial",
   "id": "trial",
   "heading": "Sit in on a real class before you pay a penny",
   "about": "a panel with a heap of coloured shapes, a heading, a sentence and a Book a free class button (demo: sit in on a real class before you pay)"
  },
  {
   "key": "prices",
   "id": "prices",
   "heading": "Three ways in",
   "about": "three price rows, each with a shape, a name, a line, a price and a button (demo: Group course £260, Private lessons £38 an hour, Club pass £45 a term)"
  },
  {
   "key": "testimonials",
   "id": "overheard",
   "heading": "Overheard at Saylo",
   "about": "a pinned chat thread of five student sayings, each a face, a line in the language and its English meaning (demo: Spanish, Italian, French, Portuguese, German)"
  },
  {
   "key": "faq",
   "id": "faq",
   "heading": "Questions people ask before the first class",
   "about": "five questions and answers as native <details> rows beside a heading with three popping shapes"
  },
  {
   "key": "contact",
   "id": "contact",
   "heading": "Say your first sentence in a new language this week, in a room of six people who are trying too.",
   "about": "a speech bubble with a closing statement and a Book a free class button, then four details (visit, call, write, front desk hours)"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "",
   "about": "a row with two links, the three-bar mark and wordmark, two links, then the school's address and three social buttons"
  }
 ],
 "placeholders": [
  "og-image",
  "favicon",
  "email",
  "phone",
  "social"
 ],
 "lighthouse": null,
 "license": {
  "code": "MIT",
  "photos": "Unsplash License",
  "fonts": "SIL Open Font License 1.1"
 },
 "get": {
  "degit": "npx degit 8bsite/language-school-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/language-school-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/language-school-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/language-school-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/language-school-website-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Make this the site for <my school: name, city, address, languages with days, times and level ranges, weekly clubs and walks, the free class offer, prices, student quotes with permission, opening hours, how people book>. Replace first the school name, greetings and Leeds details, then prices, quotes and portraits. Keep the section ids, the classes AGENTS.md lists and each --lv-step; set each greeting's --len to its character count. Ask me for missing facts and never invent timetables, prices, teachers, quotes or contacts."
 },
 "links": {
  "page": "https://8b.com/templates/saylo/",
  "md": "https://8b.com/templates/saylo.md",
  "json": "https://8b.com/templates/saylo.json",
  "demo": "https://8b.com/templates/saylo/demo.html",
  "ghDemo": "https://8bsite.github.io/language-school-website-template/",
  "repo": "https://github.com/8bsite/language-school-website-template",
  "zip": "https://8b.com/templates/saylo/language-school-website-template.zip",
  "use": "https://github.com/new?template_name=language-school-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/language-school-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/language-school-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/language-school-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/language-school-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/language-school-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/language-school-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/saylo/desktop.webp",
  "phone": "https://8b.com/templates/saylo/phone.webp",
  "clip": "https://8b.com/templates/saylo/scroll.mp4",
  "og": "https://8b.com/templates/saylo/og.jpg",
  "design_md": "https://8b.com/templates/saylo/DESIGN.md"
 },
 "github": {
  "repo": "8bsite/language-school-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "landing-page",
   "website-template",
   "website-templates",
   "language-school",
   "language-learning",
   "education-website",
   "tutor-website",
   "playful-design",
   "html5",
   "agents-md",
   "gsap",
   "scrolltrigger",
   "scroll-animation",
   "lenis",
   "single-file",
   "cursor-ai",
   "static-site",
   "mit-license",
   "vibe-coding"
  ]
 },
 "made_by": {
  "name": "8B",
  "url": "https://8b.com/"
 }
}