Skip to content

Latest commit

 

History

History
68 lines (47 loc) · 2.41 KB

README.md

File metadata and controls

68 lines (47 loc) · 2.41 KB
Raw

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:

    git clone https://github.com/JohnDev19/petal-bloom-web-template.git

  2. Navigate to the Project Directory:

    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

License

This project is licensed under the MIT License. See the LICENSE file for details.