Skip to content

Instantly share code, notes, and snippets.

View cossssmin's full-sized avatar
💭

Cosmin Popovici cossssmin

💭
View GitHub Profile
@cossssmin
cossssmin / acorn-pricing-3-col-full-width.html
Last active January 16, 2018 19:23
Acorn Pricing Table 3 Columns Full Width
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td>
<div class="spacer" style="line-height: 32px;">&nbsp;</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: 32px; color: #666666; font-size: 13px; line-height: 42px;">
@cossssmin
cossssmin / acorn-pricing-2-col-full-width.html
Last active January 16, 2018 19:22
Acorn Pricing Table 2 Columns Full Width
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td>
<div class="spacer" style="line-height: 32px;">&nbsp;</div>
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="col pb-sm-16" width="300">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td align="center" style="padding: 32px 0; color: #666666; font-size: 13px; line-height: 42px;">
@cossssmin
cossssmin / acorn-pricing-3-col-boxed.html
Last active January 16, 2018 19:22
Acorn Pricing Table 3 Columns Boxed
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td style="padding: 0 24px;">
<div class="spacer" style="line-height: 32px;">&nbsp;</div>
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="col" width="184">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td align="center" style="padding: 32px 0; color: #666666; font-size: 13px; line-height: 42px;">
@cossssmin
cossssmin / acorn-pricing-2-col-boxed.html
Last active January 16, 2018 19:22
Acorn Pricing Table 2 Columns Boxed
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td style="padding: 0 24px;">
<div class="spacer" style="line-height: 32px;">&nbsp;</div>
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="col pb-sm-16" width="260" style="padding: 0 8px;">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td align="center" style="padding: 32px 0; color: #666666; font-size: 13px; line-height: 42px;">
@cossssmin
cossssmin / acorn-nav-reverse-stack-horizontal.html
Last active January 16, 2018 19:22
Acorn Nav Reverse Stack Horizontal Mobile
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td style="padding: 0 24px;">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="col pb-sm-16" width="122" style="padding: 0 8px;">
<img src="http://placehold.it/160x160?text=LOGO" class="align-sm-center" alt="Logo" width="80" style="border-radius: 50%; max-width: 80px; width: 100%;">
</td>
<td class="col" width="398" style="padding: 0 8px; vertical-align: middle;">
<table align="right" class="nav nav-sm-vertical align-sm-center" cellpadding="0" cellspacing="0" role="presentation">
@cossssmin
cossssmin / acorn-nav-reverse-stack-vertical-mobile.html
Last active January 16, 2018 19:22
Acorn Nav Reverse Stack Vertical Mobile
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td style="padding: 0 24px;">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="col pb-sm-16" width="122" style="padding: 0 8px;">
<img src="http://placehold.it/160x160?text=LOGO" class="align-sm-center" alt="Logo" width="80" style="border-radius: 50%; max-width: 80px; width: 100%;">
</td>
<td class="col" width="398" style="padding: 0 8px; vertical-align: middle;">
<table align="right" class="nav nav-sm-vertical align-sm-center text-sm-center full-width-sm" cellpadding="0" cellspacing="0" role="presentation">
@cossssmin
cossssmin / acorn-nav-basic-example-header.html
Last active January 16, 2018 19:22
Acorn Basic Navigation With Header
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td style="padding: 0 24px;">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<!-- Logo column-->
<td class="col pb-sm-16" width="122" style="padding: 0 8px;">
<img src="http://placehold.it/122x122?text=LOGO" class="align-sm-center" alt="Logo" width="61" style="border-radius: 50%; max-width: 61px; width: 100%;">
</td>
<!-- Navigation column -->
@cossssmin
cossssmin / acorn-feature-columns.html
Last active January 16, 2018 19:21
Acorn Feature Columns
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td>
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="col" align="center" width="236" style="padding: 32px;">
<img src="https://i.imgur.com/XqzhK67.png" width="36" alt="Download" style="max-width: 36px; width: 100%;">
<h3>Download our app</h3>
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
</td>
@cossssmin
cossssmin / acorn-divider-default.html
Last active January 16, 2018 19:20
Acorn Divider Default
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="divider" height="60">
<div style="border-top: 1px solid #EEEEEE; line-height: 0;">&nbsp;</div>
</td>
</tr>
</table>
@cossssmin
cossssmin / acorn-coupon-with-image.html
Last active January 16, 2018 19:19
Acorn Coupon With Image
<table bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="spacer" height="32" style="line-height: 32px;">&nbsp;</td>
</tr>
<tr>
<td style="padding: 0 24px;">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="col pb-sm-16" width="260" style="padding: 0 8px;">
<img src="https://picsum.photos/520/520?image=1062" class="align-sm-center" width="260" alt="Coupon Image" style="max-width: 260px; width: 100%;">