mHelpDesk
Field Service Automation Software Made Easy
HOME
PRICING
ABOUT US
FEATURES
CUSTOMERS
888-558-6275
LOGIN
FREE TRIAL
Template 3 Estimate HTML
Select all of the following code and paste in your mHelpDesk template. For instructions, please visit our
template library
.
<style type=”text/css”> body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } table { width: 100%; bordercollapse: collapse; } td { verticalalign: top; } .print_page_container, .section { width: 100%; fontfamily: Arial, Helvetica, sansserif; textalign: left; } .section { width: 100%; marginbottom: 36px; padding: 0 0; bordercollapse: collapse; borderspacing: 0; /*pagebreakinside: avoid;*/ } .leftbox, .rightbox { width: 48%; backgroundcolor: #F3F3F3; } .middlebox { width: 4%; } .customer_section, .contact_section { width: 100%; border: 0px solid #CCCCCC; bordercollapse: collapse; borderspacing: 0; } .print_heading, .ticket_heading, .mycompany_heading { textalign: left; fontweight: bold; color: #000000; bordercollapse: collapse; borderspacing: 0; borderbottom: 1px solid #CCCCCC; } .customer_body { padding: 3px 3px; } .amountdue_section { textalign: right; border: 2px solid #CCCCCC; bordercollapse: collapse; borderspacing: 0; } .ticket_section, .item_section, .asset_section, .appointment_section { width: 100%; textalign: left; border: 0px solid #CCCCCC; bordercollapse: collapse; borderspacing: 0; } .customer_label { display: none; textalign: left; fontweight: bold; color: #000000; backgroundcolor: #FFFFFF; verticalalign: top; whitespace: nowrap; } .ticket_label, .ticket_label2, .wolabel, .amountdue_label, .asset_label { textalign: left; verticalalign: top; fontweight: bold; color: #000000; backgroundcolor: #FFFFFF; whitespace: nowrap; border: 1px solid #CCCCCC; bordercollapse: collapse; borderspacing: 0; padding: 2px 2px; } .ticket_text, .ticket_text2, .wotext, .wotext_number, .amountdue_text, .asset_text { textalign: left; verticalalign: top; color: #000000; backgroundcolor: #FFFFFF; border: 1px solid #CCCCCC; bordercollapse: collapse; borderspacing: 0; padding: 2px 2px; } .ticket_label, .ticket_label2 { width: 10%; } .ticket_text, .ticket_text2 { width: 40%; } .customer_label { width: 10%; marginleft: 10px; } .customer_text { width: 40%; } .asset_label { width: 20%; } .asset_text { width: 80%; } .wotext_number { textalign: right; whitespace: nowrap; } .wotext, .wotext_number { paddingtop: 3px; paddingbottom: 3px; paddingleft: 3px; paddingright: 3px; } .my_company_info { textalign: left; color: #000000; backgroundcolor: #FFFFFF; } .customer_section, .customer_label, .customer_text, .contact_section, .wolabel { textalign: left; } .amountdue_label { textalign: right; } .ticket_info { fontfamily: & quot; Arial Rounded MT Bold& quot; ; color: #DDDDDD; textalign: center; } .largeHeader { } .print$10028.00label { whitespace: nowrap; } .print$10028.00text { textalign: right; } .signature { width: 216px; pagebreakinside: avoid; } .my_company_logo { } .dates_and_terms { bordercollapse: collapse; width: 360px; fontweight: normal; marginleft: auto; marginright: 1px; } .dates_and_terms td { padding: 5px 10px; } .dates_and_terms_label { textalign: left; whitespace: nowrap; } .dates_and_terms_text { textalign: right; whitespace: nowrap; } .balance_due { fontweight: bold; backgroundcolor: #EEE; border: 1px solid #CCC; } .invoice_row .wolabel { backgroundcolor: #EEE; } .item_section td { padding: 0px 10px; fontsize: 0.9em; } .print_subtotal_text { } #itemlist table{ table-layout: auto; } #itemlist td{ border:0; padding:2px; } #itemlist tr:nth-child(odd){ background-color: #FFF; } #itemlist tr:nth-child(even){ background-color: ; } #itemlist tr:first-child td{ border-bottom:1px solid black; } .item_tax {display: none;} </style> <div class=”print_page_container”> <table class=”section”> <tbody> <tr> <td style=”text-align: center;”>_MyCompanyLogo_ </td> </tr> </tbody> </table> <table> </table> <table class=”section” style=”font-size: 12px; margin: 0px;”> <tbody> <tr> <td style=”padding: 10px 3px; border-bottom: 4px solid black;”><strong style=”padding: 0px; margin: 0px; font-family: times new roman; font-size: 22px;”>ESTIMATE </strong><strong style=”color: #0a689e; font-size: 22px; font-family: times new roman;”>_EstimateID_</strong> </td> <td style=”text-align: right; padding: 10px 3px; border-bottom: 4px solid black;”> _MyCompanyName_<br /> License #8364 </td> </tr> </tbody> </table> <table class=”section” style=”float: right; font-size: 12px; margin: 0px;”> <tbody> <tr> <td style=”width: 70%; padding: 5px 2px; border-bottom: 1px solid black;”> Date of Proposal: _EstimateDate_ </td> <td rowspan=”2″ style=”width: 70%; text-align: center; padding: 5px 2px; border-bottom: 1px solid black;”> <strong style=”font-size: 18px; color: #0a689e;”></strong> </td> </tr> </tbody> </table> <table class=”section” style=”float: right; font-size: 12px; margin: 0px;”> <tbody> <tr> <td style=”width: 50%; padding: 20px 5px 40px; border-bottom: 3px solid black;”><strong><span style=”text-decoration: underline;”>Billing Address</span><br /> </strong>_CustomerInfo_</td> <td style=”text-align: right; width: 50%; padding: 20px 5px 40px; border-bottom: 3px solid black;”> <strong><span style=”text-decoration: underline;”>Job Site</span><br /> </strong>_ServiceLocationName_<br /> _ServiceLocationAddress_<br /> _ContactPhone_</td> </tr> </tbody> </table> <table class=”section” style=”float: right; font-size: 12px; margin: 0px;”> <tbody> <tr> <td style=”text-align: center;”> <strong>100% Customer Satisfaction is our goal! <br /> <br /> If you have any concerns regarding any aspect of our quote, please call our office and share them with us.</strong> </td> </tr> </tbody> </table> <table class=”section” style=”float: right; font-size: 12px; margin: 0px;”> <tbody> <tr> <td id=”itemlist”> _Estimate.Items_ </td> </tr> </tbody> </table> <table class=”section” style=”float: right; font-size: 12px; margin: 0px;”> <tbody> <tr> <td style=”width: 60%; border-bottom: 2px solid black;”> <br /> </td> <td style=”width: 20%; border-bottom: 2px solid black; padding: 10px 5px 8px; color: #0a689e; text-align: right;”><strong> <span style=”font-size: 14px;”>ESTIMATED TOTAL</span> </strong></td> <td style=”width: 20%; border-bottom: 2px solid black; padding: 8px 5px; text-align: right; color: #0a689e;”> <span style=”font-size: 14px;”><strong>_Estimate.Total_</strong></span> </td> </tr> </tbody> </table> <table class=”section” style=”float: right; font-size: 12px; margin: 0px;”> <tbody> <tr> <td style=”vertical-align: top; width: 50%; padding: 10px 2px 20px; border-bottom: 2px solid black;”><span style=”font-size: 14px; font-family: times new roman; color: #0a689e;”>ESTIMATE NOTES</span><br /> _EstimateNotes_ </td> </tr> </tbody> </table> <!– Signature –> <table cellspacing=”0″ cellpadding=”0″ border=”0″ class=”section”> <tbody> <tr> <td> <p style=”text-align: center;”><a href=”http://tinypic.com?ref=24e2ioi” target=”_blank”><img style=”border-width: 0px; border-style: solid; text-align: center;” src=”http://i58.tinypic.com/24e2ioi.jpg” alt=”Image and video hosting by TinyPic” /></a> </p> <p> </p> </td> <td style=”width: 50%;”> <table cellspacing=”6″ cellpadding=”2″ border=”0″ style=”width: 100%;”> <tbody> <tr> <td colspan=”2″> </td> </tr> <tr> <td style=”width: 75%; border-bottom: 1px solid #000000;”> <span style=”font-size: 12px;”><br /> _Estimate.Signature_ </span></td> <td valign=”bottom” style=”width: 22%; border-bottom: 1px solid #000000;”> <br /> <span style=”font-size: 12px;”> _Estimate.SignatureDate_ </span></td> </tr> <tr> <td style=”margin-bottom: 20px;”> <span style=”font-size: 12px;”>Signature </span></td> <td style=”margin-bottom: 20px;”><span style=”font-size: 12px;”> Date </span></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table width=”99%” class=”section” style=”float: right; font-size: 12px; margin: 0px;”> <tbody> <tr> <td style=”vertical-align: top; width: 50%; padding: 10px 2px 5px; border-bottom: 4px solid black; text-align: center; border-top: 1px solid black;”>_MyCompanyName_<br /> _MyCompanyPhone_· _MyCompanyEmail_ </td> </tr> </tbody> </table> </div>
Don't have an account? Try now risk free!
Click here for our support page