Верстка сайта на Laravel 8 с макета Figma
Адмінка не потрібна, тільки верстка базових сторінок та шаблонів сторінок сайту з роутами та контролерами сторінок та форма зворотнього звʼязку. Посилання на макет Figma надішлемо при спілкуванні.
1. Загальні вимоги
1.1 Технічний стек:
- Laravel 8
- PHP 7.4.1.
- Bootstrap 5
- SCSS
- JavaScript/jQuery
- Адаптивна верстка (breakpoints: mobile 320px, tablet 768px, desktop 1200px)
- Флексбокси (не гріди і не флоати)
- Використання міксінів від замовника (desktop, laptop, tablets, phones)
1.2 Браузери:
- Chrome (останні 2 версії)
- Firefox (останні 2 версії)
- Safari (останні 2 версії)
- Edge (останні 2 версії)
1.3 Оптимізація:
- Оптимізація зображень
- Lazy loading для зображень
- Мінімізація CSS/JS
2. Структура та компоненти
2.1 Базові компоненти (шаблони Blade):
- Layout базовий (з метатегами)
- Header (меню, логотип, кнопка авторизації)
- Footer
- Форма зворотного зв'язку
2.2 Інтерактивні елементи:
- Sticky header при скролі
- Мобільне меню-бургер
- Smooth scroll до якорів
- Слайдер відгуків
- Анімації при скролі для блоків з перевагами та тарифами
3. Форми та валідація
3.1 Форма зворотного зв'язку:
- Валідація на front-end та back-end
- CSRF захист
- reCAPTCHA v3
- AJAX відправка
- Повідомлення про успіх/помилку
4. Сторінки для верстки
4.1 Головна сторінка:
- Hero секція (програвання аудіофайлу на картинці, стилізація верстки аудіоплеєра)
- іконки в блоці переваг
- схема "Як це працює"
- Slider для відгуків
- Аккордеон для FAQ
4.2 Сторінка "Послуги":
- Картки послуг з hover-ефектами
- Шаблон сторінки окремої послуги
4.3 Сторінка "Тарифи":
- Інтерактивні картки тарифів
- Підсвічування рекомендованого тарифу
4.4 Новини:
- Грід-система для статей
- Пагінація
- Шаблон сторінки окремої статті
4.5. Контакти:
- Форма зворотнього звʼязку знаходиться саме в них.
5. Додаткові вимоги
5.1 SEO:
- Семантична верстка
- Schema.org розмітка
- Open Graph теги
- Robots.txt та sitemap.xml
5.2 Безпека:
- XSS захист
- CSRF токен для форм
- Санітизація введених даних
5.3 Доступність:
- ARIA-атрибути
6. Тестування
6.1 Обов'язкові тести:
- Валідація HTML (W3C)
- Адаптивність на всіх breakpoints
- Кросбраузерність
- Швидкість завантаження
- Працездатність форм
7. Документація
- Коментарі в коді
- Опис структури SCSS
- Список використаних пакетів
-
7 дней14 000 UAH
506 6 1 7 дней14 000 UAH
Привет, Евгений!
У меня есть коммерческий опыт верстки около 10 лет.
Пишу валидный, чистый код. Примеры работ можно посмотреть в портфолио.
Готов выполнить верстку для Вас.
На выходе Вы получаете: качественный, кроссбраузерный, адаптивный (под разные гаджеты - телефоны, планшеты) код.
Готов обсудить детали сотрудничества в личных сообщениях.
-
1 день16 000 UAH
3853 24 0 1 день16 000 UAH
Добрый день,
Готов взяться за ваш проект. Специализируюсь на верстке и разработке веб-сайтов с использованием Laravel, Bootstrap 5, SCSS, JavaScript/jQuery. Имею опыт в создании адаптивной верстки с учетом различных breakpoints и интерактивных элементов, таких как Sticky header, мобильное меню-бургер, слайдеры и анимации.
Моя ставка - 16$ в час. Готов ознакомиться с макетом Figma и реализовать ваши потребности в создании базовых страниц, шаблонов и формы обратной связи с соблюдением всех технических требований.
С нетерпением жду возможности сотрудничать.
С уважением,
… Максим
-
1 день20 000 UAH
8193 63 1 1 день20 000 UAH
Добрый день!
Готов помочь с версткой базовых страниц, контроллерами и формой обратной связи. Жду уточнений по поводу деталей проекта.
-
14 дней20 000 UAH
1681 18 0 14 дней20 000 UAH
Привет 👋🏻
Я создаю сайты с адаптивом, которые отлично отображаются на всех устройствах.
Пишу на чистом коде html/css(scss)/js(jquery)
Делаю на Wordpress + elementor (pro)
Также верстаю email-рассылки
🎨 Мое портфолио dimafomaa,online
Видео работы:
… https://youtu.be/OWQMK5JiSjs?si=fL-VIjyslDZVmDXW
Некоторые из работ для быстрого просмотра:
https://www.garagebarbershop.net.ua
https://natalibordeisalon.com
https://brocarautoservis.cz
https://fixtubfast.com
https://ecoclean.ua/
https://rudenkocenter.online/
-
7 дней4500 UAH
121 7 дней4500 UAH
Готов выполнить адаптивную верстку вашего сайта на Laravel 8 по макету из Figma, реализовать базовые страницы, шаблоны и необходимые интерактивные элементы. Обеспечу корректную работу формы обратной связи с валидацией, а также оптимизацию для SEO, скорости и кроссбраузерности. Жду ссылку на макет и готов обсудить детали.
-
1 день1000 UAH
1897 26 1 1 день1000 UAH
Здравствуйте, Евгений. Занимаюсь разработкой на Laravel более 6-ти лет, присылайте макет для подробной оценки.
-
1 день1234 UAH
12912 67 0 1 день1234 UAH
Здравствуйте! Выполню ваше задание быстро и качественно.
Мое портфолио: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Пишите, начну сегодня работать. Буду рад сотрудничеству с Вами!
-
7 дней11 111 UAH
6865 109 4 1 7 дней11 111 UAH
Добрый день. Буду рад выполнить верстку для вашего проекта. Имею хороший опыт работы с Laravel.
-
1 день500 UAH
2656 40 0 1 день500 UAH
🎊 Добрый день🙂, недавно работала с похожей задачей, поэтому выполнить ваше задание быстро и качественно не вызовет никаких трудностей 💫
📈 Готова приступить к работе как можно скорее ⏰
🌟 Пишите, обсудим детали, буду рада с вами сотрудничать 🏆
-
1 день1111 UAH
6501 229 4 7 1 день1111 UAH
Здравствуйте. Нужно посмотреть Figma.
Пишите в личные сообщения.
Обсудим детали.
-
Доброго дня!
Можете надіслати макет для ознайомлення та оцінки?
-
1. адмінка не треба
1. ларавел.
це як? =)
при таких вимогах проект має бути с бюджетом 100500$
-
Євген Саєнко SIP Hub Україна
Все вірно, ніякої адмінки - не треба, треба тільки "натягнути" верстку сторінок на проект Ларавел. Без адмінки та особистого кабінету.
Ви точно знаєте що таке Ларавел? ) -
ні з ларавел не працював, але якщо на щось потрібно натягнути то це явно не просто верстка, і якщо не треба якось його редагувати з адмінки то навіщо взагалі на щось натягувати, якщо по дефолту чиста верстка буде видавати кращі показники по сео гуглспід та швидкості заванатажженя.
-
Актуальные фриланс-проекты в категории HTML и CSS верстка
Нужен разработчик Drupal для правок на нескольких сайтах.Нужен разработчик Drupal для правок на нескольких сайтах. Сайт раздувается и заполняет весь хостинг .. HTML и CSS верстка, Веб-программирование ∙ 37 минут назад ∙ 12 ставок |
Оптимизация скорости сайта WordPress
5088 UAH
полные детали отправим в личные сообщения Цель Максимально ускорить загрузку сайта, особенно на мобильных устройствах. KPI (обязательно) После завершения работ необходимо добиться следующих показателей. Mobile Performance 90+ LCP менее 2.2 сек INP менее 200 мс CLS менее 0.1… HTML и CSS верстка, Javascript и Typescript ∙ 15 часов 33 минуты назад ∙ 45 ставок |
Сверстать сайт и подвязать его к shopifyсверстать сайт и подвязать его к shopify на макете основная страница страницы товаров не будет, будет модальное окно с выбором объема баночки крема и его количества после окно доставки и оплаты заказ должен уходить в shopify с полной информацией о заказе… HTML и CSS верстка, Веб-программирование ∙ 18 часов 20 минут назад ∙ 57 ставок |
Оптимизация сайта
Оптимазация сайта jdgreta.co.uk на Shopify. Сео аудит приложен к проекту. Основные задачи - - Поправить все мета данные - Выполнить ТЗ для программиста (тк в этом проекте совмещены задачи для программиста и СЕО, если вы не компания - можете использовать помощь) - Поправить… HTML и CSS верстка, PHP ∙ 1 день 19 часов назад ∙ 30 ставок |
Перенос сайта на Shopify
Нужно перенести текущий сайт jdfurniture.uk с OpenCart на платформу Shopify. Сейчас сайт на OpenCart в целом нас устраивает по структуре и логике работы. Основная причина переноса — проблемы с платежными системами. На Shopify таких проблем быть не должно. Также для нас важно,… HTML и CSS верстка, Веб-программирование ∙ 2 дня 12 часов назад ∙ 40 ставок |
Киев