<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> <link href='https://fonts.googleapis.com/css?family=Poppins' rel='stylesheet'> <div class="section-services paddingTB60"> <div class="container"> <div class="row text-center"> <div class="col-md-12 col-sm-12 "> <div class="site-title"> <h2>Welcome To Sherlock</h2> <h4>Your idea needs a great presentation</h4> <div class="gap-40"></div> </div> </div> </div> <div class="row"> <div class="col-md-4 col-sm-6 "> <div class="icon-box"> <div class="icon-left"> <i class="fa fa-cogs"></i> </div> <h3>Lorem ipsum dolor</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.</p> <button type="button" class="btn btn-link">Read More</button> </div> </div> <div class="col-md-4 col-sm-6 "> <div class="icon-box"> <div class="icon-left"> <i class="fa fa-cogs"></i> </div> <h3>Lorem ipsum dolor</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.</p> <button type="button" class="btn btn-link">Read More</button> </div> </div> <div class="col-md-4 col-sm-6 "> <div class="icon-box"> <div class="icon-left"> <i class="fa fa-cogs"></i> </div> <h3>Lorem ipsum dolor</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.</p> <button type="button" class="btn btn-link">Read More</button> </div> </div> </div> </div> </div> <div class="section-welcome paddingTB60 bg-y"> <div class="container"> <div class="row text-center"> <div class="col-md-12 col-sm-12 "> <div class="site-title "> <h2>Perfect destination for your needs</h2> <div class="gap-40"></div> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in</p> <p>eros elementum tristique. Duis cursus, mi quis viverra ornare.</p> <p>eros elementum tristique. quis viverra ornare.</p> <div class="gap-40"></div> <button type="button" class="btn btn-primary site-btn">WHY CHOOSE US</button> </div> </div> </div> <div class="row"> <div class="col-md-6 col-sm-12 "> </div> </div> </div> </div>

body { font-family: 'Poppins';font-size: 16px; } i { font-size : 36px; padding-right: 10px; color: #465cff; } .icon-box { position: relative; margin-top: 20px; padding: 0 0 0 80px; } .icon-box h3 { letter-spacing: 0px; font-weight: 500; font-style: normal; color: #000; line-height: 23px; font-size: 18px; } .icon-box p { line-height: 24px; letter-spacing: 0px; font-weight: 400; font-style: normal; color: #494949; font-size: 14px; } .icon-left { display: block; position: absolute; width: 64px; height: 64px; top: 0; left: 0; } .site-title h2 { font-size: 36px; text-align: center; font-family: Poppins; font-weight: 500; font-style: normal; } .site-title h4 { text-transform: none; font-weight: 400; color: #909090; } .btn-link { text-transform: uppercase; color:#465cff; margin:0px; padding:0px; } .btn-link:hover { color:#000; } .gap-40 { margin-bottom:40px; } .paddingTB60 { padding-top:60px; padding-bottom:60px; } .site-btn { color: #ffffff; background: rgba(70,92,255, 1.00); border-color: rgba(70,92,255, 1.00); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; padding: 10px 24px; line-height: 20px; } .bg-y { background:rgb(248, 244, 244) }

<div class="section-typename as aboutus"> <div class="container"> <div class="row"> <div class="col-md-12 col-sm-12 "> <div class=" "> </div> </div> </div> <div class="row"> <div class="col-md-6 col-sm-12 "> </div> </div> </div> </div>