MoGo Landing Page

Современный адаптивный лендинг для креативного агентства с чистым и минималистичным дизайном.

Описание проекта

MoGo Landing Page — одностраничный сайт для креативного агентства, разработанный с использованием современных веб-технологий. Проект демонстрирует возможности агентства через различные секции, включая портфолио работ, услуги, команду и отзывы клиентов.

Особенности

• Адаптивный дизайн — корректное отображение на устройствах любого размера
• Современный UI/UX — чистый и минималистичный дизайн
• Анимации и эффекты — плавные переходы и эффекты при наведении
• Слайдеры — интерактивные карусели для отзывов
• Фиксированное меню — навигация всегда доступна при прокрутке
• Оптимизированная производительность — быстрая загрузка и плавная работа

Технологии

• HTML5
• CSS3 (Flexbox, Media Queries)
• JavaScript (ES6+)
• jQuery
• Slick Carousel
• Font Awesome
• Google Fonts

Структура проекта

mogo-landing/
├── assets/
│   ├── css/
│   │   └── style.css
│   ├── images/
│   │   ├── about/
│   │   ├── blog/
│   │   ├── clients/
│   │   ├── instagram/
│   │   ├── logos/
│   │   ├── services/
│   │   ├── team/
│   │   └── works/
│   └── js/
│       └── app.js
├── index.html
└── README.md

Секции сайта

1. Intro — полноэкранная секция с приветствием и слайдером
2. About — информация о компании и ее ценностях
3. Statistics — числовые показатели достижений
4. Services — предлагаемые услуги с иконками
5. Devices — демонстрация адаптивности на различных устройствах
6. What We Do — подробное описание процесса работы с аккордеоном
7. Reviews — отзывы клиентов в формате слайдера
8. Team — представление команды с социальными сетями
9. Works — портфолио работ с эффектами при наведении
10. Clients — отзывы и информация о клиентах
11. Blog — последние публикации блога
12. Map — интерактивная карта с местоположением
13. Footer — контактная информация, подписка и социальные сети

Функциональность JavaScript

• Фиксированное меню при прокрутке
• Плавная прокрутка к секциям
• Мобильное меню для маленьких экранов
• Аккордеон для секции "What We Do"
• Слайдеры для отзывов

Адаптивность

Сайт адаптирован для следующих разрешений:

• Большие десктопы (1230px+)
• Десктопы и ноутбуки (до 1230px)
• Планшеты (до 990px)
• Планшеты и маленькие планшеты (до 770px)
• Мобильные устройства (до 575px)

Установка и запуск

1. Клонируйте репозиторий:

git clone https://github.com/FrankFMY/MoGo-Landing-Page.git

2. Откройте файл index.html в любом современном браузере.

Оптимизация и улучшения

• Добавлены метатеги для SEO
• Оптимизирован JavaScript с использованием нативных методов
• Добавлены атрибуты alt для изображений
• Улучшена доступность элементов
• Асинхронная загрузка скриптов с атрибутом defer

Лицензия

Проект основан на бесплатном PSD шаблоне от Laaqiq.

Автор

Разработано и оптимизировано [FrankFMY]

---

© 2023 MoGo Landing Page