Dia landing with HTML, SCSS and JS.

• DEMO LINK
• DESIGN LINK

Landing Page Description

This landing page is for "Air," a full-service creative agency that focuses on branding, communication, and strategic business growth. The site outlines their services, including brand development, content production, marketing strategy, and digital communications. It also features client testimonials and an overview of the agency's approach to combining deep analytics, strong strategy, and creative ideas.

What I learned

Responsive Design: Using CSS Grid and Flexbox for adaptable layouts.

Sass: Structuring styles with the preprocessor for better code organization and reuse.

Animations and Interactions: Implementing pseudo-elements and transitions for smooth animations.

Client Testimonials Integration: Effectively showcasing client feedback.

Prerequisites

• Node.js version 14 or higher)
• npm (comes with Node.js)

Installation

1. Clone the repository:

git clone https://github.com/kostyaniekrasov/dia-landing.git

2. Navigate to the project directory:

cd dia-landing

3. Install the dependencies:

npm install

Running the Project

To start the project locally, run:

npm start

This will start the server and make the project available at http://localhost:3000 (or a different port specified in the project configuration).