Формат: Адаптивная верстка по макету Figma
Цель: Создание кроссбраузерного, адаптивного сайта на чистом HTML+CSS (без CMS и фреймворков) по предоставленному макету
[:1f4e6] Что предоставляю:
•Ссылка на макет в Figma https://www.figma.com/proto/XiNCjI3v7qh6Zm5FH5Fuh1/%D0%9B%D0%B5%D0%BD%D0%B4%D0%B8%D0%BD%D0%B3-%D0%92%D1%8D%D0%B9%D0%BA-%D0%BF%D0%B0%D1%80%D0%BA?node-id=1-2&p=f&t=nWTY9QEAE703Or0P-0&scaling=min-zoom&content-scaling=fixed&page-id=0%3A1
•Копирайт (тексты) — будет предоставлен отдельно
•Фото и графика — будут отправлены отдельно, либо уже встроены в Figma
[:1f50d] Общие требования:
•Тип сайта: Лендинг (одностраничник)
•Технологии: HTML5, CSS3 (возможно, частично JavaScript для интерактива)
•Адаптивность: Обязательна (десктоп, планшет, мобильный)
•Кроссбраузерность: Chrome, Safari, Firefox, Edge
•Скорость загрузки: Оптимизация изображений и стилей, без лишних библиотек
•Семантическая верстка: Использование тегов section, header, footer, article и т.д.
•Валидация: Код должен проходить W3C Validator
•Шрифты: Использовать те, что указаны в Figma (Google Fonts или подключение локально)
[:1f4f1] Адаптивные разрешения:
1.Desktop: ≥ 1200px
2.Tablet: 768–1199px
3.Mobile: ≤ 767px
!!! Под форму оставить место, ее потом свм вставлю.
[:2705] Что нужно на выходе:
•Папка проекта с:
•index.html
•style.css (или styles/)
•Папка images/ с оптимизированными фото
•При необходимости — scripts.js с базовым интерактивом