<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div> <p>Hi [Bussiness Head], </p> <p>The enquiry has been submitted by the sales person [Salesperson Name]. </p> <p>The enquiry details mentioned below. </p> <table class="table table-sm table-bordered"> <tbody> <tr> <th style="width: 160px;">Artwork No</th> <td style="width: 404.8px;">[Artwork No]</td> </tr> <tr> <th style="width: 160px;">Sales person Code</th> <td style="width: 404.8px;">[Salesperson Code]</td> </tr> <tr> <th style="width: 160px;">Vertical</th> <td style="width: 404.8px;">[Vertical]</td> </tr> <tr> <th style="width: 160px;">Customer Name</th> <td style="width: 404.8px;">[Customer No] - [Customer Name] (New)</td> </tr> <tr> <th style="width: 160px;">Item Name</th> <td style="width: 404.8px;">[Item No] - [Item Name] (New)</td> </tr> <tr> <th style="width: 160px;">Printing preffered location</th> <td style="width: 404.8px;">[Location]</td> </tr> <tr> <th style="width: 160px;">PCB Requirement & its Suggested Position</th> <td style="width: 404.8px;">[PCB Req]</td> </tr> <tr> <th style="width: 160px;">Structure</th> <td style="width: 404.8px;">[Structure]</td> </tr> <tr> <th style="width: 160px;">Type of supply</th> <td style="width: 404.8px;">[Type Of Supply]</td> </tr> <tr> <th style="width: 160px;">Enquiry Quantity</th> <td style="width: 404.8px;">[Quantity] [UOM] (Approx)</td> </tr> <tr> <th style="width: 160px;">Recovery Type</th> <td style="width: 404.8px;">[Recovery Type]</td> </tr> <tr> <th style="width: 160px;">Amortization</th> <td style="width: 404.8px;"> <table class="table-borderless"> <tbody> <tr> <th style="width: 33%;">Quantity</th> <th style="width: 0.2475%;"> : </th> <td style="width: 60.7525%;">[A Quantity]</td> </tr> <tr> <th style="width: 33%;">Cost per unit</th> <th style="width: 0.2475%;"> : </th> <td style="width: 60.7525%;">[A Cost Per Unit]</td> </tr> <tr> <th style="width: 33%;">Amortize Type</th> <th style="width: 0.2475%;"> : </th> <td style="width: 60.7525%;">[A Type]</td> </tr> </tbody> </table> </td> </tr> <tr> <th style="width: 160px;">Comments</th> <td style="width: 404.8px;">[Comments]</td> </tr> </tbody> </table> <p> <div style="width:100%;text-align:center;"> <a title="Approve" class="btn btn-primary btn-lg" href="#" target="_blank" rel="noopener">Approve</a></p> </div> <p>Thanks,</p> <p>Kris Team</p> </div> </div>