"box design"
Bootstrap 3.0.0 Snippet by jeevan123456

<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 ----------> <div class="container "> <div class="row text-center textspacing"> <h2>Your Personal Tailor For Unique People Only </h2> <h3 class="big_header">Welcome to may <span>Enclave</span></h3> </div> <div class="container margin40"> <div class="row"> </div> <div class="row"> <div class="col-md-6 box-text"> <h2>Why Custom Tailoring</h2> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s but also the leap into electronic typesetting dolor amet.</p> <p>Integer laoreet ultricies nunc, vitae eleifend elit rutrum sit amet. In elementum, magna id pellentesque auctor, risus dolor congue urna, nec dapibus eros magna a odio. Duis laoreet risus eget malesuada consequat. Nunc et tortor dignissim, laoreet est eget</p> <div class="b-button two"> <a class="btn btn-primary btn-lg scroll" href="#services" role="button">Services Info »</a> </div> </div> <div class="col-md-6 img-responsive"> <img src="https://upload.wikimedia.org/wikipedia/commons/d/d1/Flor_de_Lis_Asociaci%C3%B3n_Scout_de_Colombia.svg" width="500" height="400"alt=""> </div> </div> </div> </div> <div class="container padding80"> <div class="row text-center textspacing"> <h2>Your Personal Tailor For Unique People Only </h2> <h3 class="big_header">Welcome to may <span>Enclave</span></h3> </div> <div class="container margin40"> <div class="row"> </div> <div class="row"> <div class="col-md-6 box-text"> <h2>Why Custom Tailoring</h2> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s but also the leap into electronic typesetting dolor amet.</p> <p>Integer laoreet ultricies nunc, vitae eleifend elit rutrum sit amet. In elementum, magna id pellentesque auctor, risus dolor congue urna, nec dapibus eros magna a odio. Duis laoreet risus eget malesuada consequat. Nunc et tortor dignissim, laoreet est eget</p> <div class="b-button two"> <a class="btn btn-primary btn-lg scroll" href="#services" role="button">Services Info »</a> </div> </div> <div class="col-md-6 img-thumbnail img-responsive"> <img src="https://upload.wikimedia.org/wikipedia/commons/d/d1/Flor_de_Lis_Asociaci%C3%B3n_Scout_de_Colombia.svg" width="500" height="400"alt=""> </div> </div> </div> </div>
.padding80 { padding: 4em; background-color: #eee; } .textspacing { font-size: 1.0em; font-weight: 300; letter-spacing: 2px; text-align: center; margin-bottom: 0.5em; } .big_header { font-size: 2.8em; color: #262c38; letter-spacing: 1px; position: relative; font-weight: 600; text-align: center; } .big_header:after { border-top: 2px solid #eb5424; display: block; width: 81px; content: ""; margin: 8px auto 0; } .big_header span { color: #00acee; } .box-text p { font-size: 14px; line-height: 2em; margin-top: 1em; color: #717171; letter-spacing: 1px; } .b-button.two { text-align: left; margin-top: 2em; } .b-button.two a, .b-button a { padding: 0.6em 1em; color: #fff; font-size: 1em; letter-spacing: 1px; background: #ffb900; border: 1px solid #ffb900; border-radius: 0px; } .b-button.two a:hover,.b-button a:hover{ border:1px solid #00acee; background:#00acee; } .margin40 { margin-top:40px; } .img-thumbnail { }

Related: See More


Questions / Comments: