<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
    <head>
        <title>{% if content.html_title and content.html_title != '' %}{{ content.html_title }}{% else %}{{ content.body.subject }}{% endif %}</title>
        <meta property="og:title" content="{% if content.html_title and content.html_title != '' %}{{ content.html_title }}{% else %}{{ content.body.subject }}{% endif %}">
        <meta name="twitter:title" content="{% if content.html_title and content.html_title != '' %}{{ content.html_title }}{% else %}{{ content.body.subject }}{% endif %}">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        {% if content.meta_description %}<meta name="description" content="{{ content.meta_description }}"/>{% endif %}
        <style type="text/css" id="hs-inline-css">
/*<![CDATA[*/
  /* everything in this node will be inlined */

  /* ==== Page Styles ==== */

  body, #backgroundTable {
      background-color: {{ background_color }}; /* Use body to determine background color */
      font-family: {{ primary_font }};
  }

  #templateTable {
      width: {{ email_body_width }}px;
      background-color: {{ body_color }};
      -webkit-font-smoothing: antialiased;
  }

  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
      display:block;
      font-weight:bold;
      line-height:100%;
      margin-top:0;
      margin-right:0;
      margin-bottom:10px;
      margin-left:0;
  }

  h1, .h1 {
      font-size:26px;
  }

  h2, .h2 {
      font-size:20px;
  }

  h3, .h3 {
      font-size:15px;
  }

  h4, .h4 {
      font-size:13px;
  }

  h5, .h5 {
      font-size:11px;
  }

  h6, .h6 {
      font-size:10px;
  }

  /* ==== Header Styles ==== */

  #headerTable {
      background-color: {{ background_color }};
      color:{{ primary_font_color }};
      font-family:{{ primary_font }};
      font-size:10px;
      line-height:120%;
      text-align:right;
      border-collapse: separate !important;
      padding-right: {{email_body_padding}}px;
  }

  #headerTable a:link, #headerTable a:visited, /*Y*/ #headerTable a .yshortcuts /*Y*/{
      font-weight:normal;
      text-decoration:underline;
  }

  /* ==== Template Wrapper Styles ==== */

  #contentCell {
      padding: 10px 20px;
      background-color: {{ background_color }};
  }

  #contentTableOuter {
      border-collapse: separate !important;

      background-color: {{ body_color }};
      {% if email_main_body_box_shadow_css and email_main_body_box_shadow_css != '' %}
      box-shadow: {{ email_main_body_box_shadow_css }};
      {% endif %}

      padding: {{email_body_padding}}px;
  }

  #contentTableInner {
      width: {{email_body_width}}px;
  }

  /* ==== Body Styles ==== */

  .bodyContent {
      color:{{ primary_font_color }};
      font-family:{{ primary_font }};
      font-size: {{primary_font_size }};
      line-height:150%;
      text-align:left;
  }

  /* ==== Column Styles ==== */

  table.columnContentTable {
      border-collapse:separate !important;
      border-spacing:0;

      background-color: {{ body_color }};
  }

  td.columnContent {
      color:{{ primary_font_color }};
      font-family:{{ primary_font }};
      font-size:{{primary_font_size }};
      line-height:120%;
      padding-top:20px;
      padding-right:20px;
      padding-bottom:20px;
      padding-left:20px;
  }

  /* ==== Footer Styles ==== */

  #footerTable {
      background-color: {{ background_color }};
  }

  #footerTable a {
      color: {{ secondary_font_color }};
  }

  #footerTable {
      color:{{ secondary_font_color }};
      font-family:{{ primary_font }};
      font-size:12px;
      line-height:120%;
      padding-top:20px;
      padding-right:20px;
      padding-bottom:20px;
      padding-left:20px;
      text-align:center;
  }

  #footerTable a:link, #footerTable a:visited, /*Y*/ #footerTable a .yshortcuts /*Y*/{
      font-weight:normal;
      text-decoration:underline;
  }

  .hs-image-social-sharing-24 {
      max-width: 24px;
      max-height: 24px;
  }

  /* ==== Standard Resets ==== */
  .ExternalClass{
      width:100%;
  } /* Force Hotmail to display emails at full width */
  .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {
      line-height: 100%;
  } /* Force Hotmail to display normal line spacing */
  body, table, td, p, a, li, blockquote{
      -webkit-text-size-adjust:100%;
      -ms-text-size-adjust:100%;
  } /* Prevent WebKit and Windows mobile changing default text sizes */
  table, td {
      mso-table-lspace:0pt;
      mso-table-rspace:0pt;
  } /* Remove spacing between tables in Outlook 2007 and up */
  img {
      vertical-align: bottom;
      -ms-interpolation-mode:bicubic;
  } /* Allow smoother rendering of resized image in Internet Explorer */

  /* Reset Styles */
  body {
      margin:0;
      padding:0;
  }
  table {
      border-collapse:collapse !important;
  }
  body, #backgroundTable, #bodyCell{
      height:100% !important;
      margin:0;
      padding:0;
      width:100% !important;
  }
  a:link, a:visited {
      border-bottom: none;
  }

  /* iOS automatically adds a link to addresses */
  /* Style the footer with the same color as the footer text */
  #footer a {
      color: {{ secondary_font_color }};;
      -webkit-text-size-adjust: none;
      text-decoration: underline;
      font-weight: normal
  }
