<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://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
<section class="bg-1 py-5 text-white">
<div class="container py-5">
<div class="row d-flex justify-content-center">
<div class="col-md-7 col-xl-6">
<h1>Make your<br> Homepage Efficient</h1>
<p>Homepages Main home Agency home SaaS one page Crypto one page Studio one page Portfolio home Portfolio categories Vertical showcase Currency one page Webinar home Blog home App landing Fully…</p>
</div>
<div class="col-md-5 col-xl-3 offset-xl-3 d-none d-lg-block">
<i class="fa fa-balance-scale fa-6x "></i>
</div>
</div>
</div>
</section>
<section class="py-5">
<div class="container py-5">
<div class="row d-flex justify-content-center">
<div class="col-md-5 col-xl-5 offset-xl-1 d-none d-lg-block">
<i class="fa fa-map fa-6x text-danger "></i>
</div>
<div class="col-md-7 col-xl-6">
<h1>Fresh New Ideas</h1>
<small class="text-danger">Submit your thoughts to the agencies who will evaluate whether it is fresh or not.</small>
<p>Homepages Main home Agency home SaaS one page Crypto one page Studio one page Portfolio home Portfolio categories Vertical showcase Currency one page Webinar home Blog home App landing Fully…</p>
<button type="button" class="noradius btn btn-danger">Warning</button>
</div>
</div>
</div>
</section>
<section class="py-5 bg-primary text-white">
<div class="container py-5">
<div class="row d-flex justify-content-center">
<div class="col-md-7 col-xl-6">
<h1>Make your<br> Homepage Efficient</h1>
<p>Homepages Main home Agency home SaaS one page Crypto one page Studio one page Portfolio home Portfolio categories Vertical showcase Currency one page Webinar home Blog home App landing Fully…</p>
</div>
<div class="col-md-5 col-xl-3 offset-xl-3 d-none d-lg-block">
<i class="fa fa-balance-scale fa-6x "></i>
</div>
</div>
</div>
</section>
<section class="py-5">
<div class="container py-5">
<div class="row d-flex justify-content-center">
<div class="col-md-5 col-xl-5 offset-xl-1 d-none d-lg-block">
<i class="fa fa-map fa-6x text-danger "></i>
</div>
<div class="col-md-7 col-xl-6">
<h1>Fresh New Ideas</h1>
<small class="text-danger">Submit your thoughts to the agencies who will evaluate whether it is fresh or not.</small>
<p>Homepages Main home Agency home SaaS one page Crypto one page Studio one page Portfolio home Portfolio categories Vertical showcase Currency one page Webinar home Blog home App landing Fully…</p>
<button type="button" class="noradius btn btn-danger">Warning</button>
</div>
</div>
</div>
</section>
