Content #3
Site administration -> Appearance -> Space -> Block #.
<div class="wrapper-fw">
<!-- Start item -->
<div class="row my-5">
<div class="col-xs-12 col-md-6 rui-img--rounded-fluid">
<img src="https://assets.rosea.io/themes/simg-1.jpg" alt="pic #1" width="600" height="472">
</div>
<div class="col-xs-12 col-md-6 d-flex flex-wrap align-content-center px-lg-6">
<div>
<h4 class="lead-4 my-3">baz makes it easy to create your e-learning website based on Moodle 3.11 and
later.</h4>
<p>Lorem ipsum was purposefully designed to have no meaning, but appear like real text, making it the
perfect placeholder.</p>
<a href="#" class="btn btn-sm btn-secondary mt-3">Explore theme UI
</a>
</div>
</div>
</div>
<!-- End item -->
<hr class="hr-small">
<!-- Start item -->
<div class="row my-5">
<div class="col-xs-12 col-md-6 d-flex flex-wrap align-content-center px-lg-6">
<div>
<h4 class="lead-4 my-3">Take full control of theme with the full access to all theme files and dozens of
settings.</h4>
<p>According to McClintock, a 15th century typesetter likely scrambled part of Ciceros De Finibus in
order to provide placeholder text...</p>
<a href="#" class="btn btn-sm btn-secondary my-3">Learn more about theme</a>
</div>
</div>
<div class="col-xs-12 col-md-6 rui-img--rounded-fluid">
<img src="https://assets.rosea.io/themes/simg-2.png" alt="pic #2" width="600" height="472">
</div>
</div>
<!-- End item -->
<hr class="hr-small">
<!-- Start item -->
<div class="row my-5">
<div class="col-xs-12 col-md-6 rui-img--rounded-fluid">
<img src="https://assets.rosea.io/themes/simg-3.jpg" alt="pic #4" width="600" height="472">
</div>
<div class="col-xs-12 col-md-6 d-flex flex-wrap align-content-center px-lg-6">
<div>
<h4 class="lead-4 my-3">Lifetime updates!</h4>
<p>And anyways, as Cecil Adams reasoned, “[Do you really] think graphic arts supply houses were hiring
classics scholars in the 1960s?” Perhaps. But it seems reasonable to imagine that there was a
version in use far before the age of Letraset.</p>
<a href="#" class="btn btn-sm btn-secondary my-3">Available courses</a>
</div>
</div>
</div>
<!-- End item -->
</div>