"Bootstrap 4 Services"
Bootstrap 4.1.1 Snippet by adriano3429

<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 id="our-services" class="our-services"> <h3 class="text-green mb-5 h1 text-center">Our Services</h3> <!-- Features --> <div class="features mb-4"> <div class="container"> <div class="row"> <div class="feature py-4 col-md-6 d-flex"> <div class="icon text-green mr-3"><i class="fa fa-paint-brush"></i></div> <div class="px-4"> <h5><a href="https://www.fiverr.com/share/qb8D02">Design & Branding</a></h5> <p>Quisque mollis mi ac aliquet accumsan. Sed sed dapibus libero. Nullam luctus purus duis sensibus signiferumque.</p> </div> </div> <div class="feature py-4 col-md-6 d-flex"> <div class="icon text-green mr-3"><i class="fa fa-code"></i></div> <div class="px-4"> <h5><a href="https://www.fiverr.com/share/qb8D02">Programming</a></h5> <p>Quisque mollis mi ac aliquet accumsan. Sed sed dapibus libero. Nullam luctus purus duis sensibus signiferumque.</p> </div> </div> </div> <div class="row"> <div class="feature py-4 col-md-6 d-flex"> <div class="icon text-green mr-3"><i class="fa fa-font"></i></div> <div class="px-4"> <h5><a href="https://www.fiverr.com/share/qb8D02">Copywriting</a></h5> <p>Quisque mollis mi ac aliquet accumsan. Sed sed dapibus libero. Nullam luctus purus duis sensibus signiferumque.</p> </div> </div> <div class="feature py-4 col-md-6 d-flex"> <div class="icon text-green mr-3"><i class="fa fa-support"></i></div> <div class="px-4"> <h5><a href="https://www.fiverr.com/share/qb8D02">Training & Support</a></h5> <p>Quisque mollis mi ac aliquet accumsan. Sed sed dapibus libero. Nullam luctus purus duis sensibus signiferumque.</p> </div> </div> </div> </div> </div> <!-- / Features --> </div>
/********************** /***** Services ******* /*********************/ @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); #our-services{ padding: 60px 0; } #our-services h3, #our-services h5{ color: #007b5e!important; } #our-services a{ color: #007b5e!important; text-decoration:none; } #our-services .feature .icon { border-radius: 50%; min-width: 65px; height: 65px; line-height: 65px; text-align: center; box-shadow: 0 2px 4px rgba(33,37,41,.1), 0 7px 14px rgba(33,37,41,.1); font-size: 27px; color: #007b5e!important; }

Related: See More


Questions / Comments: