Multi-page Landing Page

Project Description

This is a fully responsive multi-page landing website developed using modern web technologies. The site is designed to display correctly on all devices, including mobile phones, tablets, and desktops.

Technologies Used

• HTML – semantic markup

• SCSS – styling with a preprocessor

• JavaScript – dynamic effects and interactivity

• Flexbox & Grid – for flexible and adaptive layout

• BEM Methodology – for organizing styles and code structure

• SCSS Functions – used rem instead of pixels for better responsiveness

Project Structure

The project code is organized according to the BEM methodology, making it easy to modify and expand functionality. All styles, scripts, and images are stored in their respective folders.

BEM Structure Example:

project/
│── index.html
│── scss/
│   ├── blocks/
│   │   ├── header.scss
│   │   ├── footer.scss
│   │   ├── button.scss
│   │   ├── card.scss
│   │   └── ...
│   ├── main.scss
│── js/
│   ├── scripts.js
│── images/
│── fonts/
│── README.md

Figma Design Link

Figma Mockup (https://www.figma.com/design/HSf2xN0QzWoGtzGrX0uarg/FutureTech-(Copy)?node-id=205-2431&t=fXQidy49JwEVDyS1-1)

Project Setup

1. Clone the repository:

   git clone https://github.com/your-username/repository-name.git

2. Open index.html in your browser.

Author

👨‍💻 Developer: Alex Marcovych