https://github.com/sguhasystems-creator/html-collections
Collections Of Multiple Html Templates Provided By Contributors
https://github.com/sguhasystems-creator/html-collections
css hacktoberfest-accepted hactoberfest html js json
Last synced: 9 months ago
JSON representation
Collections Of Multiple Html Templates Provided By Contributors
- Host: GitHub
- URL: https://github.com/sguhasystems-creator/html-collections
- Owner: sguhasystems-creator
- License: mit
- Created: 2025-09-17T00:09:53.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-09-17T00:22:34.000Z (10 months ago)
- Last Synced: 2025-09-17T02:27:40.190Z (10 months ago)
- Topics: css, hacktoberfest-accepted, hactoberfest, html, js, json
- Language: HTML
- Homepage:
- Size: 8.79 KB
- Stars: 2
- Watchers: 0
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🌟 Html-Collections
[](https://hacktoberfest.com/)
[](https://choosealicense.com/licenses/mit/)
[](http://makeapullrequest.com)
[](https://github.com/ellerbrock/open-source-badges/)
**Collections Of Multiple HTML Templates Provided By Contributors** 🚀
A community-driven repository containing a diverse collection of HTML templates, components, and projects contributed by developers worldwide. Perfect for beginners looking to contribute to open source and experienced developers wanting to share their creations!
## 🎃 Hacktoberfest 2025
This repository is participating in **Hacktoberfest 2025**! We welcome contributions from developers of all skill levels.
### What is Hacktoberfest?
Hacktoberfest is a month-long celebration of open source software run by DigitalOcean. During the month of October, we invite you to join open-source software enthusiasts, beginners, and the developer community by contributing to open-source projects.
### How to Participate?
1. **Register** for Hacktoberfest at [hacktoberfest.com](https://hacktoberfest.com)
2. **Find** an issue labeled with `hacktoberfest` or `good-first-issue`
3. **Submit** 4 quality pull requests to participate
4. **Earn** a limited edition Hacktoberfest t-shirt or plant a tree!
## 📁 Repository Structure
Each contributor should create their own folder and organize their work as follows:
```
Html-Collections/
├── README.md
├── CONTRIBUTORS.md
├── LICENSE
└── YourGitHubUsername/
├── README.md (describe your project)
├── index.html
├── style.css
├── script.js (if applicable)
├── assets/ (images, fonts, etc.)
└── screenshots/ (optional)
```
## 🚀 Getting Started
### Prerequisites
- Basic knowledge of HTML, CSS, and optionally JavaScript
- A GitHub account
- Git installed on your local machine
### How to Contribute
1. **Fork this repository** by clicking the "Fork" button at the top right of this page.
2. **Clone your fork** to your local machine:
```bash
git clone https://github.com/YourUsername/Html-Collections.git
cd Html-Collections
```
3. **Create a new branch** for your contribution:
```bash
git checkout -b add-yourname-project
```
4. **Create your folder** with your GitHub username:
```bash
mkdir YourGitHubUsername
cd YourGitHubUsername
```
5. **Add your HTML project** following these guidelines:
- Create a `README.md` file describing your project
- Add your main HTML file (`index.html`)
- Include CSS styles (`style.css`)
- Add JavaScript if needed (`script.js`)
- Place any assets in an `assets/` folder
- Optionally add screenshots in a `screenshots/` folder
6. **Commit your changes**:
```bash
git add .
git commit -m "Add [YourProjectName] by [YourName]"
```
7. **Push to your fork**:
```bash
git push origin add-yourname-project
```
8. **Create a Pull Request** by going to your fork on GitHub and clicking "New Pull Request".
## 📋 Contribution Guidelines
### What We Accept
- ✅ **HTML Templates**: Landing pages, portfolios, business websites
- ✅ **CSS Components**: Buttons, cards, navigation bars, forms
- ✅ **Interactive Projects**: Games, calculators, to-do lists
- ✅ **Responsive Designs**: Mobile-first and responsive layouts
- ✅ **Creative Animations**: CSS/JS animations and transitions
- ✅ **Educational Content**: Tutorials and learning resources
### Project Requirements
- 📝 **README.md**: Each project must include a README.md file with:
- Project title and description
- Technologies used
- Features list
- Live demo link (if hosted)
- Screenshot or GIF
- Setup instructions
- 🎨 **Code Quality**:
- Well-formatted and commented code
- Semantic HTML structure
- Organized CSS (preferably external stylesheet)
- Cross-browser compatibility
- 📱 **Responsiveness**: Projects should be responsive and mobile-friendly
### Folder Structure Example
```
JohnDoe/
├── README.md
├── index.html
├── style.css
├── script.js
├── assets/
│ ├── images/
│ └── icons/
└── screenshots/
└── desktop.png
```
## 🏆 Recognition
All contributors will be recognized in our [CONTRIBUTORS.md](CONTRIBUTORS.md) file. Make sure to add yourself to the list when submitting your PR!
## 🐛 Issues and Features
- Found a bug? 🐛 [Create an issue](../../issues/new)
- Have a feature request? 💡 [Create an issue](../../issues/new)
- Need help? 💬 Check our [discussions](../../discussions)
## 🤝 Code of Conduct
We are committed to fostering a welcoming community. Please read our Code of Conduct:
- **Be respectful** and inclusive
- **Be collaborative** and helpful
- **Be patient** with newcomers
- **Be constructive** in your feedback
## 📚 Resources
### For Beginners
- [HTML Basics - MDN](https://developer.mozilla.org/en-US/docs/Learn/HTML)
- [CSS Basics - MDN](https://developer.mozilla.org/en-US/docs/Learn/CSS)
- [JavaScript Basics - MDN](https://developer.mozilla.org/en-US/docs/Learn/JavaScript)
- [Git Tutorial](https://git-scm.com/docs/gittutorial)
### Design Inspiration
- [Dribbble](https://dribbble.com/)
- [Behance](https://www.behance.net/)
- [CodePen](https://codepen.io/)
- [CSS Design Awards](https://www.cssdesignawards.com/)
## 📧 Contact
- **Maintainer**: [Soumwadeep Guha](https://github.com/soumwadeep)
- **Repository**: [Html-Collections](https://github.com/soumwadeep/Html-Collections)
## 📄 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
---
### 🌟 Don't forget to star this repository if you found it helpful!
**Happy Contributing! 🎉**