×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
0
Language: Text
Posted by: Emerson Cruz
Added: Nov 30, 2016 3:23 AM
Views: 2
Tags: indxx
  1. <!DOCTYPE html>
  2. <!--
  3. To change this license header, choose License Headers in Project Properties.
  4. To change this template file, choose Tools | Templates
  5. and open the template in the editor.
  6. -->
  7. <html>
  8.     <head>
  9.         <title>TODO supply a title</title>
  10.         <meta charset="UTF-8">
  11.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  12.        
  13.         <!-- Bootstrap core CSS -->
  14.         <link href="bootstrap-3.3.6-dist/css/bootstrap.min.css" rel="stylesheet">
  15.        
  16.         <style>
  17.             #tudo {
  18.                 font-family: monospace;
  19.                 font-size: 8pt;
  20.             }
  21.         </style>
  22.     </head>
  23.     <body>
  24.         <div id="tudo" class="container" style="width:18cm; border: 1px solid #ccc">
  25.  
  26.             <!--cabecalho-->
  27.             <div class="row">
  28.                 <div class="col-xs-3">LOGO</div>
  29.                 <div class="col-xs-9">
  30.                     EMPRESA TALTALTAL
  31.                     <br/>Rua 26 Jardim Aureny 3
  32.                     <br/>CNPJ: xx.xxx.xxx/xxxx-xx
  33.                 </div>
  34.             </div>
  35.             <!--/cabecalho-->
  36.            
  37.  
  38.             <!--corpo-->
  39.             <div class="row">
  40.                 <div>
  41.                     Identificação do cliente
  42.                     <hr/>
  43.                 </div>
  44.                 <div>
  45.                     Cliente: xxxxxxxxxx(xxx.xxx.xxx-xx)
  46.                     <br/>Endereço: xxxxxxxxx
  47.                     <br/>Cep: xxxxx-xxx Telefone: (xx)xxxxx-xxxx E-mail:xxx@xxx.com
  48.                 </div>
  49.                 <hr/>
  50.                 <div>
  51.                     Objetos:
  52.                     <br/>1 - Smartphone Apple xxxxxxxxxx
  53.                     <br/><br/>
  54.                     Observações:
  55.                     <br/>AS PEÇAS E SERVIÇOS EXECUTADOS TERÃO GARANTIA DE 30 DIAS, EXCETO QUANDO COMPROVADO MAU USO DO APARELHO.
  56.                     <br/>OS APARELHOS NÃO RETIRADOS DENTRO DO PRAZO DE 90 DIAS SERÃO VENDIDOS PARA COBRIR CUSTOS COM O CONCERTO DO MESMO.
  57.                     <br/>NÃO NOS RESP...
  58.                     <br/>A ENTREGA DO AP...
  59.                 </div>
  60.                 <br/><br/>
  61.                 <div>
  62.                     Detalhamento dos serviços
  63.                     <hr/>
  64.                     <table>
  65.                         <thead>
  66.                         <th>Serviço</th>
  67.                         <th>Descrição</th>
  68.                         <th>Valor Unit.</th>
  69.                         <th>Quant.</th>
  70.                         <th>UN</th>
  71.                         <th>Valor total</th>
  72.                         <th>Técnico</th>
  73.                         </thead>
  74.                         <tbody>
  75.                             <tr>
  76.                                 <td>1</td>
  77.                                 <td>Substituição de ...</td>
  78.                                 <td>50,00</td>
  79.                                 <td>1</td>
  80.                                 <td>UN</td>
  81.                                 <td>50,00</td>
  82.                                 <td>Jefferson Wesley</td>
  83.                             </tr>
  84.                         </tbody>
  85.                     </table>
  86.                 </div>
  87.                 <br/><br/>
  88.                 <div>
  89.                     Detalhamento dos itens
  90.                     <hr/>
  91.                     <table>
  92.                         <thead>
  93.                             <tr>
  94.                                 <th>Produto</th>
  95.                                 <th>Descrição</th>
  96.                                 <th>Valor Unit.</th>
  97.                                 <th>Quant.</th>
  98.                                 <th>UN</th>
  99.                                 <th>Valor total</th>
  100.                             </tr>
  101.                         </thead>
  102.                         <tbody>
  103.                             <tr>
  104.                                 <td>1</td>
  105.                                 <td>Gabinete Apple iPhone...</td>
  106.                                 <td>70,00</td>
  107.                                 <td>1</td>
  108.                                 <td>PC</td>
  109.                                 <td>70,00</td>
  110.                             </tr>
  111.                         </tbody>
  112.                     </table>
  113.                 </div>
  114.                 <br/><br/>
  115.                 <div>
  116.                     Totais<br/>
  117.                     <hr/>
  118.                     Valor total dos serviços...: 50,00<br/>
  119.                     Valor total dos itens......: 70,00<br/>
  120.                     Valor total da OS..........: 120,00<br/>
  121.                     <hr/>
  122.                 </div>
  123.             </div><!--/corpo-->
  124.             <br/><br/>
  125.             <div class="row">
  126.                 <div>
  127.                     PREZADO CLIENTE, APRESENTE ESTE CANHOTO PARA RETIRADA DOS OBJETOS DA ORDEM DE SERVIÇO.
  128.                 </div>
  129.                 <div class="col-xs-3">
  130.                     ORDEM DE SERVIÇO<br/>
  131.                     000003
  132.                 </div>
  133.                 <div class="col-xs-5">
  134.                     EMPRESA TALTALTAL
  135.                     <br/>Rua 26 Jardim Aureny 3
  136.                     <br/>CNPJ: xx.xxx.xxx/xxxx-xx
  137.                 </div>
  138.                 <div class="col-xs-4">
  139.                     _________________________
  140.                     <br/>Assinatura do atendente
  141.                 </div>
  142.             </div><!--/rodape-->
  143.         </div><!--/tudo-->
  144.     </body>
  145. </html>
  146.