"Panel With Image"
Bootstrap 3.3.0 Snippet by 10537

<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="header"> <br/> <br/> <div class="row text-center"> <h3> <span t-raw="variables.get('title')" /> </h3> <h4 t-raw="variables.get('subtitle')" /> </div> <div style="text-align: justify; font-size: 10pt" t-raw="variables.get('introduction')" /> </div> <div class="page" style="text-align: justify; font-size: 10pt"> <div class="">Reference: <span t-raw="obj.reference"/></div> <br/> <div class="panel panel-default"> <div class="panel-heading"><u t-raw="variables.get('building_ident')" /></div> <div class="panel-body" style="background-color: #f7f7f9;"> <p>Bouwheer : <b><span t-raw="obj.dossier.customer_id.name" /></b></p> <p>Adres : <b><span t-raw="obj.dossier.customer_id.street" /></b></p> <p>EPB-nummer : <b><span t-raw="obj.dossier.EPB_number" /></b></p> <p>Gebouwtype : <b><span t-raw="obj.get_info('building_type')" /></b></p> </div> </div> <div class="panel panel-default"> <div class="panel-heading"><u t-raw="variables.get('measure_ident')" /></div> <div class="panel-body" style="background-color: #f7f7f9;"> <table> <tr> <td> <p>Bedrijf : <b><span t-raw="obj.dossier.partner_id.name"/></b></p> <p>Adres : <b><span t-raw="obj.dossier.partner_id.street"/></b></p> <p>Erkende luchtdichtheidsmeter : <b><span t-raw="obj.get_info('qualified_measurer')"/></b></p> <p>Identificatie van het gemeten volume : <b><span t-raw="obj.get_info('measured_volume')"/></b></p> <p>Datum an de meting: <b><span t-raw="obj.get_info('measure_date')"/></b></p> </td> <td> </td> <td> <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcS1GmRERknfQaApMZhWyCHArmO7Swz5BX2l94edXmxeJqh36owO" style="max-height: 90px;"/> </td> </tr> </table> </div> </div> <div class="panel panel-default"> <div class="panel-body" style="background-color: #f7f7f9;"> <p>Gemeten lekdebiet bij 50Pa: <b><span t-raw="obj.get_info('leakage_rate')" /></b></p> </div> </div> <p>Datum: <span t-raw="obj.start_date" /></p> <p t-raw="variables.get('signature')" /> </div> <div class="footer" style="text-align: justify; font-size: 10pt" > <div class="panel panel-default" style="border-color: red"> <div class="panel-body"> <p t-raw="variables.get('footer')" /> <p><span t-raw="variables.get('site')" /><span t-raw="obj.password" /></p> </div> </div> </div>

Related: See More


Questions / Comments: