Как сверстать такой элемент?

Question

[valya0502]

Подскажите пожалуйста, как сделать такой элемент? Может у кого-то, есть подобный код.

Comments

[sergey]

а в чем именно у вас сложность?
1) блок с вертикальным текстом
2) псевдо-элементами переходы к списку
3) список, у которого li имеют два цвета в бекграунде, номер span к примеру
все, тут ничего абсолютно сложного нет.

Answer 1

[Андрей]

Может это станет отправной точкой?
https://jsfiddle.net/np1ecv2h/1/

Comments

[valya0502]

Спасибо большое! Действительно, то что нужно)

Answer 2

[TMLEX]

Возможно самый тупой вариант: 11 объектов, а дальше все просто - позиции задать, повернуть текст - transform, закруглить элементы: border-radius, остальное даже говорить не буду.