How to Use This Template

Follow these naming conventions so your links “just work” without extra setup:

1. Create a folder for your club under /clubs/your-club-slug/
   • Example: /clubs/moot-court/ or /clubs/ai-in-law/
2. Copy this file as index.html into your club’s folder.
   • Example: /clubs/ai-in-law/index.html
3. Create the four pages your sidebar links point to:
   • schedule.html — upcoming meetings, events, deadlines
   • documents.html — PDFs, forms, and other club files
   • constitution.html — your club’s governing document
   • placeholder.html — anything else (you can rename this link later)
4. Reference the shared styles so your page matches the SBA site:
   • At the top of each page: <link rel="stylesheet" href="../styles.css" />
   • Favicon (optional, recommended): <link rel="icon" type="image/png" href="../favicon.png" />
5. Optional: Add a banner image named banner.png in your club folder and replace the top banner with <img src="banner.png" alt="Club banner" />

Linking from the SBA Landing Page

On the SBA landing page, your club’s link should point to /clubs/your-club-slug/. For example: <a href="clubs/ai-in-law/">AI in Law Club</a> (the browser will automatically load your index.html inside that folder).

Download the Template Files

Click a button to download the starter file. If your browser opens it instead of downloading, right-click and choose Save link as…

Use This Prompt in ChatGPT

Upload the template files into chatGPT. Copy the prompt below into ChatGPT. Replace the placeholders (like [CLUB NAME], [PAGE TITLE], and [CONTENT]). ChatGPT will return a complete page that matches our SBA style.

You are a web assistant. Generate a valid HTML5 page that uses this shared stylesheet and favicon:




The page must follow this layout:
- A top banner styled like the `.club-banner` used on our site. The banner should show the page title in white.
- A two-column layout (`.layout`): a left sidebar with these links, and a main content card to the right.
  Sidebar links:
    • Schedule  → schedule.html
    • Documents → documents.html
    • Constitution → constitution.html
    • Placeholder → placeholder.html
- The main content must be inside a `.card` with an H1 title and body content.

Inputs to apply:
CLUB NAME: [CLUB NAME]
PAGE TITLE: [PAGE TITLE]
CONTENT: [CONTENT HTML OR PARAGRAPHS]

File location rules:
- This page will live inside /clubs/[club-slug]/ so use relative paths:
  • stylesheet → ../styles.css
  • favicon    → ../favicon.png
  • sidebar hrefs as listed above

Return only the final HTML (no explanations).