Skip to content

Tenzing / banners-with-skip

Go to a project
Toggle navigation
Toggle navigation pinning
7ac51c19 by Jeff Balicki
Options

3

1 parent ddcbde36
Inline Side-by-side
Showing 24 changed files with 1215 additions and 0 deletions
This diff could not be displayed because it is too large.
DanRempel
aAnsd6Fn9z
\ No newline at end of file
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<!-- This is a simple example template that you can edit to create your own custom templates -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- Facebook sharing information tags -->
<meta property="og:title" content="*|MC:SUBJECT|*" />
<title>*|MC:SUBJECT|*</title>
<style type="text/css">
/* NOTE: CSS should be inlined to avoid having it stripped in certain email clients like GMail.
MailChimp automatically inlines CSS for you or you can use this tool: http://beaker.mailchimp.com/inline-css. */
/* Client-specific Styles */
#outlook a{padding:0;} /* Force Outlook to provide a "view in browser" button. */
body{width:100% !important;} /* Force Hotmail to display emails at full width */
body{-webkit-text-size-adjust:none;} /* Prevent Webkit platforms from changing default text sizes. */
/* Reset Styles */
body{margin:0; padding:0;}
img{border:none; font-size:1px; font-weight:bold; height:auto; line-height:100%;
outline:none; text-decoration:none; text-transform:capitalize; display:block !important;
margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0;}
#backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;}
/* table{margin: 0; padding: 0;}*/
/* tr{margin: 0; padding: 0;}*/
td, li{
color:#33333333;
font-family:Arial;
font-size:12px;
line-height:150%;
}
/* Template Styles */
/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: COMMON PAGE ELEMENTS /\/\/\/\/\/\/\/\/\/\ */
/**
* @tab Page
* @section background color
* @tip Set the background color for your email.
* @theme page
*/
body, .backgroundTable{
/*@editable*/ background-color:#DBDCDE;
}
/**
* @tab Page
* @section email border
* @tip Set the border for your email.
*/
#templateContainer{
/*border: 1px solid #D1D3D4;*/
}
/**
* @tab Page
* @section heading 1
* @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings.
* @theme heading1
*/
h1, .h1{
/*color:#68737a !important;*/
display:block;
font-family:Arial;
font-size:23px;
font-weight:bold;
line-height:110%;
margin-top:8px;
margin-right:0px;
margin-bottom:8px;
margin-left:0px;
text-align:left;
}
/**
* @tab Page
* @section heading 2
* @tip Set the styling for all second-level headings in your emails.
* @theme heading2
*/
h2, .h2{
color:#6a747b !important;;
display:block;
font-family:Arial;
font-size:18px;
font-weight:bold;
line-height:110%;
margin-top:12px;
margin-right:0px;
margin-bottom:8px;
margin-left:0px;
text-align:left;
}
/**
* @tab Page
* @section heading 3
* @tip Set the styling for all third-level headings in your emails.
* @theme heading3
*/
h3, .h3{
color:#6a747b !important;;
display:block;
font-family:Arial;
font-size:14px;
font-weight:bold;
line-height:110%;
margin-top:12px;
margin-right:0px;
margin-bottom:8px;
margin-left:0px;
text-align:left;
}
/**
* @tab Page
* @section heading 4
* @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
* @theme heading4
*/
h4, .h4{
color:#6a747b !important;;
display:block;
font-family:Arial;
font-size:12px;
font-weight:bold;
line-height:110%;
margin-top:12px;
margin-right:0px;
margin-bottom:8px;
margin-left:0px;
text-align:left;
}
/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: PREHEADER /\/\/\/\/\/\/\/\/\/\ */
/**
* @tab Header
* @section preheader style
* @tip Set the background color for your email's preheader area.
* @theme page
*/
#templatePreheader{
background-color:#F1F1F2;
}
/**
* @tab Header
* @section preheader text
* @tip Set the styling for your email's preheader text. Choose a size and color that is easy to read.
*/
.preheaderContent div{
color:#666666;
font-family:Arial;
font-size:10px;
line-height:100%;
text-align:left;
}
/**
* @tab Header
* @section preheader link
* @tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text.
*/
.preheaderContent div a:link, .preheaderContent div a:visited{
color:#666666;
font-weight:normal;
text-decoration:underline;
}
.preheaderContent div img{
height:auto;
max-width:600px;
}
/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: HEADER /\/\/\/\/\/\/\/\/\/\ */
/**
* @tab Header
* @section header style
* @tip Set the background color and border for your email's header area.
* @theme header
*/
#templateHeader{
/*background-color:#ff6600;*/
border-bottom:0;
}
/**
* @tab Header
* @section header text
* @tip Set the styling for your email's header text. Choose a size and color that is easy to read.
*/
/**
* @tab Header
* @section header text
* @tip Set the styling for your email's header text. Choose a size and color that is easy to read.
*/
.headerContent{
color:#FFFFFF;
font-family:Arial;
font-size:12px;
font-weight:normal;
line-height:100%;
padding:0;
text-align:right;
vertical-align:middle;
text-transform: uppercase;
}
/**
* @tab Header
* @section header link
* @tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
*/
.headerContent a:link, .headerContent a:visited{
color:#FFFFFF;
font-weight:normal;
text-decoration:underline;
}
#headerImage{
height:auto;
max-width:600px !important;
}
/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: MAIN BODY /\/\/\/\/\/\/\/\/\/\ */
/**
* @tab Body
* @section body style
* @tip Set the background color for your email's body area.
*/
#templateContainer, .bodyContent{
background-color:#FFFFFF;
}
/**
* @tab Body
* @section body text
* @tip Set the styling for your email's main content text. Choose a size and color that is easy to read.
* @theme main
*/
.bodyContent div{
color:#333333;
font-family:Arial;
font-size:12px;
line-height:120%;
text-align:left;
}
.bodyContent #column2 div, .bodyContent #column2 div td{
color:#6a747b;
}
/**
* @tab Body
* @section body link
* @tip Set the styling for your email's main content links. Choose a color that helps them stand out from your text.
*/
.bodyContent div a:link, .bodyContent div a:visited{
color:#333333;
text-decoration:underline;
}
.bodyContent #column2 div a:link, .bodyContent div a:visited{
color:#333333;
}
.bodyContent img{
/*display:inline; last change for Outlook 2013*/
margin-bottom:10px;
}
/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: FOOTER /\/\/\/\/\/\/\/\/\/\ */
/**
* @tab Footer
* @section footer style
* @tip Set the background color and top border for your email's footer area.
* @theme footer
*/
#templateFooter{
background-color:#F1F1F2;
border-top:0;
}
/**
* @tab Footer
* @section footer text
* @tip Set the styling for your email's footer text. Choose a size and color that is easy to read.
* @theme footer
*/
.footerContent div{
color:#666666;
font-family:Arial;
font-size:12px;
line-height:120%;
text-align:left;
}
/**
* @tab Footer
* @section footer link
* @tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text.
*/
.footerContent div a:link, .footerContent div a:visited{
color:#666666;
font-weight:normal;
text-decoration:underline;
}
.footerContent img{
display:inline;
}
/**
* @tab Footer
* @section social bar style
* @tip Set the background color and border for your email's footer social bar.
*/
#social{
background-color:#FAFAFA;
/*border:1px solid #F5F5F5;*/
}
/**
* @tab Footer
* @section social bar style
* @tip Set the background color and border for your email's footer social bar.
*/
#social div{
text-align:center;
}
/**
* @tab Footer
* @section utility bar style
* @tip Set the background color and border for your email's footer utility bar.
*/
#utility{
background-color:#FAFAFA;
/* border-top:1px solid #F5F5F5;*/
}
/**
* @tab Footer
* @section utility bar style
* @tip Set the background color and border for your email's footer utility bar.
*/
#utility div{
text-align:center;
}
#monkeyRewards img{
max-width:160px;
}
/** Tenzing additions**/
.tzLineCell{background-color: #D1D3D4}
.rightModuleBorder{border: solid 1px #f5f5f5; background-color: #f5f5f5;}
.rightModuleBorder{border-top: none;}
.tzDesign{font-size: 1px;line-height: 100%;}
.tzNoBorder, table.tzNoBorder td{border: none; border-collapse:collapse;background-color: none;}
.bar{height: 1px;}
.rightModule .bar{height: 3px;}
.bodyContent div .tzReadMore a{text-transform: uppercase; color: white;padding: 7px 0px; font-size: 12px; line-height: 100%; font-weight: bold; display:block ; text-decoration: none; text-align: center; width: 121px;}
.bodyContent div .tzReadMore a:hover{text-decoration: underline;}
ul, ol{margin: 0;padding: 0; margin-left: 15px;}
ul li, ol li{margin: 0;padding: 2px 0}
.rightModule h1, .rightModule .h1{
font-size:16px;
margin-top:2px;
margin-bottom:4px;
}
.rightModule h2, .rightModule .h2{
font-size:15px;
margin-top:2px;
margin-bottom:4px;
}
.rightModule h3, .rightModule .h3{
font-size:13px;
margin-top:2px;
margin-bottom:4px;
}
.rightModule h4, .rightModule .h4{
font-size:12px;
margin-top:2px;
margin-bottom:4px;
}
.tzImgNoBotMargin img, .tzImgNoBotMargin a, .bodyContent .tzImgNoBotMargin img{
margin-bottom: 0; font-size: 12px; line-height: 100%;display: block;
}
.tzOLcollapse{mso-margin-top-alt:0px; mso-margin-bottom-alt:0px; mso-padding-alt: 0px 0px 0px 0px;border: none; border-collapse:collapse;}
.bodyContent div.tzSpacer{font-size: 12px;line-height: 100%; margin:0;padding: 0;}
.bgc1{background-color:#939598;}
.bgc2{background-color:#999999;}
#templateHeader{background-color:#f5f5f5;}
.alternaDivision p{font-size: 11px; line-height: 11px; font-weight: bold; margin:10px 0 5px 0; padding: 0;}
h1 a:active, .h1 a:active{color: #333333 !important;}
.bodyContent #column2 div td.tzIssue{color:#6a747b; font-weight: bold;font-size: 12px;line-height: 12px;}
.bodyContent #column2 div td.tzTagline{color:#6a747b; font-weight: bold;font-size: 15px;line-height: 17px;}
.bodyContent #column2 div td h1{text-transform: uppercase;font-size: 12px;line-height: 14px; margin: 0 0 10px 0;}
.noImage{border-top:1px solid #f5f5f5;}
.dkGreyBackRightMod,.dkGreyBackRightMod h1,.dkGreyBackRightMod h2,.dkGreyBackRightMod h3,.dkGreyBackRightMod h4,.dkGreyBackRightMod p{color: white;}
.dkGreyBackRightMod a:link, .dkGreyBackRightMod h1 a:link, .dkGreyBackRightMod h2 a:link, .dkGreyBackRightMod h3 a:link,
.dkGreyBackRightMod h4 a:link, .dkGreyBackRightMod p a:link{color: white;}
.dkGreyBackRightMod a:visited, .dkGreyBackRightMod h1 a:visited, .dkGreyBackRightMod h2 a:visited, .dkGreyBackRightMod h3 a:visited,
.dkGreyBackRightMod h4 a:visited, .dkGreyBackRightMod p a:visited{color: white;}
.dkGreyBackRightMod a:hover, .dkGreyBackRightMod h1 a:hover, .dkGreyBackRightMod h2 a:hover, .dkGreyBackRightMod h3 a:hover,
.dkGreyBackRightMod h4 a:hover, .dkGreyBackRightMod p a:hover{text-decoration: none;}
.dkGreyBackRightMod a:active, .dkGreyBackRightMod h1 a:active, .dkGreyBackRightMod h2 a:active, .dkGreyBackRightMod h3 a:active,
.dkGreyBackRightMod h4 a:active, .dkGreyBackRightMod p a:active{color: #f78f1e;}
.bodyContent #column2 div td .dkGreyBackRightMod td{color: white;}
.bodyContent div a:visited{}
/** the rest is colour changes based on theme **/
.alternaAction h1, .alternaAction .h1, .alternaAction h1 a:visited, .alternaAction .h1 a:visited{color: #f78f1e !important;}
.alternaAction h1 a:link, .alternaAction .h1 a:link{color: #f78f1e !important; text-decoration:underline;}
.alternaAction h1 a:hover, .alternaAction .h1 a:hover{color: #939598 !important;}
.alternaAction .tzReadMore a{background-color: #f78f1e;}
.alternaAction .alternaDivision{color: #f78f1e !important;}
.financialHighlights h1, .financialHighlights .h1, .financialHighlights h1 a:visited, .financialHighlights .h1 a:visited{color: #6284c1 !important;}
.financialHighlights h1 a:link, .financialHighlights .h1 a:link{color: #6284c1 !important; text-decoration:underline;}
.financialHighlights h1 a:hover, .financialHighlights .h1 a:hover{color: #939598 !important;}
.financialHighlights .tzReadMore a{background-color: #6284c1;}
.financialHighlights .alternaDivision{color: #6284c1 !important;}
.theInsideLook h1, .theInsideLook .h1, .theInsideLook h1 a:visited, .theInsideLook .h1 a:visited{color: #c2cd23 !important;}
.theInsideLook h1 a:link, .theInsideLook .h1 a:link{color: #c2cd23 !important; text-decoration:underline;}
.theInsideLook h1 a:hover, .theInsideLook .h1 a:hover{color: #939598 !important;}
.theInsideLook .tzReadMore a{background-color: #c2cd23;}
.theInsideLook .alternaDivision{color: #c2cd23 !important;}
.aboveAndBeyond h1, .aboveAndBeyond .h1, .aboveAndBeyond h1 a:visited, .aboveAndBeyond .h1 a:visited{color: #aaa386 !important;}
.aboveAndBeyond h1 a:link, .aboveAndBeyond .h1 a:link{color: #aaa386 !important; text-decoration:underline;}
.aboveAndBeyond h1 a:hover, .aboveAndBeyond .h1 a:hover{color: #939598 !important;}
.aboveAndBeyond .tzReadMore a{background-color: #aaa386;}
.aboveAndBeyond .alternaDivision{color: #aaa386 !important;}
</style>
<!--
SHARED COLOURS
grey: #333333 (text)
grey: #6a747b (headings below h1)
grey: #f5f5f5 (external linework)
grey: #939598 (internal linework)
grey: #999999 (right h bar)
grey: #58595b (footer text)
grey: #f2f2f2 (footer box)
ORANGE TEMPLATE (action)
#f78f1e
BLUE TEMPLATE (financial)
#6284c1
GREEN TEMPLATE (action)
#c2cd23
BROWN TEMPLATE (action)
#aaa386
- Right side bar
Orange: fef7e1
Blue: e8edf6
Green: f6f8de
Grey: 6a747b
-->
</head>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0">
<center>
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable">
<tr>
<td align="center" valign="top">
<!-- // Begin Template Preheader \\ -->
<table border="0" cellpadding="7" cellspacing="0" width="600" id="templatePreheader">
<tr>
<td valign="top" class="preheaderContent">
<!-- // Begin Module: Standard Preheader \\ -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><!--
<td valign="top">
<div mc:edit="std_preheader_content">
Use one or two sentences in this area to offer a teaser of your email's content. Text here will show in a preview area in some email clients.
</div>
</td>-->
<td valign="top" width="100%"><!-- width="180"-->
<div mc:edit="std_preheader_links">
<!-- *|IFNOT:ARCHIVE_PAGE|* -->Is this email not displaying correctly? <a href="*|ARCHIVE|*" target="_blank">View it in your browser</a>.<!-- *|END:IF|* -->
</div>
</td>
</tr>
</table>
<!-- // End Module: Standard Preheader \\ -->
</td>
</tr>
</table>
<!-- // End Template Preheader \\ -->
<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer">
<tr>
<td align="center" valign="top">
<!-- // Begin Template Header \\ -->
<a href="http://www.newsletter.alterna.local/"><img src="images/mast.gif" alt="" border="0" width="600" height="175" /></a>
<!-- // End Template Header \\ -->
</td>
</tr>
<tr>
<td align="center" valign="top">
<!-- // Begin Template Body \\ -->
<table border="0" cellpadding="24" cellspacing="0" width="600" id="templateBody">
<tr>
<td valign="top" class="bodyContent">
<!--
mc:repeatable mc:variant=
"with image and speech bubble" 
“with image on left”
“with image on right”
“no image”
-->
<!-- // Begin Module: Standard Content -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="tzNoBorder">
<tr>
<td valign="top" id="column1">
<div mc:repeatable="leftModule" mc:variant="Alterna Action: Wide Image" class="leftModule alternaAction">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" mc:edit="bodyImage4"><img src="images/main.jpg" width="365" height="120" />
</td>
</tr>
<tr>
<td valign="top" class="alternaDivision"><p>ALTERNA ACTION</p>
</td>
</tr>
<tr>
<td valign="top" mc:edit="body4">
<h1>Head<a href="#">ing 1</a></h1>
<h2>Head<a href="#">ing</a> 2</h2>
<p><strong>Getting started:</strong> Enter your content here.afdskladlkjf dslfkj dlkfjsdlfkja dlkfjdslf kjdsalf kjsdlfkj alkdjfld skjfla kdfj lkdj ldkjldskjf lakdjflasdkjf alkdjf
</p>
<p><strong>Getting started:</strong> Enter your content here.afdskladlkjf dslfkj dlkfjsdlfkja dlkfjdslf kjdsalf kjsdlfkj alkdjfld skjfla kdfj lkdj ldkjldskjf lakdjflasdkjf alkdjf
</p>
<table cellpadding="2" cellspacing="2" border="0">
<tr>
<td valign="top">&bull;</td>
<td>This is a bullet.</td>
</tr>
<tr>
<td valign="top">&bull;</td>
<td>This is a bullet.</td>
</tr>
</table>
</td>
</tr>
<tr><td valign="top" class="tzDesign" height="10">&nbsp;</td></tr>
<tr><td valign="top" class="tzReadMore" mc:edit="readMore" mc:hideable><a href="http://google.ca" >&nbsp;&nbsp;Read More >&nbsp;&nbsp;</a></td></tr>
<tr><td valign="top" class="tzDesign" height="20">&nbsp;</td></tr>
<tr><td valign="top" class="bgc1 bar tzDesign" height="7">&nbsp;</td></tr>
<tr><td valign="top" class="tzDesign" height="20">&nbsp;</td></tr>
</table>
</div>
<div mc:repeatable="leftModule" mc:variant="Alterna Action" class="leftModule alternaAction">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" class="alternaDivision"><p>ALTERNA ACTION</p>
</td>
</tr>
<tr>
<td valign="top" mc:edit="body4">
<h1>Head<a href="#">ing 1</a></h1>
<h2>Head<a href="#">ing</a> 2</h2>
<p><strong>Getting started:</strong> Enter your content here.afdskladlkjf dslfkj dlkfjsdlfkja dlkfjdslf kjdsalf kjsdlfkj alkdjfld skjfla kdfj lkdj ldkjldskjf lakdjflasdkjf alkdjf
</p>
<p><strong>Getting started:</strong> Enter your content here.afdskladlkjf dslfkj dlkfjsdlfkja dlkfjdslf kjdsalf kjsdlfkj alkdjfld skjfla kdfj lkdj ldkjldskjf lakdjflasdkjf alkdjf
</p>
<table cellpadding="2" cellspacing="2" border="0">
<tr>
<td valign="top">&bull;</td>
<td>This is a bullet.</td>
</tr>
<tr>
<td valign="top">&bull;</td>
<td>This is a bullet.</td>
</tr>
</table>
</td>
</tr>
<tr><td valign="top" class="tzDesign" height="10">&nbsp;</td></tr>
<tr><td valign="top" class="tzReadMore" mc:edit="readMore" mc:hideable><a href="http://google.ca" >&nbsp;&nbsp;Read More >&nbsp;&nbsp;</a></td></tr>
<tr><td valign="top" class="tzDesign" height="20">&nbsp;</td></tr>
<tr><td valign="top" class="bgc1 bar tzDesign" height="7">&nbsp;</td></tr>
<tr><td valign="top" class="tzDesign" height="20">&nbsp;</td></tr>
</table>
</div>
<div mc:repeatable="leftModule" mc:variant="Financial Highlights: Wide Image" class="leftModule financialHighlights">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" mc:edit="bodyImage4"><img src="images/main.jpg" width="365" height="120" />
</td>
</tr>
<tr>
<td valign="top" class="alternaDivision"><p>FINANCIAL HIGHLIGHTS</p>
</td>
</tr>
<tr>
<td valign="top" mc:edit="body4">
<h1>Head<a href="#">ing 1</a></h1>
<h2>Head<a href="#">ing</a> 2</h2>
<p><strong>Getting started:</strong> Enter your content here.afdskladlkjf dslfkj dlkfjsdlfkja dlkfjdslf kjdsalf kjsdlfkj alkdjfld skjfla kdfj lkdj ldkjldskjf lakdjflasdkjf alkdjf
</p>
<p><strong>Getting started:</strong> Enter your content here.afdskladlkjf dslfkj dlkfjsdlfkja dlkfjdslf kjdsalf kjsdlfkj alkdjfld skjfla kdfj lkdj ldkjldskjf lakdjflasdkjf alkdjf
</p>
<table cellpadding="2" cellspacing="2" border="0">
<tr>
<td valign="top">&bull;</td>
<td>This is a bullet.</td>
</tr>
<tr>
<td valign="top">&bull;</td>
<td>This is a bullet.</td>
</tr>
</table>
</td>
</tr>
<tr><td valign="top" class="tzDesign" height="10">&nbsp;</td></tr>
<tr><td valign="top" class="tzReadMore" mc:edit="readMore" mc:hideable><a href="http://google.ca" >&nbsp;&nbsp;Read More >&nbsp;&nbsp;</a></td></tr>
<tr><td valign="top" class="tzDesign" height="20">&nbsp;</td></tr>
<tr><td valign="top" class="bgc1 bar tzDesign" height="7">&nbsp;</td></tr>
<tr><td valign="top" class="tzDesign" height="20">&nbsp;</td></tr>
</table>
</div>
<div mc:repeatable="leftModule" mc:variant="Financial Highlights" class="leftModule financialHighlights">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" class="alternaDivision"><p>FINANCIAL HIGHLIGHTS</p>
</td>
</tr>
<tr>
<td valign="top" mc:edit="body4">
<h1>Head<a href="#">ing 1</a></h1>
<h2>Head<a href="#">ing</a> 2</h2>
<p><strong>Getting started:</strong> Enter your content here.afdskladlkjf dslfkj dlkfjsdlfkja dlkfjdslf kjdsalf kjsdlfkj alkdjfld skjfla kdfj lkdj ldkjldskjf lakdjflasdkjf alkdjf
</p>
<p><strong>Getting started:</strong> Enter your content here.afdskladlkjf dslfkj dlkfjsdlfkja dlkfjdslf kjdsalf kjsdlfkj alkdjfld skjfla kdfj lkdj ldkjldskjf lakdjflasdkjf alkdjf
</p>
<table cellpadding="2" cellspacing="2" border="0">
<tr>
<td valign="top">&bull;</td>
<td>This is a bullet.</td>
</tr>
<tr>
<td valign="top">&bull;</td>
<td>This is a bullet.</td>
</tr>
</table>
</td>
</tr>
<tr><td valign="top" class="tzDesign" height="10">&nbsp;</td></tr>
<tr><td valign="top" class="tzReadMore" mc:edit="readMore" mc:hideable><a href="http://google.ca" >&nbsp;&nbsp;Read More >&nbsp;&nbsp;</a></td></tr>
<tr><td valign="top" class="tzDesign" height="20">&nbsp;</td></tr>
<tr><td valign="top" class="bgc1 bar tzDesign" height="7">&nbsp;</td></tr>
<tr><td valign="top" class="tzDesign" height="20">&nbsp;</td></tr>
</table>
</div>
<div mc:repeatable="leftModule" mc:variant="The Inside Look: Wide Image" class="leftModule theInsideLook">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" mc:edit="bodyImage4"><img src="images/main.jpg" width="365" height="120" />
</td>
</tr>
<tr>
<td valign="top" class="alternaDivision"><p>THE INSIDE LOOK</p>
</td>
</tr>
<tr>
<td valign="top" mc:edit="body4">
<h1>Head<a href="#">ing 1</a></h1>
<h2>Head<a href="#">ing</a> 2</h2>
<p><strong>Getting started:</strong> Enter your content here.afdskladlkjf dslfkj dlkfjsdlfkja dlkfjdslf kjdsalf kjsdlfkj alkdjfld skjfla kdfj lkdj ldkjldskjf lakdjflasdkjf alkdjf
</p>
<p><strong>Getting started:</strong> Enter your content here.afdskladlkjf dslfkj dlkfjsdlfkja dlkfjdslf kjdsalf kjsdlfkj alkdjfld skjfla kdfj lkdj ldkjldskjf lakdjflasdkjf alkdjf
</p>
<table cellpadding="2" cellspacing="2" border="0">
<tr>
<td valign="top">&bull;</td>
<td>This is a bullet.</td>
</tr>
<tr>
<td valign="top">&bull;</td>
<td>This is a bullet.</td>
</tr>
</table>
</td>
</tr>
<tr><td valign="top" class="tzDesign" height="10">&nbsp;</td></tr>
<tr><td valign="top" class="tzReadMore" mc:edit="readMore" mc:hideable><a href="http://google.ca" >&nbsp;&nbsp;Read More >&nbsp;&nbsp;</a></td></tr>
<tr><td valign="top" class="tzDesign" height="20">&nbsp;</td></tr>
<tr><td valign="top" class="bgc1 bar tzDesign" height="7">&nbsp;</td></tr>
<tr><td valign="top" class="tzDesign" height="20">&nbsp;</td></tr>
</table>
</div>
<div mc:repeatable="leftModule" mc:variant="The Inside Look" class="leftModule theInsideLook">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" class="alternaDivision"><p>THE INSIDE LOOK</p>
</td>
</tr>
<tr>
<td valign="top" mc:edit="body4">
<h1>Head<a href="#">ing 1</a></h1>
<h2>Head<a href="#">ing</a> 2</h2>
<p><strong>Getting started:</strong> Enter your content here.afdskladlkjf dslfkj dlkfjsdlfkja dlkfjdslf kjdsalf kjsdlfkj alkdjfld skjfla kdfj lkdj ldkjldskjf lakdjflasdkjf alkdjf
</p>
<p><strong>Getting started:</strong> Enter your content here.afdskladlkjf dslfkj dlkfjsdlfkja dlkfjdslf kjdsalf kjsdlfkj alkdjfld skjfla kdfj lkdj ldkjldskjf lakdjflasdkjf alkdjf
</p>
<table cellpadding="2" cellspacing="2" border="0">
<tr>
<td valign="top">&bull;</td>
<td>This is a bullet.</td>
</tr>
<tr>
<td valign="top">&bull;</td>
<td>This is a bullet.</td>
</tr>
</table>
</td>
</tr>
<tr><td valign="top" class="tzDesign" height="10">&nbsp;</td></tr>
<tr><td valign="top" class="tzReadMore" mc:edit="readMore" mc:hideable><a href="http://google.ca" >&nbsp;&nbsp;Read More >&nbsp;&nbsp;</a></td></tr>
<tr><td valign="top" class="tzDesign" height="20">&nbsp;</td></tr>
<tr><td valign="top" class="bgc1 bar tzDesign" height="7">&nbsp;</td></tr>
<tr><td valign="top" class="tzDesign" height="20">&nbsp;</td></tr>
</table>
</div>
<div mc:repeatable="leftModule" mc:variant="Above & Beyond: Wide Image" class="leftModule aboveAndBeyond">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" mc:edit="bodyImage4"><img src="images/main.jpg" width="365" height="120" />
</td>
</tr>
<tr>
<td valign="top" class="alternaDivision"><p>ABOVE & BEYOND</p>
</td>
</tr>
<tr>
<td valign="top" mc:edit="body4">
<h1>Head<a href="#">ing 1</a></h1>
<h2>Head<a href="#">ing</a> 2</h2>
<p><strong>Getting started:</strong> Enter your content here.afdskladlkjf dslfkj dlkfjsdlfkja dlkfjdslf kjdsalf kjsdlfkj alkdjfld skjfla kdfj lkdj ldkjldskjf lakdjflasdkjf alkdjf
</p>
<p><strong>Getting started:</strong> Enter your content here.afdskladlkjf dslfkj dlkfjsdlfkja dlkfjdslf kjdsalf kjsdlfkj alkdjfld skjfla kdfj lkdj ldkjldskjf lakdjflasdkjf alkdjf
</p>
<table cellpadding="2" cellspacing="2" border="0">
<tr>
<td valign="top">&bull;</td>
<td>This is a bullet.</td>
</tr>
<tr>
<td valign="top">&bull;</td>
<td>This is a bullet.</td>
</tr>
</table>
</td>
</tr>
<tr><td valign="top" class="tzDesign" height="10">&nbsp;</td></tr>
<tr><td valign="top" class="tzReadMore" mc:edit="readMore" mc:hideable><a href="http://google.ca" >&nbsp;&nbsp;Read More >&nbsp;&nbsp;</a></td></tr>
<tr><td valign="top" class="tzDesign" height="20">&nbsp;</td></tr>
<tr><td valign="top" class="bgc1 bar tzDesign" height="7">&nbsp;</td></tr>
<tr><td valign="top" class="tzDesign" height="20">&nbsp;</td></tr>
</table>
</div>
<div mc:repeatable="leftModule" mc:variant="Above & Beyond" class="leftModule aboveAndBeyond">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" class="alternaDivision"><p>ABOVE & BEYOND</p>
</td>
</tr>
<tr>
<td valign="top" mc:edit="body4">
<h1>Head<a href="#">ing 1</a></h1>
<h2>Head<a href="#">ing</a> 2</h2>
<p><strong>Getting started:</strong> Enter your content here.afdskladlkjf dslfkj dlkfjsdlfkja dlkfjdslf kjdsalf kjsdlfkj alkdjfld skjfla kdfj lkdj ldkjldskjf lakdjflasdkjf alkdjf
</p>
<p><strong>Getting started:</strong> Enter your content here.afdskladlkjf dslfkj dlkfjsdlfkja dlkfjdslf kjdsalf kjsdlfkj alkdjfld skjfla kdfj lkdj ldkjldskjf lakdjflasdkjf alkdjf
</p>
<table cellpadding="2" cellspacing="2" border="0">
<tr>
<td valign="top">&bull;</td>
<td>This is a bullet.</td>
</tr>
<tr>
<td valign="top">&bull;</td>
<td>This is a bullet.</td>
</tr>
</table>
</td>
</tr>
<tr><td valign="top" class="tzDesign" height="10">&nbsp;</td></tr>
<tr><td valign="top" class="tzReadMore" mc:edit="readMore" mc:hideable><a href="http://google.ca" >&nbsp;&nbsp;Read More >&nbsp;&nbsp;</a></td></tr>
<tr><td valign="top" class="tzDesign" height="20">&nbsp;</td></tr>
<tr><td valign="top" class="bgc1 bar tzDesign" height="7">&nbsp;</td></tr>
<tr><td valign="top" class="tzDesign" height="20">&nbsp;</td></tr>
</table>
</div>
</td>
<td width="12" class="tzDesign">
<img src="images/gif.gif" width="12" />
</td>
<td width="1" class="tzLineCell" >
<img src="images/gif.gif" width="1" />
</td>
<td width="12" class="tzDesign">
<img src="images/gif.gif" width="12" />
</td>
<td id="column2" valign="top" width="162">
<div class="rightModule">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" class="tzIssue" mc:edit="issue">Issue 1</td>
</tr>
<tr>
<td valign="top" height="5"> </td>
</tr>
<tr>
<td valign="top" class="tzTagline" mc:edit="month">Alterna&rsquo;s February Employee Newsletter</td>
</tr>
</table>
</div>
<div class="tzSpacer">&nbsp;</div>
<div mc:repeatable="rightModule" mc:variant="orange" class="rightModule">
<table border="0" cellpadding="0" cellspacing="0" width="100%" >
<tr class="">
<td valign="top" class="bgc2 bar tzDesign" height="3">&nbsp;</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="rightModuleBorder" style="background-color:#fef7e1;">
<tr class="tzImgNoBotMargin">
<td class="tzOLcollapse">
<table border="0" cellpadding="8" cellspacing="0" width="100%">
<tr>
<td mc:edit="rightModule1">
<h1>In This Issue:</h1>
<table cellpadding="2" cellspacing="2" border="0">
<tr>
<td valign="top">&bull;</td>
<td>This is a bullet.</td>
</tr>
</table>
<p>Message from our <a href="#">new CEO</a></p>
<p>Plan Your Plan</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<div class="tzSpacer">&nbsp;</div>
</div>
<div mc:repeatable="rightModule" mc:variant="orange with image" class="rightModule">
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="rightModuleBorder noImage" style="background-color:#fef7e1;">
<tr class="tzImgNoBotMargin">
<td mc:edit="rightModuleImage3" class="tzOLcollapse"><a href="http://youtube.com"><img src="images/side.jpg" width="160" height="70" align="bottom" /></a></td>
</tr>
<tr>
<td class="tzOLcollapse">
<table border="0" cellpadding="8" cellspacing="0" width="100%">
<tr>
<td mc:edit="rightModule3">
<h1>In This Issue:</h1>
<table cellpadding="2" cellspacing="2" border="0">
<tr>
<td valign="top">&bull;</td>
<td>This is a bullet.</td>
</tr>
</table>
<p>Message from our <a href="#">new CEO</a></p>
<p>Plan Your Plan</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<div class="tzSpacer">&nbsp;</div>
</div>
<div mc:repeatable="rightModule" mc:variant="blue" class="rightModule">
<table border="0" cellpadding="0" cellspacing="0" width="100%" >
<tr class="">
<td valign="top" class="bgc2 bar tzDesign" height="3">&nbsp;</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="rightModuleBorder" style="background-color:#e8edf6;">
<tr class="tzImgNoBotMargin">
<td class="tzOLcollapse">
<table border="0" cellpadding="8" cellspacing="0" width="100%">
<tr>
<td mc:edit="rightModule1">
<h1>In This Issue:</h1>
<table cellpadding="2" cellspacing="2" border="0">
<tr>
<td valign="top">&bull;</td>
<td>This is a bullet.</td>
</tr>
</table>
<p>Message from our <a href="#">new CEO</a></p>
<p>Plan Your Plan</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<div class="tzSpacer">&nbsp;</div>
</div>
<div mc:repeatable="rightModule" mc:variant="blue with image" class="rightModule">
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="rightModuleBorder noImage" style="background-color:#e8edf6;">
<tr class="tzImgNoBotMargin">
<td mc:edit="rightModuleImage3" class="tzOLcollapse"><a href="http://youtube.com"><img src="images/side.jpg" width="160" height="70" align="bottom" /></a></td>
</tr>
<tr>
<td class="tzOLcollapse">
<table border="0" cellpadding="8" cellspacing="0" width="100%">
<tr>
<td mc:edit="rightModule3">
<h1>In This Issue:</h1>
<table cellpadding="2" cellspacing="2" border="0">
<tr>
<td valign="top">&bull;</td>
<td>This is a bullet.</td>
</tr>
</table>
<p>Message from our <a href="#">new CEO</a></p>
<p>Plan Your Plan</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<div class="tzSpacer">&nbsp;</div>
</div>
<div mc:repeatable="rightModule" mc:variant="green" class="rightModule">
<table border="0" cellpadding="0" cellspacing="0" width="100%" >
<tr class="">
<td valign="top" class="bgc2 bar tzDesign" height="3">&nbsp;</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="rightModuleBorder" style="background-color:#f6f8de;">
<tr class="tzImgNoBotMargin">
<td class="tzOLcollapse">
<table border="0" cellpadding="8" cellspacing="0" width="100%">
<tr>
<td mc:edit="rightModule1">
<h1>In This Issue:</h1>
<table cellpadding="2" cellspacing="2" border="0">
<tr>
<td valign="top">&bull;</td>
<td>This is a bullet.</td>
</tr>
</table>
<p>Message from our <a href="#">new CEO</a></p>
<p>Plan Your Plan</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<div class="tzSpacer">&nbsp;</div>
</div>
<div mc:repeatable="rightModule" mc:variant="green with image" class="rightModule">
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="rightModuleBorder noImage" style="background-color:#f6f8de;">
<tr class="tzImgNoBotMargin">
<td mc:edit="rightModuleImage3" class="tzOLcollapse"><a href="http://youtube.com"><img src="images/side.jpg" width="160" height="70" align="bottom" /></a></td>
</tr>
<tr>
<td class="tzOLcollapse">
<table border="0" cellpadding="8" cellspacing="0" width="100%">
<tr>
<td mc:edit="rightModule3">
<h1>In This Issue:</h1>
<table cellpadding="2" cellspacing="2" border="0">
<tr>
<td valign="top">&bull;</td>
<td>This is a bullet.</td>
</tr>
</table>
<p>Message from our <a href="#">new CEO</a></p>
<p>Plan Your Plan</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<div class="tzSpacer">&nbsp;</div>
</div>
<div mc:repeatable="rightModule" mc:variant="dark grey" class="rightModule">
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="rightModuleBorder" style="background-color:#6a747b;">
<tr class="tzImgNoBotMargin">
<td class="tzOLcollapse">
<table border="0" cellpadding="20" cellspacing="0" width="100%">
<tr class="dkGreyBackRightMod">
<td mc:edit="rightModule1">
<p style="font-size:17px;line-height:22px;margin:0;">Do you have a story to share or a comment to make?</p>
<p style="font-size:12px;line-height:18px;">We want to hear from you. Please email Aileen MacDonald at <a href="mailto:aileen.macdonald@alterna.ca" style="color:white;display:inline;">aileen. macdonald@ alterna.ca</a> with your ideas.</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<div class="tzSpacer">&nbsp;</div>
</div>
<div mc:repeatable="rightModule" mc:variant="dark grey with image" class="rightModule">
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="rightModuleBorder noImage" style="background-color:#6a747b;">
<tr class="tzImgNoBotMargin">
<td mc:edit="rightModuleImage3" class="tzOLcollapse"><a href="http://youtube.com"><img src="images/side.jpg" width="160" height="70" align="bottom" /></a></td>
</tr>
<tr>
<td class="tzOLcollapse">
<table border="0" cellpadding="8" cellspacing="0" width="100%">
<tr class="dkGreyBackRightMod">
<td mc:edit="rightModule3">
<p style="font-size:17px;line-height:22px;margin:0;">Do you have a story to share or a comment to make?</p>
<p style="font-size:12px;line-height:18px;">We want to hear from you. Please email Aileen MacDonald at <a href="mailto:aileen.macdonald@alterna.ca" style="color:white;display:inline;">aileen. macdonald@ alterna.ca</a> with your ideas.</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<div class="tzSpacer">&nbsp;</div>
</div>
<div mc:repeatable="rightModule" mc:variant="image only" class="rightModule" >
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="rightModuleBorder">
<tr class="tzImgNoBotMargin">
<td mc:edit="rightModuleImage5" class="tzOLcollapse"><a href="http://youtube.com"><img src="images/side.jpg" width="160" height="70" align="bottom" /></a></td>
</tr>
</table>
<div class="tzSpacer">&nbsp;</div>
</div>
</td>
</tr>
</table>
<!-- // End Module: Standard Content \\ -->
</td>
</tr>
</table>
<!-- // End Template Body \\ -->
</td>
</tr>
<tr>
<td align="center" valign="top">
<!-- // Begin Template Footer \\ -->
<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter">
<tr>
<td valign="top" class="footerContent">
<!-- // Begin Module: Standard Footer \\ -->
<table border="0" cellpadding="10" cellspacing="0" width="100%">
<tr>
<td valign="top" width="50%"><!-- width="370"-->
<div mc:edit="std_footer">
*|IF:LIST|*
*|HTML:LIST_ADDRESS_HTML|*
*|ELSE:|*
*|USER:ADDRESS_HTML|*
*|END:IF|*
</div>
<br />
</td>
<td valign="top">
<div>CONFIDENTIAL INFORMATION &ndash;<br />INTERNAL DISTRIBUTION ONLY</div>
<div mc:edit="std_utility" id="utility2"> <br/>
<a href="*|UNSUB|*">Unsubscribe from this list</a><br/>
<a href="*|ARCHIVE|*">View email in browser</a>
</div>
</td>
<!--
<td valign="top" width="170" id="monkeyRewards">
<br />
<div mc:edit="monkeyrewards">
*|IF:REWARDS|* *|HTML:REWARDS|* *|END:IF|*
</div>
<br />
</td>-->
</tr>
<!-- <tr>
<td colspan="2" valign="middle" id="utility">
<div mc:edit="std_utility">
&nbsp;<a href="*|UNSUB|*">unsubscribe from this list</a> | <a href="*|ARCHIVE|*">view email in browser</a>
</div>
</td>
</tr> -->
</table>
<!-- // End Module: Standard Footer \\ -->
</td>
</tr>
</table>
<!-- // End Template Footer \\ -->
</td>
</tr>
</table>
<br />
</td>
</tr>
</table>
</center>
</body>
</html>