Coaching / School Website Template

A fully configurable website template for coaching centres and schools. Change ONE FILE (js/config.js) to deploy for any new client.

---

Folder Structure

coaching-template/
├── index.html          ← Main HTML (don't touch)
├── css/
│   └── style.css       ← All styles (only change colors here)
├── js/
│   ├── config.js       ← ⭐ CHANGE THIS FOR EACH CLIENT
│   └── app.js          ← Builds the website from config (don't touch)
└── README.md

---

How to Customise for a New Client

Open js/config.js and update these sections:

1. Institute Details

institute: {
  name: "Client's Institute Name",
  tagline: "Their tagline",
  established: "2010",
  address: "Full address",
  phone: "+91 XXXXX XXXXX",
  whatsapp: "91XXXXXXXXXX",   // no + or spaces
  email: "their@email.com",
  mapEmbed: "paste Google Maps embed URL here",
}

2. Theme Colors

theme: {
  primary: "#1a3c6e",   // change to client's brand color
  accent:  "#f5a623",   // highlight color
}

3. Add/Remove Courses

Copy one course object and edit. Delete ones they don't offer.

4. Add Faculty

Copy one faculty object per teacher. Leave photo: "" for initials avatar.

5. Add Toppers

Copy one topper object per result. Leave photo: "" for initials.

6. Update Stats

Change numbers to reflect client's actual achievements.

---

How to Get Google Maps Embed URL

1. Go to Google Maps
2. Search the client's address
3. Click Share → Embed a map
4. Copy the src="..." URL from the iframe code
5. Paste it into mapEmbed in config.js

---

How to Deploy (Free)

Option A — Netlify (Recommended, 5 minutes)

1. Go to netlify.com → Sign up free
2. Drag and drop the coaching-template folder
3. Get a live URL instantly (e.g. shikharchoaching.netlify.app)
4. Add custom domain if client has one

Option B — GitHub Pages (Free)

1. Create a GitHub repo
2. Upload files
3. Go to Settings → Pages → Deploy from main branch
4. Live at username.github.io/repo-name

Option C — Give client the folder

Zip the folder and give to client. They can host on any hosting (Hostinger, GoDaddy).

---

AI Customisation Prompt (for ChatGPT or Claude)

When a new client comes, give this prompt to AI:

I have a coaching website template. Please update the config.js file for this client:

Institute Name: [name]
Location: [city, address]
Phone/WhatsApp: [number]
Established: [year]
Subjects: [list]
Courses offered: [list with timings and fees]
Teachers: [names, subjects, qualifications]
Recent toppers: [names, marks, exams]
Brand color preference: [color if any]

Generate the complete updated config.js file.

---

Pages Included

• Home — hero, stats, notice board, testimonials
• About — story, achievements, features
• Courses — all courses with fees and WhatsApp enquiry
• Faculty — teacher profiles with photo/initials
• Results — topper showcase and stats
• Gallery — photo grid (add real photos in production)
• Contact — info, WhatsApp, admission form, Google Map

---

What Each Client Needs to Give You

• Institute name and logo (if any)
• Address and WhatsApp number
• Courses with timings and fees
• Teacher names and qualifications
• Recent toppers (names, marks, exams, year)
• 5–10 photos for gallery
• Preferred color (optional)

---

Built with pure HTML, CSS, JavaScript. No frameworks. No installation needed.