"welcome page full responsive "
Bootstrap 3.0.0 Snippet by dg393024

<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="//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://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <div class="about_sec cellpadding"> <div class="container"> <div class="row"> <div class=" simple-text"> <h1 class="text-center" style="margin-bottom:10px;"> Welcome To <span>company</span></h1> <p class="text-center">Starting your own IT business and picking right niche in less then 30 days</p> </div> <div class="empty-space lg-40 xs-30 sm-30"></div> <div class="col-md-6 col-sm-12"> <h3 class="tt-title">About <span>Us</span></h3> <div class="empty-space lg-20 sm-20"></div> <div class="simple-text"> <p>Pellentesque tellus est, blandit non dui et, pretium posuere odio. Interdum malesuadaet fames ac ante ipsum primis in faucibus. Ut blandit ex in risus lacinia posuere. Vestibulum ut tincidunt lectus, vitae faucibus felis.</p> <p>Pellentesque tellus est, blandit non dui et, pretium posuere odio. Interdum malesuadaet fames ac ante ipsum primis in faucibus. Ut blandit ex in risus lacinia posuere. Vestibulum ut tincidunt lectus, vitae faucibus felis. Vivam uspretium leo eu iaculis lobortis. In mollis acin ligula auctor volutpat. The most well-known dummy text is the 'Lorem Ipsum', which is said to have originated in the 16th century.</p> </div> <div class="empty-space lg-30"></div> <div class="wrapper-inner-tab-backgrounds-first"> <a href="#"> <div class="sim-button button6 yellowbtn"><span>READ MORE</span></div> </a> </div> <div class="empty-space sm-40 xs-40"></div> </div> <div class="col-md-6 col-sm-12"> <div class="about_right"> <img src="https://www.indiafilings.com/learn/wp-content/uploads/2015/09/filing-annual-return-of-company.jpg" alt="" class="img-responsive"> </div> </div> </div> <div class="clearfix"></div> </div> </div>
.cellpadding { padding: 80px 0; } .about_sec h1 { color: #2a2a2a; text-transform: initial; font-weight: 400; font-family: 'Work Sans', sans-serif; margin-top: 0; margin-bottom: 0; } .about_sec h1 span { color: #51658d; font-weight: 700; } .yellow { color: #f2c21a!important; } .tt-title { font-family: 'Work Sans', sans-serif; font-size: 30px; color: #51658d; font-weight: 600; margin-top: 0; margin-bottom: 0; text-transform: initial; } .tt-title span { color: #51658d; } .about_sec .simple-text p:first-child { padding-bottom: 20px; } .simple-text p { font-size: 15px; color: #42435d; font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 26px; margin-bottom: 0; } .wrapper-inner-tab-backgrounds-first { float: left; width: 100%; } .about_sec a { text-decoration: none; } .sim-button.yellowbtn { color: #2a2a2a; } .button6 { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; border: 1px solid #dddddd; position: relative; border-radius: 0; } .button6 { color: #fff; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; position: relative; border: 1px solid #dddddd; } .sim-button { line-height: 44px; height: 44px; text-align: center; margin-right: auto; margin-left: auto; width: 164px; cursor: pointer; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 700; background: #51658d; text-transform: uppercase; float: left; } .button6::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; color: #fff; background-color: #001a57; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(0.5, 1); transform: scale(0.5, 1); } .button6 span { z-index: 2; display: block; position: absolute; width: 100%; height: 100%; top: 0; color: #fff; left: 0; } .lg-30 { height: 30px; }

Related: See More


Questions / Comments: