Сергей Николаев
Был на сайте: 24.04.2023 11:28

Сергей Николаев xsergeynikol

Паспорт не верифицирован
151
Добавить в закладки

Верстка + WP - Спектр // Институт дополнительного образования  

  • 6
  • Опубликовано: 2021-08-02
Разработка сайта "Спектр // Институт дополнительного образования"
Большой проект на 400 страниц, новостями, страниц отдельных направлений и многое другое.

Ссылки:
Готовый сайт - http://idos.center/

Задача:
Сверстать готовый дизайн в Figma. Интегрировать на платформу Wordpress

Что сделано:
1. Галерея
2. Слайдер
4. Анимация при скролле страницы
5. Меню "Бургер" для мобильных
6. Отзывчиво-адаптивная верстка
7. Подключение формы
8. Верстка сайта с соответствием утвержденному сторонами дизайну
9. Сжатие картинок
10. Фиксированная шапка сайта
11. Плавная прокрутка экрана к следующей секции
12. Реализация модального окна
13. Загрузка сайта на хостинг
14. Хлебные крошки
15. Аккордеон


В данном проекте был реализован динамический адаптив

Были использованы:
1. HTML5 + CSS3
2. Методология БЭМ
3. Flex-Box
4. GULP + SCSS
5. Библиотека jQuery

Пример реализации

idos.center/
Комментариев нет
оставить комментарий могут только авторизованные пользователи
Пожаловаться
Другие работы автора:
Фотограф Artur Kozlov // Адаптивная верстка // Wordpress

Фотограф Artur Kozlov // Адаптивная верстка // Wordpress Разработка сайта для известного фотографа Артура Козлова. Верстка сайта адаптивная, кросс-браузерная, современная. Сайт имеет удобную административную панель Wordpress. Есть возможность добавлять новые вакансии, отзывы, изменять данные на сайте. В ра…

Сырный сомелье // Адаптивная верстка // Интеграция Wordpress

Сырный сомелье // Адаптивная верстка // Интеграция Wordpress Разработка сайта для федеральной компании "Сырный сомелье". Верстка сайта адаптивная, кросс-браузерная, современная. Сайт имеет удобную административную панель Wordpress. В работе использованы Figma, HTML, CSS (SCSS), JS (jQuery), PHP, CMS …

GO SURF // Адаптивная верстка

GO SURF // Адаптивная верстка Необычный макет с очень привлекательным дизайном на тематику Серфинга Работая над этим проектом я узнал много нового о абсолютном позиционирование, необычный адаптив и плавная анимация. В данной работе применены технологии: HTML, CSS, jQuery, JS, Gul…

Benneli // Landing Page

Benneli // Landing Page Тренировочная работа. Ничего сложного. Присутствуют HTML таблицы Были использованы: 1. HTML5 + CSS3 2. Методология БЭМ 3. Flex-Box

Металлоконструкции "Премиум" // Многостраничный сайт

Металлоконструкции "Премиум" // Многостраничный сайт Металлоконструкции"Премиум": - Количество страниц: 6 - Адативная верстка (Диапазоны : 1200px, 1024px, 768px, 576px) - Анимация - Заливка на хостинг (реализация формы обратной связи) - Реализована галарея - Меню "Бургер" для мобиль…

TinyOne // Адаптивный Landing Page

TinyOne // Адаптивный Landing Page Сайт проще некуда. Верстал с видео Андрея Гаврилова. Впервые применил библиотеку анимации Animate.css - Адаптивная верстка (Диапазоны : 1200px, 1024px, 768px, 576px) Были использованы: 1. HTML5 + CSS3 2. Методология БЭМ 3. Flex-Box 4. Bootstrap 4

ACTIVELIVE // Bootstrap 4. Адаптивная верстка

ACTIVELIVE // Bootstrap 4. Адаптивная верстка Небольшой лэндинг на Bootstrap 4. Было непросто реализовать галерею, первый раз всегда дается сложно. Разобравшись, теперь реализую ее в каждый проект. Адаптивная верстка (Диапазоны : 1200px, 992px, 768px, 576px) Впервые тут реализовал: 1. Bootstr…

Дело, которым я живу // LandingPage, Responsive

Дело, которым я живу // LandingPage, Responsive Благодаря этой работе я хорошо освоил нюансы адаптивной верстки, а именно: -Брэйкпоинты -Медиа-запросы -Разворачивание фигур (transform) -Диапазоны : 1200px, 1024px, 768px, 576px -Абсолютное позиционирование Были использованы: 1. HTML5 + CSS3 2. Ме…