suna/backend/agent/workspace
marko-kraemer 3a2a6dd048 fe wip 2025-03-30 16:03:05 -07:00
..
README.md fe wip 2025-03-30 16:03:05 -07:00
index.html fe wip 2025-03-30 16:03:05 -07:00
script.js fe wip 2025-03-30 16:03:05 -07:00
styles.css fe wip 2025-03-30 16:03:05 -07:00
test.html fe wip 2025-03-30 15:55:26 -07:00

README.md

AGI Innovations - Web Application

A modern, responsive web application for an Artificial General Intelligence (AGI) company. This project showcases a complete landing page with interactive elements, animations, and responsive design.

Features

  • Responsive Design: Fully responsive layout that works on all devices from mobile to desktop
  • Modern UI: Clean, professional design with smooth animations and transitions
  • Interactive Elements:
    • Mobile-friendly navigation with hamburger menu
    • Form validation for the contact form
    • Scroll-triggered animations
    • Typing effect for the hero heading
    • Particle animation background in the hero section
  • Comprehensive Sections:
    • Hero section with animated heading and particle background
    • AGI Capabilities showcase
    • About section with company information
    • Solutions section for different industries
    • Ethics section highlighting responsible AI development
    • Contact form with validation
    • Detailed footer with navigation links

Technologies Used

  • HTML5
  • CSS3 (with custom properties, flexbox, and grid)
  • Vanilla JavaScript (ES6+)
  • Font Awesome icons
  • Intersection Observer API for scroll animations
  • Canvas API for particle animations

File Structure

  • index.html - Main HTML structure
  • styles.css - Comprehensive CSS styling
  • script.js - JavaScript functionality
  • test.html - Test page to verify all files are working

JavaScript Features

  • Mobile menu toggle functionality
  • Smooth scrolling for navigation links
  • Form validation with error handling
  • Scroll animations using Intersection Observer
  • Typing effect for the hero heading
  • Interactive particle background using Canvas API

Responsive Breakpoints

  • Desktop: 992px and above
  • Tablet: 768px to 991px
  • Mobile: Below 768px

Getting Started

Simply open the index.html file in a web browser to view the application.

Browser Compatibility

This web application is compatible with all modern browsers including:

  • Chrome
  • Firefox
  • Safari
  • Edge

License

This project is available for personal and commercial use.