Bondi - Creative Agency Website Template

Bondi is a modern, responsive website template designed for creative agencies. It showcases a clean and professional layout to highlight services, portfolio, team members, and blog posts.

Live Demo

Check out the live demos of the Bondi template:

• https://domz-bondi.netlify.app/

Table of Contents

1. Project Overview
2. Features
3. Technologies Used
4. File Structure
5. Setup
6. Customization
7. Contributing
8. License

Project Overview

Bondi is a single-page website template that includes various sections to present a creative agency's work and capabilities. It's designed with a focus on visual appeal and user engagement.

Features

• Responsive design
• Navigation menu with smooth scrolling
• Services showcase
• Portfolio gallery
• Team member profiles
• Blog section
• Newsletter subscription form
• Contact information and social media links

Technologies Used

• HTML5
• CSS3
• Bootstrap 5
• Font Awesome icons
• Google Fonts (Roboto)

File Structure

bondi/
│
├── index.html
├── css/
│   ├── all.min.css
│   ├── Bondi.css
│   └── bootstrap.css
├── js/
│   ├── all.min.js
│   └── bootstrap.bundle.min.js
├── images/
│   ├── logo.png
│   ├── title.png
│   ├── work-01.jpg to work-08.jpg
│   ├── team-1.png to team-4.png
│   ├── tech-1.png to tech-4.png
│   ├── blog-1.jpg to blog-3.jpg
│   └── laptop.png
└── README.md

Setup

1. Clone the repository or download the project files.
2. Ensure all files are in their respective directories as shown in the file structure above.
3. Open the index.html file in a web browser to view the website.

Customization

• Content: Update the text in index.html to reflect your agency's information.
• Images: Replace the images in the images/ directory with your own. Make sure to update the image paths in index.html.
• Styles: Modify the styles in css/Bondi.css to change the look and feel of the website.
• Colors: The project uses Bootstrap classes for styling. You can override these in css/Bondi.css or modify the Bootstrap variables before compilation.
• Fonts: The project uses Google Fonts (Roboto). You can change the font selection in the <head> section of index.html.

Contributing

Contributions to improve Bondi are welcome. Please follow these steps:

1. Fork the repository
2. Create a new branch (git checkout -b feature/improvement)
3. Make your changes
4. Commit your changes (git commit -am 'Add some feature')
5. Push to the branch (git push origin feature/improvement)
6. Create a new Pull Request

License

This project is open source and available under the MIT License.

---

For more information or support, please contact us at JSPdjp@gmail.com.