G3 Architects Landing Page

A modern, responsive architecture landing page built with HTML, CSS, and lightweight JavaScript interactions.

Overview

This project is a single-page website for an architecture brand, featuring:

• Professional hero section and sticky navigation
• Team and features sections
• Facts and sponsors showcase
• Polished footer with contact details
• Scroll reveal animations and smooth section navigation

Tech Stack

• HTML5
• CSS3
• Vanilla JavaScript

Project Structure

.
├── index.html
├── style.css
├── README.md
└── images/
    ├── banner.png
    ├── architect.png
    ├── team1.png
    ├── team2.png
    ├── team3.png
    ├── team4.png
    ├── icons/
    └── sponsors/

How to Run

1. Open the project folder in VS Code.
2. Open index.html in your browser.
3. Optional: use the VS Code Live Server extension for automatic reload.

Key UI Behaviors

• Sticky navbar with scroll-state styling
• Active nav-link highlighting while scrolling
• Mobile menu toggle for small screens
• IntersectionObserver-based reveal animations

Customization Tips

• Update colors and spacing in style.css variables under :root.
• Replace text content in index.html.
• Swap images in the images/ directory while keeping filenames, or update paths in index.html.

License

This project is for educational and showcase purposes.