Skip to content

Instantly share code, notes, and snippets.

@nicosuave
Created August 4, 2014 17:11
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save nicosuave/a4a0e24076de68746dea to your computer and use it in GitHub Desktop.
Save nicosuave/a4a0e24076de68746dea to your computer and use it in GitHub Desktop.
Welcome to Acorns
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>*|SUBJECT|*</title>
<style type="text/css">
.headline{font-size: 21px;color: #505050;font-weight:500;padding: 13px 0px;}
/* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */
#outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */
.ReadMsgBody{width:100%;} .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{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */
/* /\/\/\/\/\/\/\/\/ RESET STYLES /\/\/\/\/\/\/\/\/ */
body{margin:0; padding:0;}
img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
table{border-collapse:collapse !important;}
body, #bodyTable, #bodyCell{height:100% !important; margin:0; padding:0; width:100% !important;}
/* /\/\/\/\/\/\/\/\/ TEMPLATE STYLES /\/\/\/\/\/\/\/\/ */
/* ========== Page Styles ========== */
#bodyCell{padding:0px 20px 0px 20px;}
#templateContainer{width:600px;}
/**
* @tab Page
* @section background style
* @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
* @theme page
*/
body, #bodyTable{
/*@editable*/ background-color:#f0f0f0;
}
/**
* @tab Page
* @section background style
* @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
* @theme page
*/
#bodyCell{
/*@editable*/ border-top:0px solid #BBBBBB;
}
/**
* @tab Page
* @section email border
* @tip Set the border for your email.
*/
#templateContainer{
/*@editable*/ border:0px solid #BBBBBB;
}
/**
* @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.
* @style heading 1
*/
h1{
/*@editable*/ color:#202020 !important;
display:block;
/*@editable*/ font-family:Avenir Next, sans-serif;
/*@editable*/ font-size:26px;
/*@editable*/ font-style:normal;
/*@editable*/ font-weight:bold;
/*@editable*/ line-height:100%;
/*@editable*/ letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
/*@editable*/ text-align:left;
}
/**
* @tab Page
* @section heading 2
* @tip Set the styling for all second-level headings in your emails.
* @style heading 2
*/
h2{
/*@editable*/ color:#404040 !important;
display:block;
/*@editable*/ font-family:Avenir Next, sans-serif;
/*@editable*/ font-size:23px;
/*@editable*/ font-style:normal;
/*@editable*/ font-weight:500;
/*@editable*/ line-height:100%;
/*@editable*/ letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
/*@editable*/ text-align:left;
}
/**
* @tab Page
* @section heading 3
* @tip Set the styling for all third-level headings in your emails.
* @style heading 3
*/
h3{
/*@editable*/ color:#606060 !important;
display:block;
/*@editable*/ font-family:Avenir Next, sans-serif;
/*@editable*/ font-size:16px;
/*@editable*/ font-style:italic;
/*@editable*/ font-weight:normal;
/*@editable*/ line-height:100%;
/*@editable*/ letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
/*@editable*/ 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.
* @style heading 4
*/
h4{
/*@editable*/ color:#808080 !important;
display:block;
/*@editable*/ font-family:Avenir Next, sans-serif;
/*@editable*/ font-size:14px;
/*@editable*/ font-style:italic;
/*@editable*/ font-weight:normal;
/*@editable*/ line-height:100%;
/*@editable*/ letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
/*@editable*/ text-align:left;
}
.caption {
font-size: 13px;
}
/* ========== Header Styles ========== */
/**
* @tab Header
* @section header style
* @tip Set the background color and borders for your email's header area.
* @theme header
*/
#templateHeader{
/*@editable*/ background-color:#F4F4F4;
/*@editable*/ border-top:0px solid #FFFFFF;
/*@editable*/ border-bottom:0px solid #CCCCCC;
}
/**
* @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{
/*@editable*/ color:#505050;
/*@editable*/ font-family:Avenir Next, sans-serif;
/*@editable*/ font-size:20px;
/*@editable*/ font-weight:bold;
/*@editable*/ line-height:100%;
/*@editable*/ padding-top:0;
/*@editable*/ padding-right:0;
/*@editable*/ padding-bottom:0;
/*@editable*/ padding-left:0;
/*@editable*/ text-align:left;
/*@editable*/ vertical-align:middle;
}
/**
* @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, /* Yahoo! Mail Override */ .headerContent a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#EB4102;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
#headerImage{
height:auto;
max-width:600px;
}
/* ========== Body Styles ========== */
/**
* @tab Body
* @section body style
* @tip Set the background color and borders for your email's body area.
*/
#templateBody{
/*@editable*/ background-color:#fff;
/*@editable*/ border-top:0px solid #FFFFFF;
/*@editable*/ border-bottom:0px solid #CCCCCC;
}
/**
* @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{
/*@editable*/ color:#505050;
/*@editable*/ font-family:Avenir Next, sans-serif;
font-weight: 500;
/*@editable*/ font-size:17px;
/*@editable*/ line-height:150%;
padding-top:20px;
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
/*@editable*/ text-align:left;
}
.small-body{
font-weight: 500;
}
.container{
padding-top: 25px;
}
/**
* @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 a:link, .bodyContent a:visited, /* Yahoo! Mail Override */ .bodyContent a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#5a9fdb ;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:none;
}
.bodyContent a#downloadLink{
text-decoration: none;
}
.bodyContent img{
display:block;
height:auto;
max-width:560px;
}
.bodyContent img#withdraw{
max-width: 600px;
margin-left: -20px;
margin-right: -20px;
}
/* ========== Column Styles ========== */
.templateColumnContainer{width:260px;background: white;}
/**
* @tab Columns
* @section column style
* @tip Set the background color and borders for your email's column area.
*/
#templateColumns{
/*@editable*/ color:#505050;
/*@editable*/ font-family:Avenir Next, sans-serif;
font-weight: 500;
/*@editable*/ font-size:17px;
/*@editable*/ line-height:150%;
}
/**
* @tab Columns
* @section left column text
* @tip Set the styling for your email's left column content text. Choose a size and color that is easy to read.
*/
.leftColumnContent{
padding-top:0;
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
/*@editable*/ text-align:left;
}
/**
* @tab Columns
* @section right column text
* @tip Set the styling for your email's right column content text. Choose a size and color that is easy to read.
*/
.rightColumnContent{
padding-top:0;
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
/*@editable*/ text-align:left;
}
.leftColumnContent.detail{
padding-top: 28%;
}
.rightColumnContent.detail{
padding-top: 28%;
}
/* ========== Footer Styles ========== */
/**
* @tab Footer
* @section footer style
* @tip Set the background color and borders for your email's footer area.
* @theme footer
*/
#templateFooter{
/*@editable*/ background-color:#fff;
/*@editable*/ border-top:0px solid #FFFFFF;
}
/**
* @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{
/*@editable*/ color:#808080;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:10px;
/*@editable*/ line-height:150%;
padding-top:20px;
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
/*@editable*/ 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 a:link, .footerContent a:visited, /* Yahoo! Mail Override */ .footerContent a .yshortcuts, .footerContent a span /* Yahoo! Mail Override */{
/*@editable*/ color:#606060;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
.support{
font-size: 15px;
font-weight: 400;
}
#social-links a{
text-decoration: none;
}
table.new-features img{
width: 138px;
}
table.new-features h2{
font-size: 21px;
font-weight: 500;
vertical-align: top;
margin-top: 14px;
margin-left: 20px;
}
table.new-features span{
margin-left: 20px;
display: inline-block;
}
/* /\/\/\/\/\/\/\/\/ MOBILE STYLES /\/\/\/\/\/\/\/\/ */
@media only screen and (max-width: 640px){
.hidden-mobile{
display: none;
}
.rightColumnContent.detail.bottom{
padding-top: 0px;
}
.bodyContent img#withdraw{
max-width: 100%;
margin-left: 0px;
margin-right: 0px;
}
table{
margin-left: -10px;
margin-right: -10px;
}
/* /\/\/\/\/\/\/ 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 /\/\/\/\/\/\/ */
#bodyCell{padding:0px !important;}
/* /\/\/\/\/\/\/ MOBILE TEMPLATE STYLES /\/\/\/\/\/\/ */
/* ======== Page Styles ======== */
/**
* @tab Mobile Styles
* @section template width
* @tip Make the template fluid for portrait or landscape view adaptability. If a fluid layout doesn't work for you, set the width to 300px instead.
*/
#templateContainer{
max-width:600px !important;
/*@editable*/ width:100% !important;
}
/**
* @tab Mobile Styles
* @section heading 1
* @tip Make the first-level headings larger in size for better readability on small screens.
*/
h1{
/*@editable*/ font-size:24px !important;
/*@editable*/ line-height:100% !important;
}
/**
* @tab Mobile Styles
* @section heading 2
* @tip Make the second-level headings larger in size for better readability on small screens.
*/
h2{
/*@editable*/ font-size:20px !important;
/*@editable*/ line-height:100% !important;
}
/**
* @tab Mobile Styles
* @section heading 3
* @tip Make the third-level headings larger in size for better readability on small screens.
*/
h3{
/*@editable*/ font-size:18px !important;
/*@editable*/ line-height:100% !important;
}
/**
* @tab Mobile Styles
* @section heading 4
* @tip Make the fourth-level headings larger in size for better readability on small screens.
*/
h4{
/*@editable*/ font-size:16px !important;
/*@editable*/ line-height:100% !important;
}
/* ======== Header Styles ======== */
/**
* @tab Mobile Styles
* @section header image
* @tip Make the main header image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead.
*/
#headerImage{
height:auto !important;
/*@editable*/ max-width:600px !important;
/*@editable*/ width:100% !important;
}
/**
* @tab Mobile Styles
* @section header text
* @tip Make the header content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
*/
.headerContent{
/*@editable*/ font-size:20px !important;
/*@editable*/ line-height:125% !important;
}
/* ======== Body Styles ======== */
/**
* @tab Mobile Styles
* @section body text
* @tip Make the body content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
*/
.bodyContent{
/*@editable*/ font-size:18px !important;
/*@editable*/ line-height:125% !important;
}
/* ======== Column Styles ======== */
.templateColumnContainer{display:block !important; width:100% !important;}
/**
* @tab Mobile Styles
* @section column image
* @tip Make the column image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead.
*/
.columnImage{
height:auto !important;
/*@editable*/ max-width:283px !important;
/*@editable*/ width:100% !important;
margin-left: auto !important;
margin-right: auto !important;
display: block;
}
/* ======== Footer Styles ======== */
/**
* @tab Mobile Styles
* @section footer text
* @tip Make the body content text larger in size for better readability on small screens.
*/
.footerContent{
/*@editable*/ font-size:14px !important;
/*@editable*/ line-height:115% !important;
}
/*
.footerContent a{display:block !important;} /* Place footer social and utility links on their own lines, for easier access */
}
</style>
</head>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin: 0;padding: 0;background-color: #f0f0f0;height: 100% !important;width: 100% !important;">
<center>
<table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;margin: 0;padding: 0;background-color: #f0f0f0;border-collapse: collapse !important;height: 100% !important;width: 100% !important;">
<tr>
<td align="center" valign="top" id="bodyCell" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;margin: 0;padding: 0px 20px 0px 20px;border-top: 0px solid #BBBBBB;height: 100% !important;width: 100% !important;">
<!-- BEGIN TEMPLATE // -->
<table border="0" cellpadding="0" cellspacing="0" id="templateContainer" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;width: 600px;border: 0px solid #BBBBBB;border-collapse: collapse !important;">
<tr>
<td align="center" valign="top" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<!-- BEGIN HEADER // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateHeader" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;background-color: #F4F4F4;border-top: 0px solid #FFFFFF;border-bottom: 0px solid #CCCCCC;border-collapse: collapse !important;">
<tr>
<td valign="top" class="headerContent" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #505050;font-family: Avenir Next, sans-serif;font-size: 20px;font-weight: bold;line-height: 100%;padding-top: 0;padding-right: 0;padding-bottom: 0;padding-left: 0;text-align: left;vertical-align: middle;">
<a href="http://youngmoneyplan.acorns.com" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #EB4102;font-weight: normal;text-decoration: underline;">
<img src="http://assets.acorns.com.s3.amazonaws.com/email/7-24/header.png" style="max-width: 600px;-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;" id="headerImage" mc:label="header_image" mc:edit="header_image" mc:allowdesigner="" mc:allowtext="">
</a>
</td>
</tr>
</table>
<!-- // END HEADER -->
</td>
</tr>
<tr>
<td align="center" valign="top" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<!-- BEGIN COLUMNS // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateBody" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;background-color: #fff;border-top: 0px solid #FFFFFF;border-bottom: 0px solid #CCCCCC;border-collapse: collapse !important;">
<tr>
<td valign="top" class="bodyContent" mc:edit="body_content" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #505050;font-family: Avenir Next, sans-serif;font-weight: 500;font-size: 17px;line-height: 150%;padding-top: 20px;padding-right: 20px;padding-bottom: 20px;padding-left: 20px;text-align: left;">
You’re in!<br><br>
Your email address has been given access to the Acorns Beta. Acorns rounds up your purchases to the next dollar and puts it in your own personal investment account.
<center>
<br>
<a id="downloadLink" href="http://youngmoneyplan.acorns.com" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #5a9fdb;font-weight: normal;text-decoration: none;">
<img src="http://assets.acorns.com.s3.amazonaws.com/email/7-25/invest.png" style="width: 280px;-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;display: block;max-width: 560px;">
</a>
</center>
<br>
<h2 style="font-weight: 400;color: #505050;display: block;font-family: Avenir Next, sans-serif;font-size: 23px;font-style: normal;line-height: 100%;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 10px;margin-left: 0;text-align: left;">Some info we thought you’d like to know:</h2>
<br>
<img src="http://assets.acorns.com.s3.amazonaws.com/email/7-24/no-commissions.png" width="167px" style="display: inline;padding-left: 20px;-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;max-width: 560px;">
<div style="display: inline-block;vertical-align: top;padding-top: 10px;padding-left: 20px;padding-bottom: 10px;">
<strong style="font-weight: 500;font-size: 20px;color: black;">No Minimums<br>
No Commissions</strong>
<br>
<p style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;">There are no fees or commissions<br> on trades to deposit or withdraw money<br> from your Acorns account. There is<br> also no minimum to get started!</p>
</div>
<br>
<strong style="font-weight: 500;font-size: 20px;color: black;">Low Management Fees</strong>
<div style="font-size: 15px;">
Using Acorns for a year costs less than what most traditional brokerages charge for Annual Fee Investment Under Management
2 trades. During beta the service is free, after that it will be $1 a month and 0.25% - 0.5% annually of investments under management.
<br><br>
There are no minimum balance requirements; accounts with $0 can remain open without fees.
</div>
<br>
<img src="http://assets.acorns.com.s3.amazonaws.com/email/7-25/seeding.png" width="150px" style="display: inline;padding-left: 20px;-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;max-width: 560px;">
<div style="display: inline-block;vertical-align: top;padding-top: 10px;padding-left: 20px;padding-bottom: 10px;">
<strong style="font-weight: 500;font-size: 20px;color: black;">$5 on Us!</strong>
<br>
<p style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;">When you make your first investment<br> we’ll even add an extra $5 to your<br> account to help you get started!</p>
</div>
<br>
<br>
<img src="http://assets.acorns.com.s3.amazonaws.com/email/7-24/table.png" style="width: 100%;-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;display: block;max-width: 560px;">
<center>
<br>
Acorns is an SEC Registered Investment Adviser
<br>
<br>
<a id="downloadLink" href="http://youngmoneyplan.acorns.com" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #5a9fdb;font-weight: normal;text-decoration: none;">
<img src="http://assets.acorns.com.s3.amazonaws.com/email/7-25/invest.png" style="width: 280px;-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;display: block;max-width: 560px;">
</a>
</center>
<br>
<br>
<img src="http://assets.acorns.com.s3.amazonaws.com/email/7-24/withdraw.jpg" style="width: 100%;-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;display: block;max-width: 560px;">
<br>
<strong>What you'll need to get started</strong>
<table style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<img width="64px" style="padding: 10px;display: inline-block;-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;max-width: 560px;" src="http://assets.acorns.com.s3.amazonaws.com/email/7-25/personal.png">
</td>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
Personal information in order to generate a <br> tailored investment portfolio recommendation.
</td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<img width="64px" style="padding: 10px;display: inline-block;-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;max-width: 560px;" src="http://assets.acorns.com.s3.amazonaws.com/email/7-25/cards.png">
</td>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
Credit and Debit cards to connect spending<br> to investing by rounding up transactions.
</td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<img width="64px" style="padding: 10px;display: inline-block;-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;max-width: 560px;" src="http://assets.acorns.com.s3.amazonaws.com/email/7-25/bank.png">
</td>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
Bank routing and account number to transfer money<br> into and out of your Acorns investment account.
</td>
</tr>
</table>
<br>Find more information in our <a href="http://acorns.com/registration-guide" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #5a9fdb;font-weight: normal;text-decoration: none;">Registration Guide</a><br><br>
<div class="support" style="display: block;font-size: 15px;font-weight: 400;">
If you encounter any issues or have any questions, please contact <a href="mailto:support@acorns.com" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #5a9fdb;font-weight: normal;text-decoration: none;">support@acorns.com</a> or call <a href="tel:855.739.2859" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #5a9fdb;font-weight: normal;text-decoration: none;">855.739.2859</a> and one of our representatives will be happy to assist you. Thank you again for helping us make a better product!
<br>
<br>
All the best,
<br>
Acorns Support Team
<br>
<br>
</div>
<center>
<br>
Start Investing Today!
<br>
<br>
<a id="downloadLink" href="http://youngmoneyplan.acorns.com/" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #5a9fdb;font-weight: normal;text-decoration: none;">
<img src="http://assets.acorns.com.s3.amazonaws.com/email/7-25/invest.png" style="width: 280px;-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;display: block;max-width: 560px;">
</a>
</center>
</td>
</tr>
</table>
<!-- // END COLUMNS -->
<!-- // END BODY -->
</td>
</tr>
<tr>
<td align="center" valign="top" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<!-- BEGIN FOOTER // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateFooter" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;background-color: #fff;border-top: 0px solid #FFFFFF;border-collapse: collapse !important;">
<tr>
<td valign="top" class="footerContent" style="padding-top: 20px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #808080;font-family: Helvetica;font-size: 10px;line-height: 150%;padding-right: 20px;padding-bottom: 20px;padding-left: 20px;text-align: left;" mc:edit="footer_content01">
<center>
<div id="contact" style="font-family: 'Avenir Next', Sans-Serif; font-size: 13px; font-weight: 400; color: #BCBCBC; padding-top: 20px;">
Acorns | 4600 Campus Dr. #107, Newport Beach CA, 92660
</div>
<div id="help" style="padding: 10px 0px;">
<a href="http://assets.acorns.com.s3.amazonaws.com/pdfs/terms_of_use_4_16_14.pdf" style="font-family: 'Avenir Next', Sans-Serif;color: #BCBCBC;text-decoration: underline;font-size: 13px;margin: 0px;font-weight: 500;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;">Terms</a>
<span style="font-family: 'Avenir Next', Sans-Serif; font-size: 13px; color: #BCBCBC;"> | </span>
<a href="https://www.acorns.com/pdfs/disclosure_5_7_14.pdf" style="font-family: 'Avenir Next', Sans-Serif;color: #BCBCBC;text-decoration: underline;font-size: 13px;margin: 0px;font-weight: 500;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;">Disclosures</a>
<span style="font-family: 'Avenir Next', Sans-Serif; font-size: 13px; color: #BCBCBC;"> | </span>
<a href="%%unsub_center_url%%" style="font-family: 'Avenir Next', Sans-Serif;color: #BCBCBC;text-decoration: underline;font-size: 13px;font-weight: 500;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;">Unsubscribe</a>
</div>
<div id="social-links">
<a href="https://www.facebook.com/AcornsGrow" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #606060;font-weight: normal;text-decoration: none;">
<img src="http://image.s6.exacttarget.com/lib/fe8c12717c61067b73/m/1/facebook-2x.png" style="padding: 4px;display: inline;-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;" title="facebook-2x" alt="facebook-2x" width="10" height="18">
</a>
<a href="http://twitter.com/acorns" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #606060;font-weight: normal;text-decoration: none;">
<img src="http://image.s6.exacttarget.com/lib/fe8c12717c61067b73/m/1/twitter-2x.png" style="padding: 4px;display: inline;-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;" title="twitter-2x" alt="twitter-2x" width="19" height="17">
</a>
<a href="http://blog.acorns.com" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #606060;font-weight: normal;text-decoration: none;">
<img src="http://image.s6.exacttarget.com/lib/fe8c12717c61067b73/m/1/tumblr-2x.png" style="padding: 4px;display: inline;-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;" title="tumblr-2x" alt="tumblr-2x" width="12" height="18">
</a>
<a href="http://www.linkedin.com/company/acorns-grow-inc-" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #606060;font-weight: normal;text-decoration: none;">
<img src="http://image.s6.exacttarget.com/lib/fe8c12717c61067b73/m/1/linkedin-2x.png" style="padding: 4px;display: inline;-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;" title="linkedin-2x" width="18" height="18">
</a>
</div>
</center>
</td>
</tr>
</table>
<!-- // END FOOTER -->
</td>
</tr>
</table>
<!-- // END TEMPLATE -->
</td>
</tr>
</table>
</center>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment