Как сверстать этот блок?

Question

[Amon Amonov]

Здравствуйте господа профессионалы )) помогите пожалуйста сверстать этот блок

Comments

[Amon Amonov]

и все чтоб адаптивно было

Answer 1

[Ragtime Kitty]

Через SVG, можно инлайн, можно просто картинкой:


Размеры рамки через stroke-dasharray='length gap' stroke-width='3'

Comments

[Amon Amonov]

Спасибо добрый человек!

Answer 2

[Dmitriy]

Для круга должны быть равны высота , ширина р Бордер радиус. Это даст круг.
Дальше задать цвет и толщину рамки
Тень блока - box shadow : 0 0 5px rgba(x,x,x,0.5)
Вместо х надо указать цвет в rgb формате 0-255.
Текст в центре круга можно попробовать получить следующим образом.
Вертикальное выравнивание с помощью line height.. чуть больше значения высоты.. надо пробовать.. горизонтально с помощью text align.