Как сделать правильно SVG картинка и 2 строки текста?

Всем привет. На одном из сайтов понравилось решение: 1 строка, 4 столбца, в каждом столбец - svg картинка, а рядом текст в 2 строки. Хочу тоже самое повторить. Но для себя я вижу это как по старинке нарисовать, через
.....
<div class="container-fluid">
						<div class="col">
							<div class="col-sm-3 col-md-3" style="padding-left: 0px; padding-right:0px;">
								<div class="top_bar_content"><!-- НАЧАЛОr -->
									<div class="top_bar_info">
										<div class="theme-icon" style="font-size:36px;position:absolute; margin-top:4px !important; padding-left: 0px !important;">
										<i class="bi bi-calendar-week"></i>	
									</div>
									<div>
										<p style="font-size: 14px;text-align: left; margin-bottom: 0px !important;" class="custom_heading">Работа</p>
										<p style="font-size: 14px;color: #999999;line-height: 16px;text-align: left;" class="custom_heading">График</p>
									</div>
								</div>
							</div>
							<div class="col-sm-3 col-md-3"></div>
							<div class="col-sm-3 col-md-3"></div>
							<div class="col-sm-3 col-md-3"></div>
						</div>


СПАСИБО
  • Вопрос задан
  • 60 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы