Почему не появляется картинка внутри кружка? и Текст не окрашивается?
<section class="reason">
<div class="container">
<div class="label">преимущества</div>
<h2 class="title">8 причин начать работать с нами</h2>
<div class="row">
<div class="col-md-6">
<div class="reasons_block">
<div class="reasons_round">
<img src="icons/reason_1.png" alt="reason">
</div>
<div class="reasons_descr">
<div class="reasons_subtitle">Никаких наличных, оплата происходит автоматически</div>
<div class="reasons_text"> Стоимость поездки оплачивается пассажиром с привязанной банковской карты, т.е. нет никаких рисков связанных с перевозкой наличности как для пассажира, так и для водителя, Вам не нужно искать мелкие деньги для размена.</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="reasons_block">
<div class="reasons_round">
<img src="icons/reason_2.png" alt="reason">
</div>
<div class="reasons_descr">
<div class="reasons_subtitle">Комиссия 8% + БОНУСЫ</div>
<div class="reasons_text">
У нас минимальная комиссия и мы выплачиваем бонусы за каждую поездку, некоторые наши конкуренты оставляют бонусы себе. Мы работаем честно и с нами водители зарабатывают больше!
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="reasons_block">
<div class="reasons_round">
<img src="icons/reason_3.png" alt="reason">
</div>
<div class="reasons_descr">
<div class="reasons_subtitle">Высокий доход с гарантированными выплатами</div>
<div class="reasons_text">
Мы выплачиваем заработную плату на личную банковскую карту водителя! Вам не нужно оформлять ООО, ИП, платить налоги, подавать декларацию, оплачивать бухгалтерские услуги и ведение банковского счета.
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="reasons_block">
<div class="reasons_round">
<img src="icons/reason_4.png" alt="reason">
</div>
<div class="reasons_descr">
<div class="reasons_subtitle">Работа в удобное время, никаких графиков</div>
<div class="reasons_text">
Вы просто нажимаете кнопку выйти на линию для начала работы, когда решите закончить, нажимаете выйти с линии. Вы можете подрабатывать только утром, вечером, в выходные или праздничные дни!
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="reasons_block">
<div class="reasons_round">
<img src="icons/reason_5.png" alt="reason">
</div>
<div class="reasons_descr">
<div class="reasons_subtitle">Комфортное, прозрачное и простое подключение</div>
<div class="reasons_text">
Мы подключаем дистанционно и бесплатно, Вам нет необходимости приезжать к нам! Вы присылаете нам копии документов, мы регистрируем Вас и присылаем данные для подключения, через 1-2 дня Вы можете начинать работать!
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="reasons_block">
<div class="reasons_round">
<img src="icons/reason_6.png" alt="reason">
</div>
<div class="reasons_descr">
<div class="reasons_subtitle">Всегда большое количество заказов</div>
<div class="reasons_text">
Приложение показывает, где на данный момент больше всего заказов и где действуют повышенные тарифы. У Вас не будет простоя и холостых пробегов. Наши пассажиры всегда приятные и абсолютно неконфликтные люди, которых приятно возить.
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="reasons_block">
<div class="reasons_round">
<img src="icons/reason_7.png" alt="reason">
</div>
<div class="reasons_descr">
<div class="reasons_subtitle">Круглосуточная поддержка</div>
<div class="reasons_text">
В Uber действует круглосуточная поддержка водителей по электронной почте. Если что-то непонятно, Вы всегда можете задать вопрос через On-line консультацию.
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="reasons_block">
<div class="reasons_round">
<img src="icons/reason_8.png" alt="reason">
</div>
<div class="reasons_descr">
<div class="reasons_subtitle">Без шашечек и наклеек</div>
<div class="reasons_text">
Вам не нужно менять цвет, устанавливать «шашки» на автомобиль и обклеивать его наклейками.
</div>
</div>
</div>
</div>
</div>
</div>
</section>
css
.reasons {
padding: 71px 0 68px 0;
}
.label {
margin: 0 auto;
margin-top: 71px;
height: 24px;
width: 112px;
padding: 5px 12px;
background-color: #000000;
color: #ffffff;
font-size: 11px;
font-weight: 300;
text-transform: uppercase;
}
.title {
margin-bottom: 0;
margin-top: 38px;
color: #222222;
font-size: 38px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
}
.reasons .reasons_block {
display: flex;
justify-content: center;
align-items: center;
margin-top: 35px;
}
.reasons .reasons_block .reasons_round {
display: flex;
justify-content: center;
align-items: center;
margin-right: 26px;
width: 113px;
height: 113px;
background-color: #1eacc7;
border-radius: 100%;
}
.reasons .reasons_block .reasons_descr {
width: 343px;
}
.reasons .reasons_block .reasons_descr .reasons_subtitle{
line-height: 21px;
color: #1eacc7;
font-size: 17px;
font-weight: 400;
}
.reasons .reasons_block .reasons_descr .reasons_text {
color: #202020;
font-size: 15px;
font-weight: 300;
line-height: 21px;
}
file:///D:/%D0%B2%D0%B5%D0%B1%20%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5/job%203.1/src/index.html
