El día 460
Jon Snow
2 noviembre 2018, 13:13

Сделал разметку форм.

Нарезал макет и принял решение, как будет всё выглядеть. (вот как это всё пока выглядит)

  1. Будет flexible markup с максимальной шириной макета 1800px.
  2. Верхнее меню прицеплено к верху страницы, при прокрутке.
  3. Поле поиска на форме в верхнем меню скрыто. Оно разворачивается/сворачивается при клике на лейбл с картинкой поиска (на самом деле эта картинка - символ Font Awesome).
  4. При нажатии на комбобоксы в форме, дату можно выбрать в календаре. (задача максимум)
  5. В лиде блок с соцсетями прижат к левому краю, и с фиксированной шириной. (задача максимум - на ширине устройства, аналогичного смартфону, блок при hover'е разворачивается шире, позволяя юзеру нажать пальцем на каждую соцсеть).
  6. В лиде блок для формы с большой картинкой расширяется до 1800 px совокупной ширины макета. Форма посередине меняет свои габариты и относительную ширину в зависимости от ширины устройства (но если ширина > 1800px, остаётся как в макете).
  7. В блоках news, our services и our rooms списки комнат выглядят как есть независимо от ширины устройства. Но если ширина становится меньше ширины списка, entries будут показываться по 2 в строчку, или как newsfeed.
  8. Блок Explore your best room тянется как обычно, размеры контента относительны.
  9. Если ширина устройства меньше, чем синий блок Find your Best Room here, картинка пропадает, отображается только синий блок.
  10. Testimonials отображаются по центру страницы в виде newsfeed'а независимо от их количества. (хотя было бы хорошо, если бы можно было их прятать под кат...)
  11. Блок видео можно реализовать как обычный блок с изображением паузы и текста как в макете (задача минимум), или прикрепить рандомное видео, создав для него стили как на макете (задача максимум).
  12. Футер остаётся с теми же относительными габаритами, что и в оригинальном макете. Но при уменьшении ширины устройства меньше, чем весь этот блок, секции футера располагаются по центру страницы как newsfeed. Порядок Description - Menu - Socials - Copyright.
Les gusta? Cuéntale a tus amigos!
Comentar
Ir a la grabación en la cinta de opciones
El objetivo de

Puede publicar
su objetivo aquí

Podemos ayudarle a lograrlo!

310 000

ideas afines

instrumentos

para un logro emocionante

Únete a nosotros
Registración

Las posibilidades
están ilimitadas.
Es la hora
de descubrir las suyas

Уже зарегистрированы?
Entrada al sitio

Entre.
Está abierto.

¿Aún no está registrado?
 
Conéctese a cualquiera de sus cuentas, sus datos se tomarán de la cuenta.
¿Ha olvidado la contraseña?