<html>
<body><div class='header'><div style="width:750px;border-bottom: 5px solid #fc2802;margin-right:auto;margin-left:auto;">
<div style="width: 700px;padding: 10px 0 10px 0;margin: 0 auto; ">
<div style="width: 40%; display: inline-block;">
<img src="/home/tomcat/CRPRT1/webapps/ROOT/image/logo.png" width="90px" style="margin-bottom:2px ;"/>
</div>
<div style="width: 59%; display: inline-block;font-size: 11px; line-height: 15px;">
<div style="width: 50%; display: inline-block; border-right:1px solid #000 ; text-align:right;padding: 0 10px 0 0;">
A-25 , Sector -83 , Gautam Budh Nagar ,
<br>Noida , Uttar Pradesh-201305</br>
</div>
<div style="width: 42%; display: inline-block;padding: 0 0 0 10px;vertical-align: top;">
<div> <img src="" style=" vertical-align:middle;width: 14px !important;margin-right:10px ;"/>+91 120 3355131
</div>
<div> <img src="" style=" vertical-align:middle;width: 14px !important;margin-right:10px ;"/>[email protected]</div>
</div>
</div>
</div>
</div></div><div class='footer'><div style="width:670px;background-color: #fc2802;color: #fff; font-size: 11px;line-height: 18px; padding: 10px 25px; margin-right:auto;margin-left:auto;">
<div style="width: 33%;display: inline-block;">
<h4 style="margin: 0;">Web:www.spicemoney.com</h4>
<b>CIN:</b>U72900DL2000PLC104989
</div>
<div style="width: 66%;display: inline-block;">
<div><b>Spice Money Limited</b><span style=" font-size: 10px;margin-left: 4px;">(Formally Spice Digital
Limited)</span></div>
<div><b>Regd. Office:</b> 622, 6th Floor, DFL Tower A, Jasola District Center, New Delhi-110025</div>
</div>
</div></div><div class='content'><div style="margin: 0px auto 0;font-family: sans-serif; font-size: 14px;position:relative;"><div style="padding: 15px 0 10px; font-size: 14px;font-weight: bold; text-align:center">DELIVERY CHALLAN</div><div style="padding: 6px 0 10px; font-size: 14px;font-weight: bold; text-align:center">FOC</div><table style="width: 700px;border-collapse: collapse;font-size: 11px;margin-right:auto;margin-left:auto;border-left: 1px solid;border-right: 1px solid;border-top: 1px solid;"><tr>
<td rowspan="2" style="border-right: 1px solid;vertical-align: text-top; width: 50%;">
<div style="padding: 10px 8px 0px; font-size: 12px;font-weight: bold; text-decoration: underline;">Customer Details</div>
<table style="margin: 5px 8px 10px; font-size: 11px; width: 100%;">
<tr>
<td style="width: 100px; padding: 2px 0; vertical-align: text-top;font-weight:bold">Contact Name</td>
<td style=" padding: 3px 10px 3px 0;vertical-align: text-top;">:</td>
<td>Mr./Mrs Anchal Sharma</td>
</tr>
<tr>
<td style="width: 100px; padding: 2px 0; vertical-align: text-top;font-weight:bold">Firm Name</td>
<td style=" padding: 3px 10px 3px 0;vertical-align: text-top;">:</td>
<td>Distributor</td>
</tr>
<tr>
<td style="width: 100px; padding: 2px 0; vertical-align: text-top;font-weight:bold">Billing Address</td>
<td style=" padding: 3px 10px 3px 0;vertical-align: text-top;">:</td>
<td>Gwaliar ,Gwaliar,Madhya Pradesh,431704</td>
</tr>
<tr>
<td style="width: 100px; padding: 2px 0; vertical-align: text-top;font-weight:bold">Shipping Address</td>
<td style=" padding: 3px 10px 3px 0;vertical-align: text-top;">:</td>
<td>Gwaliar ,Gwaliar,Madhya Pradesh,431704</td>
</tr>
<tr>
<td style="width: 100px; padding: 2px 0; vertical-align: text-top;font-weight:bold">Contact Number</td>
<td style=" padding: 3px 10px 3px 0;vertical-align: text-top;">:</td>
<td>919884400644</td>
</tr>
<tr>
<td style="width: 100px; padding: 2px 0; vertical-align: text-top;font-weight:bold">State Code</td>
<td style=" padding: 3px 10px 3px 0;vertical-align: text-top;">:</td>
<td>Madhya Pradesh </td>
</tr>
<tr>
<td style="width: 100px; padding: 2px 0; vertical-align: text-top;font-weight:bold">Customer GST No</td>
<td style=" padding: 3px 10px 3px 0;vertical-align: text-top;">:</td>
<td>NA</td>
</tr>
</table>
</td>
<td style="vertical-align: text-top;">
<div style="padding: 10px 8px 0px; font-size: 12px;font-weight: bold; text-decoration: underline;">Challan Details</div>
<table style="border-bottom: 1px solid; padding: 5px 8px 10px; font-size: 11px;width: 100%;">
<tr>
<td style="width: 130px; padding: 2px 0;font-weight:bold">DC Date</td>
<td style=" padding: 3px 10px 3px 0;vertical-align: text-top;">:</td>
<td>22-04-2022</td>
</tr>
<tr>
<td style="width: 130px; padding: 2px 0;font-weight:bold">DC No</td>
<td style=" padding: 3px 10px 3px 0;vertical-align: text-top;">:</td>
<td>TestDC01</td>
</tr>
<tr>
<td style="width: 130px; padding: 2px 0;font-weight:bold">Ref. Payment Mode</td>
<td style=" padding: 3px 10px 3px 0;vertical-align: text-top;">:</td>
<td>Spicemoney Acquisition account</td>
</tr>
<tr>
<td style="width: 130px; padding: 2px 0;font-weight:bold">Ref. Order Date & Time</td>
<td style=" padding: 3px 10px 3px 0;vertical-align: text-top;">:</td>
</tr>
<tr>
<td style="width: 130px; padding: 2px 0;font-weight:bold">Ref. Order/Request No</td>
<td style=" padding: 3px 10px 3px 0;vertical-align: text-top;">:</td>
<td>22042022141384539798</td>
</tr>
<tr>
<td style="width: 130px; padding: 2px 0;font-weight:bold">Ref. Invoice No</td>
<td style=" padding: 3px 10px 3px 0;vertical-align: text-top;">:</td>
<td>SML/2022-2023/84539799</td>
</tr>
<tr>
<td style="width: 130px; padding: 2px 0;font-weight:bold">Ref. Invoice Date</td>
<td style=" padding: 3px 10px 3px 0;vertical-align: text-top;">:</td>
<td>22-04-2022</td>
</tr>
</table>
</td>
</tr><tr>
<td style="vertical-align: text-top;">
<div style="padding: 10px 8px 0px; font-size: 12px;font-weight: bold; text-decoration: underline;">Transporter Details</div>
<table style="margin: 5px 8px 10px; font-size: 11px;">
<tr>
<td style="width: 130px; padding: 2px 0;font-weight:bold">E-Way Bill No</td>
<td style=" padding: 3px 10px 3px 0;vertical-align: text-top;">:</td>
<td></td>
</tr>
<tr>
<td style="width: 130px; padding: 2px 0;font-weight:bold">Date of E-Way Bill</td>
<td style=" padding: 3px 10px 3px 0;vertical-align: text-top;">:</td>
<td></td>
</tr>
<tr>
<td style="width: 130px; padding: 2px 0;font-weight:bold">Name of Transporter/ Courier Partner</td>
<td style=" padding: 3px 10px 3px 0;vertical-align: text-top;">:</td>
<td></td>
</tr>
<tr>
<td style="width: 130px; padding: 2px 0;font-weight:bold">Mode</td>
<td style=" padding: 3px 10px 3px 0;vertical-align: text-top;">:</td>
<td></td>
</tr>
<tr>
<td style="width: 130px; padding: 2px 0;font-weight:bold">Vehicle Number</td>
<td style=" padding: 3px 10px 3px 0;vertical-align: text-top;">:</td>
<td></td>
</tr>
<tr>
<td style="width: 130px; padding: 2px 0;font-weight:bold">Date and Time</td>
<td style=" padding: 3px 10px 3px 0;vertical-align: text-top;">:</td>
<td></td>
</tr>
<tr>
<td style="width: 130px; padding: 2px 0;font-weight:bold">Tracking Number</td>
<td style=" padding: 3px 10px 3px 0;vertical-align: text-top;">:</td>
<td></td>
</tr>
</table>
</td>
</tr><tr>
<td colspan="2">
<table style="font-size:11px;width: 100.6%; border-collapse: collapse;margin: -1px -2px -2px;">
<tr>
<th style="text-align:center; border:1px solid; padding:3px 5px;width: 10px;">SNo.</th>
<th style="text-align:left; border:1px solid; padding:3px 5px;">Description of Goods</th>
<th style="text-align:center; border:1px solid; padding:3px 5px;width: 50px;">HSN / SAC</th>
<th style="text-align:center; border:1px solid; padding:3px 5px">Qty</th>
<th style="text-align:center; border:1px solid; padding:3px 5px;">Rate</th>
<th style="text-align:center; border:1px solid; padding:3px 5px;width: 60px;">Total Value</th>
</tr><tr>
<td style="text-align:center; border:1px solid; padding:3px 5px">1</td>
<td style="text-align:left; border:1px solid; padding:3px 5px">Bluedart Printer</td>
<td style="text-align:center; border:1px solid; padding:3px 5px">8443</td>
<td style="text-align:center; border:1px solid; padding:3px 5px">1</td>
<td style="text-align:center; border:1px solid; padding:3px 5px">2400</td>
<td style="text-align:center; border:1px solid; padding:3px 5px"> 2400 </td>
</tr><tr>
<td style="text-align:center; border:1px solid; padding:3px 5px">2</td>
<td style="text-align:left; border:1px solid; padding:3px 5px">Banking Kit (Mini-magic) - SD</td>
<td style="text-align:center; border:1px solid; padding:3px 5px">997119</td>
<td style="text-align:center; border:1px solid; padding:3px 5px">2</td>
<td style="text-align:center; border:1px solid; padding:3px 5px">2499</td>
<td style="text-align:center; border:1px solid; padding:3px 5px"> 4998 </td>
</tr><tr>
<td style="text-align:center; border:1px solid; padding:3px 5px">3</td>
<td style="text-align:left; border:1px solid; padding:3px 5px">Mantra Biometric</td>
<td style="text-align:center; border:1px solid; padding:3px 5px">8471</td>
<td style="text-align:center; border:1px solid; padding:3px 5px">1</td>
<td style="text-align:center; border:1px solid; padding:3px 5px">1650</td>
<td style="text-align:center; border:1px solid; padding:3px 5px"> 1650 </td>
</tr><tr>
<td style="text-align:center; border:1px solid; padding:3px 5px">4</td>
<td style="text-align:left; border:1px solid; padding:3px 5px">MoreFun</td>
<td style="text-align:center; border:1px solid; padding:3px 5px">997119</td>
<td style="text-align:center; border:1px solid; padding:3px 5px">2</td>
<td style="text-align:center; border:1px solid; padding:3px 5px">1599</td>
<td style="text-align:center; border:1px solid; padding:3px 5px"> 3198 </td>
</tr><tr>
<td colspan="3" style="text-align:center; border:1px solid; padding:3px 5px"> Total </td>
<td style="text-align:center; border:1px solid; padding:3px 5px"> 6.0 </td>
<td style="text-align:center; border:1px solid; padding:3px 5px"> </td>
<td style="text-align:center; border:1px solid; padding:3px 5px"> 12246.0 </td>
</tr><tr>
<td colspan="2" style="text-align:center; border:1px solid; padding:3px 5px"> Total Value in words: </td> <td colspan="8" style="text-align:center; border:1px solid; padding:3px 5px">Twelve Thousand Two Hundred Forty Six Rupees And Zero Paisa.</td>
</tr></table></td></tr><tr>
<td colspan="2" style="padding: 10px;border-bottom: 1px solid;">
<div style="margin-bottom: 3px;">Supplier GST No. : 09AABCC9662Q1ZU</div>
<div>Supplier PAN No. : AABCC9662Q</div>
</td>
</tr><tr>
<td colspan="2">
<div style="padding: 5px 4px 0px; font-size: 12px;font-weight: bold; text-decoration: underline;">Terms and Conditions:</div>
<ol style="padding-left: 20px;"> <li style="margin-bottom: 3px;">Order once submitted shall not be considered for refund.</li>
<li style="margin-bottom: 3px;">For billing related issues you may write back to customer care at [email protected] or you may dial customer care number-+91-9355726786/ 0120-5077786, 0120-3645645.</li>
<li style="margin-bottom: 3px;">Warranty will begin from the date of invoice of the device.</li>
<li style="margin-bottom: 3px;">Warranty is eligible for 1 year only, except for consumable items where warranty is for 6 months.</li>
<li style="margin-bottom: 3px;">In case of Biometric Device, device is billed with one year RD services subscription.</li>
</ol> <div style="padding: 5px 4px 5px; font-size: 11px;font-weight: bold;">
This is a computer generated invoice and does not require signature</div>
</td> </tr><tr>
<td colspan="2">
<div style="padding: 5px 4px 0px; font-size: 12px;font-weight: bold; text-decoration: underline;">Declaration:</div>
<ol style="padding-left: 20px;"> <li style="margin-bottom: 3px;">This Delivery challan is being issued against the Tax Invoice Dated….. No…….hereupon there is no involvment of costing since GST payment had already been done previously. Moreover we have also furnished the reference invoice details where GST payment was done.</li>
</ol>
</td> </tr></table></div></div></body></html> Write, Run & Share HTML code online using OneCompiler's HTML online Code editor for free. It's one of the robust, feature-rich online Code editor for HTML language, running on the latest version HTML5. Getting started with the OneCompiler's HTML compiler is simple and pretty fast. The editor shows sample boilerplate code when you choose language as HTML. You can also specify the stylesheet information in styles.css tab and scripts information in scripts.js tab and start coding.
HTML(Hyper Text Markup language) is the standard markup language for Web pages, was created by Berners-Lee in the year 1991. Almost every web page over internet might be using HTML.
<!DOCTYPE html><html> and ends with </html><h1> to <h6> where <h1> is the highest important heading and <h6> is the least important sub-heading.<p>..</p> tag.<a> tag.
<a href="https://onecompiler.com/html">HTML online compiler</a>
<img> tag, where src attribute consists of image name.<button>..</button> tag<ul> for unordered/bullet list and <ol> for ordered/number list, and the list items are defined in <li>.<a href="https://onecompiler.com/html">HTML online compiler</a>
CSS(cascading style sheets) describes how HTML elements will look on the web page like color, font-style, font-size, background color etc.
Below is a sample style sheet which displays heading in green and in Candara font with padding space of 25px.
body{
padding: 25px;
}
.title {
color: #228B22;
font-family: Candara;
}
<table> tag.<tr> tag<th> tag<td> tag<caption> tag<script> is the tag used to write scripts in HTML<script src="script.js"></script>