US: Develop Responsive Header, Footer, and Base Template

[patrickhladun]

As a front-end developer I want to develop the header, footer, and base template So that the Moonscape site has a consistent and reusable structure across all pages.

Objective

To create a header, footer, and base template that provides a consistent layout and design framework for the Moonscape site, ensuring they include all necessary elements and are responsive.

Acceptance Criteria

• A header is developed with navigation links and branding elements.
• A footer is developed with site information, links, and contact details.
• A base template is created that incorporates the header and footer and can be used as a foundation for all other pages.
• The header, footer, and base template include the site's fonts, logo, CSS, and JavaScript files.
• The template uses proper Django blocks for content insertion.
• The footer is sticky and remains at the bottom of the page.
• The template is fully responsive and includes a mobile menu.

Tasks

• [x] Develop the header with navigation links (e.g., Home, About, Contact, Services).
• [x] Incorporate branding elements such as the logo into the header.
• [x] Add custom templatetag for reusable SVG icons
• [x] Ensure the header includes links to CSS and JavaScript files.
• [x] Develop the footer with site information, links, and contact details.
• [x] Ensure the footer is sticky and stays at the bottom of the page.
• [x] Create a base template that includes the header, footer, and necessary blocks for Django templates.
• [x] Ensure the template includes references to the site's fonts, logo, CSS, and JavaScript files.
• [x] Implement a mobile-friendly responsive design for the header, footer, and base template.
• [x] Add a mobile menu that is accessible and easy to use.

[patrickhladun]

Pull Request #35