Нужна верстка главной страницы сайта
Макет прорисован в figma
Требование по верстке
1. Валидная, кроссбраузерная верстка.2. Верстать без использования фреймворков.3. Адаптивная верстка.4. Активно использовать flex (float, position и display: inline-block использовать в случае крайней необходимости).5. Для классов и id (если id нужен) используйте префикс "t_" (или другая буква, уточнить у менеджера) во избежание конфликтов с версткой других верстальщиков:
...6. Перед началом верстки нужно изучить макеты и проанализировать есть ли схожие блоки, чтобы правильно потом назвать классы и переиспользовать стили.7. Названия классам давать со смыслом, чтобы по названию было понятно, что за блок/элемент и т.д.8. Если используете препроцессоры, то придерживайтесь вложенности, чтобы стили не конфликтовали.9. При написании адаптивных стилей, если не используете препроцессор, то пишем их в самом низу в одном @media запросе:/*основные стили*/@media (max-width: 1024px) { /*все стили для@media (max-width: 768px) { /*все стили для ...
Для css:
/* 1. Header START ========== */header {
...
}
/* 1.1. Top menu START */
nav {
....
}
/* 1.1. Top menu END */
/* 1. Header END ========== */
/* 2. Footer START ========== */header {
...
}
/* 1. Footer END ========== */В комментариях для элементов родителей (в данном случае header, footer) в конце ставить десять знаков "=" для визуального удобства11. Верстайте c стилями по-умолчанию:
box-sizing: border-boxline-height: normal12. Убедитесь, что вы правильно подключили кастомные шрифты.13. SVG-картинки вставляйте кодом в html и при необходимости меняйте цвет с помощью css-свойства fill
Добрый день. На данный момент 14 стр. в Figma. (еще будет 8 стр.). Три расширения 1440, 768 и 320 (на больших экранах всё остается в контейнере 1440). Верстка должна быть по брейкпоинтам и кроссбраузерная начиная с ...
Нужно сверстать лендинг магазина, использовать Bootstrap для максимальной совместимости верстки.Исходники на FigmaСроки 1 неделя
Есть сайт на html (1-страничник) есть формы где необходимо указать телефон сейчас в форме помещаются только 9 цифр, надо 12 и в каждой форме должен стоять + в начале введения телефона т.е. человек должен ...
Детали проекта уже обсудили
Добрый вечер! Нужно сверстать лендинг пк, планшеты, мобилка. Особенности: - 2 вида первых экрана - Блок квиз - php интеграция форм с CRM (Битрикс), есть свой скрипт форм, ...
Добрый день. На данный момент 14 стр. в Figma. (еще будет 8 стр.). Три расширения 1440, 768 и 320 (на больших экранах всё остается в контейнере 1440). Верстка должна быть по брейкпоинтам и кроссбраузерная начиная ...
Есть отрисованный "термометр", нужно сверстать пустую страницу с анимацией (как планка двигается по шкале) Сделать в нескольких вариантах (горизонтальный и вертикальный) Сценарий для анимации - открываем страницу, шкала двигается равномерно/плавно от точки ...
Группа компаний "Эксперт" включает в себя несколько компаний, связанных с дистанционным обучением детей и взрослых.Сейчас нам требуется "Технический специалист". Дистанционная работа. Требования: Базовые знания html, cssРабота с хостингом, ...
http://1servisniy.ru/ отверстать сайт 1)КРАТКИЙ СПИСОК ПОПУЛЯРНЫХ УСЛУГ сделать текстовым, расширить список 2)сделать кликабельными сертификаты, увеличить их количество 3)сделать слайдшоу на главной фотографии 4)поменять ссылки в шапке и футере
Нужно сверстать страницу на Wordpress . https://www.figma.com/proto/K7teQSnYpYQvP09oA1ZXeF/Геодезия?node-id=512%3A774&viewport=642%2C-579%2C0.11623229831457138&scaling=min-zoom 1. переделать меню 2. добавить страницу с картами 3. добавить внизу каждой страницы рекомендательные письма 4. добавить время работы 5. верхнее меню должно дублироваться ...
