This project is a front-end website aimed at promoting sustainable living practices. Initially designed on Figma to ensure a user-friendly and visually appealing interface, the website is developed using HTML, CSS, and JavaScript. The interactive platform offers tips, resources, and tools for adopting a sustainable lifestyle.
- User-Friendly Interface: A clean and intuitive design to enhance user experience.
- Sustainability Tips: Provides practical tips for living a more sustainable life.
- Resources: Links to articles, videos, and other resources on sustainability.
- Interactive Tools: Features tools and calculators to help users measure and reduce their environmental impact.
- Responsive Design: Ensures the website is accessible on various devices, including desktops, tablets, and smartphones.
- Design: Figma
- Front-End Development:
- HTML
- CSS
- JavaScript
- Clone the Repository
git clone https://github.com/your-repo/sustainable-living-website.git
- Navigate to the Project Directory
cd sustainable-living-website
- Open in Browser
- Open
index.html
file in your preferred web browser.
- Open
-
Home Page
- The home page provides an overview of the website's mission and highlights key sections such as tips, resources, and tools.
-
Sustainability Tips
- Navigate to the Tips section to find practical advice on various aspects of sustainable living, such as reducing waste, conserving water, and using renewable energy.
-
Resources
- The Resources section offers a curated list of articles, videos, and websites that provide in-depth information on sustainability topics.
-
Interactive Tools
- Use the tools and calculators to assess your environmental footprint and get personalized recommendations for reducing it.
- Fork the repository.
- Create a new branch (
git checkout -b feature/your-feature-name
). - Make your changes.
- Commit your changes (
git commit -am 'Add some feature'
). - Push to the branch (
git push origin feature/your-feature-name
). - Create a new Pull Request.