"strip"
Bootstrap 4.1.1 Snippet by saikrishna99666

<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 ----------> <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 ----------> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" rel="stylesheet"> <div class="container-fluid key-featur"> <div class="container"> <div class="row"> <div class="col-md-6 col-lg-3"> <div class="row key-single"> <div class="col-3 key-logo"> <i class="fas fa-flag"></i> </div> <div class="col-9 key-detail"> <strong>Cutting Edge Technology</strong> <p>We user most advance technology for our Projects </p> </div> </div> </div> <div class="col-md-6 col-lg-3"> <div class="row key-single"> <div class="col-3 key-logo"> <i class="far fa-life-ring"></i> </div> <div class="col-9 key-detail"> <strong>Quality Service</strong> <p>We provides quality service for your needs </p> </div> </div> </div> <div class="col-md-6 col-lg-3"> <div class="row key-single"> <div class="col-3 key-logo"> <i class="fas fa-users"></i> </div> <div class="col-9 key-detail"> <strong>Expert Team</strong> <p>Our Expert team is capable of handling any task </p> </div> </div> </div> <div class="col-md-6 col-lg-3"> <div class="row key-single"> <div class="col-3 key-logo"> <i class="fas fa-headphones"></i> </div> <div class="col-9 key-detail"> <strong>24 x 7 Quality Support</strong> <p>We provide high quality support for our Clients </p> </div> </div> </div> </div> </div> </div> <section class="enquiry-row"> <div class="container"> <div class="row"> <h6>If you have any querry for related investment ... We are available <span>Contact Us</span> </h6> </div> </div> </section>
.key-featur .key-single .key-logo { padding: 5px; text-align: center; } .key-featur { background-color: #FFF; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 2px; } .key-featur .key-single .key-logo i { font-size: 18px; background: #2ECC40; color: #FFF; padding: 10px; border-radius: 25px; margin-top: 6px; } .key-featur .key-single .key-detail { padding: 0px; } .key-featur .key-single { padding: 20px 10px; border-right: 1px solid #E2E2E2; } .key-featur .key-single { padding: 20px 10px; border-right: 1px solid #E2E2E2; } p { font-family: robot-slab; } .key-featur .key-single .key-logo { padding: 5px; text-align: center; } .key-featur .key-single .key-logo i { font-size: 18px; background: #2ECC40; color: #FFF; padding: 10px; border-radius: 25px; margin-top: 6px; } .enquiry-row { padding: 40px; background-color: #2ECC40; color: #FFF; } .enquiry-row h6 { margin-bottom: 0px; font-size: 22px; width: 100%; text-align: center; } .enquiry-row h6 span { background-color: #FFF; margin-left: 20px; color: #444; padding: 5px 10px; font-size: 16px; border-radius: 15px; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 2px; font-family: robot-slab-regular; }

Related: See More


Questions / Comments: