Template 3 Estimate HTML - mHelpDesk

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: &amp;
quot;
Arial Rounded MT Bold&amp;
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″>&nbsp;
</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_&middot; _MyCompanyEmail_
</td>
</tr>
</tbody>
</table>
</div>

Don't have an account? Try now risk free!

Click here for our support page