jineshnagori/blogspot

Create a Reusable Footer Template

Open

#309 opened on Oct 4, 2025

View on GitHubContributor guide
 (4 comments) (0 reactions) (2 assignees)HTML (190 forks)auto 404
enhancementgood first issuehacktoberfesthacktoberfest-accepted

Repository metrics

Stars
 (39 stars)
PR merge metrics
 (PR metrics pending)

Description

The footer HTML is identical across all pages. To fix this, we need to create a single source of truth for it.

Tasks:

  • Create a new folder named templates/.
  • Inside it, create a new file: footer.html.
  • Copy the entire <footer>...</footer> block from any page and paste it into footer.html.
  • On each page (e.g., index.html), replace the hardcoded footer with a placeholder: <div id="footer-placeholder"></div>

Contributor guide

Research direction
Create a templates/footer.html file with the existing footer code and replace the footer block in each page with a placeholder div.
Tech stack
html
Domain
frontend
Issue type
Refactor
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
1
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Under 1 hour
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
HTML basics
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
90