<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="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12"> <div class="our-services-wrapper mb-60"> <div class="services-inner"> <div class="our-services-img"> <img class="img-responsive" src="https://traffic-booster.net/uploads/lps/content/528_91f69a05b90f3445c65f3d2c304832f3.png" width="68px" alt=""> </div> <div class="our-services-text"> <h4>Live <b>Meeting</b></h4> <p>Register here for the next <br>Live <b>Meeting</b></p> </div> </div> </div> </div> <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12"> <div class="our-services-wrapper mb-60"> <div class="services-inner"> <div class="our-services-img"> <img class="img-responsive" src="https://traffic-booster.net/uploads/lps/content/528_39a5593a37f02998307472d011e065e3.png" width="68px" alt=""> </div> <div class="our-services-text"> <h4>Live Webinar</h4> <p>Register here for the next<br>Live <b>Webinar</b></p> </div> </div> </div> </div> <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12"> <div class="our-services-wrapper mb-60"> <div class="services-inner"> <div class="our-services-img"> <img class="img-responsive" src="https://traffic-booster.net/uploads/lps/content/528_0e0b2f671e55fbc151a21428bb82e8be.png" width="68px" alt=""> </div> <div class="our-services-text"> <h4>Workshop</h4> <p>Register here for the next<br><b>Workshop</b></p> </div> </div> </div> </div> </div> </div>

.mb-60 { margin-bottom: 60px; } .services-inner { border: 0px solid #48c7ec; margin-left: 35px; transition: .3s; } .our-services-img { float: right; margin-left: -10px; margin-right: -32px; margin-top: 35px; } .our-services-text { padding-right: 10px; } .our-services-text { overflow: hidden; padding: 28px 0 25px; } .our-services-text h4 { color: #fff; text-align: center; background:#199EC3; font-size: 18px; font-weight: 700; letter-spacing: 1px; margin-bottom: 0px; margin-left: 35px; padding-top: 10px; padding-bottom: 10px; text-transform: uppercase; } .our-services-wrapper:hover .services-inner { background: #fff none repeat scroll 0 0; border: 2px solid transparent; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2); } .our-services-text p { margin-bottom: 0; } p { font-size: 14px; font-weight: 400; line-height: 20px; color: #fff; margin-bottom: 15px; background: #000; margin-left: 0px; text-transform: uppercase; text-align: center; }