twigfiddle.com - Fiddle b9250c v1 - Created on May 4, 2021 17:33

More options...

Title

File

<!-- TEMPLATE IMPORTS -->
{% import "Header.html.twig" as Header %}



<html>
	<head>
		<title>
			Convelio invoice - 
		</title>
	</head>
	<body>
		<div class="main">
			<table class="main__table">
				<tbody>
					<tr>
						<td class="content">
							{{ Header.header() }}
						</td>
					</tr>
				</tbody>
			</table>
		</div>
	</body>
</html>

File

{% macro header() %}

  <div class="ngcvo-col-wrapper">
    <div class="ngcvo-col-8">
      <h1>Shipping Invoice</h1>
      <div class="ngcvo-col-wrapper">
        <div class="ngcvo-col-4">
          <div>
            <span>Invoice number</span>
            <span>INV12-27287</span>
          </div>
          <div>
            <span>Convelio order reference</span>
            <span>CVO-989898</span>
          </div>
          <div>
            <span>Client reference</span>
            <span>CAT788787</span>
          </div>
        </div>
        <div class="ngcvo-col-4">
          <div>
            <span>Invoice date</span>
            <span>21/12/12</span>
          </div>
        </div>
      </div>
    </div>
    <div class="ngcvo-col-4">
      <div>Convelio logo</div>
      <div>
        68 Avenue Parmentier
        75011 Paris, France
        VAT: 70832076269
        RCS Paris 832 076 269
        APE: 6312Z
        <span>
          www.convelio.com
          hello@convelio.com
        </span>
      </div>
    </div>
  </div>
{% endmacro %}

Format

Fiddle b9250c created on May 4, 2021 17:33 and visited 75 times

Developed using

Not logged in.

twigfiddle.com @ 2024
Ask a question on Stackoverflow Report issue Download source code