Example Page with Partials

This shows how to use the shared header and footer partials

How to Use Partials

Since you're not using build tools, you'll need to manually copy and paste the partial content into each page. Here's how:

For Header:

  1. Open partials/header.html
  2. Copy the content
  3. Paste it at the top of your page's <body> section

For Footer:

  1. Open partials/footer.html
  2. Copy the content
  3. Paste it at the bottom of your page's <body> section

Benefits of This Approach:

  • ✅ Consistent header and footer across all pages
  • ✅ Easy to maintain - update one file, copy to all pages
  • ✅ No build tools required
  • ✅ Works with any static hosting