"DESCRIPTION"
Bootstrap 4.1.1 Snippet by Nemra1

<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 ----------> <div class="section3"> <div class="container"> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-6 module come-in"> <div class="img3"> <img src="http://kalanidhithemes.com/live-preview/landing-page/unique-software/images/img1.png" alt="img1"> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 module come-in"> <div class="con1"> <span>DESCRIPTION</span> <h2>Some beautyful features of our software</h2> <div class="tags"> <div class="tg"> <div class="tgimg"><img src="http://kalanidhithemes.com/live-preview/landing-page/unique-software/images/i1.png" alt="icon1"></div> <div class="tgcon"> <span>Responsive design</span> <p>Lorem Ipsum is simply dummy text the printing and typeseing industry Lorem Ipsum has been standarddummy text</p> <p></p> </div> <div class="clear"></div> </div> <div class="tg"> <div class="tgimg"><img src="http://kalanidhithemes.com/live-preview/landing-page/unique-software/images/i2.png" alt="icon2"></div> <div class="tgcon"> <span>Bootstrap 3 framwork</span> <p>Lorem Ipsum is simply dummy text the printing and typeseing industry Lorem Ipsum has been standarddummy text</p> <p></p> </div> <div class="clear"></div> </div> <div class="tg"> <div class="tgimg"><img src="http://kalanidhithemes.com/live-preview/landing-page/unique-software/images/i3.png" alt="icon3"></div> <div class="tgcon"> <span>Creative user interface</span> <p>Lorem Ipsum is simply dummy text the printing and typeseing industry Lorem Ipsum has been standarddummy text</p> <p></p> </div> <div class="clear"></div> </div> </div> </div> </div> </div> </div> </div>
/*----------------------------------------------------------------------------------- Graph chart -----------------------------------------------------------------------------------*/ .con1 span{ font-weight:400; color:#b6b6b6; font-size:12px; text-transform:uppercase; padding-bottom:5px; display:block; } .con1 h2{ font-weight:400; color:#1a1a1a; font-size:37px; line-height:38px; margin:0; background:url(../images/line.png) no-repeat left bottom; padding-bottom:10px; margin-bottom:25px; } .con1{ padding-top:0px; } .con1 .p{ font-weight:400; color:#8a8a8al; font-size:13px; line-height:26px; } .tgimg { float: left; min-width: 55px; padding-top: 8px; width: 10%; } .tgcon{ float:left; width:85%; } .tgcon span{ display:block; font-weight:400; color:#1a1a1a; font-size:18px; } .tgcon p{ font-weight:400; color:#8a8a8a; font-size:13px; line-height:26px; } .tags{ padding-top:60px; } .tg{ padding-bottom:45px; } .img3 img{ width:90%; height: 89vh; border-radius:6px; border:#e2e7ec solid 1px; -webkit-box-shadow: 7px 6px 34px -9px rgba(144,155,165,0.48); -moz-box-shadow: 7px 6px 34px -9px rgba(144,155,165,0.48); box-shadow: 7px 6px 34px -9px rgba(144,155,165,0.48); } .section3{ padding-bottom:50px; } /* End Grap chart */

Related: See More


Questions / Comments: