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.
- 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.
- HTML5
- CSS3
- Font Awesome
- Google Fonts
- AOS (Animate On Scroll)
To use this template, follow these steps:
-
Clone the Repository:
git clone https://github.com/JohnDev19/petal-bloom-web-template.git
-
Navigate to the Project Directory:
cd petal-bloom-web-template -
Open the
index.htmlFile in Your Browser: Simply open theindex.htmlfile in your favorite web browser to view the template.
-
Update Personal Information: Modify the content within the HTML to reflect your own business information, services, and products.
-
Change Images: Replace the placeholder images in the
imgdirectory with your own photos. -
Edit Styles: Update the
styles.cssfile to change the look and feel of the template to match your brand.
- 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.
- Font Awesome: Font Awesome
- Google Fonts: Google Fonts
- AOS (Animate On Scroll): AOS
This project is licensed under the MIT License. See the LICENSE file for details.