Status-Group // Верстка Flexbox // Интеграция Wordpress  

  • 3
  • Опубликовано: 2020-12-21
Вот и завершился мой проект "Сайта под ключ"
Вместе с этим проектом я приобрел много нового опыта, заметального клиента и шикарного дизайнера к себе в команду :)
Понравился легкий-воздушный дизайн, ничего лишнего. Я попытался максимально реализовать интерактив для пользователя. Если погуглить сайты на подобную тематику, не очень много сайтов предлагают современный дизайн.
Верстка проекта полностью моя, качество можете оценить сами.
Интреграция на Wordpress была непростой, не в плане сложности, а в плане монотоности и количества затраченного времени. Примерно получилось 500 кастомных полей. Тем не менее меня очень греет мысль если заказчик будет пользоватся ими, тогда я буду вдвойне рад!

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

Были использованы:
1. HTML5 + CSS3
2. Методология БЭМ
3. Flex-Box
4. GULP + SCSS
4. Bootstrap 4
5. Библиотека jQuery
6. Прелоадер
7. Модальное (всплывающее) окно с формой обратной связи (Magnific Popup)
8. Параллакс фона
9. Прокрутка по клику на кнопку (при помощи easing.jquery)
10. Карта
11. Аккардеон
12. Слайдер



Прикрепленные файлы:

3МБ
814КБ
1МБ
3МБ
Комментариев нет
оставить комментарий могут только авторизованные пользователи
Другие работы автора:
Фотограф 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…

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

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

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

Funiro // Адаптивная верстка На первый взгляд простой макет, но очень интересный макет. Работая с макетом я отметил: - Плавное красивое добавляние товара в корзине с отображением товаров в корзине - Возможность удалить товары с корзины при помощи технологии AJAX - Подгрузка това…

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

Верстка + WP - Спектр // Институт дополнительного образования Разработка сайта "Спектр // Институт дополнительного образования" Большой проект на 400 страниц, новостями, страниц отдельных направлений и многое другое. Ссылки: Готовый сайт - http://idos.center/ Задача: Сверстать готовый дизайн в Figma…

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

Kreative Pixel // Адаптивный Landing Page В этой работе я впервые реализовал бургур(меню для мобильных), было непросто подружиться с синкасисом JS. Но через несчетное количества попыток у меня получилось. Адаптив не идельный, т.к это работа еще до обучающего курса WAYUP. Да, слайдер и галер…

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

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