Innovate Green AI

Sustainable AI Solutions for a Greener Future

A clean, modern, and responsive web interface designed to showcase the vision of Innovate Green AI. Built with a focus on aesthetics, user experience, and sustainability.

View Demo · Report Bug · Request Feature

---

Screenshots

Click to view Main Page

Click to view Profile Page

Click to view Dashboard

---

Features

• Modern Aesthetic: A soothing green and white color palette that reflects our commitment to nature, enhanced with glassmorphism effects.
• Fully Responsive: Seamless experience across desktops, tablets, and mobile devices.
• Mobile-First Experience:
  • Dynamic Menu: Mobile menu adapts to show user profile and logout options when signed in.
  • Smart Navigation: Scrollable sidebar navigation on mobile for dashboards.
• Interactive UI:
  • Smooth hover effects and transitions.
  • Sticky navigation header with blur effect.
  • "Scroll to Top" button for easy navigation.
• User Roles:
  • Public: Access to Home, About, Services, Team, and Publications.
  • Staff/Admin: Dedicated dashboard for managing tasks, leaves, and events with full-width forms on mobile.
• SEO Optimized: Includes meta tags and Open Graph data for better visibility.

---

Tech Stack

This project is built with pure, vanilla web technologies to ensure lightweight performance and easy maintenance.

Technology	Usage
HTML5	Semantic structure and content.
CSS3	Custom styling, Flexbox/Grid layouts, and animations.
JavaScript	DOM manipulation, local storage logic, and interactivity.
Font Awesome	High-quality icons for UI elements.

---

Getting Started

Follow these steps to get a local copy up and running.

Prerequisites

• A modern web browser (Chrome, Firefox, Safari, Edge).

Installation

1. Clone the repository

   git clone https://github.com/Bomjan/groupwork2_s1.git

2. Navigate to the project directory

   cd groupwork2_s1

3. Open the project

   • Simply open index.html in your preferred browser.
   • OR use a live server extension (recommended for best experience).

---

Project Structure

groupwork2_s1/
├── admin/              # Admin and staff dashboard pages
├── assets/             # Images and static assets
├── js/                 # JavaScript logic files
│   ├── script.js       # Main site logic
│   └── staff.js        # Dashboard logic
├── styles/             # CSS stylesheets
│   ├── index.css       # Main styles
│   └── ...             # Component-specific styles
├── index.html          # Landing page
├── auth.html           # Login/Register form
├── rules.html          # Rules & Regulations
└── README.md           # Project documentation

---

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

---

Innovate Green AI — Powering a Greener Future

© 2025 All Rights Reserved.