https://github.com/johndev19/petal-bloom-web-template
This web template is designed for a floral business to showcase their exquisite floral designs and services.
https://github.com/johndev19/petal-bloom-web-template
css e-commerce-website html javascript web-template website website-design
Last synced: 3 months ago
JSON representation
This web template is designed for a floral business to showcase their exquisite floral designs and services.
- Host: GitHub
- URL: https://github.com/johndev19/petal-bloom-web-template
- Owner: JohnDev19
- License: mit
- Created: 2024-07-23T10:54:55.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-23T11:04:53.000Z (almost 2 years ago)
- Last Synced: 2025-03-25T07:15:02.329Z (over 1 year ago)
- Topics: css, e-commerce-website, html, javascript, web-template, website, website-design
- Language: CSS
- Homepage: https://johndev19.github.io/Petal-Bloom-Web-Template/
- Size: 18.2 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Petal & Bloom - Exquisite Floral Designs
## About This Template
This web template is designed for a floral business to showcase their exquisite floral designs and services. The template includes sections for home, featured arrangements, about us, services, and contact information, all with a clean and modern design.
## Features
- **Responsive Design**: Optimized to look great on all devices, from desktops to mobile phones.
- **Animated Sections**: Uses AOS (Animate On Scroll) library for smooth animations as you scroll.
- **Font Awesome Icons**: Includes a variety of icons for easy visual representation of sections and services.
- **Google Fonts**: Utilizes 'Playfair Display' and 'Poppins' fonts for an elegant and modern look.
- **Easy Customization**: Simple HTML and CSS structure for easy customization.
## Technologies Used
- HTML5
- CSS3
- Font Awesome
- Google Fonts
- AOS (Animate On Scroll)
## Usage
To use this template, follow these steps:
1. **Clone the Repository**:
```bash
git clone https://github.com/JohnDev19/petal-bloom-web-template.git
```
2. **Navigate to the Project Directory**:
```bash
cd petal-bloom-web-template
```
3. **Open the `index.html` File in Your Browser**:
Simply open the `index.html` file in your favorite web browser to view the template.
## Customization
1. **Update Personal Information**:
Modify the content within the HTML to reflect your own business information, services, and products.
2. **Change Images**:
Replace the placeholder images in the `img` directory with your own photos.
3. **Edit Styles**:
Update the `styles.css` file to change the look and feel of the template to match your brand.
## Sections
- **Header**: Contains the logo and navigation menu.
- **Hero Section**: Features a headline and a call-to-action button.
- **Featured Arrangements**: Showcases key floral arrangements with images and descriptions.
- **About Us**: Provides a brief introduction to the business and its history.
- **Services**: Details the services offered with corresponding icons.
- **Contact**: Includes a contact form for customers to reach out.
## Credits
- **Font Awesome**: [Font Awesome](https://fontawesome.com)
- **Google Fonts**: [Google Fonts](https://fonts.google.com)
- **AOS (Animate On Scroll)**: [AOS](https://michalsnik.github.io/aos/)
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.