4-H Eco-Maniacs Website

A responsive website for the 4-H Eco-Maniacs Club, an environmental focused 4-H club.

Project Structure

ext ├── index.html # Homepage ├── About.html # About Us ├── 4hs.html # The 4 H's of 4-H ├── contact.html # Contact Page ├── faq.html # Frequently Asked Questions ├── history.html # Club & 4-H History ├── leadership.html # Club Officers & Leadership ├── newsletter.html # Newsletters ├── presentations.html # Presentations & Resources ├── project.html # Past & Current Projects ├── sitemap.xml # Sitemap ├── assets/ # Styles, Scripts, Fonts, and Images │ ├── bootstrap/ # Bootstrap 5 framework │ ├── css/ # Page styles & component CSS │ ├── fonts/ # Icon fonts (FontAwesome, Ionicons) │ ├── img/ # Club photos, banners, and logos │ └── js/ # Interactive scripts & slider libraries └── EcoManiacs (BS 5).bsdesign # Source Bootstrap Studio design file

Running Locally

You can preview the website locally using Python's built-in HTTP server:

�ash python -m http.server 8000

Then open http://localhost:8000 in your web browser.

Deployment via GitHub Pages

1. Create a new repository on GitHub.
2. Push this project to the main branch.
3. In your GitHub repository:
   • Go to Settings > Pages
   • Under Build and deployment > Source, choose Deploy from a branch
   • Select branch: main and folder: / (root)
   • Click Save
4. Your site will be published at https://.github.io//.