A Pen by Renan Nogueira

Thumbnail
This awesome code was written by renanogueira, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright renanogueira ©
  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>A Pen by  Renan Nogueira</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <div id="nota">
  <table style="width:100%">
    <tr>
      <td>
        <center>
          <h1>Itens do Cupom</h1>
        </center>
      </td>
    </tr>
  </table>
  <table style="margin: auto;">
    <thead>
      <tr>
        <div>
         <th style="text-align: left;">Código</th>
         <th style="text-align: left;">Barra</th>
         <th style="text-align: left; width:240px">Descrição</th>
         <th style="text-align:right; width:30px;">Qtd.</th>
         <th style="text-align:right; width:40px;">Val. Unit.</th>
         <th style="text-align:right; width:40px;">Val. Total</th>
         <th style="text-align:right; width:40px;">Base Calc.</th>
         <th style="text-align:right; width:40px;">Val. ICMS</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td style="text-align: left;">251</td>
        <td style="text-align: left;">7896261402621</td>
        <td style="text-align: left;">CEREAL BARRA NESTON 75G FRUTAS SILV/CHOC</td>
        <td style="text-align: right;">1,000</td>
        <td style="text-align: right;">1,99</td>
        <td style="text-align: right;">1,99</td>
        <td style="text-align: right;">1,99</td>
        <td style="text-align: right;">1,99</td>
      </tr>
      <tr>
        <td style="text-align: left;">251</td>
        <td style="text-align: left;">7896261402621</td>
        <td style="text-align: left;">CEREAL BARRA NESTON 75G FRUTAS SILV/CHOC</td>
        <td style="text-align: right;">1,000</td>
        <td style="text-align: right;">1,99</td>
        <td style="text-align: right;">1,99</td>
        <td style="text-align: right;">1,99</td>
        <td style="text-align: right;">1,99</td>
      </tr>
      <tr>
        <td style="text-align: left;">251</td>
        <td style="text-align: left;">7896261402621</td>
        <td style="text-align: left;">CEREAL BARRA NESTON 75G FRUTAS SILV/CHOC</td>
        <td style="text-align: right;">1,000</td>
        <td style="text-align: right;">1,99</td>
        <td style="text-align: right;">1,99</td>
        <td style="text-align: right;">1,99</td>
        <td style="text-align: right;">1,99</td>
      </tr>
      <tr>
        <td style="text-align: left;">251</td>
        <td style="text-align: left;">7896261402621</td>
        <td style="text-align: left;">CEREAL BARRA NESTON 75G FRUTAS SILV/CHOC</td>
        <td style="text-align: right;">1,000</td>
        <td style="text-align: right;">1,99</td>
        <td style="text-align: right;">1,99</td>
        <td style="text-align: right;">1,99</td>
        <td style="text-align: right;">1,99</td>
      </tr>
      <tr>
        <td style="text-align: left;">251</td>
        <td style="text-align: left;">7896261402621</td>
        <td style="text-align: left;">CEREAL BARRA NESTON 75G FRUTAS SILV/CHOC</td>
        <td style="text-align: right;">1,000</td>
        <td style="text-align: right;">1,99</td>
        <td style="text-align: right;">1,99</td>
        <td style="text-align: right;">1,99</td>
        <td style="text-align: right;">1,99</td>
      </tr>
      <tr>
        <td style="text-align: left;">251</td>
        <td style="text-align: left;">7896261402621</td>
        <td style="text-align: left;">CEREAL BARRA NESTON 75G FRUTAS SILV/CHOC</td>
        <td style="text-align: right;">1,000</td>
        <td style="text-align: right;">1,99</td>
        <td style="text-align: right;">1,99</td>
        <td style="text-align: right;">1,99</td>
        <td style="text-align: right;">1,99</td>
      </tr>
      <tr>
        <td style="text-align: left;">251</td>
        <td style="text-align: left;">7896261402621</td>
        <td style="text-align: left;">CEREAL BARRA NESTON 75G FRUTAS SILV/CHOC</td>
        <td style="text-align: right;">1,000</td>
        <td style="text-align: right;">1,99</td>
        <td style="text-align: right;">1,99</td>
        <td style="text-align: right;">1,99</td>
        <td style="text-align: right;">1,99</td>
      </tr>
      <tr>
        <td style="text-align: left;">251</td>
        <td style="text-align: left;">7896261402621</td>
        <td style="text-align: left;">CEREAL BARRA NESTON 75G FRUTAS SILV/CHOC</td>
        <td style="text-align: right;">1,000</td>
        <td style="text-align: right;">1,99</td>
        <td style="text-align: right;">1,99</td>
        <td style="text-align: right;">1,99</td>
        <td style="text-align: right;">1,99</td>
      </tr>
      <tr>
        <td style="text-align: left;">251</td>
        <td style="text-align: left;">7896261402621</td>
        <td style="text-align: left;">CEREAL BARRA NESTON 75G FRUTAS SILV/CHOC</td>
        <td style="text-align: right;">1,000</td>
        <td style="text-align: right;">1,99</td>
        <td style="text-align: right;">1,99</td>
        <td style="text-align: right;">1,99</td>
        <td style="text-align: right;">1,99</td>
      </tr>
  </table>
</div>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/renanogueira/a-pen-by-renan-nogueira-JEoaJr */
#nota {
  background: #ffe3a0;
  width: 600px;
  height: 600px;
  font-family: Calibri;
  font-size: 9pt;
}

Comments