Landing Page

A modern, responsive landing page built with HTML, SCSS, and JavaScript. This project showcases clean design principles, smooth animations, and mobile-first approach for creating engaging web experiences.

Live Preview

View the landing page

⚠️ Note: Make sure to test the link in incognito mode to ensure it's publicly accessible.

Technologies Used

• HTML5
• CSS3/SCSS
• JavaScript (ES6+)
• Gulp - Build automation
• BEM methodology - CSS naming convention
• Stylelint - CSS linter
• ESLint - JavaScript linter

Getting Started

Follow these instructions to set up and run the project locally:

1. Clone the repository:

git clone https://github.com/Korochenko/landing-page.git
cd landing-page

2. Install dependencies:

npm install
# or
yarn install

3. Run the project locally:

npm start
# or
yarn start

Features

• Fully responsive design - Optimized for desktop, tablet, and mobile devices
• Modern UI/UX - Clean and intuitive user interface
• Smooth animations - CSS transitions and animations for better user experience
• BEM methodology - Organized and maintainable CSS structure
• Cross-browser compatibility - Works seamlessly across modern browsers
• Optimized performance - Fast loading times and smooth interactions

Project Structure

landing-page/
├── src/
│   ├── fonts/
│   ├── images/
│   ├── scripts/
│   ├── styles/
│   └── index.html
├── .github/
│   └── workflows/
├── package.json
└── README.md