Skip to content

Instantly share code, notes, and snippets.

@PrafullaKumarSahu

PrafullaKumarSahu/footer.blade.php

Created July 29, 2019 14:09
Show Gist options
  • Save PrafullaKumarSahu/5d49a7c44686ef21ee13ccc99cce3ec7 to your computer and use it in GitHub Desktop.
Save PrafullaKumarSahu/5d49a7c44686ef21ee13ccc99cce3ec7 to your computer and use it in GitHub Desktop.
Download ZIP
pdf template
Raw
header.blade.php
<!DOCTYPE Html>
<html dir="ltr" lang="en" class="no-js">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width" />
<title>sprSimple Invoice</title>
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="{{ public_path('css\reset.css') }}" media="all" />
<link rel="stylesheet" href="{{ public_path('css\style.css') }}" media="all" />
<!--<link rel="stylesheet" href="{{ public_path('css\print.css') }}" media="print" />-->
<!-- give life to HTML5 objects in IE -->
<!--[if lte IE 8]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!-- js HTML class -->
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<style>
@page {
margin: 0cm 0cm 0cm 0cm ;
}
@media print {
body {
margin: 0cm 1.25cm 2.9cm 1.25cm;
}
}
#footer-main{
/*position: fixed!important;
bottom: 0;
left:0;
right: 0;
height: 2.9cm;*/
margin-top: 20px;
}
</style>
</head>
<body>
<!-- begin markup -->
<div id="invoice" class="new"><!-- print -->
<header id="header"><!-- HEADER -->
<div class="invoice-logo">
<img src="{{ asset('img/logo.jpg') }}" width="100%" alt="">
</div>
<div class="print-from"><!-- HEADER FROM -->
<div class="org">My company<br>Company address</div>
<div class="org">Phone: 0123456789</div>
<a class="email" href="mailto:[email protected]">E-mail: [email protected]</a>
</div><!-- HEADER FROM -->
</header><!-- HEADER -->
<!-- e: invoice header -->
Raw
mytemplate.blade.php
<div id="invoice" class="new"><!-- PRINT -->
<header id="header"><!-- HEADER -->
<div class="print-logo">
<img src="{{ asset('img/logo.jpg') }}" width="100%" alt="">
</div>
<div class="print-from"><!-- HEADER FROM -->
<div class="org">My Company<br>company address</div>
<div class="org">Phone: 0123456789</div>
<a class="email" href="mailto:[email protected]">E-mail: [email protected]</a>
</div><!-- HEADER FROM -->
</header><!-- HEADER -->
<!-- e: print header -->
<div class="this-is-line">
<div class="this-is">print</div><!-- DOC TITLE -->
</div>
<section id="info-to"><!-- TO SECTION -->
<div class="print-to-title">print TO</div><!-- print TO -->
<div class="address-content">
<div class="print-to">
<div class="to-org">
</div>
<div class="to-phone"></div>
<a class="to-email" href="mailto:"></a>
</div><!-- print TO -->
</div>
<div class="address-content">
<div class="to-org">
</div>
</div>
<div class="print-meta">
<div class="meta-uno print-number">print No:</div>
<div class="meta-duo"></div>
<div class="meta-uno print-date">print Date:</div>
<div class="meta-duo"></div>
<div class="meta-uno print-due">Customer order number:</div>
<div class="meta-duo">
</div>
</div>
</section><!-- TO SECTION -->
<section class="print-financials"><!-- FINANCIALS SECTION -->
<div class="print-items"><!-- print ITEMS -->
<table>
<thead>
<tr>
<th class="col-1">Description</th>
<th class="col-2">Quantity</th>
<th class="col-3">Unit Price</th>
<th class="col-4">Total</th>
</tr>
</thead>
<tbody>
<tr>
<th>
<!-- h1>Item Description</h1 -->
<p class="description"></p>
</th>
<td></td>
<td></td>
<td></td>
</tr>
@endforeach
@endif
</tbody>
</table>
</div><!-- print ITEMS -->
<div class="lower-block"><!-- TERMS&PAYMENT INFO -->
<div class="info">
</div>
<div class="print-totals"><!-- TOTALS -->
<table>
<tbody>
<tr>
<th>Subtotal</th>
<td></td>
</tr>
<tr>
<th>Delivery</th>
<td></td>
</tr>
<tr>
<th>VAT {{ $job->vat }}%</th>
<td></td>
</tr>
<tr>
<th class="col-1">Total Due:</th>
<td class="col-2"></td>
</tr>
</tbody>
</table>
<!--<div class="print-pay">
<h5>Pay with...</h5>
<ul>
<li>
<a href="#" class="gcheckout">Checkout with Google</a>
</li>
<li>
<a href="#" class="acheckout">Checkout with Amazon</a>
</li>
</ul>
</div>-->
</div><!-- TOTALS -->
<!--div class="print-signature"><strong></strong><br>
Project Director
</div-->
<!--div class="print-paynow"><a href="#">Pay Now</a></div-->
</div><!-- TERMS&PAYMENT INFO -->
</section><!-- FINANCIALS SECTION -->
<div style="text-align: right;font-size: 8px;">VAT: </div>
<div id="footer-main">
<div>
<div class="footer-img foot-cont">
<img src="{{ asset('img/logo1.png') }}" alt="">
<img src="{{ asset('img/logo2.png') }}" alt="">
<img src="{{ asset('img/logo3.png') }}" alt="">
<img src="{{ asset('img/logo4.png') }}" alt="">
<img src="{{ asset('img/logo5.png') }}" alt="">
<div style="clear: both;"></div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment