HTML:
<!-- Hero Section -->
<div class="bg-purple">
<div class="container text-center space-2 space-3-top--lg">
<!-- Info -->
<div class="mb-9">
<div class="w-lg-75 mx-lg-auto">
<h1 class="text-white">Get Space app for all your devices</h1>
</div>
<div class="w-md-75 w-lg-50 mx-md-auto">
<p class="lead text-light">Space works across desktops and mobile devices, for native apps or web sites and prototypes.</p>
</div>
</div>
<!-- End Info -->
<!-- SVG Icon -->
<div class="w-50 w-md-35 mx-auto mb-9">
<img class="img-fluid" src="../../assets/svg/components/real-time-sync-icon.svg" alt="Image Description">
</div>
<!-- End SVG Icon -->
<!-- Icon Blocks -->
<div class="w-75 mx-auto">
<div class="bg-white rounded p-5">
<div class="row">
<div class="col d-none d-md-inline-block">
<!-- Icon Block -->
<a class="d-block text-secondary" href="#">
<img class="u-avatar mb-2" src="../assets/img/160x160/img11.jpg" alt="Image Description">
<h2 class="h6 font-weight-normal mb-0">Web</h2>
</a>
<!-- End Icon Block -->
</div>
<div class="col d-none d-sm-inline-block">
<!-- Icon Block -->
<a class="d-block text-secondary" href="#">
<img class="u-avatar mb-2" src="../assets/img/160x160/img9.jpg" alt="Image Description">
<h3 class="h6 font-weight-normal mb-0">Windows</h3>
</a>
<!-- End Icon Block -->
</div>
<div class="col d-none d-sm-inline-block">
<!-- Icon Block -->
<a class="d-block text-secondary" href="#">
<img class="u-avatar mb-2" src="../assets/img/160x160/img10.jpg" alt="Image Description">
<h4 class="h6 font-weight-normal mb-0">MacOS</h4>
</a>
<!-- End Icon Block -->
</div>
<div class="col">
<!-- Icon Block -->
<a class="d-block text-secondary" href="#">
<img class="u-avatar mb-2" src="../assets/img/160x160/img7.jpg" alt="Image Description">
<h4 class="h6 font-weight-normal mb-0">Android</h4>
</a>
<!-- End Icon Block -->
</div>
<div class="col">
<!-- Icon Block -->
<a class="d-block text-secondary" href="#">
<img class="u-avatar mb-2" src="../assets/img/160x160/img8.jpg" alt="Image Description">
<h4 class="h6 font-weight-normal mb-0">iPhone</h4>
</a>
<!-- End Icon Block -->
</div>
</div>
</div>
</div>
<!-- End Icon Blocks -->
</div>
</div>
<!-- End Hero Section -->