/*]]>*/
</style>

        <!--[if !mso]><!-- -->
<style type="text/css">
/*<![CDATA[*/
  /* ==== Mobile Styles ==== */

  /* Constrain email width for small screens */
  @media screen and (max-width: 650px) {
      table#backgroundTable {
          width: 95% !important;
      }

      table#templateTable {
          max-width:{{ email_body_width }}px !important;
          width:100% !important;
      }

      table#contentTableInner {
          max-width:{{ email_body_width }}px !important;
          width:100% !important;
      }

      /* Makes image expand to take 100% of width*/
      img {
          width: 100% !important;
          height: auto !important;
      }

      #contentCell {
          padding: 10px 10px !important;
      }

      #headerTable {
          padding-right: {{email_body_padding_num / 2 |int}}px !important;
      }

      #contentTableOuter {
          padding: {{email_body_padding_num / 2 |int}}px !important;
      }
  }

  @media only screen and (max-width: 480px) {
      /* ==== Client-Specific Mobile Styles ==== */
      body, table, td, p, a, li, blockquote{
          -webkit-text-size-adjust:none !important;
      } /* Prevent Webkit platforms from changing default text sizes */
      body{
          width:100% !important;
          min-width:100% !important;
      } /* Prevent iOS Mail from adding padding to the body */

      /* ==== Mobile Reset Styles ==== */
      td#bodyCell {
          padding:10px !important;
      }

      /* ==== Mobile Template Styles ==== */

      table#templateTable {
          max-width:{{ email_body_width }}px !important;
          width:100% !important;
      }

      table#contentTableInner {
          max-width:{{ email_body_width }}px !important;
          width:100% !important;
      }

      /* ==== Image Alignment Styles ==== */

      h1, .h1 {
          font-size:26px !important;
          line-height:125% !important;
      }

      h2, .h2 {
          font-size:20px !important;
          line-height:125% !important;
      }

      h3, .h3 {
          font-size:15px !important;
          line-height:125% !important;
      }

      h4, .h4 {
          font-size:13px !important;
          line-height:125% !important;
      }

      h5, .h5 {
          font-size:11px !important;
          line-height:125% !important;
      }

      h6, .h6 {
          font-size:10px !important;
          line-height:125% !important;
      }

      .hide {
          display:none !important;
      } /* Hide to save space */

      /* ==== Body Styles ==== */

      td.bodyContent {
          font-size:16px !important;
          line-height:145% !important;
      }

      /* ==== Footer Styles ==== */

      td#footerTable {
          padding-left: 0px !important;
          padding-right: 0px !important;
          font-size:12px !important;
          line-height:145% !important;
      }

      /* ==== Image Alignment Styles ==== */

      table.alignImageTable {
          width: 100% !important;
      }

      td.imageTableTop {
          display: none !important;
          /*padding-top: 10px !important;*/
      }
      td.imageTableRight {
          display: none !important;
      }
      td.imageTableBottom {
          padding-bottom: 10px !important;
      }
      td.imageTableLeft {
          display: none !important;
      }

      /* ==== Column Styles ==== */

      td.column {
          display: block !important;
          width: 100% !important;
          padding-top: 0 !important;
          padding-right: 0 !important;
          padding-bottom: 0 !important;
          padding-left: 0 !important;
      }

      td.columnContent {
          font-size:14px !important;
          line-height:145% !important;

          padding-top: 10px !important;
          padding-right: 10px !important;
          padding-bottom: 10px !important;
          padding-left: 10px !important;
      }

      #contentCell {
          padding: 10px 0px !important;
      }

      #headerTable {
          padding-right: {{email_body_padding_num / 2 |int}}px !important;
      }

      #contentTableOuter {
          padding: {{email_body_padding_num / 2 |int}}px !important;
      }
  }
/*]]>*/
</style>
<!--<![endif]-->

        
        <!--[if gte mso 9]>
          <xml>
            <o:OfficeDocumentSettings>
              <o:AllowPNG/>
              <o:PixelsPerInch>96</o:PixelsPerInch>
            </o:OfficeDocumentSettings>
          </xml>
        <![endif]-->
    </head>
    <body class="" style="" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0">
        <!-- Preview text (text which appears right after subject) -->
        <div id="preview_text" style="display:none;font-size:1px;color:{{background_color}};line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">
            {% text "preview_text" label="Preview Text <span class=help-text>This will be used as the preview text that displays in some email clients</span>", value="", no_wrapper=True %}
        </div>

        <!--  The  backgroundTable table manages the color of the background and then the templateTable maintains the body of 
        the email template, including preheader & footer. This is the only table you set the width of to, everything else is set to 
        100% and in the CSS above. Having the width here within the table is just a small win for Lotus Notes. -->

        <!-- Begin backgroundTable -->  
        <table align="center" bgcolor="{{ background_color }}" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable">
            <tr>
                <td align="center" valign="top" id="bodyCell"> <!-- When nesting tables within a TD, align center keeps it well, centered. -->
                    <!-- Begin Template Container -->
                    <!-- This holds everything together in a nice container -->
                    <table border="0" cellpadding="0" cellspacing="0" id="templateTable">
                        <tr>
                            <td align="center" valign="top">
                                <!-- Begin Template Preheader -->
                                <table border="0" cellpadding="0" cellspacing="0" width="100%" id="headerTable">
                                    <div class="header-container-wrapper">
<tr>
<td align="center" valign="top" class="bodyContent" width="100%" colspan="12">
<table cellpadding="0" cellspacing="0" border="0" width="100%" class="templateColumnWrapper">
            <tr>
<td valign="top" colspan=12 width="100.0%" class=" column" style="width:100.0%; text-align: left; padding: 0; font-family: {{ primary_font }}; font-size: {{ primary_font_size }}; line-height: 1.5em; color: {{ primary_font_color }}; ">

<div class="widget-span widget-type-raw_html " style="" data-widget-type="raw_html">
<div class="layout-widget-wrapper">
{% widget_block raw_html "module_148281373140671" overrideable=False, label='Custom HTML' %}
{% widget_attribute "value" %}<style>
    @import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,900');
    * { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;  }
    a { text-decoration:none; }
    img { border:none; }
    body { font-family: 'Raleway', sans-serif; }
    
    p { margin:0 0 10px; }

    
    @media (max-width:550px){
        
         body p { margin:0 0 15px; }
             .container,
             #main_body,
             table { width:100% !important; }
             
             body .main-header td { padding-bottom:30px !important; }
             body h1 { padding:0 0 5px !important; font-size:30px !important;  }
             
             body .rss-box { padding:10px 0 !important;   }
             body .rss-content { padding:25px 15px !important; } 
            
        }
        
</style>{% end_widget_attribute %}
{% end_widget_block %}
</div><!--end layout-widget-wrapper -->
</div><!--end widget-span -->
   </td>
           </tr>
    </table>
   </td>
</tr>
<tr>
<td align="center" valign="top" class="bodyContent" width="100%" colspan="12">
<table cellpadding="0" cellspacing="0" border="0" width="100%" class="templateColumnWrapper">
            <tr>
<td valign="top" colspan=12 width="100.0%" class=" column" style="width:100.0%; text-align: left; padding: 0; font-family: {{ primary_font }}; font-size: {{ primary_font_size }}; line-height: 1.5em; color: {{ primary_font_color }}; ">

<div class="widget-span widget-type-email_view_as_web_page " style="" data-widget-type="email_view_as_web_page">
{% if content.create_page %}
<div style="padding-top: 15px; font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; text-align: right; font-size: 9px; line-height: 1.34em; color: {{ secondary_font_color }}">
    Not rendering correctly? View this email as a web page <a class="hubspot-mergetag" style="color: {{ secondary_font_color }}; text-decoration: underline; white-space: nowrap" data-viewaswebpage="true" href="{{ view_as_page_url }}">here</a>.
</div>

{% endif %}
</div><!--end widget-span -->
   </td>
           </tr>
    </table>
   </td>
</tr>
</div><!--end header wrapper -->
                                </table>
                                <!-- End Template Preheader -->
                            </td>
                        </tr>
                        <tr>
                            <td align="center" valign="top" id="contentCell">
                                <!-- Begin Template Wrapper -->
                                <!-- This separates the preheader which usually contains the "open in browser, etc" content
                                from the actual body of the email. Can alternatively contain the footer too, but I choose not
                                to so that it stays outside of the border. -->
                                <table border="0" cellpadding="0" cellspacing="0" width="100%" id="contentTableOuter" style="{{email_body_border_css}}">
                                    <tr>
                                        <td align="center" valign="top">
                                            <table border="0" cellpadding="0" cellspacing="0" id="contentTableInner">
                                                <div class="body-container-wrapper">
<tr>
<td align="center" valign="top" class="bodyContent" width="100%" colspan="12">
<table cellpadding="0" cellspacing="0" border="0" width="100%" class="templateColumnWrapper">
            <tr>
<td valign="top" colspan=12 width="100.0%" class=" column" style="width:100.0%; text-align: left; padding: 0; font-family: {{ primary_font }}; font-size: {{ primary_font_size }}; line-height: 1.5em; color: {{ primary_font_color }}; text-align:center; box-sizing:border-box;background-color:#174859;padding-left:10px;padding-right:10px;">

<table cellpadding="0" cellspacing="0" border="0" width="100%">
    <tr>
<td align="center" valign="top" class="bodyContent" width="100%" colspan="12">
<table cellpadding="0" cellspacing="0" border="0" width="100%" class="templateColumnWrapper">
                <tr>
<td valign="top" colspan=12 width="100.0%" class="container column" style="width:100.0%; text-align: left; padding: 0; font-family: {{ primary_font }}; font-size: {{ primary_font_size }}; line-height: 1.5em; color: {{ primary_font_color }}; background-color:#be9354;padding-top:60px;padding-bottom:80px;">

<table cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
<td align="center" valign="top" class="bodyContent" width="100%" colspan="12">
<table cellpadding="0" cellspacing="0" border="0" width="100%" class="templateColumnWrapper">
                    <tr>
<td valign="top" colspan=12 width="100.0%" class=" column" style="width:100.0%; text-align: left; padding: 0; font-family: {{ primary_font }}; font-size: {{ primary_font_size }}; line-height: 1.5em; color: {{ primary_font_color }}; ">

<table border="0" cellpadding="0" cellspacing="0" width="100%" style=" background-color:#be9354;" class="main-header columnContentTable"><tr><td align="center" valign="top" class="columnContent widget-span widget-type-text" style="text-align: left; padding: 0; font-family: {{ primary_font }}; font-size: {{ primary_font_size }}; line-height: 1.5em; color: {{ primary_font_color }}; text-transform:uppercase;color:#ffffff;font-weight:500;letter-spacing:4px;font-size:18px;font-family:'Raleway', sans-serif;text-align:center; padding-left:00px;padding-bottom:90px;" data-widget-type="text">

<div class="layout-widget-wrapper">
{% text "module_1482814040961135" overrideable=True, value='OCEANIA', label='Company Name'%}
</div><!--end layout-widget-wrapper -->
</td></tr></table><!--end widget-table -->
           </td>
                   </tr>
            </table>
           </td>
       </tr>
        <tr>
<td align="center" valign="top" class="bodyContent" width="100%" colspan="12">
<table cellpadding="0" cellspacing="0" border="0" width="100%" class="templateColumnWrapper">
                    <tr>
<td valign="top" colspan=12 width="100.0%" class=" column" style="width:100.0%; text-align: left; padding: 0; font-family: {{ primary_font }}; font-size: {{ primary_font_size }}; line-height: 1.5em; color: {{ primary_font_color }}; ">

<div class="widget-span widget-type-rich_text " style="text-align:center;" data-widget-type="rich_text">
<div class="layout-widget-wrapper">
{% widget_block rich_text "module_1482814059521139" overrideable=True, label='Rich Text' %}
{% widget_attribute "html" %}<h1 style="color: #fff; text-transform: uppercase; font-weight: 800; font-family: 'Raleway', sans-serif; font-size: 36px; line-height: 40px; margin: 0; padding: 0 0 5px;">NEWSLETTER</h1>
<span style="display: inline-block; vertical-align: top;"><img src="http://www.sparkreaction.com/hubfs/images/email/divider.png"></span><br><br>
<p style="color: #fff; font-weight: 300; font-family: 'Raleway', sans-serif; font-size: 18px; line-height: 24px;">Sit amet, consectetur adipiscing elit. Sed iaculis leo <br>ac dolor placerat tincidunt.</p>{% end_widget_attribute %}
      {% end_widget_block %}
</div><!--end layout-widget-wrapper -->
</div><!--end widget-span -->
           </td>
                   </tr>
            </table>
           </td>
       </tr>
    </table>
   </td>
               </tr>
        </table>
       </td>
   </tr>
</table>
</td>
           </tr>
    </table>
   </td>
</tr>
<tr>
<td align="center" valign="top" class="bodyContent" width="100%" colspan="12">
<table cellpadding="0" cellspacing="0" border="0" width="100%" class="templateColumnWrapper">
            <tr>
<td valign="top" colspan=12 width="100.0%" class=" column" style="width:100.0%; text-align: left; padding: 0; font-family: {{ primary_font }}; font-size: {{ primary_font_size }}; line-height: 1.5em; color: {{ primary_font_color }}; background-color:#F1F1F1;padding-top:25px;padding-bottom:25px;">

<table cellpadding="0" cellspacing="0" border="0" width="100%">
    <tr>
<td align="center" valign="top" class="bodyContent" width="100%" colspan="12">
<table cellpadding="0" cellspacing="0" border="0" width="100%" class="templateColumnWrapper">
                <tr>
<td valign="top" colspan=12 width="100.0%" class=" column" style="width:100.0%; text-align: left; padding: 0; font-family: {{ primary_font }}; font-size: {{ primary_font_size }}; line-height: 1.5em; color: {{ primary_font_color }}; ">

