Javid G.
Моя цель - сделать свою работу качественно, надежно, в срок
Предложите Javid работу над вашим следующим проектом или зарегистрируйте профиль фрилансера и начинайте зарабатывать прямо сейчас.
Личное сообщение
Предложить работу
Баку,
Азербайджан
10 месяцев 21 день назад
свободен для работы
возраст 30 лет
на сервисе 4 года
Рейтинг
Успешных проектов
Средняя оценка
Уровень владения языками
Azərbaycanca: носитель
English: средний
Русский: средний
Türkçe: средний
Резюме
HTML/CSS/JS верстальщик — адаптивная вёрстка по Figma
Здравствуйте! Меня зовут Джавид, я занимаюсь вёрсткой сайтов более 3 лет. Работаю с HTML, CSS, SCSS и JavaScript. Использую Gulp для автоматизации, верстаю строго по макету из Figma.
🔹 Делаю адаптивную вёрстку — сайт будет корректно отображаться на всех устройствах.
🔹 Пишу чистый, валидный и читаемый код.
🔹 Соблюдаю структуру и сетку макета, не перегружаю проект лишними библиотеками.
🔹 Готов быстро вносить правки по просьбе заказчика.
🔹 Всегда на связи и соблюдаю сроки.
Что я предлагаю:
— Адаптивную кроссбраузерную вёрстку по макету из Figma
— Вёрстку лендингов, многостраничных сайтов
— Простую анимацию (например, появление, плавные переходы)
— Вёрстку по методологии BEM
— Оптимизацию изображений и подключение шрифтов
— Готовую структуру проекта на Gulp
Важно:
— Я не занимаюсь дизайном сайтов и не размещаю проекты на хостинге.
— Работаю только по готовому дизайну.
Навыки и умения
Программирование
-
HTML и CSS верстка
от 887 UAH за час
-
Javascript и Typescript
от 887 UAH за час
Портфолио
-
17 740 UAH Edinburgh - Лендинг для бренда виски
HTML и CSS верстка
Современный промо-лендинг для бренда виски с акцентом на визуальное восприятие и глубокую скролл-анимацию. Разработан по макету из Figma, с нуля. Сайт выполнен с применением поэкранной анимации, привязанной к скроллу, что усиливает эффект вовлечения и создаёт премиальное ощущение от бренда.
Технологии: HTML, SCSS (BEM), JavaScript
Сборка: Gulp, Webpack, Babel, Autoprefixer, Browserslist
… Библиотеки:
– Swiper (слайдеры)
– Lottie (анимированные SVG)
– Locomotive Scroll (плавный и поэкранный скроллинг)
Что реализовано вручную:
– Адаптивная вёрстка
– Табы
– Сложная скролл-анимация с привязкой к экрану
– Кроссбраузерность
– Семантический и валидный HTML
– Оптимизация изображений и SVG
– Создание SVG-спрайта
– Минификация HTML, CSS и JS
#лендинг #вебразработка #фронтенд #брендвиски #HTML #SCSS #JavaScript #скролланимация #премиумдизайн #figma #адаптивнаяверстка
-
35 480 UAH Север Групп — Интернет-магазин вездеходов и аэролодок
HTML и CSS верстка
Многостраничный корпоративный сайт с каталогом продукции, новостной секцией и промо-страницами. Разработан по макету из Figma для компании, занимающейся продажей вездеходной техники и аэролодок. Сайт выполнен с нуля, с акцентом на адаптацию, производительность и визуальную презентацию товаров.
Технологии: HTML, SCSS (BEM), JavaScript
Сборка: Gulp, Webpack, Babel, Autoprefixer, Browserslist
… Библиотеки:
– Swiper (слайдеры)
– Choices (селекты и фильтры)
– FSLightbox (галерея изображений)
Что реализовано вручную:
– Адаптивная вёрстка
– Бургер-меню и выпадающее меню
– Табы
– Модальные окна
– Кроссбраузерность
– Семантический и валидный HTML
– Оптимизация изображений и SVG
– Создание SVG-спрайта
– Минификация HTML, CSS и JS
#многостраничныйсайт #вебразработка #фронтенд #корпоративныйсайт #интернетмагазин #вездеходы #аэролодки #адаптивнаяверстка #каталогтоваров #HTML #SCSS #JavaScript #figma
-
35 480 UAH Белорусская Федерация Борьбы — Официальный сайт федерации
HTML и CSS верстка
Многостраничный корпоративный сайт с новостным разделом и блогом, разработан для Белорусской Федерации Борьбы. Реализован по макету из Figma с нуля, с упором на адаптивность, структурированность и быструю загрузку.
Технологии: HTML, SCSS (BEM), JavaScript
Сборка: Gulp, Webpack, Babel, Autoprefixer, Browserslist
… Библиотеки:
– Swiper (слайдеры)
– Choices (селекты)
– FSLightbox (галерея изображений)
Что реализовано вручную:
– Адаптивная вёрстка
– Бургер-меню и выпадающее меню
– Табы
– Кроссбраузерная совместимость
– Семантический, валидный HTML
– Оптимизация изображений и SVG
– Создание SVG-спрайта
– Минификация HTML, CSS и JS
#федерацияборьбы #официальныйсайт #спорт #новости #корпоративныйсайт #вебразработка #фронтенд #адаптивнаяверстка #HTML #SCSS #JavaScript #figma #семантическийкод #многостраничныйсайт
-
35 480 UAH Remonteq — Корпоративный сайт компании по ремонту квартир
HTML и CSS верстка
Многостраничный корпоративный сайт, выполненный по макету из Figma. Проект реализован с нуля, с акцентом на адаптивность, скорость загрузки и современную фронтенд-структуру.
Технологии: HTML, SCSS (BEM), JavaScript
Сборка: Gulp, Webpack, Babel, Autoprefixer, Browserslist
… Библиотеки: Swiper (слайдеры), FSLightbox (галерея)
Что сделано вручную:
– Адаптивная вёрстка под все устройства
– Бургер-меню и выпадающее меню
– Модальное окно
– Анимации
– Кроссбраузерная совместимость
– Семантический и валидный код
– Оптимизация изображений и SVG-иконок
– Создание SVG-спрайта
– Минификация HTML, CSS и JS
#ремонтквартир #корпоративныйсайт #строительнаякомпания #вебразработка #фронтенд #адаптивнаяверстка #быстраязагрузка #HTML #SCSS #JavaScript #figma #семантическийкод #многостраничныйсайт
-
8870 UAH ГОЛОС.СОФТ — Лендинг IT-компании в сфере цифровизации
HTML и CSS верстка
Промо-лендинг для компании «ГОЛОС.СОФТ», специализирующейся на цифровизации девелоперов и управляющих компаний. Сайт создан по макету из Figma и адаптирован под все устройства. Акцент сделан на чистую архитектуру, производительность и визуальные эффекты.
Технологии: HTML, SCSS (BEM), JavaScript
Сборка: Gulp, Webpack, Babel, Autoprefixer, Browserslist
… Библиотеки: Swiper (слайдеры)
Что реализовано вручную:
– Адаптивная вёрстка
– Бургер-меню
– Модальные окна
– Простые анимации и hover-эффекты
– Кроссбраузерность
– Семантический, валидный код
– Оптимизация изображений и SVG
– Создание SVG-спрайта
– Минификация HTML, CSS и JS
#лендинг #промосайт #цифровизация #иткомпания #вебразработка #фронтенд #адаптивнаяверстка #HTML #SCSS #JavaScript #figma #семантическийкод
-
17 740 UAH Domvoska — Интернет-магазин пчелиного воска
HTML и CSS верстка
Многостраничный сайт-каталог для интернет-магазина, специализирующегося на продаже натурального пчелиного воска. Проект разработан по макету из Figma с нуля — с акцентом на адаптацию, лёгкость интерфейса и быструю загрузку.
Технологии: HTML, SCSS (BEM), JavaScript
Сборка: Gulp, Webpack, Babel, Autoprefixer, Browserslist
… Библиотеки:
– Swiper (слайдеры)
– Simplebar (кастомный скроллбар)
Что реализовано вручную:
– Адаптивная вёрстка
– Бургер-меню
– Модальные окна
– Простые анимации и hover-эффекты
– Кроссбраузерность
– Семантический, валидный HTML
– Оптимизация изображений и SVG
– Создание SVG-спрайта
– Минификация HTML, CSS и JS
#интернетмагазин #пчелиныйвоск #каталогтоваров #вебразработка #фронтенд #адаптивнаяверстка #быстраязагрузка #HTML #SCSS #JavaScript #figma #семантическийкод #многостраничныйсайт
-
17 740 UAH Premium Grass — Сайт компании по укладке искусственной травы
HTML и CSS верстка
Многостраничный сайт с каталогом услуг и товаров для компании, специализирующейся на укладке и продаже искусственной травы. Разработан по макету из Figma с нуля. Адаптивный, лёгкий и удобный сайт с акцентом на визуальное портфолио и каталог решений.
Технологии: HTML, SCSS (BEM), JavaScript
Сборка: Gulp, Webpack, Babel, Autoprefixer, Browserslist
… Библиотеки: Swiper (слайдеры)
Что реализовано вручную:
– Адаптивная вёрстка
– Бургер-меню и выпадающее меню
– Табы
– Модальные окна
– Простые анимации и hover-эффекты
– Кроссбраузерная совместимость
– Семантический и валидный HTML
– Оптимизация изображений и SVG
– Создание SVG-спрайта
– Минификация HTML, CSS и JS
#искусственнаятрава #услуги #каталогтоваров #лендинг #корпоративныйсайт #вебразработка #фронтенд #адаптивнаяверстка #HTML #SCSS #JavaScript #figma #семантическийкод #многостраничныйсайт
-
17 740 UAH Stepanov Group — Сайт юридической компании
HTML и CSS верстка
Многостраничный сайт для юридической компании, разработан по макету из Figma. Проект выполнен с нуля с упором на адаптивность, строгий стиль и чистую фронтенд-структуру.
Технологии: HTML, SCSS (BEM), JavaScript
Сборка: Gulp, Webpack, Babel, Autoprefixer, Browserslist
… Библиотеки:
– Swiper (слайдеры)
– FSLightbox (галерея изображений)
Что реализовано вручную:
– Адаптивная вёрстка
– Бургер-меню и выпадающее меню
– Простые анимации и hover-эффекты
– Кроссбраузерность
– Семантический и валидный HTML
– Оптимизация изображений и SVG
– Создание SVG-спрайта
– Минификация HTML, CSS и JS
#юридическаякомпания #корпоративныйсайт #вебразработка #фронтенд #адаптивнаяверстка #многостраничныйсайт #HTML #SCSS #JavaScript #figma #семантическийкод
-
26 610 UAH Пора Подкрепиться — Лендинг для продукта
HTML и CSS верстка
Анимированный промо-лендинг для продукта с эффектом поэкранной прокрутки и акцентом на визуальное представление бренда. Выполнен по макету из Figma с нуля. Использована сложная скролл-анимация, которая усиливает вовлечённость пользователя и делает сайт динамичным и запоминающимся.
Технологии: HTML, SCSS (BEM), JavaScript
Сборка: Gulp, Webpack, Babel, Autoprefixer, Browserslist
… Библиотеки:
– Swiper (слайдеры)
– Locomotive Scroll (плавная и поэкранная прокрутка)
Что реализовано вручную:
– Адаптивная вёрстка
– Табы
– Модальное окно
– Сложная поэкранная скролл-анимация
– Кроссбраузерность
– Семантический и валидный HTML
– Оптимизация изображений и SVG
– Создание SVG-спрайта
– Минификация HTML, CSS и JS
#лендинг #промосайт #анимация #поэкраннаяпрокрутка #вебразработка #фронтенд #адаптивнаяверстка #HTML #SCSS #JavaScript #figma #семантическийкод
-
26 610 UAH Grizzly Lock 24 — Корпоративный сайт по вскрытию замков
HTML и CSS верстка
Многостраничный сайт для компании, предоставляющей услуги по вскрытию и замене замков. Разработан по макету из Figma, с нуля — с упором на адаптивность, стабильную работу интерфейса и чистую архитектуру кода.
Технологии: HTML, SCSS (BEM), JavaScript
Сборка: Gulp, Webpack, Babel, Autoprefixer, Browserslist
…
Что реализовано вручную:
– Адаптивная вёрстка
– Бургер-меню и выпадающее меню
– Табы
– Модальные окна
– Кроссбраузерная совместимость
– Семантический, валидный код
– Оптимизация изображений и SVG
– Создание SVG-спрайта
– Минификация HTML, CSS и JS
#корпоративныйсайт #услуги #вскрытиезамков #замки #вебразработка #фронтенд #адаптивнаяверстка #HTML #SCSS #JavaScript #figma #семантическийкод #многостраничныйсайт
-
35 480 UAH Rivelato — Интернет-магазин кухонных моек, смесителей и аксессуа
HTML и CSS верстка
Многостраничный интернет-магазин с каталогом товаров, разработан по макету из Figma. Сайт полностью свёрстан вручную с учётом адаптивности, семантики и производительности.
Технологии: HTML, SCSS (BEM), JavaScript
Сборка: Gulp, Webpack, Babel, Autoprefixer, Browserslist
… Библиотеки: Swiper (слайдеры), Choices (выпадающие списки/селекты)
Что реализовано вручную:
– Адаптивная вёрстка
– Бургер-меню
– Табы для переключения контента
– Модальные окна
– Кроссбраузерная поддержка
– Семантический и валидный код
– Оптимизация изображений и SVG
– Создание SVG-спрайта
– Минификация HTML, CSS и JS
#интернетмагазин #кухонныемоики #смесители #аксессуарыдлядома #вебразработка #фронтенд #адаптивнаяверстка #HTML #SCSS #JavaScript #figma #многостраничныйсайт #семантическийкод
-
17 740 UAH MStore — Интернет-магазин товаров для маникюра
HTML и CSS верстка
Многостраничный сайт-каталог для маникюрного интернет-магазина. Сайт разработан по макету из Figma и свёрстан с нуля — с упором на удобную навигацию, адаптивность и производительность.
Технологии: HTML, SCSS (BEM), JavaScript
Сборка: Gulp, Webpack, Babel, Autoprefixer, Browserslist
… Библиотеки:
– Choices (кастомные селекты)
– noUiSlider (фильтры по цене)
Что реализовано вручную:
– Адаптивная вёрстка
– Бургер-меню и выпадающее меню
– Модальные окна
– Простые анимации и hover-эффекты
– Кроссбраузерная совместимость
– Семантический, валидный HTML
– Оптимизация изображений и SVG
– Создание SVG-спрайта
– Минификация HTML, CSS и JS
#интернетмагазин #каталогтоваров #вебразработка #фронтенд #маникюр #адаптивнаяверстка #HTML #SCSS #JavaScript #figma #многостраничныйсайт #семантическийкод
-
26 610 UAH World of Cosmetics — Сайт сети магазинов профессиональной космет
HTML и CSS верстка
Многостраничный интернет-магазин с каталогом товаров для сети магазинов профессиональной косметики. Сайт создан по макету из Figma с нуля, с вниманием к адаптивности, скорости загрузки и удобству навигации.
Технологии: HTML, SCSS (BEM), JavaScript
Сборка: Gulp, Webpack, Babel, Autoprefixer, Browserslist
… Библиотеки:
– Swiper (слайдеры)
– Choices (кастомные селекты)
– noUiSlider (фильтры по цене)
– Simplebar (кастомный скроллбар)
Что реализовано вручную:
– Адаптивная вёрстка
– Бургер-меню и выпадающее меню
– Модальные окна
– Кроссбраузерность
– Семантический, валидный код
– Оптимизация изображений и SVG
– Создание SVG-спрайта
– Минификация HTML, CSS и JS
#интернетмагазин #каталогтоваров #вебразработка #фронтенд #адаптивнаяверстка #профессиональнаякосметика #HTML #SCSS #JavaScript #figma #многостраничныйсайт #семантическийкод
-
8870 UAH Riverswood — Лендинг мебельной компании под заказ
HTML и CSS верстка
Корпоративный лендинг-портфолио для компании, занимающейся изготовлением мебели на заказ. Сайт выполнен по макету из Figma с нуля, с акцентом на презентацию работ, адаптивность и производительность.
Технологии: HTML, SCSS (BEM), JavaScript
Сборка: Gulp, Webpack, Babel, Autoprefixer, Browserslist
… Библиотеки: FSLightbox (просмотр изображений)
Что реализовано вручную:
– Адаптивная вёрстка
– Бургер-меню
– Кроссбраузерность
– Семантический, валидный HTML
– Оптимизация изображений и SVG
– Создание SVG-спрайта
– Минификация HTML, CSS и JS
#лендинг #портфолио #мебельназаказ #вебразработка #фронтенд #адаптивнаяверстка #HTML #SCSS #JavaScript #figma #семантическийкод
-
17 740 UAH Mirrods — Интернет-магазин удочек
HTML и CSS верстка
Многостраничный сайт-каталог для интернет-магазина, специализирующегося на продаже удочек. Проект разработан по макету из Figma с нуля, с акцентом на адаптацию, чистую вёрстку и быструю загрузку.
Технологии: HTML, SCSS (BEM), JavaScript
Сборка: Gulp, Webpack, Babel, Autoprefixer, Browserslist
… Библиотеки: FSLightbox (просмотр изображений в галереях)
Что реализовано вручную:
– Адаптивная вёрстка
– Бургер-меню и выпадающее меню
– Простые анимации и hover-эффекты
– Кроссбраузерная совместимость
– Семантический, валидный HTML
– Оптимизация изображений и SVG
– Создание SVG-спрайта
– Минификация HTML, CSS и JS
#интернетмагазин #каталогтоваров #вебразработка #фронтенд #адаптивнаяверстка #удочки #HTML #SCSS #JavaScript #figma #многостраничныйсайт #семантическийкод
