A modern, responsive architecture firm landing page designed to showcase clean UI, strong visual hierarchy, and professional layout techniques using only HTML and CSS.

🔗 Live Demo:

👉 https://nazmussakib-dev.github.io/architecture-landing-page/

• 📱 Fully Responsive Design (Mobile, Tablet, Desktop)
• 🎨 Clean & modern UI inspired by real-world architecture websites
• 🧩 Well-structured HTML with semantic elements
• 🎯 CSS Flexbox & Grid for layout control
• 🔤 Google Fonts integration (Work Sans)
• 🚀 Optimized for readability and scalability

• HTML5
• CSS3
  • Flexbox
  • Grid
  • Media Queries
• Google Fonts

architecture-landing-page/
│
├── index.html
├── styles/
│   └── architects.css
├── images/
│   ├── banner.png
│   ├── team1.png
│   ├── team2.png
│   ├── team3.png
│   ├── team4.png
│   └── sponsors/
└── README.md

• Building responsive layouts from scratch without frameworks
• Using Flexbox & CSS Grid together effectively
• Designing clean UI sections like hero, features, stats, and sponsors
• Writing scalable and reusable CSS
• Structuring a real-world landing page layout

Clean hero section, feature highlights, statistics, sponsors, and a professional footer — all optimized for different screen sizes.

• Add smooth scroll and subtle animations
• Improve accessibility (ARIA labels, contrast)
• Convert to a React / Tailwind version
• Add dark mode

Nazmus Sakib

Aspiring Software Engineer & Frontend Developer

🌐 GitHub: https://github.com/nazmussakib-dev

💛 If you like this project, consider giving it a ⭐ — it really helps and motivates me to build more.