👷🏾🚧 Currently in active development 🚧👷🏾

Q-Aware Labs Website

A modern, responsive website for Q-Aware Labs focused on AI system quality testing and research. Built with HTML, CSS, and JavaScript using TailwindCSS for styling using the AI Agent from Cursor IDE.

🚀 Features

• Responsive design that works on desktop and mobile devices
• Dark/light theme toggle with persistent preferences
• Loading animation with terminal-style interface
• Mobile-friendly navigation menu
• Modern backdrop blur effects
• Smooth scroll navigation
• GitHub integration

🛠️ Technologies

• HTML5
• CSS3 (with custom properties)
• JavaScript (ES6+)
• TailwindCSS 2.2.19
• Font Awesome 6
• Google Fonts (Fira Code, Inter)

📦 Installation

1. Clone the repository:

git clone https://github.com/q-aware-labs/website.git
cd website

2. Open the project in your preferred editor (VS Code recommended).

3. Install live server extension or use your preferred local server.

4. Open index.html in your browser.

🔧 Development

The project structure is organized as follows:

qawarelabs_website/
├── css/
│   ├── styles.css
│   └── theme.css
├── js/
│   └── main.js
├── index.html
└── README.md

Style Guidelines

• Use TailwindCSS classes for layout and responsive design
• Custom CSS is split between styles.css and theme.css
• Follow BEM methodology for custom CSS classes
• Maintain dark/light theme compatibility

Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)

🤝 Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

📝 License

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

🔍 Project Status

Currently in active development. See the Issues page for planned features and known issues.

📞 Contact

• Email: antony.garcia@qawarelabs.com
• GitHub: @q-aware-labs