Примеры работ и кейсы по направлению «Верстка»

Адаптивный ст-слайдер магазина внедорожников. На сайте создана <b>анимация прокрутки шестерни</b> справа слайдера, <b>скроллбар</b>, показывающий позицию среди слайдеров, <b>несколько видов пагинации</b> (нумерации страниц). Сайт сделан на <b>HTML, Sass, JS</b>, затем был залит на <b>Winter CMS</b>

<b>Пробный адаптивный сайт</b> с <b>Parallax</b> эффектом. Это моя <b>успешная попытка</b> сделать Parallax эффект, следовательно я могу выполнять заказы с таким требованием. В проекте используется <b>HTML, CSS, JS</b> и несколько библиотек <b>JQuery</b>

<b>Адаптивный редизайн сайта</b> для пиццерии Pizza Express 24. Сайт написан на чистом <b>HTML и CSS</b>. Также возможно интегрирование библиотеки для создания корзины заказов. Свёрстаны все страницы, но FL не даёт возможности добавить столько скриншотов

<b>Адаптивный сайт-визитка</b> для салона красоты бизнес-класса. При разработке использовался Gulp. На сайт интегрированы библиотеки <b>Fotorama</b> (для слайдера фотографий салона), <b>OwlCarousel</b> (для создания блока услуг), <b>equalHeights</b> (для одинаковой высоты блоков, независимо от количества контента), а также <b>карта от Яндекс Карт</b>. Сайт написан на <b>HTML, Sass, JS, PHP</b> (для отправки сообщений на почту хозяина)

<b>Адаптивный сайт</b> для проекта Deep RP. Сайт разработан полностью <b>с нуля</b>, включая логотип, так как <b>я был хозяином данного проекта</b>. На сайт интегрирована <b>система доната в игру от FreeKassa</b> (помогает сделать систему донатов в любую игру). Сайт написан на <b>HTML, CSS, JS</b>.

<b>Действующий адаптивный сайт-визитка</b>, разработанный <b>на заказ</b> для компании, занимающейся грузоперевозками по Москве и Московской области. Сайт разработан полностью <b>с нуля</b>, включая <b>дизайн</b>. Интегрирована система QForm (удобный обработчик форм обратной связи). Сайт написан на чистом <b>HTML</b> и <b>CSS</b>, используется <b>JQuery</b> для плавных скроллов к определённым блокам.

<b>Адаптивный форум</b> о новостях в мире технологий. Статьи легко можно добавить, а ссылка генерируется автоматически, нужно лишь заполнить несколько полей в отдельном файле. Работа с <b>Jekyll, Bootstrap, Gulp, Includes</b> и <b>Layouts</b>. Добавлена <b>карта сайта, RSS</b>, имеется <b>страница ошибки и места для рекламы</b>. Сайт написан на <b>HTML, Sass, JS</b>.

📝 О ПРОЕКТЕ: Адаптивная верстка (Pixel Perfect) многостраничного сайта. Код написан по методологии BEM и полностью подготовлен для натяжки на WordPress. 🛠 СТЕК:
HTML, SCSS, JavaScript, Gulp 🔗 ССЫЛКА НА ПРОЕКТ:
https://demo.makhnev.site/inproc/sitemap.html 🌐 Портфолио: makhnev.site/
✈️ TG: @notequal21

📝 О ПРОЕКТЕ:
 Адаптивная верстка (Pixel Perfect) лендинга с необычным меню 🛠 СТЕК:
HTML, SCSS, JavaScript 🔗 ССЫЛКА НА ПРОЕКТ:
https://demo.makhnev.site/pixture/ 🌐 Портфолио: makhnev.site/
 ✈️ TG: @notequal21

Grossnet - это платформа цифровых бизнес технологий Тип сайта: Корпоративный сайт Количество уникальных страниц: 13 Дизайн сайта предоставлен заказчиком Работы, проведенные на сайте: - Вёрстка страниц сайта 1. Закрепленная шапка (хеддер / header) - самая верхняя часть сайта 2. Анимация прижатия к вверху шапки сайта при прокрутке 3. 3х уровневое меню в шапке (выпадающие пункты при наведении). 4. Кнопки с анимацией (ховер / hover) - плавная смена фона/цвета кнопки при наведении курсора 5. Рекламный баннер с кнопкой закрытия. 6. Фиксированный блок с QR-кодом и кнопкой закрытия 7. Слайдер с несколькими активными элементами 8. Слайдер с одним активным элементом с функцией переключения слайдера по индукторам 9. Многослойный фон страниц 10. Фон с градиентом 11. Декоративные элементы на фоне 12. Формы оформления заказа/демо 13. Анимация смещения текста при наведении 14. Кнопки с функцией плавной прокрутки к блоку при нажатии. 15. Анимация появление и исчезновение элементов в зависимости от положения скролла 16. Адаптивная верстка под разрешения экрана от 320px 17. Страница блог и страницы просмотра статьи блога 18. Страница кейсы и страницы просмотра кейса и др.