Как бы такое лучше сверстать?

Question

[FlexibleCurd]

Всем доброго времени суток.
Собственно по сабжу

Answer 1

[tigra]

проще: всего запилить качественной картинкой jpg.
сложнее: сделать блоки с текстом и абсолютно их позиционаровать
сложно и нудно: текстовые блоки абсолютно позиционировать и линии эти цеплять к блокам псевдоэлементами

Comments

[Александр]

*псевдоэлементами. Тоже вариант, плюсую.

[Vsc]

Картинкой не получится, я так понимаю розовым выделен активный пункт, поэтому придется именно версткой.

Answer 2

[Александр]

Если это svg - смело вставляй. Если нет - я не завидую) В принципе можно разделить на блоки Иконка-заголовок-текст с линией внутри svg-шкой. Только придется о-о-очень тщательно проверять под всеми браузерами и разрешениями.
Короче - требуй у дизайнера свг.
P.S.Ну или если заказчик туп как пробка, а готовую работу в портфолио вставлять не будешь - сделай, как в комменте выше - вставь картинку :)
P.P.S. А иконка в центре меняется при наведении на блоки? Если да, то забудь первый пост-скриптум. Юзай свг или псевдоэлементы для линий, текст - текстом. И надейся, что заказчик этот текст менять не будет никогда)