DanilaBodrov,
Вы спрашиваете как позиционировать девушку - я вам написала аж 2 разных варианта.
девушка прибитая к низу: https://jsfiddle.net/j831dhn8/
дальше ставите нужную девушку и задаете bg size какой вам там нужен в соответствии с макетами и соотношением сторон.
Хотите картинкой - заменяете на аналогичные свойства для картинок: position, bottom, left, transform и object-fit.
Макс Жуков, На главной - ариал,потому что задан open sans и альтернативный шрифт, в модалке таймс нью роман. потому что робото и не задан альтернативный.
Ваши шрифты не подключаются. Видите, внизу справа написано.
Почему - не догадалась. Я бы просто взяла новые и переподключила бы.
DanilaBodrov, суперистически! А если экран перевернуть в вертикальный формат, то как это по мнению дизайнера должно выглядеть на одном экране?
А если клавиатура откроется?
sunnyrio, у оберток 0, у внутренних задана ширина и отступ auto для центрирования.
Вероятно у .container в бутстрапе уже заданы ширина и margin, я не помню, в инспекторе посмотрите.
Для начала:
При неадаптивной верстке для корректного отображения на мобильных нужно ставить
где ХХХ это минимальная корректная ширина вашего сайта.
У вас в блоках стоит ширина 1000px + отступы, у некоторых блоков, правда нет отступов.
Т.е. либо задавать значения с учетом отступов либо переверстать с использованием box-sizing:border-box;
Потому что:
1. не правильно указали жирность
2. локально установлен неверный шрифт
3. вы не выложили пример на jsfiddle в котором было бы видно, как они не работают
Вы спрашиваете как позиционировать девушку - я вам написала аж 2 разных варианта.
девушка прибитая к низу: https://jsfiddle.net/j831dhn8/
дальше ставите нужную девушку и задаете bg size какой вам там нужен в соответствии с макетами и соотношением сторон.
Хотите картинкой - заменяете на аналогичные свойства для картинок: position, bottom, left, transform и object-fit.