"Patente Propaganda"
Bootstrap 3.3.0 Snippet by alesalazar

<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 ----------> <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800' rel='stylesheet' type='text/css'> <div class="container"> <div class="row photo-with-button" style="background:url(http://legalprom.cl/wp-content/uploads/2014/05/main-bg-devolucionpatente.jpg) no-repeat center;"> <div class="col-md-6 photo-with-button-content"> <h2>Recupere Derechos ($) Municipales por Publicidad</h2> <p>LegalProm ha obtenido para sus clientes la devolución de elevados montos por concepto de derechos de propaganda erróneamente cobrados por letreros instalados en locales comerciales.</p> <button class="btn btn-primary btn-blue-large">Comenzar Ahora</button> </div> </div> <div class="row"> <div class="col-md-7 left-from-forms"> <h4>Recupere Derechos ($) Municipales por Publicidad</h4> <p>Complete cuadro a su derecha y LegalProm le propondrá un honorario por este servicio, que será cobrado sólo en caso de obtener devolución de $ para Ud.</p> <div class="row"> <div class="col-md-1"> <img src="http://legalprom.com/wp-content/themes/optimizePressTheme/lib/assets/images/bullet_block/32x32/10.png" style="margin-top:0;"/> </div> <div class="col-md-11"> <p>Publicidad debe estar instalada en local</p> </div> </div> <div class="row"> <div class="col-md-1"> <img src="http://legalprom.com/wp-content/themes/optimizePressTheme/lib/assets/images/bullet_block/32x32/10.png" style="margin-top:0;"/> </div> <div class="col-md-11"> <p>Publicidad debe ser vista desde la vía pública</p> </div> </div> <div class="row"> <div class="col-md-1"> <img src="http://legalprom.com/wp-content/themes/optimizePressTheme/lib/assets/images/bullet_block/32x32/10.png" style="margin-top:0;"/> </div> <div class="col-md-11"> <p>Se excluye publicidad flotante y totems</p> </div> </div> </div> <div class="col-md-5 forms"> <img src="http://placehold.it/300x800"> </div> </div> </div>
body{ font-family: 'Open Sans', sans-serif;} .container{ width:100%;} .photo-with-button{ padding-top:100px; padding-bottom:100px;} .photo-with-button-content{ color:#35556b; padding-left:170px;} .photo-with-button-content h2{ font-size:46px; font-weight:300; width:600px; margin-bottom:30px;} .photo-with-button-content p{ font-size:18px; font-weight:300; } .photo-with-button-content h4{ color:#025167; font-size: 22px; font-weight:600; margin-bottom:5px;} .photo-with-button-content a{ font-size: 14px;} .btn-blue-large{ margin-top:30px; padding:20px; font-size:24px; font-weight:600; background-color:#35556b; border-color:#35556b;} #row-below{ background-color:#d6f6ff; padding:30px 150px;} #row-below h3{ color:#057d9f; font-weight:300; text-align:center; padding-bottom:20px;} #row-below img{ margin:0px; width:100px; height:84px; float:left;} #row-below p{ font-weight:300; float:left; color:#444; font-size:16px; width:180px; padding-top:15px;} .left-from-forms{ padding-left:200px; font-weight:300;} .left-from-forms p{color:#444;} .left-from-forms h4{ font-size:21px; font-weight:300; margin-top:40px; margin-bottom:20px; color:#444;} .left-from-forms img{ margin: 15px 5px; width:31px; height:31px; float:left;} .left-from-forms span{ font-size:18px; float:left; color:#444; margin-top:20px;} /*-----------------------------*/

Related: See More


Questions / Comments: