<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>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
<section class="py-5 border-bottom">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-12 col-lg-6 border-right">
<span class="text-pink"><b>ABOUT US</b></span>
<h2>We are Dynamic Team of SEO Agency</h2>
<p><b>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt labore dolore magna aliqua.</b></p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
</div>
<div class="col-12 col-lg-4 d-none d-lg-block ">
<i class="fa fa-group fa-6x text-pink"></i>
</div>
</div>
</div>
</section>
<section id="4boxes" class="py-5 border-bottom bg-dark text-white">
<div class="container">
<div class="row d-flex align-items-center text-center">
<div class="col-md-3 col-xs-3">
<i class="fa fa-balance-scale fa-4x mb-4 text-pink"></i>
<h4 class="text-pink">Verified Template</h4>
<p>Generate Lorem Ipsum placeholder text for use in your graphic, print and web layouts, and discover.</p>
</div>
<div class="col-md-3 col-xs-3">
<i class="fa fa-bullseye fa-4x mb-4 text-pink "></i>
<h4 class="text-pink">Bull's Eye</h4>
<p>Generate Lorem Ipsum placeholder text for use in your graphic, print and web layouts, and discover.</p>
</div>
<div class="col-md-3 col-xs-3">
