API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Nov 21st, 2019
266
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.86 KB | None | 0 0
raw download clone embed print report
  1. <!-- QuotePdfViewDfskPE.page
  2. <!--
  3. * Avanxo Perú
  4. * @author Yeraldine Martínez Flores
  5. * Proyect: InchCape
  6. * Description: Visualforce page aim to build the custom template quote for DFSK Peru
  7. *
  8. * Changes (Version)
  9. * -------------------------------------
  10. * No. Date Author Description
  11. * ---- ---------- --------------------------- -------------------
  12. * @version 1.0 01-10-2018 Yeraldine Martínez Flores Visualforce created
  13. ************************************************************************************************************************************************
  14. -->
  15. <apex:page standardController="Quote" extensions="QuotePDFGenerator"
  16. renderAs="pdf"
  17. applyBodyTag="false"
  18. applyHtmlTag="false"
  19. showHeader="false" >
  20. <html>
  21. <head>
  22. <style>
  23. @page:first{
  24. size: 21.0cm 29.7cm;
  25. margin-top: 0cm;
  26. margin-left: 0cm;
  27. margin-right: 0cm;
  28. margin-bottom: 1cm;
  29. }
  30.  
  31. @page{
  32. margin-top: 1cm;
  33. margin-bottom: 2cm;
  34. margin-left: 0cm;
  35. margin-right:0cm;
  36. size: 21.0cm 29.7cm;
  37. }
  38.  
  39. @page lastPage {
  40. margin-top: 1cm;
  41. margin-bottom: 0cm;
  42. margin-left: 0cm;
  43. margin-right:0cm;
  44. size: 21.0cm 29.7cm;
  45. }
  46.  
  47. .last-page {
  48. page: lastPage;
  49. }
  50.  
  51. body{
  52. font-family:"Dialog";
  53. }
  54.  
  55. td{
  56. font-size:13px;
  57. font-family:"Dialog";
  58. }
  59. .subTitle{
  60.  
  61. }
  62. .divTable{
  63. display: table;
  64. width: 100%;
  65. }
  66. .divTableRow {
  67. display: table-row;
  68. }
  69. .divTableCell, .divTableHead {
  70. display: table-cell;
  71. padding: 1px 2px;
  72. }
  73. .container{
  74. width:100%;
  75. height:30px;
  76. margin-top:30px;
  77. }
  78. .line{
  79. width:1px;
  80. height:16px;
  81. margin-right:5px;
  82. background-color: #000000;
  83. font-size:11px;
  84. padding: 5px 2px;
  85. display:inline-block;
  86. float:left;
  87. }
  88. .square{
  89. width:16px;
  90. height:16px;
  91. border: 1px solid rgb(202,3,29);
  92. display:inline-block;
  93. float:left;
  94. }
  95. .text{
  96. height:16px;
  97. background-color: rgb(202,3,29);
  98. color:#fff;
  99. width:93%;
  100. padding: 5px 10px;
  101. font-size:11px;
  102. font-weight:600;
  103. display:inline-block;
  104. float:left;
  105. }
  106. .accessory-col{
  107. width:33.1%;
  108. display:inline;
  109. float:left;
  110. height:16px;
  111. }
  112.  
  113. .divTableCellProduct{
  114. width:186px !important;
  115. padding-left:20px;
  116. }
  117.  
  118. .divTableCellQuantity{
  119. width:208px !important;
  120. border-left:1px solid rgb(202,3,29);
  121. text-align:center;
  122. }
  123. .divTableCellPrice{
  124. width:208px;
  125. border-left:1px solid rgb(202,3,29);
  126. text-align:right;
  127. padding-right:20px;
  128. }
  129.  
  130. .divTableTotalProduct{
  131. width:186px !important;
  132. }
  133.  
  134. .divTableTotalQuantity, .divTableTotalPrice{
  135. width:208px;
  136. }
  137.  
  138. .divTableRow:first-child .divTableCellProduct,
  139. .divTableRow:first-child .divTableCellQuantity,
  140. .divTableRow:first-child .divTableCellPrice{
  141. padding-top:20px;
  142. }
  143. .triangle{
  144. display:inline-block;
  145. float:left;
  146. width: 0;
  147. height: 0;
  148. border-top: 27px solid rgb(202,3,29);
  149. border-right: 15px solid transparent;
  150. border-bottom: 34px solid transparent;
  151. }
  152.  
  153. .text-gray{
  154. height:16px;
  155. background-color: rgb(153,153,153);
  156. color:#fff;
  157. width:75%;
  158. padding: 5px 10px;
  159. font-size:11px;
  160. font-weight:600;
  161. display:inline-block;
  162. float:left;
  163. }
  164. .triangle-gray{
  165. display:inline-block;
  166. float:left;
  167. width: 0;
  168. height: 0;
  169. border-top: 27px solid rgb(153,153,153);
  170. border-right: 15px solid transparent;
  171. border-bottom: 34px solid transparent;
  172. }
  173. .container-especification{
  174. padding: 0 0 0 25px;
  175. clear:both;
  176. }
  177. .container-total-accessory{
  178. position: relative;
  179. height: auto;
  180. width: 90%;
  181. margin:30px auto 0 auto;
  182. padding:7px 10px;
  183. background-color: #FFFFFF;
  184. transform: skew(-20deg);
  185. -webkit-transform: skew(-20deg);
  186. border: 1px solid #BFBFBF;
  187. }
  188.  
  189. .container-total-final{
  190. position: relative;
  191. height: auto;
  192. width: 90%;
  193. margin:0px auto;
  194. padding:7px 10px;
  195. background-color: #FFFFFF;
  196. transform: skew(-20deg);
  197. -webkit-transform: skew(-20deg);
  198. border: 1px solid rgb(202,3,29);
  199. font-size:12px;
  200. }
  201.  
  202. .text-feature{
  203. color:#000000;
  204. text-align:center;
  205. font-style:italic;
  206. font-size:11px;
  207. }
  208.  
  209. .footer-info-item{
  210. margin-top:5px;
  211. }
  212.  
  213. .container-square{
  214. margin-top:10px;margin-left:25px;
  215. }
  216.  
  217. .square-text{
  218. margin-right:25px;color:#404040;font-size:11px;background:transparent;float:left;display:inline-block;padding:2px 5px; 0 5px;
  219. }
  220. </style>
  221. </head>
  222. <body style="box-sizing: border-box; margin: 0; overflow: hidden;">
  223. <div style="background-color: rgb(202,3,29);position:relative;height:1.5cm;width:100%;"></div>
  224. <div style="background-color: #ffffff;position:relative;height:0.1cm;"></div>
  225. <div style="background-color: rgb(232,233,234);height:1.3cm;width:100%;">
  226. <div style="color:#404040;font-size:11px;margin-right:45px;margin-top:16px;float:right;">
  227. <span>FECHA: </span>
  228. <span style="background:#ffffff;padding:7px 45px;">
  229. <apex:outputText value="{0, date, dd/MM/yyy}"><apex:param value="{!TODAY()}" /></apex:outputText>
  230. </span>
  231. </div>
  232. </div>
  233. <apex:image id="logo" width="130" height="auto" url="{!URLFOR($Resource.LatamDFSKLogo)}"
  234. style="position:absolute;top:40px;left:0;z-index:10000;" />
  235.  
  236. <div style="margin:70px auto 0 auto; width:88%;color:#000000;page-break-after:always;">
  237. <div class="container">
  238. <div class="line"></div>
  239. <div class="text">DATOS DEL ASESOR DE VENTAS:</div>
  240. <div class="triangle"></div>
  241. </div>
  242. <table border="0" cellspacing="1" cellpadding="2" style="width:95%;margin:0 auto;">
  243. <tr>
  244. <td width="15%">Sucursal:</td>
  245. <td width="35%">{!objWrpQuote.objQuote.Opportunity.PreferredDealerName__c}</td>
  246. <td width="15%">Asesor:</td>
  247. <td width="35%">{!objWrpQuote.objQuote.OwnerSalespersonName__c}</td>
  248. </tr>
  249. <tr>
  250. <td width="15%">Celular:</td>
  251. <td width="35%">{!objWrpQuote.objQuote.Opportunity.Owner.MobilePhone}</td>
  252. <td width="15%">Email:</td>
  253. <td width="35%">{!objWrpQuote.objQuote.OwnerSalespersonEmail__c}</td>
  254. </tr>
  255. </table>
  256. <div class="container">
  257. <div class="line"></div>
  258. <div class="text">DATOS DEL CLIENTE:</div>
  259. <div class="triangle"></div>
  260. </div>
  261. <table border="0" cellspacing="1" cellpadding="2" style="width:95%;margin:0 auto;">
  262. <tr>
  263. <td width="15%">Nombre:</td>
  264. <td width="35%">{!objWrpQuote.objQuote.Account.Name}</td>
  265. <td width="15%">DNI/RUC/CE/Otros:</td>
  266. <td width="35%">{!objWrpQuote.objQuote.Account.IdentificationNumber__c}</td>
  267. </tr>
  268. <tr>
  269. <td width="15%">Teléfono:</td>
  270. <td width="35%">{!objWrpQuote.objQuote.Account.MobilePhone__c}</td>
  271. <td width="15%">Email:</td>
  272. <td width="35%">{!objWrpQuote.objQuote.Account.EmailAddress__c}</td>
  273. </tr>
  274. </table>
  275. <div class="container">
  276. <div class="line"></div>
  277. <div class="text">VEHÍCULO:</div>
  278. <div class="triangle"></div>
  279. </div>
  280. <div style="width:100%;clear: both;text-align:center;margin:0 auto;">
  281. <apex:image id="model" value="{!objWrpQuote.imageModel}" width="350" height="250"/>
  282. <div style="margin:0 15px 0 0;text-align:right;font-style:oblique;color:#404040;font-size:10px;">
  283. * Imagen referencial.
  284. </div>
  285. </div>
  286. <div class="container">
  287. <div class="line"></div>
  288. <div class="text">ESPECIFICACIONES DEL VEHÍCULO:</div>
  289. <div class="triangle"></div>
  290. </div>
  291. <table border="0" cellspacing="1" cellpadding="1" style="width:96%;margin:0 auto;">
  292. <tr>
  293. <td style="width:15%;" colspan="1" >Motor</td>
  294. <td style="width:15%;">{!objWrpQuote.engineType}</td>
  295. <td style="width:15%;" colspan="1">Potencia</td>
  296. <td style="width:15%;color:rgb(153,153,153);">{!objWrpQuote.power}</td>
  297. <td style="width:15%;" colspan="1">Dimensiones</td>
  298. <td style="width:15%;color:rgb(153,153,153);">{!objWrpQuote.Dimension}</td>
  299.  
  300. </tr>
  301. <tr>
  302. <td style="width:15%;">Torque</td>
  303. <td style="width:15%;">{!objWrpQuote.torque}</td>
  304. <td style="width:15%;" colspan="1">Combustible</td>
  305. <td style="width:15%;color:rgb(153,153,153);">{!objWrpQuote.Displacement}</td>
  306. <td style="width:15%;" colspan="1">Carga Útil</td>
  307. <td style="width:15%;color:rgb(153,153,153);">{!objWrpQuote.fuelType}</td>
  308.  
  309. </tr>
  310. </table>
  311. <table border="0" cellspacing="0" cellpadding="0" style="width:100%;margin:0 auto;">
  312. <tr>
  313. <apex:repeat value="{!objWrpQuote.lstDataV4}" var="fieldKey">
  314. <td style="vertical-align: top;width:50%">
  315. <div class="container">
  316. <div class="line"></div>
  317. <div class="text-gray" style="text-transform:uppercase;"><apex:outputText value="{!fieldKey}"/></div>
  318. <div class="triangle-gray"></div>
  319. </div>
  320. <div class="container-especification">
  321. <apex:outputText style="margin:0;" escape="false" value="{!objWrpQuote.mpDataV4[fieldKey]}"/>
  322. </div>
  323. </td>
  324. </apex:repeat>
  325. </tr>
  326. </table>
  327. </div>
  328. <div style="margin:0 auto; width:88%;color:#000000;">
  329. <div class="container" >
  330. <div class="line"></div>
  331. <div class="text">PROPUESTA COMERCIAL:</div>
  332. <div class="triangle"></div>
  333. </div>
  334. <table border="0" cellspacing="0" cellpadding="0" style="width:95%;margin:0 auto;">
  335. <tr>
  336. <td width="50%">
  337. <div class="divTable">
  338. <apex:repeat value="{!objWrpQuote.lstDataV1}" var="fieldKey">
  339. <div class="divTableRow">
  340. <div class="divTableCell" align="left" style="vertical-align:top;">
  341. <font class="subTitle">
  342. <apex:outputText value="{!fieldKey}"/>
  343. </font>
  344. </div>
  345. <div class="divTableCell" align="left" style="vertical-align:top;">
  346. <font>
  347. <apex:outputText value="{!objWrpQuote.mpDataV1[fieldKey]}"/>
  348. </font>
  349. </div>
  350. </div>
  351. </apex:repeat>
  352. </div>
  353. </td>
  354. <td width="50%" valign="top">
  355. <div class="divTable">
  356. <apex:repeat value="{!objWrpQuote.lstDataV2}" var="fieldKey">
  357. <div class="divTableRow">
  358. <div class="divTableCell" style="vertical-align:top;">
  359. <font class="subTitle">
  360. <apex:outputText escape="false" value="{!fieldKey}"/>
  361. </font>
  362. </div>
  363. <div class="divTableCell" align="right" style="vertical-align:top;">
  364. <font>
  365. <apex:outputText escape="false" value="{!objWrpQuote.mpDataV2[fieldKey]}"/>
  366. </font>
  367. </div>
  368. </div>
  369. </apex:repeat>
  370. <div class="divTableRow">
  371. <div class="divTableCell subTitle">
  372. Tipo de cambio referencial:
  373. </div>
  374. <div class="divTableCell" align="right">
  375. <apex:outputText value="S/ {0, number, ###,###,###,##0.00}">
  376. <apex:param value="{!objWrpQuote.tasaCambioPeru}"/>
  377. </apex:outputText>
  378. </div>
  379. </div>
  380. </div>
  381. </td>
  382. </tr>
  383. </table>
  384. <div class="container" style="height:20px;">
  385. <div class="line"></div>
  386. <div class="text">
  387. <div class="accessory-col">ACCESORIOS:</div>
  388. <div class="accessory-col">CANTIDAD:</div>
  389. <div class="accessory-col" style="padding-left:15px;width:31.2%;">PRECIO:</div>
  390. </div>
  391. <div class="triangle"></div>
  392. </div>
  393. <div style="display:table;width:100%;">
  394. <apex:repeat value="{!objWrpQuote.Accesories}" var="accessory">
  395. <div class="divTableRow" style="font-size:12px;width:100%;">
  396. <div class="divTableCell divTableCellProduct">{!accessory.ProductName__c}</div>
  397. <div class="divTableCell divTableCellQuantity">
  398. <apex:outputText value="{0, number, ###,###,###,##0}">
  399. <apex:param value="{!accessory.Quantity}"/>
  400. </apex:outputText>
  401. </div>
  402. <div class="divTableCell divTableCellPrice">
  403. <apex:outputText value="US$ {0, number, ###,###,###,##0.00}">
  404. <apex:param value="{!accessory.TotalPrice}"/>
  405. </apex:outputText>
  406. </div>
  407. </div>
  408. </apex:repeat>
  409. <div class="divTableRow" style="font-size:12px;width:100%;">
  410. <div class="divTableCell divTableTotalProduct" style="padding:0 !important;vertical-align:middle;">
  411. <div class="container">
  412. <div class="line"></div>
  413. <div class="text-gray">TOTAL ACCESORIOS</div>
  414. <div class="triangle-gray"></div>
  415. </div>
  416. </div>
  417. <div class="divTableCell divTableTotalQuantity" style="padding:0 !important;vertical-align:top;top:-21px;">
  418. <div class="container-total-accessory" style="text-align:center;">
  419. <apex:outputText value="{0, number, ###,###,###,##0}">
  420. <apex:param value="{!objWrpQuote.totalAccQuantity}"/>
  421. </apex:outputText>
  422. </div>
  423. </div>
  424. <div class="divTableCell divTableTotalPrice" style="padding:0 !important;vertical-align:top;top:-21px;">
  425. <div class="container-total-accessory" style="text-align:right;margin-right:15px;">
  426. <apex:outputText value="US$ {0, number, ###,###,###,##0.00}">
  427. <apex:param value="{!objWrpQuote.totalAccPrice}"/>
  428. </apex:outputText>
  429. </div>
  430. </div>
  431. </div>
  432. </div>
  433. <div class="container" style="clear:both">
  434. <div class="line"></div>
  435. <div class="text">VALOR TOTAL:</div>
  436. <div class="triangle"></div>
  437. </div>
  438. <table border="0" cellspacing="0" cellpadding="0" style="width:95%;margin:0 auto;">
  439. <tr>
  440. <td align="left">
  441. <font class="subTitle" face="Arial" >
  442. Valor Vehículo:
  443. </font>
  444. </td>
  445. <td align="right">
  446. <apex:outputText value="US$ {0, number, ###,###,###,##0.00}">
  447. <apex:param value="{!objWrpQuote.totalPrice}"/>
  448. </apex:outputText>
  449. </td>
  450. </tr>
  451. <tr>
  452. <td align="left">
  453. <font class="subTitle" face="Arial" >
  454. Valor Accesorios:
  455. </font>
  456. </td>
  457. <td align="right">
  458. <apex:outputText value="US$ {0, number, ###,###,###,##0.00}">
  459. <apex:param value="{!objWrpQuote.totalAccPrice}"/>
  460. </apex:outputText>
  461. </td>
  462. </tr>
  463. </table>
  464. <table border="0" cellspacing="0" cellpadding="0" style="clear:both;margin-top:30px;width:95%;">
  465. <tr>
  466. <td style="width:50%;"></td>
  467. <td style="width:20%;"><b>Total Final (US$): </b></td>
  468. <td style="width:30%;" align="right">
  469. <apex:outputText value="US$ {0, number, ###,###,###,##0.00}">
  470. <apex:param value="{!objWrpQuote.finalTotal}"/>
  471. </apex:outputText>
  472. </td>
  473. </tr>
  474. <tr>
  475. <td></td>
  476. <td style="width:20%;"><b>Total Final (S/): </b></td>
  477. <td align="right">
  478. <apex:outputText value="S/ {0, number, ###,###,###,##0.00}">
  479. <apex:param value="{!objWrpQuote.totalPricePer}"/>
  480. </apex:outputText>
  481. </td>
  482. </tr>
  483. </table>
  484. <div class="container" style="clear:both;">
  485. <div class="line"></div>
  486. <div class="text">¿POR QUÉ UN DFSK?</div>
  487. <div class="triangle"></div>
  488. </div>
  489. <div style="clear:both;margin:0 auto;text-align:center;width:90%;">
  490. <table border="0" cellspacing="0" cellpadding="0" width="100%" id="table6">
  491. <tr>
  492. <td colspan="3" align="left" width="100%">
  493. <ul>
  494. <li>Cuenta con el respaldo de Inchcape.</li>
  495. <li>Inchcape es una empresa inglesa, líder global en la distribución y comercialización de vehículos. </li>
  496. <li>Cuenta con más de 170 años de exitosa trayectoria y está presente en 32 países.</li>
  497. </ul>
  498. </td>
  499. </tr>
  500. <tr>
  501. <td align="right">
  502. <apex:image id="DFSK_item1" width="100" height="100" url="{!URLFOR($Resource.LatamDFSKItem1)}" />
  503. </td>
  504. <td align="center">
  505. <apex:image id="DFSK_item2" width="100" height="100" url="{!URLFOR($Resource.LatamDFSKItem2)}" />
  506. </td>
  507. <td align="left">
  508. <apex:image id="DFSK_item3" width="100" height="100" url="{!URLFOR($Resource.LatamDFSKItem3)}" />
  509. </td>
  510. </tr>
  511. </table>
  512. </div>
  513. </div>
  514. <div class="last-page">
  515. <div style="margin: 0 auto; width:88%;height:25.8cm;color:#000000;">
  516. <div class="container" style="clear:both;">
  517. <div class="line"></div>
  518. <div class="text" style="color:rgb(202,3,29);background:#fff;">CONDICIONES COMERCIALES:</div>
  519. </div>
  520. <div style="color:#404040;font-size:13px;">
  521. <ul>
  522. <li> Para separaciones o pagos con tarjeta de crédito, solo se aceptarán desembolsos hasta por la suma total de US$ 1,000.00</li>
  523. <li> Trámite de placas y tarjeta de propiedad.</li>
  524. <li> El Precio no incluye cambio de color.</li>
  525. <li> Precios y condiciones son válidos por 7 días.</li>
  526. <li> Fecha de Entrega: Según disponibilidad de stock.</li>
  527. <li> El precio incluye IGV+ISC.</li>
  528. <li> El precio considera los gastos de internamiento, aranceles e impuestos de ley vigentes a la fecha de la presente cotización. Cualquier variación posterior será asumida por cuenta y cargo del cliente.</li>
  529. <li> La fábrica se reserva el derecho de efectuar modificaciones sin previo aviso por cambios en el producto.</li>
  530. <li> Luego de entregada la cuota inicial, cualquier devolución podría estar afecta a 10% de gastos administrativos. Se exoneraría aquellas operaciones cuyo crédito no fuera aprobado o por factores justificables a criterio de la empresa.</li>
  531. <li> El trámite de placas y tarjeta de identificación vehicular es una cortesía que otorgamos a nuestros clientes, el mismo se encuentra sujeto a los criterios autónomos de cada Registrador; por lo tanto, nuestra empresa no se hace responsable por las demoras ocasionadas por el criterio registral.</li>
  532. <apex:repeat value="{!objWrpQuote.conditions }" var="condition">
  533. <li>{!condition}</li>
  534. </apex:repeat>
  535. </ul>
  536. <p style="font-size:11px;font-weight:bold;text-align:center;">AUTORIZACIÓN PARA EL TRATAMIENTO DE DATOS PERSONALES</p>
  537. <p style="padding:0 25px 0 25px;font-size:11px;text-align:left;">De conformidad con lo dispuesto en la Ley N° 29733, y su Reglamento AUTOCAR DEL PERÚ S.A. (en adelante, “AUTOCAR”) le informa que los datos de carácter personal que ha facilitado a la Empresa y los que facilite en el futuro en el contexto de la presente relación comercial serán incorporados de forma indeterminada en el banco de datos personales de AUTOCAR, ubicado en Jirón Morro Solar No .812, Santiago de Surco, Lima., cuyo banco de datos ha sido declarado a la Autoridad de Protección de Datos Personales (Código de Registro Nº 2743).<br/>
  538. De conformidad con lo dispuesto en la Ley N° 29733, y su Reglamento AUTOCAR DEL PERÚ S.A. (en adelante, “AUTOCAR”) le informa que los datos de carácter personal que ha facilitado a la Empresa y los que facilite en el futuro en el contexto de la presente relación comercial serán incorporados de forma indeterminada en el banco de datos personales de AUTOCAR, ubicado en Jirón Morro Solar No .812, Santiago de Surco, Lima., cuyo banco de datos ha sido declarado a la Autoridad de Protección de Datos Personales (Código de Registro Nº 2743).<br/>
  539. Los datos suministrados por usted son esenciales para las finalidades antes indicadas. Usted podrá revocar su consentimiento en cualquier momento. Para ejercer este derecho o cualquier otro que la ley establece con relación a sus datos personales, deberá remitir una comunicación a la siguiente dirección: Jirón Morro Solar No .812, Santiago de Surco, Lima o a la siguiente dirección de correo electrónico: electrónica: atencionalclientebyd@inchcape.com.pe o atencionalclientedfsk@inchcape.com.pe<br/><br/>
  540. De otro lado, usted autoriza a AUTOCAR a: </p>
  541. <p style="padding:0 25px 0 25px;font-size:11px;">Enviarle publicidad sobre ofertas masivas o personalizadas de productos y enviarles invitaciones a actividades convocadas por la empresa; y, realizar encuestas sobre los productos y/o servicios que ofrece. </p>
  542. <div class="container-square">
  543. <div class="square"></div>
  544. <div class="square-text">
  545. Si
  546. </div>
  547. <div class="square"></div>
  548. <div style="color:#404040;font-size:11px;background:transparent;float:left;display:inline-block;padding:2px 5px; 0 5px;">
  549. No
  550. </div>
  551. </div>
  552. <p style="clear:left;padding:0 25px 0 25px;font-size:11px;"><br/>Transferir mis datos a los concesionarios señalados en la Cláusula con el fin que estos utilicen mi información para el envío de publicidad, ofertas masivas o personalizadas de productos e invitaciones a actividades y realización de encuestas sobre los productos que ofrecen. </p>
  553. <div class="container-square">
  554. <div class="square"></div>
  555. <div class="square-text">
  556. Si
  557. </div>
  558. <div class="square"></div>
  559. <div style="color:#404040;font-size:11px;background:transparent;float:left;display:inline-block;padding:2px 5px; 0 5px;">
  560. No
  561. </div>
  562. </div>
  563. <table style="width:100%;margin-top:80px;padding:0 0 0 25px;color:#404040;font-size:11px;">
  564. <tr>
  565. <td width="50%;" style="text-align:center;">
  566. <p>___________________________________<br/>Nombre del Cliente</p>
  567. </td>
  568. <td width="50%;" style="text-align:center;">
  569. <p>___________________________________<br/>Firma del Cliente</p>
  570. </td>
  571. </tr>
  572. <tr>
  573. <td><p>N° DNI:______________________</p></td>
  574. <td></td>
  575. </tr>
  576. </table>
  577. </div>
  578. </div>
  579.  
  580. <div style="width:80%;height:1.4cm;background:#fff;margin:0 auto;">
  581. <apex:image id="DFSK_footer" width="100%" url="{!URLFOR($Resource.LatamDFSKFooter)}" />
  582. </div>
  583. <div style="background-color: rgb(232,233,234);height:1.2cm;width:100%;text-align:center;">
  584. <apex:image width="auto" height="1cm" style="padding:0.1cm 0;" url="{!URLFOR($Resource.LatamInchcapeLogo)}" />
  585. </div>
  586. <div style="width:100%;height:0.3cm;background:rgb(202,3,29);"></div>
  587. </div>
  588. <h1>This is heading 1</h1>
  589. <div style="font-family: Sans-serif;text-align: justify;width:88%;font-size: 10px;margin: 0 auto;">
  590. <apex:outputText style="font-family: Sans-serif;text-align: justify;width:88%;font-size: 10px;margin: 0 auto;" value="{!otherVFPage4}" escape="false"/>
  591. </div>
  592. </body>
  593. </html>
  594. </apex:page>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!