<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="py-5 service-17"> <div class="container"> <!-- Row --> <div class="card-group"> <!-- card --> <div class="card mb-0"> <div class="card-body text-center"> <div class="p-3"> <div class="my-3 display-5 text-info-gradiant">R</div> <h5 class="font-weight-medium">Retargeting Market</h5> <p>You can relay on our amazing features list and also our customer services will be great experience worth taking.</p> </div> </div> </div> <!-- card --> <div class="card mb-0"> <img src="https://www.wrappixel.com/demos/ui-kit/wrapkit/assets/images/features/feature17/img1.jpg" alt="wrapkit" /> </div> <!-- card --> <div class="card mb-0"> <div class="card-body text-center"> <div class="p-3"> <div class="my-3 display-5 text-info-gradiant">I</div> <h5 class="font-weight-medium">Instant Solutions</h5> <p>You can relay on our amazing features list and also our customer services will be great experience worth taking.</p> </div> </div> </div> <!-- card --> </div> <div class="card-group"> <!-- card --> <div class="card mb-0"> <img src="https://www.wrappixel.com/demos/ui-kit/wrapkit/assets/images/features/feature17/img2.jpg" alt="wrapkit" /> </div> <!-- card --> <div class="card mb-0"> <div class="card-body text-center"> <div class="p-3"> <div class="my-3 display-5 text-info-gradiant">F</div> <h5 class="font-weight-medium">Fruitful Results</h5> <p>You can relay on our amazing features list and also our customer services will be great experience worth taking.</p> </div> </div> </div> <!-- card --> <!-- card --> <div class="card mb-0"> <img src="https://www.wrappixel.com/demos/ui-kit/wrapkit/assets/images/features/feature17/img3.jpg" alt="wrapkit" /> </div> </div> </div> </div>

@import url(//fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800); .service-10 { font-family: "Montserrat", sans-serif; font-weight: 300; } .service-10 h5 { line-height: 26px; font-size: 21px; } .service-10 .font-medium { font-weight: 500; } .service-10 .btn-md { padding: 15px 45px; font-size: 16px; } .service-10 .op-8 { opacity: 0.8; } .service-10 .bg-megna { background-color: #1dc8cd; } .service-10 .bg-primary { background-color: #316ce8; } .service-10 .bg-orange { background-color: #ff6a5b; } .service-10 .wrap-service10-box { padding: 100px 20px; width: 100%; max-width: 450px; margin: 0 auto; } .service-10 .btn-outline-light:hover { color: #263238 !important; }