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

Смарт-тонировка - Электротонировка окон и стеклопакетов в Москве Тип сайта: Сайт визитка Количество уникальных страниц: 1 Работы, проведенные на сайте: Дизайн сайта предоставлен заказчиком - Вёрстка страниц сайта 1.Меню в шапке с выпадающими пунктами при наведении 2.Кнопка с функцией плавной прокрутки вверх 3.Адаптивная верстка под разрешения экрана от 320px 4.Форма заявки 5.Анимация появления контента 6.Подключение lazy-loaded для оптимизации скорости загрузки изображений на сайте 7.Слайдер до - после. - Посадка вёрстки на CMS Wordpress 1.Редактирование контента на странице через админа панель. 2.Разработка шаблона для добавления произвольных страниц

Turkey - недвижимость в Анталии Тип сайта: Сайт визитка Количество уникальных страниц: 10 Работы, проведенные на сайте: Дизайн сайта предоставлен заказчиком - Вёрстка страниц сайта 1.Слайдер с одним активным элементом 2.Меню в шапке с выпадающими пунктами при наведении 3.Каталог 4.Кнопка с функцией плавной прокрутки вверх 5.Адаптивная верстка под разрешения экрана от 320px 6.Форма заявки - Посадка вёрстки на CMS Система управления сайтом: Wordpress Возможности редактирования 1.Редактирование всех страниц через админ панель. 2.Редактирование контактных данных через админ панель. 3.Добавление страниц объектов

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

<b>Адаптивная заглушка ошибок 404 и 500</b>. <b>По ТЗ заглушка должна быть необычной</b>, желательно добавить какую-либо приятную и прикольную картинку. ТЗ было выполнено, картинка сфотошоплена. Добавлен интересный факт об ошибке, т.к. сайт обучающий о WEB-разработке

<b>Адаптивная заглушка</b> для сайта компании РИК. Написана на чистом<b> HTML, CSS</b>. Выполнена <b>в кратчайшие сроки</b>.

<b>Адаптивный информационный сайт под ключ</b>, написан <b>на HTML, CSS/Sass, JS</b>, при разработке использовался Gulp и Bootstrap. <b>Все материалы, фотографии и дизайн</b> для проекта <b>были подготовлены мною</b>. Было сделано <b>базовое продвижение сайта</b>, <b>сайт оптимизирован</b> в зелёные зоны (google pagespeed). На сайте присутствует <b>форма обратной связи с валидацией</b>, письма приходят владельцу сайта. Имеются <b>автозаполнение адреса</b> в форме и <b>плавные анимации</b> появления блоков

<b>Сайт-визитка по заказу для будущей рекламы</b> компании по ремонту бытовой техники. Сайт выполнен по дизайну из Figm&#039;ы. Добавлены <b>карусели фотографий</b>, <b>обратная связь</b>, <b>уведомления по почте</b> Сайт сделан <b>на WordPress</b>, использовались некоторые плагины.

Список сверстанных страниц: 1) https://fl.viphtmlcss.com/dinord/ 2) https://fl.viphtmlcss.com/dinord/about.html 3) https://fl.viphtmlcss.com/dinord/decision.html 4) https://fl.viphtmlcss.com/dinord/farm.html 5) https://fl.viphtmlcss.com/dinord/industries.html 6) https://fl.viphtmlcss.com/dinord/news.html 7) https://fl.viphtmlcss.com/dinord/project-client.html 8) https://fl.viphtmlcss.com/dinord/sap.html 9) https://fl.viphtmlcss.com/dinord/temp-page.html 10) https://fl.viphtmlcss.com/dinord/vebinary.html 11) https://fl.viphtmlcss.com/dinord/vnedrenie.html

<b>Адаптивный одностраничный сайт</b>, выполненный по заказу, работа с Figmой. Сайт <b>адаптивен под все устройства</b>, горизонтальные блоки пролистываются мышкой/пальцем. Написан на <b>HTML, CSS/Sass, JS</b>, использовался <b>Bootstrap и Gulp</b> для удобства.

Адаптивй сайт для компании застройщика по готовому дизайну. Сайт разработан на чистом <b>HTMLи CSS</b>. Был разработан <b>по дизайну из Figma</b>