"test"
Bootstrap 3.3.0 Snippet by aswitahidayat

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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="reserve"> <div class="row"> <div class="col-sm-4 rev-menu center-text" style="background-color:lavender;">.col-sm-4</div> <div class="col-sm-4 rev-menu center-text" style="background-color:lavenderblush;">.col-sm-4</div> <div class="col-sm-4 rev-menu center-text" style="background-color:lavender;">.col-sm-4</div> </div> <div class="row"> <div class="col-sm-4 padding"> [contact-form-7 id="438" title="reserve1"] </div> <div class="col-sm-1"></div> <div class="col-sm-6 padding2"> <div class="center-text"> <b><h2>Title Lorem Ipsum</h2></b> </div> <img src="http://dummyimage.com/600x400/bbbbbb/fff&text=image"> <div class="row" style="padding-top:20px; padding-bottom:20px;"> <div class="col-sm-6"> <p>Accomodates: 8</br></p> <p>Size: 80 sq m</br></p> <p>Beds: 1 King(s), 3 Queen(s), 1 Twin(s)</br></p> </div> <div class="col-sm-1"></div> <div class="col-sm-5 center-text"> <div class="price-text"> <b>FROM</b><br/> <h1>$880</h1> </div> </div> </div> <div> <b>Amenities:</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed consectetur tellus. Etiam tortor augue, venenatis nec arcu ac, mattis dictum lorem. Pellentesque nec quam nec velit efficitur pellentesque sit amet sit amet ante. In varius finibus nisl, id laoreet quam lacinia sed. Pellentesque hendrerit mauris in diam hendrerit rhoncus. Curabitur sagittis eleifend sapien at porta. In hac habitasse platea dictumst. Nunc lacinia tortor id aliquet commodo. Duis a finibus urna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce eu dolor ut sem efficitur scelerisque nec vel justo. Nullam vitae sapien vitae justo tempus egestas. </div> </div> <div class="col-sm-1"></div> </div> </div>
.rev-menu{ height:5vw; padding-top:1%; } .reserve{ background-color: #f4e9e0; } .center-text{ text-align: center; } .padding{ padding:4%; } .padding2{ padding:2%; } .title{ text-align: center; }

Related: See More


Questions / Comments: