Guest User

Untitled

a guest
Jan 30th, 2013
357
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.33 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5.     <title>INDIVIDU.NO - Oppdatering av ordrestatus</title>
  6.    
  7.     <style type="text/css">
  8.  
  9.         /*
  10.            NOTE: CSS should be inlined to avoid having it stripped in certain email clients like GMail.
  11.            Use online tools like http://premailer.dialect.ca/ to inline css easily
  12.         */
  13.        
  14.         /* General */
  15.    
  16.         body, table, p, td, ul, ol{ color:#555555; font-family: Arial, sans-serif; font-size:12px; line-height:22px; }
  17.                    
  18.         h1{ font-size: 24px; line-height:30px; font-weight: bold; margin:0 0 8px 0; padding:0; color:#252525; letter-spacing:-1px; }   
  19.             h1 span{ color:#252525; } /* Hotmail header color bug fix */
  20.             h1 a{ text-decoration:none; color:#3279BB; }
  21.            
  22.         h2{ font-size: 18px; line-height:24px; font-weight: bold; margin:0 0 10px 0; padding:0; color:#252525; }
  23.             h2 span{ color:#252525; } /* Hotmail header color bug fix */
  24.             h2 a{ text-decoration:none; color:#3279BB; }   
  25.            
  26.         h3{ font-size: 14px; line-height:20px; font-weight: bold; margin:0 0 12px 0; padding:0; color:#252525; }
  27.             h3 span{ color:#252525; } /* Hotmail header color bug fix */
  28.             h3 a{ text-decoration:none; color:#3279BB; }   
  29.                
  30.         h4{ font-size: 12px; line-height:18px; margin:0 0 14px 0; padding:0; color:#252525; font-weight: bold; }
  31.             h4 span{ color:#252525; } /* Hotmail header color bug fix */
  32.             h4 a{ text-decoration:none; color:#3279BB; }
  33.         h5{ font-size: 8px; line-height:14px; margin:0 0 14px 0; padding:0; color:#252525; font-weight: bold; }
  34.                 h5 span{ color:#252525; } /* Hotmail header color bug fix */
  35.                 h5 a{ text-decoration:none; color:#3279BB; }   
  36.  
  37.         p{ margin:0 0 12px 0; padding:0; }
  38.             a{ color:#3279BB; text-decoration:underline; }       
  39.             i{ font-style:italic; }
  40.             b{ font-weight:bold; }
  41.             img{ border:none; }
  42.            
  43.         ul{ list-style-type: disc; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }
  44.         ol{ list-style-type: decimal; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }    
  45.         blockquote{ margin: 0 20px 12px 20px; padding:0; } 
  46.        
  47.         /* Custom classes */
  48.        
  49.         .wrapper{ table-layout:fixed; } /* Hotmail centering bug fix */
  50.         .block{ display:block; }        /* Gmail and Hotmail space under images bug fix */
  51.         .last{ margin-bottom:0; }       /* Used to reduce spacing */
  52.        
  53.         .shout{ color:#FF0000; }
  54.         .silence{ color:#666666; font-weight:400; }
  55.                
  56.         .text-align-center{ text-align:center; }
  57.         .text-align-right { text-align:right;  }
  58.        
  59.         .img-left-aligned { margin-right:20px; margin-top:5px; }
  60.         .img-right-aligned{ margin-left:20px; margin-top:5px;  }       
  61.        
  62.         .bordered{ border-width:1px 1px 1px 1px; border-spacing: 0; border-style:solid solid solid solid; border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4;}           
  63.         .bordered-bottom{ border-bottom-width:1px; border-bottom-spacing: 0; border-bottom-style:solid; border-bottom-color:#D4D6D4;}          
  64.                    
  65.         /* Layout */
  66.        
  67.         body { width:100%; margin:0; padding:0; }
  68.        
  69.         .view-browser{ color:#666666; }
  70.             .view-browser a{ color:#666666; text-decoration:underline; }
  71.            
  72.         .main-content-wrap{ border-width:10px 0px 0px 0px; border-spacing: 0; border-style:solid solid solid solid;
  73.                             border-color:#fbfbfb #fbfbfb #fbfbfb #fbfbfb; border-collapse:collapse; background-color:#fbfbfb; }
  74.                            
  75.             .header{}
  76.                
  77.                 .menu{ border-width:1px 0px 1px 0px; border-spacing: 0; border-style:solid solid solid solid;
  78.                        border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4; border-collapse:collapse;}
  79.            
  80.             .content{}
  81.            
  82.             .footer{}
  83.                 .footer-content{ border-top-width:0px; border-top-style:solid; border-top-color: #D4D6D4; }
  84.    
  85.         .copyright{ color:#999999; }
  86.             .copyright a{ color:#999999; text-decoration:underline; }
  87.         .table {
  88.             margin-bottom:15px;
  89.             color:#666;
  90.             table-layout:fixed;
  91.             width: 100%;
  92.             border-collapse: separate;
  93.             -moz-border-radius: 3px;
  94.             -moz-box-shadow: 0 1px 2px #d1d1d1;
  95.             -webkit-border-radius: 3px;
  96.             -webkit-box-shadow:0 1px 2px #d1d1d1;
  97.             background: #eaebec;
  98.             border: 1px solid #e0e0e0;
  99.             border-radius: 3px;
  100.             box-shadow: 0 1px 2px #d1d1d1;
  101.             text-shadow: 1px 1px 0px #fff;
  102.            
  103.         }
  104.         .table_body_left {
  105.             width: 50%;
  106.             font-size: 12px;
  107.             line-height: 18px;
  108.             padding: 4px 5px;
  109.             background: #fafafa;
  110.             border-bottom: 1px solid #e0e0e0;
  111.         }
  112.         .table_body_right {
  113.             width: 50%;
  114.             font-size: 12px;
  115.             line-height: 18px;
  116.             padding: 4px 5px;
  117.             background: #f6f6f6;
  118.             border-bottom: 1px solid #e0e0e0;
  119.             border-left: 1px solid #e0e0e0;
  120.         }
  121.        
  122.         .table_body_bottom_left {
  123.             width: 50%;
  124.             font-size: 12px;
  125.             line-height: 18px;
  126.             padding: 4px 5px;
  127.             border-bottom: 1px solid #e0e0e0;
  128.             background: #f6f6f6;
  129.         }
  130.        
  131.         .table_body_bottom_right {
  132.             width: 50%;
  133.             font-size: 12px;
  134.             line-height: 18px;
  135.             padding: 4px 5px;
  136.             border-bottom: 1px solid #e0e0e0;
  137.             background: #f6f6f6;
  138.             border-left: 1px solid #e0e0e0;
  139.         }
  140.        
  141.         .table_body_product_head {
  142.             width: 100%;
  143.             margin-bottom: 15px;
  144.             color: #666;
  145.             table-layout: auto;
  146.             border-collapse: separate;
  147.             -moz-border-radius: 3px;
  148.             -moz-box-shadow: 0 1px 2px #d1d1d1;
  149.             -webkit-border-radius: 3px;
  150.             -webkit-box-shadow: 0 1px 2px #d1d1d1;
  151.             background: #eaebec;
  152.             border: 1px solid #e0e0e0;
  153.             border-radius: 3px;
  154.             box-shadow: 0 1px 2px #d1d1d1;
  155.             text-shadow: 1px 1px 0px #fff;
  156.            
  157.         }                  
  158.     </style>
  159.  
  160. </head>
  161. <body bgcolor="#fbfbfb">
  162.  
  163. <!-- WRAPPER TABLE --> <table class="wrapper" width="100%" cellpadding="0" cellspacing="0"><tr><td bgcolor="#fbfbfb">  
  164. <!-- ///////////////////////////////////// NEWSLETTER CONTENT  /////////////////////////////////// -->     
  165.    
  166. <!-- ////////////////////////////////// START MAIN CONTENT WRAP ////////////////////////////////// --> 
  167.    
  168.     <table rules="none" frame="border" class="main-content-wrap" width="600" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#fbfbfb">
  169.     <tr><td class="header" valign="top">
  170.        
  171. <!-- ////////////////////////////////// START HEADER ////////////////////////////////////////////  -->
  172.                
  173.         <br><br>
  174.        
  175.         <table width="540" cellpadding="0" cellspacing="0" align="center">
  176.             <tr>
  177.                 <td align="center">
  178.                     <a href="http://individu.no/">
  179.                         <img src="http://individu.no/image/data/logo_individu.png" alt="" class="block">
  180.                     </a>
  181.                 </td>
  182.                
  183.                 <td valign="top" width="" align="right">
  184.                     <a href="http://individu.no/index.php?route=account/login">
  185.                         <img src="http://individu.no/image/data/newsletter/images/account.png" alt="Din konto"></a><br>&nbsp;
  186.                     <a href="http://individu.no/index.php?route=information/contact">
  187.                         <img src="http://individu.no/image/data/newsletter/images/contact.png" alt="Kontakt oss"></a><br>&nbsp;
  188.                     <a href="https://www.facebook.com/individu.no">
  189.                         <img src="http://individu.no/image/data/newsletter/images/facebook.png" alt="Lik oss på facebook!"></a>
  190.                 </td>
  191.             </tr>
  192.         </table>
  193.        
  194.         <img src="http://individu.no/image/data/newsletter/images/divider-individu-600x31-2.gif" alt="" class="block" width="600" border="0" height="31">
  195. <!-- ////////////////////////////////// END HEADER /////////////////////////////////////////////// -->
  196.  
  197.     </td></tr> 
  198.     <tr><td class="content" valign="top">
  199.  
  200. <!-- ////////////////////////////////// START MAIN CONTENT. ADD MODULES BELOW //////////////////// -->
  201.  
  202.         <!-- Module #1 | 1 col, 540px -->
  203.         <table width="540" cellpadding="0" cellspacing="0" align="center">
  204.             <tr>
  205.                
  206.                 <td valign="top">
  207.                
  208.                     <h2>Ordrebekreftelse - {order_id}</h2>
  209.                    
  210.                     <p>
  211.                         Hei {firstname}! Takk for at du handlet hos individu.no. Vi har mottatt din ordre
  212.                         vil bli behandlet så fort som mulig. Dersom det er noe du lurer på kan du besøke vårt
  213.                         kundesenter (LINK) eller ta kontakt med oss på mail [email protected].
  214.                         <br /><br />
  215.                         <strong><a href="{order_href}">Klikk her for å se din ordre.</a></strong>
  216.                         <br><br>
  217.                        
  218.                         <p>
  219.                         <strong>Kommentar:</strong> {client_comment}
  220.                         </p>
  221.                         <table class="table" cellpadding="0" cellspacing="0" width="100%">
  222.                             <thead>
  223.                                 <tr>
  224.                                     <th colspan="2" style="font-size: 14px; padding: 6px 5px 4px; background: #ededed; font-weight: bold;">Ordredetaljer</th>
  225.                                 </tr>
  226.                             </thead>
  227.                             <tbody>
  228.                                 <tr>
  229.                                     <td class="table_body_left">
  230.                                         <strong>Ordre nummer:</strong> {order_id}
  231.                                         <br />
  232.                                         <strong>Bestillingsdato:</strong> {order_date}
  233.                                         <br />
  234.                                         <strong>Ordrestatus:</strong> {status_name}
  235.                                         <br />
  236.                                         <strong>Betalingsmåte:</strong> {payment}
  237.                                         <br />
  238.                                         <strong>Fraktmetode:</strong> {shipment}
  239.                                     </td>
  240.                                     <td class="table_body_right">
  241.                                         <strong>Email:</strong>  {email}
  242.                                         <br />
  243.                                         <strong>Telefon:</strong>  {telephone}
  244.                                         <br />
  245.                                     </td>
  246.                                 </tr>
  247.                                 <tr>
  248.                                     <td class="table_body_bottom_left">
  249.                                         <strong>Bestillingsadresse:</strong>
  250.                                         <br />
  251.                                         <span style="line-height: 14px">{payment_address}</span>
  252.                                     </td>
  253.                                     <td class="table_body_bottom_right">
  254.                                         <strong>Leveringsadresse:</strong>
  255.                                         <br />
  256.                                         <span style="line-height: 14px">{shipping_address}</span>
  257.                                     </td>
  258.                                 </tr>
  259.                             </tbody>
  260.                         </table>
  261.                         <table class="table_body_product_head" width="100%" cellpadding="0" cellspacing="0">
  262.                             <thead>
  263.                                 <tr>
  264.                                     <th style="font-size: 14px; padding: 6px 5px 4px; background: #ededed; font-weight: bold">Produkt:</th>
  265.                                     <th style="font-size: 14px; padding: 6px 5px 4px; background: #ededed; font-weight: bold">Modell:</th>
  266.                                     <th style="font-size: 14px; text-align: center; padding: 6px 5px 4px; background: #ededed; font-weight: bold">Antall:</th>
  267.                                     <th style="font-size: 14px; text-align: center; padding: 6px 5px 4px; background: #ededed; font-weight: bold">Pris:</th>
  268.                                     <th style="font-size: 14px; text-align: center; padding: 6px 5px 4px; background: #ededed; font-weight: bold">Totalt:</th>
  269.                                 </tr>
  270.                             </thead>
  271.                             {product:start}
  272.                             <tbody>
  273.                                 <tr>
  274.                                 <td style="word-wrap: break-word; padding: 4px 5px; font-size: 12px; border-bottom: 1px solid #e0e0e0; background:#fafafa;">
  275.                                     <img src="{product_image}" style="border: none; float: left; inline: inline; margin-right: 5px;" />{product_name} {product_option}
  276.                                 </td>
  277.                                 <td style="padding: 4px 5px; font-size: 12px; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; background: #fafafa">
  278.                                     {product_model}
  279.                                 </td>
  280.                                 <td style="text-align: center; padding: 4px 5px; font-size: 12px; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; background: #fafafa">
  281.                                     {product_quantity}
  282.                                 </td>
  283.                                 <td style="text-align: center; padding: 4px 5px; font-size: 12px; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; background: #fafafa">
  284.                                     {product_price}
  285.                                 </td>
  286.                                 <td style="text-align: center; padding: 4px 5px; font-size: 12px; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; background: #fafafa">
  287.                                     {product_total}
  288.                                 </td>
  289.                                 </tr>
  290.                             </tbody>
  291.                             {product:stop}
  292.                             {total:start}
  293.                             <tfoot>
  294.                                 <tr>
  295.                                     <td colspan="3" style="text-align: right; font-size: 11px; padding: 5px; background: #f5f5f5; border-bottom: 1px solid #e0e0e0"><strong>{total_title}</strong></td>
  296.                                     <td colspan="2" style="text-align: right; font-size: 12px; padding: 5px; border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; background: #f6f6f6">{total_value}</td>
  297.                                 </tr>
  298.                             </tfoot>
  299.                             {total:stop}
  300.                         </table>
  301.                     </p>
  302.                 </td>
  303.             </tr>  
  304.         </table>
  305.         <!-- End Module #1 -->
  306.  
  307. <!-- ////////////////////////////////// END MAIN CONTENT ///////////////////////////////////////// -->
  308.  
  309.     </td></tr>
  310.     <tr><td class="footer" valign="top">
  311.    
  312. <!-- ////////////////////////////////// START FOOTER ///////////////////////////////////////////// -->
  313.        
  314.         <img src="http://individu.no/image/data/newsletter/images/footer-divider-individu-600x31.gif" alt="" class="block" width="600" border="0" height="31">
  315.        
  316.         <table width="600" cellpadding="0" cellspacing="0" align="center" bgcolor="#fbfbfb">
  317.             <tr>
  318.                 <td class="footer-content" valign="top">
  319.                        
  320.  
  321.                    
  322.                     <table width="540" cellpadding="0" cellspacing="0" align="center">
  323.                         <tr>
  324.                             <td valign="top" width="206">
  325.                                 <h4><span>Om Individu.no</span></h4>
  326.                                 Individu.no er en utfordrer på markedet hvor vi stever etter å ha en
  327.                                 god kundebehandling til enhver tid. Vi har også alltid fri frakt!
  328.                             </td>
  329.                             <td width="20">&nbsp;</td><!-- spacer -->
  330.  
  331.                             <td width="20">&nbsp;</td><!-- spacer -->
  332.                             <td valign="top" width="146">
  333.                            
  334.                                 <h4><span>Følg oss på facebook!</span><br><i>Det kan lønne seg!</i></h4>
  335.                                 <a href="http://www.facebook.com/individu.no"><img src="http://individu.no/image/data/newsletter/social/facebook.png" alt="" width="28" border="0" height="28"></a>                
  336.                             </td>
  337.                         </tr>
  338.                     </table>
  339.                    
  340.                     <img src="http://individu.no/image/data/newsletter/images/footer-divider-individu-600x31.gif" alt="" class="block" width="600" border="0" height="31">
  341.                    
  342.                     <!-- company info + subscription -->
  343.                     <table width="540" cellpadding="0" cellspacing="0" align="center">
  344.                         <tr>
  345.                             <td valign="top">
  346.                                    <b>© INDIVIDU AS</b>, Kapteinsvingen 4B, 3214 -  
  347.                                     <a href="mailto:[email protected]">[email protected]</a>
  348.                                  <h5> Denne mailen ble sendt til {email}.
  349.                                 Dersom dette er feil kan ta kontakt med oss</h5>
  350.                            
  351.                             </td>
  352.                         </tr>  
  353.                     </table>
  354.                     <!-- end company info + subscription -->
  355.                 </td>
  356.             </tr>
  357.         </table>
  358.        
  359. <!-- ////////////////////////////////// END FOOTER /////////////////////////////////////////////// -->
  360.    
  361.     </td></tr>
  362.     </table>
  363.    
  364. <!-- ////////////////////////////////// END MAIN CONTENT WRAP //////////////////////////////////// -->
  365.    
  366.     <br><br><br>
  367.        
  368. <!-- ///////////////////////////////////// END NEWSLETTER CONTENT  /////////////////////////////// -->         
  369. </td></tr></table><!-- END WRAPPER TABLE -->
  370.  
  371.    
  372. </body>
  373. </html>
Advertisement
Add Comment
Please, Sign In to add comment