hellocosmin
11/21/2017 - 4:13 PM
Pine Pricing Table 3 Columns Boxed
Pine Pricing Table 3 Columns Boxed
<table align="center" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td style="padding: 0 30px;">
<div class="spacer" style="line-height: 30px;"> </div>
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="col" width="200">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td align="center" style="padding: 30px 0; color: #666666; font-size: 14px; line-height: 45px;">
<div style="color: #000000; font-size: 15px; font-weight: 700; margin-bottom: 15px;">Starter Edition</div>
<div style="color: #000000; font-size: 45px;"><span style="font-size: 16px; mso-text-raise: 75%; vertical-align: text-top;">$</span>2.99</div>
<div style="color: #CCCCCC; font-size: 15px; line-height: 100%; margin-bottom: 15px;">/MO</div>
<div>LowFi Sound Quality</div>
<div>Online Listening</div>
<div>Advertising</div>
<div>-</div>
<div>-</div>
<div class="spacer" style="line-height: 30px;"> </div>
<table align="center" cellpadding="0" cellspacing="0" role="presentation" style="margin: 0 auto;">
<tr>
<th>
<a href="http://thememountain.com" style="border: 1px solid #933DED; color: #933DED; display: block; font-size: 13px; padding: 8px 30px; text-decoration: none;">Sign Up</a>
</th>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td class="col" width="200">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td align="center" bgcolor="#933DED" style="padding: 30px 0; color: #FFFFFF; font-size: 14px; line-height: 45px;">
<div style="font-size: 15px; font-weight: 700; margin-bottom: 15px;">Premium Edition</div>
<div style="font-size: 45px;"><span style="font-size: 16px; mso-text-raise: 75%; vertical-align: text-top;">$</span>9.99</div>
<div style="color: #CCCCCC; font-size: 15px; line-height: 100%; margin-bottom: 15px;">/MO</div>
<div>HiFi Sound Quality</div>
<div>Online/Offline Listening</div>
<div>No Advertising</div>
<div>-</div>
<div>-</div>
<div class="spacer" style="line-height: 30px;"> </div>
<table align="center" cellpadding="0" cellspacing="0" role="presentation" style="margin: 0 auto;">
<tr>
<th>
<a href="http://thememountain.com" style="border: 1px solid #FFFFFF; color: #FFFFFF; display: block; font-size: 13px; padding: 8px 30px; text-decoration: none;">Sign Up</a>
</th>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td class="col" width="200">
<table cellpadding="0" cellspacing="0" role="presentation" style="width: 100%;">
<tr>
<td align="center" style="padding: 30px 0; color: #666666; font-size: 14px; line-height: 45px;">
<div style="color: #000000; font-size: 15px; font-weight: 700; margin-bottom: 15px;">Pro Edition</div>
<div style="color: #000000; font-size: 45px;"><span style="font-size: 16px; mso-text-raise: 75%; vertical-align: text-top;">$</span>19.99</div>
<div style="color: #CCCCCC; font-size: 15px; line-height: 100%; margin-bottom: 15px;">/MO</div>
<div>HiFi Sound Quality</div>
<div>On/Offline Listening</div>
<div>No Advertising</div>
<div>Infinite Song Plays</div>
<div>300K Video Plays</div>
<div class="spacer" style="line-height: 30px;"> </div>
<table align="center" cellpadding="0" cellspacing="0" role="presentation" style="margin: 0 auto;">
<tr>
<th>
<a href="http://thememountain.com" style="border: 1px solid #933DED; color: #933DED; display: block; font-size: 13px; padding: 8px 30px; text-decoration: none;">Sign Up</a>
</th>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<div class="spacer" style="line-height: 30px;"> </div>
</td>
</tr>
</table>