Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rahmankarim/trendhive
TrendHive is a multitude of static pages dedicated to the latest trends, clothing collections, and style inspirations. Crafted with HTML, CSS, JavaScript, and Bootstrap (FrameWork)
https://github.com/rahmankarim/trendhive
bootstrap5 clothes-website css fashion-website html5 javascript
Last synced: about 1 month ago
JSON representation
TrendHive is a multitude of static pages dedicated to the latest trends, clothing collections, and style inspirations. Crafted with HTML, CSS, JavaScript, and Bootstrap (FrameWork)
- Host: GitHub
- URL: https://github.com/rahmankarim/trendhive
- Owner: Rahmankarim
- Created: 2024-05-29T13:50:13.000Z (8 months ago)
- Default Branch: master
- Last Pushed: 2024-12-08T08:38:09.000Z (about 1 month ago)
- Last Synced: 2024-12-08T09:23:18.720Z (about 1 month ago)
- Topics: bootstrap5, clothes-website, css, fashion-website, html5, javascript
- Language: HTML
- Homepage:
- Size: 4.99 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# TrendHive
## [TrendHive Live](https://rahmankarim.github.io/TrendHive/)
TrendHive is a modern and stylish web application that showcases the latest trends, clothing collections, and style inspirations. This project is built with **HTML5**, **CSS3**, **JavaScript**, and **Bootstrap 5**, focusing on responsive design and an engaging user experience.
## Features
- **Multi-Page Website:** Includes pages for Home, Shop, Blog, About, Contact, and Features.
- **Responsive Design:** Optimized for seamless browsing on all devices.
- **Modern Styling:** Built with **Bootstrap 5** for clean and consistent UI elements.
- **Dynamic Elements:** Interactive features powered by JavaScript.
- **Visual Appeal:** Utilizes high-quality imagery for a vibrant, fashion-forward design.
---
## File Structure
- **`.vscode/`**: Contains configuration files for the Visual Studio Code editor.
- **`css/`**: Stylesheets for the website’s layout and design.
- **`images/`**: All image assets used across the website.
- **`js/`**: JavaScript files for interactivity and dynamic content.
- **`.gitignore`**: Specifies files to be ignored by Git.
- **HTML Files:**
- `index.html`: Homepage (formerly named Home).
- `Shop.html`: Shopping page showcasing products.
- `about.html`: Information about the website or team.
- `blog.html`: Blog page for fashion news and inspiration.
- `contact.html`: Contact page for reaching out.
- `features.html`: Highlights website features.
---
## Technologies Used
- **HTML5:** For structuring content.
- **CSS3:** For styling and layout.
- **JavaScript:** For dynamic behavior and interactivity.
- **Bootstrap 5:** For responsive and consistent design.
---
## Installation and Usage
1. **Clone the Repository:**
```bash
git clone https://github.com/Rahmankarim/TrendHive.git
cd TrendHive
```
2. **Open in a Browser:**
- Simply open `index.html` in your browser to view the site.
3. **GitHub Pages:**
- Access the live version here: [TrendHive Live](https://rahmankarim.github.io/TrendHive/)
---
## Contributing
Contributions are welcome! To contribute:
1. Fork the repository.
2. Create a feature branch:
```bash
git checkout -b feature-name
```
3. Commit your changes and push:
```bash
git commit -m "Your message here"
git push origin feature-name
```
4. Open a pull request.
---
## License
No License
---
## Contact
**Rahman Karim**
- Email: [[email protected]]
- GitHub: [Rahmankarim](https://github.com/Rahmankarim)
Feel free to reach out for questions, suggestions, or collaborations!