Как реализовать данную верстку на сайте?

Question

[Terebbon]

Собственно вопрос в названии.

Comments

[Ankhena]

Заголовок, текст и кнопка.
Украшенные калькулятором (фон или псевдо) и дугой (также как круг в вашем предыдущем вопросе).

[Владислав Лысков]

А что не получается конкретно?

[origami1024]

Написал жалобу на всякий случай, надеюсь мне засчитают за это очки.

Answer 1

[Rustam Bainazarov]

Если вы о линиях, то я для одного ответа тут уже делал :))


Можно, конечно, просто картинкой на задний фон поставить эти круги.

А ежели вы о вёрстке всего блока — то это уже задание, а не вопрос.

Comments

[Brad9aga]

вот и славненько

[Ankhena]

Рустам Байназаров, как вы догадались что дело в кружочках?

[Rustam Bainazarov]

Ankhena, причин несколько:

1. мне 25 лет, но у меня уже кризис среднего возраста
2. я — пофигист и лентяй
3. я сегодня очень много ел и мало спал
4. я догадался, что это единственное, что может испугать новичка в данном макете
5. главная причина:

[Ankhena]

Рустам Байназаров, вставить круги вместе с калькулятором одной картинкой и не пугаться.

Повеселили, спасибо.

[Rustam Bainazarov]

Ankhena, там блок заходит на другой. Лучше фон отдельным блоком под блок с картинкой телефона на абсолютное позиционирование с якорем по середине.

[Одиночка Айс]

Рустам Байназаров,
1. мне 33 года, но я уже не хочу работать
2. я — пофигист и лентяй
3. я сегодня мало ел и мало спал
4. я догадался, что работать на дядю стоит лет до 27, но воз и ныне там
5. главная причина: я дол**еб

А если по существу, можно как то избавиться от "волшебных чисел" и calc?

[Rustam Bainazarov]

Одиночка Айс, ну, в данном случае никаких магических чисел нет. К ширине в 100% прибавляем px с шагом в 25px. От них можно избавиться, если будете вкладывать одинаковые блоки друг в друга, тогда можно на padding это сделать.