<table border="0" cellpadding="0" cellspacing="0" width="100%" style=" background-color:#F1F1F1;" class=" columnContentTable"><tr><td align="center" valign="top" class="columnContent widget-span widget-type-raw_jinja" style="text-align: left; padding: 0; font-family: {{ primary_font }}; font-size: {{ primary_font_size }}; line-height: 1.5em; color: {{ primary_font_color }};  padding-bottom:20px;" data-widget-type="raw_jinja">

<div class="container" style="width:600px; max-width:100%; margin:0 auto; float:none;">
<table width="600" align="center"  style="padding:25px 0 0;" class="rss-box" border="0" cellspacing="0" cellpadding="0"  >
    <tr>
        <td style="line-height:0;" >
            {% image "banner_image" label='banner image',  src='http://www.sparkreaction.com/hubfs/images/email/notification-banner.jpg', width='600' style="border:none; height:auto; width:600px; max-width:100%;" %}
    	</td>
	</tr>
	
	<tr>
		<td style="padding:0; line-height:inherit;" >
			<table class="rss-content" bgcolor="#fff" width="600" style="padding:30px;  box-sizing:border-box; background:#fff; " border="0" cellspacing="0" cellpadding="0"  >
				<tr>
					<td>
						<div class="post-content" style="color:#666666; font-size:16px; line-height:24px; font-weight:400; font-family:'Raleway',sans-serif;  " >
    					  {% rich_text "email_content" label="Enter your email content here" html='<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis tincidunt leo. Morbi mollis convallis odio vitae blandit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis semper, sem nec dictum placerat, nisi nisi faucibus dui, sit amet sagittis orci nunc vitae magna. Curabitur quis viverra erat, ac accumsan massa. Pellentesque lacinia nibh a laoreet dapibus. Vestibulum molestie laoreet pretium.</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis tincidunt leo. Morbi mollis convallis odio vitae blandit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis semper, sem nec dictum placerat, nisi nisi faucibus dui, sit amet sagittis orci nunc vitae magna. Curabitur quis viverra erat, ac accumsan massa. Pellentesque lacinia nibh a laoreet dapibus. Vestibulum molestie laoreet pretium.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis tincidunt leo. Morbi mollis convallis odio vitae blandit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis semper, sem nec dictum placerat, nisi nisi faucibus dui, sit amet sagittis orci nunc vitae magna. Curabitur quis viverra erat, ac accumsan massa. Pellentesque lacinia nibh a laoreet dapibus. Vestibulum molestie laoreet pretium.</p>' %}
						</div>
					</td>
				</tr>
                </tr>     
   <tr>
       <td  style="text-align:center; background:#fff; padding:20px 0;  " class="social-icon"  >
       {% raw_html "social_media_icons" label="Link your social media icons" value='        <a href="#"><img style="border:none; width:16px;" src="http://www.sparkreaction.com/hubfs/images/email/social-icon-1.png"/></a>&nbsp;&nbsp;
        <a href="#"><img style="border:none; width:16px;" src="http://www.sparkreaction.com/hubfs/images/email/social-icon-2.png"/></a>&nbsp;&nbsp;
        <a href="#"><img style="border:none; width:16px;" src="http://www.sparkreaction.com/hubfs/images/email/social-icon-3.png"/></a>&nbsp;&nbsp;
        <a href="#"><img style="border:none; width:16px;" src="http://www.sparkreaction.com/hubfs/images/email/social-icon-4.png"/></a>&nbsp;&nbsp;
        <a href="#"><img style="border:none; width:16px;" src="http://www.sparkreaction.com/hubfs/images/email/social-icon-5.png"/></a>' %}
       </td>
   </tr>
			</table>
		</td>
	</tr>
</table>
</div>



</div><!--end widget-span -->
</td></tr></table><!--end widget-table -->
       </td>
               </tr>
        </table>
       </td>
   </tr>
</table>
</td>
           </tr>
    </table>
   </td>
</tr>
<tr>
<td align="center" valign="top" class="bodyContent" width="100%" colspan="12">
<table cellpadding="0" cellspacing="0" border="0" width="100%" class="templateColumnWrapper">
            <tr>
<td valign="top" colspan=12 width="100.0%" class=" column" style="width:100.0%; text-align: left; padding: 0; font-family: {{ primary_font }}; font-size: {{ primary_font_size }}; line-height: 1.5em; color: {{ primary_font_color }}; ">

<table border="0" cellpadding="0" cellspacing="0" width="100%" style=" background-color:#f1f1f1;" class=" columnContentTable"><tr><td align="center" valign="top" class="columnContent widget-span widget-type-text" style="text-align: left; padding: 0; font-family: {{ primary_font }}; font-size: {{ primary_font_size }}; line-height: 1.5em; color: {{ primary_font_color }}; text-transform:uppercase;color:#666666;font-weight:500;letter-spacing:4px;font-size:18px;font-family:'Raleway', sans-serif;text-align:center; padding-bottom:20px;" data-widget-type="text">

<div class="layout-widget-wrapper">
{% text "module_1482823311043752" overrideable=True, value='OCEANIA', label='Company Name'%}
</div><!--end layout-widget-wrapper -->
</td></tr></table><!--end widget-table -->
   </td>
           </tr>
    </table>
   </td>
</tr>
</div><!--end body wrapper -->
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                                <!-- End Template Wrapper -->
                            </td>
                        </tr>
                        <tr>
                            <td align="center" valign="top">
                                <!-- Begin Template Footer -->
                                <table border="0" cellpadding="0" cellspacing="0" width="100%" id="footerTable">
                                    <div class="footer-container-wrapper">
<tr>
<td align="center" valign="top" class="bodyContent" width="100%" colspan="12">
<table cellpadding="0" cellspacing="0" border="0" width="100%" class="templateColumnWrapper">
            <tr>
<td valign="top" colspan=12 width="100.0%" class=" column" style="width:100.0%; text-align: left; padding: 0; font-family: {{ primary_font }}; font-size: {{ primary_font_size }}; line-height: 1.5em; color: {{ primary_font_color }}; ">

<div class="widget-span widget-type-email_can_spam " style="" data-widget-type="email_can_spam">
<p id="footer" style="text-align: center; font-family: 'Raleway', sans-serif; font-size: 12px; line-height: 24px; font-weight: 400; color: #666666; display: block;">{{ site_settings.company_name }} &nbsp;&nbsp;{{ site_settings.company_street_address_1 }} &nbsp;{{ site_settings.company_street_address_2 }} &nbsp;{{ site_settings.company_city }} &nbsp;{{ site_settings.company_state }} &nbsp;&nbsp;{{ site_settings.company_zip }} &nbsp;&nbsp;{{ site_settings.company_country }}<br>Vous recevez cet email car vous êtes inscrit&nbsp; à&nbsp;&nbsp;{{ site_settings.company_name }} .<br>Vous pouvez mettre à jour vos <a data-unsubscribe="true" style="text-decoration: underline; whitespace: nowrap; color: #666666;" href="{{ unsubscribe_link }}" target="_blank">préférences email</a>&nbsp;afin de choisir le type d'email que vous recevez.<br> &nbsp;<a data-unsubscribe="true" style="text-decoration: underline; whitespace: nowrap; color: #666666;" href="{{ unsubscribe_link_all }}" target="_blank">Se désabonner de tous les emails</a>&nbsp;</p>
</div><!--end widget-span -->
   </td>
           </tr>
    </table>
   </td>
</tr>
</div><!--end footer wrapper -->
                                    <tr>
                                        {% hubspot_footer %}
                                    </tr>
                                </table>
                                <!-- End Template Footer -->
                            </td>
                        </tr>
                    </table>
                    <!-- End Template Container -->
                </td>
            </tr>
        </table>
    </body>
</html>
