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

Сверстали 10 страниц для данного проекта + реализовали анимацию из видео от дизайнера. Результат: - Верстка по макетам, Pixel Perfect(96-100%) - Реализация анимации (CSS3, JSON) - Отличная рабочая скорость и хорошие показатели Google Speed(ПК версия в зеленой зоне, мобильная версия в желтой зоне) - Подключен LazyLoad для картинок - Без использования jQuery - Полная оптимизация под Retina экраны, SVG + х1 и х2 графика - Соблюдение сроков Список страниц можете увидеть по ссылке: https://pro-verstka.ru/preview/korpusprava-html/

Реализовали адаптитвную верстку 12 страниц для данного проекта, включая анимацию, с последующим программированием на CMS. Результат: - Верстка по макетам, Pixel Perfect(96-100%) - Реализация всех анимаций на сайте - Отличная рабочая скорость и хорошие показатели Google Speed(ПК версия в зеленой зоне, мобильная версия в желтой зоне) - Подключен LazyLoad для картинок - Без использования jQuery - Полная оптимизация под Retina экраны, SVG + х1 и х2 графика - Соблюдение сроков Ссылка на весь список страниц: https://pro-verstka.ru/preview/regatta-html/index.html Ссылка на рабочий сайт: https://regattaconsult.com

Выполнили верстку примерно 40 страниц для данного проекта, с последующим программированием на 1С-Битрикс. Результат: - Верстка по макетам, Pixel Perfect(96-100%) - Отличная рабочая скорость и хорошие показатели Google Speed(ПК версия в зеленой зоне, мобильная версия в желтой зоне) - Подключен LazyLoad для картинок - Без использования jQuery - Полная оптимизация под Retina экраны, SVG + х1 и х2 графика - Соблюдение сроков - Поддержка результатов работы, быстрое реагирование на исправления найденных багов Список страниц можете увидеть по ссылке: https://pro-verstka.ru/preview/russam-html/ Рабочий сайт находится здесь: https://russam.ru/

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

Верстка адаптивного лендинга на HTML5 CSS3

Список всех страниц: - https://fl.viphtmlcss.com/iwl-site/ - https://fl.viphtmlcss.com/iwl-site/catalog-education.html - https://fl.viphtmlcss.com/iwl-site/catalog-products.html - https://fl.viphtmlcss.com/iwl-site/catalog-services.html - https://fl.viphtmlcss.com/iwl-site/compare-three.html - https://fl.viphtmlcss.com/iwl-site/compare.html - https://fl.viphtmlcss.com/iwl-site/education.html - https://fl.viphtmlcss.com/iwl-site/news-article.html - https://fl.viphtmlcss.com/iwl-site/news.html - https://fl.viphtmlcss.com/iwl-site/product.html - https://fl.viphtmlcss.com/iwl-site/services.html

Верстка 7 уникальных страниц Посмотреть верстку можете по этим ссылкам: - https://fl.viphtmlcss.com/altay-skazka/altalia.html - https://fl.viphtmlcss.com/altay-skazka/drugaia-grechka.html - https://fl.viphtmlcss.com/altay-skazka/ - https://fl.viphtmlcss.com/altay-skazka/khlopia.html - https://fl.viphtmlcss.com/altay-skazka/khlopia-krupy.html - https://fl.viphtmlcss.com/altay-skazka/krupy.html - https://fl.viphtmlcss.com/altay-skazka/makarony-muka.html

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

📝 О ПРОЕКТЕ:
 Семантическая и валидная PixelPerfect верстка лендинга. 🛠 СТЕК:
HTML, SCSS, JavaScript 🔗 ССЫЛКА НА ПРОЕКТ:
https://notequal21.github.io/smartpay/ 🌐 Портфолио: makhnev.site/
 ✈️ TG: @notequal21