<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 rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous"> <section class="bg-light" > <div class="container"> <h1 class="text-center py-5"> Our Services</h1> <div class="row"> <div class="col-sm-6"> <p class="text-justify">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi iure ad sint cum. Repellat ullam distinctio enim architecto laudantium ipsum? Itaque quis quas repellat perspiciatis, deleniti sed est doloremque quasi inventore minus omnis. Quasi laudantium, dolore dolor dolores unde expedita, necessitatibus error delectus explicabo ipsam exercitationem pariatur fugiat tenetur hic.</p> </div> <div class="col-sm-6"> <p class="text-justify">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi iure ad sint cum. Repellat ullam distinctio enim architecto laudantium ipsum? Itaque quis quas repellat perspiciatis, deleniti sed est doloremque quasi inventore minus omnis. Quasi laudantium, dolore dolor dolores unde expedita, necessitatibus error delectus explicabo ipsam exercitationem pariatur fugiat tenetur hic.</p> </div> </div> <div class=" py-5 "> <div class="row"> <div class="col-lg-4 col-md-6 mt-md-0 mt-4"> <div class="card shadow" style="width: 22rem; "> <div class="card-body"> <div class="container py-3"> <div class="text-center"> <i class="fas fa-coffee " style="font-size: 35px; color:rgb(88, 166, 202);"></i> <h2 class="fontfamilymono">Lorem, ipsum dolor.</h2> <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Odit ratione voluptatum vitae eligendi animi cum.</p> </div> </div> </div> </div> </div> <div class="col-lg-4 col-md-6 mt-md-0 mt-4"> <div class="card shadow" style="width: 22rem; "> <div class="card-body"> <div class="container py-3"> <div class="text-center"> <i class="fas fa-binoculars" style="font-size: 35px; color:rgb(88, 166, 202);"></i> <h2 class="fontfamilymono">Lorem, ipsum dolor.</h2> <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Molestias, perspiciatis assumenda at illum facere consectetur!</p> </div> </div> </div> </div> </div> <div class="col-lg-4 col-md-6 mt-md-0 mt-4"> <div class="card shadow" style="width: 22rem; "> <div class="card-body"> <div class="container py-3"> <div class="text-center"> <i class="fas fa-tree "style="font-size: 35px; color:rgb(88, 166, 202);" ></i> <h2 class="fontfamilymono" >Lorem, ipsum dolor.</h2> <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Optio corrupti molestiae ratione deserunt minima! Tempora.</p> </div> </div> </div> </div> </div> </div> </div> </div> </section>