<div class="container">
<div class="row d-flex">
<div class="col-md-4 d-inline-flex flex-column">
<div class="row d-flex align-items-end">
<div class="col-md-3">
<div class="schedule__img text-left">
<img src="img/это_просто_картинка.png" alt="">
</div>
</div>
<div class="col-md-9">
<div class="schedule__date text-center">
<p class="date">Надпись рядом с картинкой</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 text-left">
<h3 class="schedule__name">Заголовок следующего списка</h3>
</div>
</div>
<div class="row">
<div class="col-md-12 text-left align-items-center">
<p class="schedule__list">
<span class="list">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</span>
</p>
</div>
</div>
<div class="row d-flex align-items-end mt-auto">
<div class="col-md-12 d-flex text-left">
<h3 class="schedule__program_per">Примечание: </h3>
<p class="schedule_period">
Текст примечания
</p>
</div>
</div>
</div>
<div class="col-md-4 d-inline-flex flex-column">
<div class="row d-flex align-items-end">
<div class="col-md-3">
<div class="schedule__img text-left">
<img src="img/это_просто_картинка.png" alt="">
</div>
</div>
<div class="col-md-9">
<div class="schedule__date text-center">
<p class="date">Надпись рядом с картинкой</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 text-left">
<h3 class="schedule__name">Заголовок следующего списка</h3>
</div>
</div>
<div class="row">
<div class="col-md-12 text-left align-items-center">
<p class="schedule__list">
<span class="list">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
</span>
</p>
</div>
</div>
<div class="row d-flex align-items-end mt-auto">
<div class="col-md-12 d-flex text-left">
<h3 class="schedule__program_per">Примечание: </h3>
<p class="schedule_period">
Текст примечания
</p>
</div>
</div>
</div>
<div class="col-md-4 d-inline-flex flex-column">
<div class="row d-flex align-items-end">
<div class="col-md-3">
<div class="schedule__img text-left">
<img src="img/это_просто_картинка.png" alt="">
</div>
</div>
<div class="col-md-9">
<div class="schedule__date text-center">
<p class="date">Надпись рядом с картинкой</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 text-left">
<h3 class="schedule__name">Заголовок следующего списка</h3>
</div>
</div>
<div class="row">
<div class="col-md-12 text-left align-items-center">
<p class="schedule__list">
<span class="list">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</span>
</p>
</div>
</div>
<div class="row d-flex align-items-end mt-auto">
<div class="col-md-12 d-flex text-left">
<h3 class="schedule__program_per">Примечание: </h3>
<p class="schedule_period">
Текст примечания
</p>
</div>
</div>
</div>
</div>
This Pen doesn't use any external JavaScript resources.