| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485 |
- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
- <meta name="description" content="foo">
- <title>Xyz</title>
- <style type="text/css">
- /*
- Brown Background #5e4237
- Beige Background #c7bdbb
- /* bugfixing for email clients */
- .ExternalClass {width:100%;} /* Forces Hotmail to display emails at full width */
- .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%;}
- /* Forces Hotmail to display normal line spacing, here is more on that:
- http://www.emailonacid.com/forum/viewthread/43/
- */
- table td {border-collapse:collapse;}
- /*This resolves the Outlook 07, 10, and Gmail td padding issue. Heres more info:
- http://www.ianhoar.com/2008/04/29/outlook-2007-borders-and-1px-padding-on-table-cells
- http://www.campaignmonitor.com/blog/post/3392/1px-borders-padding-on-table-cells-in-outlook-07
- */
- p { padding:0; margin:0; margin-bottom:0; }
- label { padding-right:10px;}
- .checkbox input[type=checkbox] {
- margin-right: 10px;
- }
- a, a:link { color:#382e2c; text-decoration:underline; }
- body { margin:0; padding:0; background-color:#ffffff; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana; font-size:11px; color:#382e2c;}
- #mainDiv { background-color:#ffffff; width: 650px; color:#382e2c; padding:00px; }
- .bold { font-weight:bold;}
- .center { text-align:center!important}
- .pb10 { padding-bottom: 10px!important;}
- .pt10 { padding-top:10px!important;}
- .pt20 { padding-top:20px!important;}
- .pr35 { padding-right:35px!important}
- .pr30 { padding-right: 30px!important;}
- .uppercase { text-transform:uppercase;}
- .spacer { width:650px; height:10px; line-height:10px; font-size:10px;}
- .content { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana; font-size:11px; padding-left:40px; background-color:#c7bdbb; color:#382e2c; vertical-align:top; line-height:16px; text-align:left; padding-right:10px; padding-top:10px;}
- ul { margin-left:-25px; margin-top:0px; margin-bottom: 0px;}
- .roomTypeLink { color:#c7bdbb; text-decoration:none}
- /* main table */
- .mainTable { width: 650px; table-layout:fixed; }
- .contentTD { width:650px; text-align:left}
- .subTable { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana; text-align:left; font-size:11px; width:650px;}
- /* footer */
- .subTableFooter { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana; text-align:left; font-size:11px; width:650px; background-color: #1f1f1d; }
- .footerContent { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana; background-color: #1f1f1d; text-align:center; padding-left:40px; padding-top: 20px; padding-right:5px; padding-bottom:10px; color:#c7bdbb; font-size:11px; font-weight:300; vertical-align:top}
- .footerPhone { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana; background-color: #1f1f1d; text-align:left; padding-left:40px; padding-top: 10px; padding-right:5px; padding-bottom:30px; color:#c7bdbb; font-size:11px; font-weight:300; vertical-align:top}
- .footerSocialMedia { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana; text-align:right; font-size:11px; background-color: #1f1f1d; padding-right:5px; padding-top:0px; padding-bottom:0px; border:0px;}
- .footerLogo { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana; background-color: #1f1f1d; text-align:left; padding-left:40px; padding-top: 10px; padding-right:5px; padding-bottom:30px; color:#c7bdbb; font-size:11px; font-weight:bold; vertical-align:bottom}
- /* end */
- </style>
- </head>
- <body>
- <center>
- <table class="subTableFooter" cellspacing="0" cellpadding="0">
- <tbody>
- <tr>
- <td class="footerContent" colspan="2"><span style="color: #d9751c; font-weight: bold;">香港酒店</span><br>大街88香港<br> <a style="text-decoration: none; color: #c7bdbb;" href="mailto:email1@foo.com" target="_blank">email1@foo.com</a><br> <a style="text-decoration: none; color: #c7bdbb;" href="mailto:email2@foo.com" target="_blank">email2@foo.com</a><br> <a style="text-decoration: none; color: #c7bdbb;" href="http://www.foo.com" target="_blank">www.foo.com</a></td>
- </tr>
- <tr>
- <td class="footerPhone">T +852 123 4567 (总机) <br> T +x 1111 (订房部)<br> F +y 1200 (总机)<br> <br> <a href="https://www.facebook.com/foohongkong" target="_blank"><img class="footerSocialMedia" alt="Facebook" src="/img/foo/bar/social_fb_on.jpg"></a> <a href="https://twitter.com/foo_HKG" target="_blank"><img class="footerSocialMedia" alt="Twitter" src="/img/foo/bar/social_t_on.jpg"></a> <a href="http://foo.com/bar" target="_blank"><img class="footerSocialMedia" alt="" src="/img/foo/bar/social_wb_on.jpg"></a> <a href="http://foo.com/bar" target="_blank"><img class="footerSocialMedia" alt="Wordpress" src="/img/foo/bar/social_wp_on.jpg"></a></td>
- <td class="footerLogo"><img style="border: 0;" alt="照片" src="/img/foo/bar/hotel_logo.png"></td>
- </tr>
- </tbody>
- </table>
- </center>
- </body>
- </html>
|
