<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> <!------ Include the above in your HEAD tag ----------> <br /> <div class="container"> <div class="row"> <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 col-12"> <div class="card"> <div class="card-body"> <div class="d-inline-block"> <h5 class="text-muted">Total Views</h5> <h2 class="mb-0"> 10,28,056</h2> </div> <div class="float-right icon-circle-medium icon-box-lg bg-info-light mt-1"> <i class="fa fa-eye fa-fw fa-sm text-info"></i> </div> </div> </div> </div> <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 col-12"> <div class="card"> <div class="card-body"> <div class="d-inline-block"> <h5 class="text-muted">Total Followers</h5> <h2 class="mb-0"> 24,763</h2> </div> <div class="float-right icon-circle-medium icon-box-lg bg-primary-light mt-1"> <i class="fa fa-user fa-fw fa-sm text-primary"></i> </div> </div> </div> </div> <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 col-12"> <div class="card"> <div class="card-body"> <div class="d-inline-block"> <h5 class="text-muted">Partnerships</h5> <h2 class="mb-0">14</h2> </div> <div class="float-right icon-circle-medium icon-box-lg bg-secondary-light mt-1"> <i class="fa fa-handshake fa-fw fa-sm text-secondary"></i> </div> </div> </div> </div> <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 col-12"> <div class="card"> <div class="card-body"> <div class="d-inline-block"> <h5 class="text-muted">Total Earned</h5> <h2 class="mb-0"> $149.00</h2> </div> <div class="float-right icon-circle-medium icon-box-lg bg-brand-light mt-1"> <i class="fa fa-money-bill-alt fa-fw fa-sm text-brand"></i> </div> </div> </div> </div> </div> </div>

body { font-family: 'Circular Std Book'; font-style: normal; font-weight: normal; font-size: 14px; color: #71748d; background-color: #efeff6; -webkit-font-smoothing: antialiased; }.text-muted { color: #7171a6 !important; }h1, h2, h3, h4, h5, h6 { color: #3d405c; margin: 0px 0px 15px 0px; font-family: 'Circular Std Medium'; }h2 { font-size: 28px; line-height: 30px; }