<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css"
integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<style>
.com-circle-container {
border-radius: 100%;
background: white;
width: 100px;
height: 100px;
}
.com-circle {
margin: 0 auto;
color: dodgerblue;
padding-top: 25px;
}
.com-icon {
font-size: 50px;
}
.com-title {
font-size: 40px;
padding-top: 5px;
}
.background-block {
background-color: lavender;
}
</style>
<div class="background-block">
<div class="container text-center py-5">
