Created
July 26, 2018 02:58
-
-
Save apexdodge/5e67764b4722e280c01ff53701535ded to your computer and use it in GitHub Desktop.
Bootstrap 4 Packing Slip HTML Template
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html lang="en"> | |
<head> | |
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"> | |
</head> | |
<body> | |
<main role="main" class="container"> | |
<div class="row"> | |
<div class="col-8"> | |
<h1 class="text-center">Api2Pdf</h1> | |
<img src="https://www.api2pdf.com/wp-content/uploads/2018/07/600x150.png" /> | |
<h5 class="text-left" style="padding-top:10px;">Message from Purchaser</h5> | |
<p class="text-left">Api2Pdf is a powerful PDF generation API with no rate limits or file size constraints. Generate PDFs from | |
HTML, URLs, images, office documents, and more. Merge PDFs together. Api2Pdf runs on AWS Lambda, a serverless | |
architecture powered by Amazon to scale to millions of requests while being up to 90% cheaper than alternatives. | |
The REST API provides endpoints for WKHTMLTOPDF, Headless Chrome, LibreOffice, and Merge PDFs. Learn | |
more at | |
<a href="https://www.api2pdf.com">https://www.api2pdf.com</a> | |
</p> | |
</div> | |
<div class="col-4 border border-dark"> | |
<img src="http://www.api2pdf.com/wp-content/uploads/2018/07/download-1.png" /> | |
<h4>Order Information</h4> | |
<p class="lead">Order Number: 123456</p> | |
<p>Purchased: 01/01/2018</p> | |
<p>Shipped: 01/01/2018</p> | |
<h4>Shipping To</h4> | |
<p>John Doe</p> | |
<p>123 Angel Blvd</p> | |
<p>APT 7</p> | |
<p>New York, NY 11111</p> | |
<p>United States</p> | |
</div> | |
</div> | |
<hr/> | |
<table class="table table-bordered"> | |
<thead> | |
<tr> | |
<th scope="col">Item Code</th> | |
<th scope="col">Item Name</th> | |
<th scope="col">Quantity</th> | |
</tr> | |
</thead> | |
<tbody> | |
<tr> | |
<td scope="row">001</th> | |
<td>Can of Beer</td> | |
<td>1</td> | |
</tr> | |
<tr> | |
<td scope="row">002</th> | |
<td>T-Shirt - SMALL</td> | |
<td>3</td> | |
</tr> | |
<tr> | |
<td scope="row">003</th> | |
<td>Men's Jeans - SIZE 32</td> | |
<td>1</td> | |
</tr> | |
</tbody> | |
</table> | |
<div class="row"> | |
<div class="col-12"> | |
<div class="card bg-faded"> | |
<div class="card-header"> | |
Return Policy | |
</div> | |
<div class="card-body"> | |
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel mi sed est imperdiet tempus. Praesent ac ipsum lectus. In vel posuere nulla, eget mattis mi. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus nec ex sed risus feugiat sagittis. Vivamus egestas id neque auctor vulputate. Donec tincidunt, leo ut malesuada mattis, felis dolor lacinia enim, sit amet fermentum est turpis id augue. Vivamus rutrum aliquam ornare. Proin leo dolor, porta ut libero nec, ultricies tincidunt elit. Vivamus pharetra lacus augue, ut sagittis velit pellentesque vitae.</p> | |
</div> | |
</div> | |
</div> | |
</div> | |
</main> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.min.js"></script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment