Agency Air 🌬️

Description

A responsive landing page built using HTML, SCSS, and JavaScript, following modern frontend development practices. The project represents a promotional website for a creative agency and was developed with a focus on clean design, modular structure, and performance optimization. It emphasizes visual aesthetics, adaptive layout, and maintainable code using the BEM methodology and SCSS architecture. The build process is automated via Gulp for efficient development and deployment.

Live Demo

See the live website: Agency Air Demo

Technologies Used

• HTML5
• CSS3 / SCSS
• JavaScript (ES6+)
• BEM methodology
• Gulp (build tool)
• Git

Features

• Responsive Layout: Designed to work across all modern devices with a fluid and adaptive grid system.
• SCSS Architecture: Organized, component-based structure to keep styles scalable and easy to maintain.
• BEM Methodology: Block Element Modifier naming for readable and modular styles.
• Gulp Workflow:
  • SCSS compilation
  • Minification of HTML/CSS/JS
  • Autoprefixing for browser compatibility
  • Image optimization
  • Local development server with live reloading
• Code Quality Tools:
  • ESLint for JavaScript linting
  • Stylelint for SCSS style checking

Getting Started

Follow these steps to run the project locally:

1. Clone the repository

git clone https://github.com/VladTk/agency-air.git
cd agency-air

2. Install dependencies

npm install

3. Run the development server

npm start

Preview