<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 ----------> <div class"apps my-3"> <div class="container"> <h1 class="">Watch On Your Devices</h1> <section class="devices my-3"> <div class="row"> <div class="col-md-3 p-5 d-flex justify-content-center"> <span class="device text-center"><a href="#" class="border rounded-circle p-4"><i class="fab fa-apple fa-2x"></i></a> <h4 class="mt-4">Apple</h4><p>PWA ONLY</p> </span> </div> </div> </section> </div></div>

@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css); body{background:#724cf9;color:#fff;}