Last active
September 1, 2022 13:04
-
-
Save kotarovivino/2aa51f02e5cdf53fdbcce0e7081d836b to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{%- if not contact.user_id -%} | |
{{ skip_action('no user_id') }} | |
{%- endif -%} | |
<!--Set API Variables--> | |
{%- set user_id = contact.user_id -%} | |
{%- set parameters = {'user_id': user_id, 'count': 1} -%} | |
{%- if not lookups.real_time_production_recommendations[parameters] -%} | |
{{ skip_action('no recs for user') }} | |
{%- endif -%} | |
{%- set user_recs = lookups.real_time_production_recommendations[parameters] -%} | |
{%- set rec_1 = user_recs['products'][0]['product'] -%} | |
<!--End Set API Variables --> | |
<!--Set Rec 1 Parameters--> | |
{%- set rec_1_vintage_id = rec_1.vintage_id -%} | |
{%- set rec_1_price_id = rec_1.price_id-%} | |
{%- set rec_1_vintage_year = rec_1.vintage_year -%} | |
{%- set rec_1_offer_title = rec_1.offer_title -%} | |
{%- set rec_1_email_subject = rec_1.email_subject|trim -%} | |
{%- set rec_1_email_headline = rec_1.email_headline -%} | |
{%- set rec_1_email_subheader = rec_1.email_subheader -%} | |
{%- set rec_1_email_preheader = rec_1.email_preheader -%} | |
{%- set rec_1_winery_name = rec_1.winery_name -%} | |
{%- set rec_1_wine_name = rec_1.wine_name -%} | |
{%- set rec_1_email_description = rec_1.email_description -%} | |
{%- set rec_1_ratings_average = rec_1.ratings_average -%} | |
{%- set rec_1_ratings_count = rec_1.ratings_count -%} | |
{%- set rec_1_is_all_vintages = rec_1.is_all_vintages -%} | |
{%- set rec_1_bottle_image = rec_1.bottle_image -%} | |
{%- set rec_1_cta_url = rec_1.cta_url -%} | |
{%- set rec_1_link = rec_1_cta_url ~ "&change_ship_to_country_code=" ~ contact.country_code ~ "&change_ship_to_state_code=" ~ contact.state_code ~ "&change_ship_to_state_code=" ~ contact.state_code ~ "&user_id=" ~ contact.user_id ~ '&prefill_token='~ contact.prefill_token -%} | |
<!--End Set Rec 1 Parameters--> | |
<!--Error and Null Check--> | |
{%- if not rec_1.vintage_id -%} | |
{{ skip_action('rec_1.vintage_id') }} | |
{%- endif -%} | |
{%- if not rec_1_email_preheader -%} | |
{{ skip_action('rec_1_email_preheader') }} | |
{%- endif -%} | |
{%- if not rec_1.offer_title -%} | |
{{ skip_action('no rec_1.offer_title') }} | |
{%- endif -%} | |
{%- if not rec_1.email_subject -%} | |
{{ skip_action('no rec_1.email_subject') }} | |
{%- endif -%} | |
{%- if rec_1.email_subject|length < 3 -%} | |
{{ skip_action('no rec_1.email_subject') }} | |
{%- endif -%} | |
{%- if not rec_1.bottle_image -%} | |
{{ skip_action('rec_1.bottle_image') }} | |
{%- endif -%} | |
{%- if not rec_1.winery_name -%} | |
{{ skip_action('rec_1.winery_name') }} | |
{%- endif -%} | |
{%- if not rec_1.wine_name -%} | |
{{ skip_action('rec_1.wine_name') }} | |
{%- endif -%} | |
{%- if not rec_1.ratings_average -%} | |
{{ skip_action('rec_1.ratings_average') }} | |
{%- endif -%} | |
{%- if not rec_1.ratings_count -%} | |
{{ skip_action('rec_1.ratings_count') }} | |
{%- endif -%} | |
{%- if not rec_1.is_all_vintages is defined -%} | |
{{ skip_action(' ffrec_1.is_all_vintages') }} | |
{%- endif -%} | |
{%- if not rec_1.cta_url -%} | |
{{ skip_action('rec_1.cta_url') }} | |
{%- endif -%} | |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> | |
<head> | |
<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> | |
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> | |
<meta name="format-detection" content="date=no" /> | |
<meta name="format-detection" content="address=no" /> | |
<meta name="format-detection" content="telephone=no" /> | |
<meta name="x-apple-disable-message-reformatting" /> | |
<meta name="color-scheme" content="light dark"> | |
<meta name="supported-color-schemes" content="light dark"> | |
<!--[if !mso]><!--> | |
<link rel="preconnect" href="https://fonts.gstatic.com" /> | |
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap" rel="stylesheet" /> | |
<!--<![endif]--> | |
<title><tr> | |
{% if lookups.upp_price_content_catalog[lookups.upp_recs[contact.email_address].price_rec_1].upp_email_subject != '' %} | |
<td class="fallback-font padL30 padR30 center fs13" align="left" style="font-family: 'Graphik', Helvetica, Arial, sans-serif !important; font-weight:300; font-size:12px; color:#1e1e1e; line-height:16px; letter-spacing:0.4px; -webkit-text-size-adjust:none; padding:0px 0px 0px 0px;"> | |
</td> | |
{% else %} | |
<td class="fallback-font padL30 padR30 center fs13" align="left" style="font-family: 'Graphik', Helvetica, Arial, sans-serif !important; font-weight:300; font-size:12px; color:#1e1e1e; line-height:16px; letter-spacing:0.4px; -webkit-text-size-adjust:none; padding:0px 0px 0px 0px;"> | |
Picked for you : {{ lookups.upp_price_content_catalog[lookups.upp_recs[contact.email_address].price_rec_1].upp_winery_name }} {{ lookups.upp_price_content_catalog[lookups.upp_recs[contact.email_address].price_rec_1].upp_wine_name }} {{ lookups.upp_price_content_catalog[lookups.upp_recs[contact.email_address].price_rec_1].upp_vintage_name }} | |
</td> | |
{% endif %} | |
</tr></title> | |
<!--[if gte mso 9]> | |
<style type="text/css" media="all"> | |
sup { font-size: 100% !important; } | |
</style> | |
<![endif]--> | |
<style type="text/css" media="screen"> | |
body { padding:0 !important; margin:0 auto !important; display:block !important; min-width:100% !important; width:100% !important; background:#FAFAFA; -webkit-text-size-adjust:none } | |
a { color:#ff0000; text-decoration:none } | |
p { padding:0 !important; margin:0 !important } | |
img { margin: 0 !important; -ms-interpolation-mode: bicubic; /* Allow smoother rendering of resized image in Internet Explorer */ } | |
#MessageViewBody, #MessageWebViewDiv { width: 100% !important; }/* Samsung Galaxy Note 4 Samsung Mail - make email stay centered */ | |
#MessageViewBody .mtext-14 { font-size: 14px !important; line-height: 18px !important; } | |
#MessageViewBody .sw-40i img { width: 40px !important; height: auto !important; } | |
#MessageViewBody .sw-40 { width: 40px !important; } | |
#MessageViewBody .sbg { background-color: none !important; border: 1px solid #d9d9d9 !important; border-radius: 8px !important; } | |
.l-white a { color: #FAFAFA; } | |
.l-primary a { color: #1e1e1e; } | |
.l-grey a { color: #575757; } | |
.l-lgrey a { color: #757575; } | |
.l-lred a { color: #b3645b; } | |
.l-brown a { color: #885330; } | |
:root { | |
color-scheme: light dark; | |
supported-color-schemes: light dark; | |
} | |
/* Dark mode */ | |
@media (prefers-color-scheme: dark ) { | |
.c-white { color: #fffffe !important; } | |
.c-primary { color: #1e1e1e !important; } | |
.c-grey { color: #575757 !important; } | |
.c-lred { color: #b3645b !important; } | |
.c-brown { color: #885330 !important; } | |
.c-lgrey { color: #757575 !important; } | |
.l-white a { color: #fffffe !important; } | |
.l-primary a { color: #1e1e1e !important; } | |
.l-grey a { color: #575757 !important; } | |
.l-lred a { color: #b3645b !important; } | |
.l-brown a { color: #885330 !important; } | |
.l-lgrey a { color: #757575 !important; } | |
.l-white span { color: #fffffe !important; } | |
.l-primary span { color: #1e1e1e !important; } | |
.l-grey span { color: #575757 !important; } | |
.l-lred span { color: #b3645b !important; } | |
.l-brown span { color: #885330 !important; } | |
.l-lgrey span { color: #757575 !important; } | |
.white-box { background-color: #fffffe !important; } | |
.dark-box { background-color: #121212 !important; } | |
.green-box { background-color: #00845f !important; } | |
.lgreen-box { background-color: #c5e8d5 !important; } | |
.grey-box { background-color: #fafafa !important; } | |
.yellow-box { background-color: #fef5dc !important; } | |
.dgrey-box { background-color: #f0f0f0 !important; } | |
.dark-box-2 { background-color: #1e1e1e !important; } | |
.lblue-box { background-color: #eaecf2 !important; } | |
.dborder-btn { border: 1px solid #1e1e1e !important; } | |
.dline-grey { border-top: 1px solid #bfbfbf !important; } | |
.dborder-box { border: 1px solid #d9d9d9 !important; } | |
.lgrey-box { background-color: #d9d9d9 !important; } | |
} | |
[data-ogsc] .dark-img { display:block !important; width: auto !important; overflow: visible !important; float: none !important; max-height:inherit !important; max-width:inherit !important; line-height: auto !important; margin-top:0px !important; visibility:inherit !important; } | |
[data-ogsc] .c-white { color: #fffffe !important; } | |
[data-ogsc] .c-primary { color: #1e1e1e !important; } | |
[data-ogsc] .c-grey { color: #575757 !important; } | |
[data-ogsc] .c-lred { color: #b3645b !important; } | |
[data-ogsc] .c-brown { color: #885330 !important; } | |
[data-ogsc] .c-lgrey { color: #757575 !important; } | |
[data-ogsc] .l-white a { color: #fffffe !important; } | |
[data-ogsc] .l-primary a { color: #1e1e1e !important; } | |
[data-ogsc] .l-grey a { color: #575757 !important; } | |
[data-ogsc] .l-lred a { color: #b3645b !important; } | |
[data-ogsc] .l-brown a { color: #885330 !important; } | |
[data-ogsc] .l-lgrey a { color: #757575 !important; } | |
[data-ogsc] .l-white span { color: #fffffe !important; } | |
[data-ogsc] .l-primary span { color: #1e1e1e !important; } | |
[data-ogsc] .l-grey span { color: #575757 !important; } | |
[data-ogsc] .l-lred span { color: #b3645b !important; } | |
[data-ogsc] .l-brown span { color: #885330 !important; } | |
[data-ogsc] .l-lgrey span { color: #757575 !important; } | |
[data-ogsc] .white-box { background-color: #fffffe !important; } | |
[data-ogsc] .dark-box { background-color: #121212 !important; } | |
[data-ogsc] .green-box { background-color: #00845f !important; } | |
[data-ogsc] .lgreen-box { background-color: #c5e8d5 !important; } | |
[data-ogsc] .grey-box { background-color: #fafafa !important; } | |
[data-ogsc] .yellow-box { background-color: #fef5dc !important; } | |
[data-ogsc] .dgrey-box { background-color: #f0f0f0 !important; } | |
[data-ogsc] .dark-box-2 { background-color: #1e1e1e !important; } | |
[data-ogsc] .lblue-box { background-color: #eaecf2 !important; } | |
[data-ogsc] .dborder-btn { border: 1px solid #1e1e1e !important; } | |
[data-ogsc] .dline-grey { border-top: 1px solid #bfbfbf !important; } | |
[data-ogsc] .dborder-box { border: 1px solid #d9d9d9 !important; } | |
[data-ogsc] .lgrey-box { background-color: #d9d9d9 !important; } | |
/* progress bar desktop */ | |
.rate0{ padding-left: 0 !important; } | |
.rate10{ padding-left: 36px !important; } | |
.rate20{ padding-left: 72px !important; } | |
.rate30{ padding-left: 108px !important; } | |
.rate40{ padding-left: 144px !important; } | |
.rate50{ padding-left: 180px !important; } | |
.rate60{ padding-left: 216px !important; } | |
.rate70{ padding-left: 252px !important; } | |
.rate80{ padding-left: 288px !important; } | |
.rate90{ padding-left: 324px !important; } | |
.rate100{ padding-left: 360px !important; } | |
/* Mobile styles */ | |
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) { | |
.mpx-24 { padding-left: 24px !important; padding-right: 24px !important; } | |
.mpb-16 { padding-bottom: 16px !important; } | |
.mpx-0 { padding-left: 0px !important; padding-right: 0px !important; } | |
.mpb-32 { padding-bottom: 32px !important; } | |
.mpb-5 { padding-bottom: 5px !important; } | |
.mpx-30 { padding-left: 30px !important; padding-right: 30px !important; } | |
.mfz-28 { font-size: 28px !important; } | |
.mlh-36 { line-height: 36px !important; } | |
.mpb-21 { padding-bottom: 21px !important; } | |
.mpx-20 { padding-left: 20px !important; padding-right: 20px !important; } | |
.mpb-19 { padding-bottom: 19px !important; } | |
.mpt-23 { padding-top: 23px !important; } | |
.mpx-3 { padding-left: 3px !important; padding-right: 3px !important; } | |
.mpb-24 { padding-bottom: 24px !important; } | |
.mpb-38 { padding-bottom: 38px !important; } | |
.mpt-0 { padding-top: 0px !important; } | |
.mpr-20 { padding-right: 20px !important; } | |
.mfz-16 { font-size: 16px !important; } | |
.mlh-24 { line-height: 24px !important; } | |
.mpx-7 { padding-left: 7px !important; padding-right: 7px !important; } | |
.mfz-20 { font-size: 20px !important; } | |
.mlh-28 { line-height: 28px !important; } | |
.mpx-16 { padding-left: 16px !important; padding-right: 16px !important; } | |
.mpl-10 { padding-left: 10px !important; } | |
.mpr-0 { padding-right: 0px !important; } | |
.mpt-15 { padding-top: 15px !important; } | |
.mpb-12 { padding-bottom: 12px !important; } | |
.mfz-14 { font-size: 14px !important; } | |
.mlh-22 { line-height: 22px !important; } | |
.mpb-41 { padding-bottom: 41px !important; } | |
.mpb-31 { padding-bottom: 31px !important; } | |
.mpb-17 { padding-bottom: 17px !important; } | |
.mpb-20 { padding-bottom: 20px !important; } | |
.mpx-10 { padding-left: 10px !important; padding-right: 10px !important; } | |
.mpl-0 { padding-left: 0px !important; } | |
.mpb-25 { padding-bottom: 25px !important; } | |
.mpb-28 { padding-bottom: 28px !important; } | |
.mpb-30 { padding-bottom: 30px !important; } | |
.td, | |
.m-shell { width: 100% !important; min-width: 100% !important; } | |
.mt-left { text-align: left !important; } | |
.mt-center { text-align: center !important; } | |
.mt-right { text-align: right !important; } | |
.me-left { margin-right: auto !important; } | |
.me-center { margin: 0 auto !important; } | |
.me-right { margin-left: auto !important; } | |
.mh-auto { height: auto !important; } | |
.mw-auto { width: auto !important; } | |
.mobile-image-hero { display: block !important; width: auto !important; height: 360px !important; padding-bottom: 16px !important; } | |
.column, | |
.column-top, | |
.column-dir, | |
.column-dir-top { float: left !important; width: 100% !important; display: block !important; } | |
.m-hide { display: none !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; min-height: 0 !important; } | |
.m-block { display: block !important; } | |
.m-iblock { display: inline-block !important; } | |
.mw-10 { width: 10px !important; } | |
.mw-4p { width: 4% !important; } | |
.mw-2p { width: 2% !important; } | |
.mw-32p { width: 32% !important; } | |
.mw-38p { width: 38% !important; } | |
.mw-58p { width: 58% !important; } | |
.mw-100p { width: 100% !important; } | |
.mrounded-t { border-radius: 0px !important; } | |
.mw-145 { width: 145px !important; } | |
.mw-145i img { width: 145px !important; height: auto !important; } | |
.mw-118 { width: 118px !important; } | |
.mw-118i img { width: 118px !important; height: auto !important; } | |
.mw-130 { width: 130px !important; } | |
.mw-130i img { width: 130px !important; height: auto !important; } | |
.mw-120 { width: 120px !important; } | |
.mw-120i img { width: 120px !important; height: auto !important; } | |
.mw-122 { width: 122px !important; } | |
.mw-122i img { width: 122px !important; height: auto !important; } | |
.mw-30 { width: 30px !important; } | |
.mw-30i img { width: 30px !important; height: auto !important; } | |
.mw-4 { width: 4px !important; } | |
.mw-5 { width: 5px !important; } | |
.mw-8 { width: 8px !important; } | |
.mw-15 { width: 15px !important; } | |
.mw-16 { width: 16px !important; } | |
.mw-20 { width: 20px !important; } | |
.mw-25 { width: 25px !important; } | |
.mw-30 { width: 30px !important; } | |
.mw-42 { width: 42px !important; } | |
.mw-65 { width: 65px !important; } | |
.mw-70 { width: 70px !important; } | |
.mw-130 { width: 130px !important; } | |
.mw-150 { width: 150px !important; } | |
.mw-160 { width: 160px !important; } | |
.mw-170 { width: 170px !important; } | |
.mw-288 { width: 288px !important; } | |
.mw-300 { width: 300px !important; } | |
.mw-334 { width: 300px !important; } | |
.mpb-8 { padding-bottom: 8px !important; } | |
} | |
.grey_container { | |
background-color:#fafafa; | |
border-radius: 16px; | |
} | |
</style> | |
</head> | |
<body class="body" style="padding:0 !important; margin:0 auto !important; display:block !important; min-width:100% !important; width:100% !important; background:#FFFFFF; -webkit-text-size-adjust:none;"> | |
<center> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0; padding: 0; width: 100%; height: 100%;" bgcolor="#FFFFFF" class="white-box"> | |
<tr> | |
<td style="margin: 0; padding: 0; width: 100%; height: 100%;" align="center" valign="top"> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0"> | |
<!-- Preview Text --> | |
<tr class="m-hide" style="mso-hide: all;"> | |
<td style="font-size: 0pt; line-height: 0pt;"> | |
{{rec_1_email_preheader}} | |
</td> | |
<td style="font-size: 0pt; line-height: 0pt;"> | |
| |
</td> | |
</tr> | |
<tr class="m-hide" style="mso-hide: all;"> | |
<td style="font-size: 0pt; line-height: 0pt;">͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ </td> | |
</tr> | |
<!-- END Preview Text --> | |
</table> | |
<table width="720" border="0" cellspacing="0" cellpadding="0" class="m-shell"> | |
<tr> | |
<td class="td grey_container" style="width:720px; min-width:720px; font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal;"> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0"> | |
<!-- Grey Background --> | |
<tr> | |
<td> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="grey-box rounded-t mrounded-t"> | |
<!-- Header --> | |
{% include 'localized_header_wine_categories' %} | |
<!-- END Header --> | |
<!-- Intro - 2 Columns - Main Rec 1 Image - Email Headline - Email User Review --> | |
<tr> | |
<td class="pl-56 pr-40 mpx-0 pb-20 mpb-32" style="padding-left: 56px; padding-right: 40px; padding-bottom: 20px; padding-top: 20px;"> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0"> | |
<tr> | |
<td> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0" dir="rtl" style="direction: rtl;"> | |
<tr> | |
<!-- Main Rec 1 Image --> | |
<th class="column-dir-top" dir="ltr" width="180" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; direction:ltr; vertical-align:top;"> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0"> | |
<tr> | |
<td class="fluid-img" style="font-size:0pt; line-height:0pt; text-align:left;"> | |
<div class="m-hide"> | |
<a href="{{rec_1_link}}" target="_blank" universal="true"> <img src="{{rec_1_bottle_image}}" width="140" border="0" alt="{{rec_1_winery_name}} {{rec_1_wine_name}} {%if rec_1_vintage_year%}{{ rec_1_vintage_year }} | |
{%else%} | |
{%endif%}" /></a> | |
</div> | |
<!-- Image Rec 1 For Mobile --> | |
<!--[if !mso]><!--> | |
<a href="{{rec_1_link}}" target="_blank" universal="true"> <img src="{{rec_1_bottle_image}}" alt="{{rec_1_winery_name}} {{rec_1_wine_name}} {%if rec_1_vintage_year%}{{ rec_1_vintage_year }} | |
{%else%} | |
{%endif%}" border="0" class="mobile-image-hero me-center" style="display: none;" /></a> | |
<!--<![endif]--> | |
<!-- END Image Rec 1 For Mobile --> | |
</td> | |
</tr> | |
</table> | |
</th> | |
<!-- END Main Rec 1 Image --> | |
<th class="column-dir-top mpb-5" dir="ltr" width="10" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; direction:ltr; vertical-align:top;"></th> | |
<th class="column-dir" dir="ltr" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; direction:ltr;"> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0"> | |
<tr> | |
<td class="mpx-30 px-4" style="padding-left: 4px; padding-right: 4px;"> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0"> | |
<!-- Email Headline --> | |
<tr> | |
<td class="text-32 lh-40 mfz-28 mlh-36 l-primary fw-b pb-23 mpb-21" style="font-size:32px; color:#1e1e1e; font-family:'DM Sans', Arial, sans-serif; text-align:left; min-width:auto !important; line-height: 40px; font-weight:bold; padding-bottom: 23px;"> | |
{{rec_1_email_headline}} | |
</td> </tr> | |
<!-- END Email Headline --> | |
<!-- Email User Review --> | |
<tr> | |
<td class="text-18 lh-28 l-primary pb-24" style="font-size:18px; color:#1e1e1e; font-family:'DM Sans', Arial, sans-serif; text-align:left; min-width:auto !important; line-height: 28px; padding-bottom: 24px;"> | |
{{rec_1_email_subheader}} | |
</td> | |
</tr> | |
<!-- END Email User Review --> | |
<!-- Button --> | |
<tr> | |
<td> | |
<table border="0" cellspacing="0" cellpadding="0" class="me-center"> | |
<tr> | |
<td class="btn-16 green-box btn-p10x26" bgcolor="#00845f" style="font-size:16px; line-height:20px; color:#FAFAFA; font-family:'DM Sans', Arial, sans-serif; text-align:center; min-width:auto !important; font-weight:bold; border-radius:80px; mso-padding-alt:10px 26px;"> | |
<a href="{{rec_1_link}}" target="_blank" universal="true" class="link c-white l-white" style="padding: 10px 26px; display: block; text-decoration:none; color:#FAFAFA;"><span class="link c-white l-white" style="text-decoration:none; color:#FAFAFA;">{%include 'localized_sideoffers_cta'%}</span></a> | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
<!-- END Button --> | |
</table> | |
</td> | |
</tr> | |
</table> | |
</th> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
<!-- END Intro - 2 Columns - Main Rec 1 Image - Email Headline - Email User Review --> | |
<!-- White Content Box Rec 1 --> | |
<tr> | |
<td class="px-40 mpx-20 pb-8" style="padding-left: 40px; padding-right: 40px; padding-bottom: 8px;"> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#d9d9d9" class="lgrey-box rounded" style="border-radius:16px;"> | |
<tr> | |
<td class="p-1" style="padding: 1px;"> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" class="white-box rounded" style="border-radius:16px;"> | |
<tr> | |
<td class="px-20 pt-31 pb-20 mpb-19 mpt-23" style="padding-left: 20px; padding-right: 20px; padding-top: 31px; padding-bottom: 20px;"> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0"> | |
<tr> | |
<td class="pl-20 pr-10 mpx-3 pb-28 mpb-24" style="padding-left: 20px; padding-right: 10px; padding-bottom: 28px;"> | |
<table border="0" cellspacing="0" cellpadding="0"> | |
<tr> | |
<th class="column-top" width="350" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top;"> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0"> | |
<!-- Winery Name --> | |
<tr> | |
<td class="text-18 lh-28 l-primary" style="font-size:18px; color:#1e1e1e; font-family:'DM Sans', Arial, sans-serif; text-align:left; min-width:auto !important; line-height: 28px;"> | |
<a href="{{rec_1_link}}" target="_blank" universal="true">{{rec_1_winery_name}}</a> | |
</td> | |
</tr> | |
<!-- END Winery Name --> | |
<!-- Wine Name --> | |
<tr> | |
<td class="text-18 lh-28 l-primary fw-b pb-8" style="font-size:18px; color:#1e1e1e; font-family:'DM Sans', Arial, sans-serif; text-align:left; min-width:auto !important; line-height: 28px; font-weight:bold; padding-bottom: 8px;"> | |
<a href="{{rec_1_link}}" target="_blank" universal="true">{{rec_1_wine_name}} {{rec_1_vintage_year}}</a> | |
</td> | |
</tr> | |
<!-- END Wine Name --> | |
</table> | |
</th> | |
<th class="column-top mpb-38" width="50" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top;"></th> | |
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top;"> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0"> | |
<tr> | |
<td class="pt-6 mpt-0" style="padding-top: 6px;"> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0"> | |
<!-- Rating Rec 1 --> | |
<tr> | |
<td class="pb-20 mpr-20" style="padding-bottom: 20px;"> | |
<table border="0" cellspacing="0" cellpadding="0" class="me-center"> | |
<tr> | |
<td valign="top"> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0"> | |
<tr> | |
<td class="text-36 lh-44 l-primary pt-2" style="font-size:36px; color:#1e1e1e; font-family:'DM Sans', Arial, sans-serif; text-align:left; min-width:auto !important; line-height: 44px; padding-top: 2px;"> | |
{{rec_1_ratings_average|float}} | |
</td> | |
</tr> | |
</table> | |
</td> | |
<td class="img" width="15" style="font-size:0pt; line-height:0pt; text-align:left;"> </td> | |
<td valign="top"> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0"> | |
<tr> | |
<td> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0"> | |
<tr> | |
<td class="pb-1" style="padding-bottom: 1px; padding-top: 2px;"> | |
<img height="16" border="0" src="https://vivino.s3.amazonaws.com/emails/simon/stars/star_{{rec_1_ratings_average|float}}.png" alt="{{rec_1_ratings_average}} stars"> | |
</td> | |
</tr> | |
<tr> | |
<td class="text-16 lh-24 l-primary a-center" style="font-size:16px; color:#333333; font-weight: 300; font-family:'DM Sans', Arial, sans-serif; min-width:auto !important; line-height: 24px; text-align:center;"> | |
<span class="tdu" style="text-decoration:none;"> | |
<!-- Regular star rating and ratings count --> | |
{{ rec_1_ratings_count }} {%include 'localized_sideoffers_ratings'%} | |
<!-- All star ratings, no ratings count --> | |
</span> | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
<!-- END Rating Rec 1 --> | |
<tr> | |
<td> | |
<!-- Button --> | |
<table border="0" cellspacing="0" cellpadding="0" class="me-center"> | |
<tr> | |
<td class="btn-16 green-box mw-150 btn-p10x10" bgcolor="#00845f" width="170" style="font-size:16px; line-height:20px; color:#FAFAFA; font-family:'DM Sans', Arial, sans-serif; text-align:center; min-width:auto !important; font-weight:bold; border-radius:80px; mso-padding-alt:10px 10px;"> | |
<a href="{{rec_1_link}}" target="_blank" universal="true" class="link c-white l-white" style="padding: 10px 10px; display: block; text-decoration:none; color:#FAFAFA;"><span class="link c-white l-white" style="text-decoration:none; color:#FAFAFA;">{%include 'localized_sideoffers_cta'%}</span></a> | |
</td> | |
</tr> | |
</table> | |
<!-- END Button --> | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
</table> | |
</th> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
<tr> | |
<td bgcolor="#fafafa" class="grey-box rounded py-20 px-24 mpx-20" style="border-radius:16px; padding-top: 20px; padding-bottom: 20px; padding-left: 24px; padding-right: 24px;"> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0"> | |
<!-- Begin Offer Description --> <tr> | |
<td class="text-18 lh-28 mfz-16 mlh-24 l-primary" style="font-size:18px; color:#1e1e1e; font-family:'DM Sans', Arial, sans-serif; text-align:left; min-width:auto !important; line-height: 28px;">{{ rec_1_email_description }} | |
</td> | |
<td class="text-18 lh-28 mfz-16 mlh-24 l-primary" style="font-size:18px; color:#1e1e1e; font-family:'DM Sans', Arial, sans-serif; text-align:left; min-width:auto !important; line-height: 28px;"> | |
| |
</td> | |
</tr> | |
<!-- End Offer Description --> | |
<!-- Begin Critic Quote --> | |
<tr> | |
<td class="text-18 lh-28 mfz-16 mlh-24 l-primary" style="font-size:20px; color:#1e1e1e; font-family:'DM Sans', Arial, sans-serif; text-align:left; min-width:auto !important; line-height: 28px; font-weight:bold; padding-top:15px;"></td> | |
</tr> | |
<tr> | |
<td class="text-18 lh-28 mfz-16 mlh-24 l-primary" style="font-size:20px; color:#1e1e1e; font-family:'DM Sans', Arial, sans-serif; text-align:left; min-width:auto !important; line-height: 28px; font-weight:bold; padding-top:15px;"></td></td> | |
</tr> | |
<tr> | |
<td class="text-18 lh-28 mfz-16 mlh-24 l-primary" style="font-size:18px; color:#1e1e1e; font-family:'DM Sans', Arial, sans-serif; text-align:left; min-width:auto !important; line-height: 28px;"></td> | |
</tr> | |
<tr> | |
<td class="text-18 lh-28 mfz-16 mlh-24 l-primary" style="font-size:18px; color:#1e1e1e; font-family:'DM Sans', Arial, sans-serif; text-align:left; min-width:auto !important; line-height: 28px;"> | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
<!-- END White Content Box Rec 1 --> | |
<!-- CTA Buttons Rec 1 --> | |
<tr> | |
<td class="px-40 pb-55 mpx-20" style="padding-left: 40px; padding-right: 40px; padding-bottom: 28px; padding-top: 20px;"> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0"> | |
<tr> | |
<td align="center" class="pb-25" style="padding-bottom: 25px;"> | |
<table border="0" cellspacing="0" cellpadding="0" class="mw-100p"> | |
<tr> | |
<td class="btn-16 green-box btn-p10x10" bgcolor="#00845f" width="170" style="font-size:16px; line-height:20px; color:#FAFAFA; font-family:'DM Sans', Arial, sans-serif; text-align:center; min-width:auto !important; font-weight:bold; border-radius:80px; mso-padding-alt:10px 10px;"> | |
<a href="{{rec_1_link}}" target="_blank" universal="true" class="link c-white l-white" style="padding: 10px 10px; display: block; text-decoration:none; color:#FAFAFA;"><span class="link c-white l-white" style="text-decoration:none; color:#FAFAFA;">{%include 'localized_sideoffers_cta'%}</span></a> | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
<!-- Add to wishlist --> | |
{%include 'add_to_wishlist_localized'%} | |
<!-- End Add to wishlist --> | |
</table> | |
</td> | |
</tr> | |
<!-- END CTA Buttons Rec 1 --> | |
<!-- Review + Icons --> | |
<tr> | |
<td class="px-40 mpx-20 pb-32" style="padding-left: 40px; padding-right: 40px; padding-bottom: 32px;"> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#d9d9d9" class="lgrey-box rounded-8" style="border-radius:8px;"> | |
<tr> | |
<td class="p-1" style="padding: 1px;"> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#f0f0f0" class="dgrey-box rounded-8" style="border-radius:8px;"> | |
<tr> | |
<td class="px-23 py-11 mpt-15 mpb-19" style="padding-left: 23px; padding-right: 23px; padding-top: 11px; padding-bottom: 11px;"> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0"> | |
<tr> | |
<th class="column-top" width="460" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top;"> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0"> | |
<tr> | |
<td class="img" valign="middle" width="24" style="font-size:0pt; line-height:0pt; text-align:left;"> | |
<img src="https://images.vivino.com/emails/simon/v4_template_assets/ico_1_v1.png" width="24" height="24" border="0" alt="Preferences" /> | |
</td> | |
<td class="img" width="16" style="font-size:0pt; line-height:0pt; text-align:left;"> </td> | |
<td class="text-16 lh-24 l-primary fw-b" style="font-size:16px; color:#1e1e1e; font-family:'DM Sans', Arial, sans-serif; text-align:left; min-width:auto !important; line-height: 24px; font-weight:bold;"> | |
{% include 'localized_negative_signals_cta'%} <a href="https://www.vivino.com/vintages/{{rec_1_vintage_id}}/wine_preferences_feedback?price_id={{rec_1_price_id}}&utm_campaign=negative_signal_text" class="link-u c-primary l-primary" style="text-decoration:underline; color:#1e1e1e;" target="_blank" universal="false"><span class="link-u c-primary l-primary" style="text-decoration:underline; float: right; color:#1e1e1e;">{%include 'localized_not_for_me_cta'%}</span></a> | |
</td> | |
</tr> | |
</table> | |
</th> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
<!-- END Review + Icons --> | |
{%include 'global_ao_coupons'%} | |
{% include 'global_ao_coupons_terms' %} | |
{%include 'v4_api_side_recs'%} | |
<!-- Footer Banner --> | |
<tr> | |
<td> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0"> | |
<tr> | |
<td class="px-40 mpx-20 pb-20 mpb-32" style="padding-left: 40px; padding-right: 40px; padding-bottom: 40px;"> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#f0f0f0" class="dgrey-box rounded" style="border-radius:16px;"> | |
<tr> | |
<td class="px-20 pb-32 pt-20" style="padding-left: 20px; padding-right: 20px; padding-bottom: 32px; padding-top: 20px;"> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0"> | |
<!-- Main Image -->{%include 'wine_club_50'%} | |
<!-- END Footer Banner --> | |
<!-- Separator Line --> | |
<tr> | |
<td class="px-40 mpx-20 pb-39 mpb-31" style="padding-left: 40px; padding-right: 40px; padding-bottom: 39px;"> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0"> | |
<tr> | |
<td class="img line-grey dline-grey" style="font-size:0pt; line-height:0pt; text-align:left; border-top:1px solid #bfbfbf;"> </td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
<!-- END Separator Line --> | |
<!-- Bottom Section - Images + Text --> | |
{% include 'localized_footer_usp' %} | |
<!-- END Bottom Section - Images + Text --> | |
<!-- Logo --> | |
<tr> | |
<td class="pb-29 mpb-28" style="padding-bottom: 29px;"> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0"> | |
<tr> | |
<td valign="middle"> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0"> | |
<tr> | |
<td class="img" height="2" style="font-size:0pt; line-height:0pt; text-align:left;"> </td> | |
</tr> | |
<tr> | |
<td class="img line-grey dline-grey" style="font-size:0pt; line-height:0pt; text-align:left; border-top:1px solid #bfbfbf;"> </td> | |
</tr> | |
</table> | |
</td> | |
<td class="img" valign="top" width="24" style="font-size:0pt; line-height:0pt; text-align:left;"> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0"> | |
<tr> | |
<td class="img px-2" style="font-size:0pt; line-height:0pt; text-align:left; padding-left: 2px; padding-right: 2px;"> | |
<a href="https://www.vivino.com/" target="_blank"> | |
<img src="https://images.vivino.com/emails/simon/v4_template_assets/logo_f.png" width="20" height="36" border="0" alt="Vivino" /> | |
</a> | |
</td> | |
</tr> | |
</table> | |
</td> | |
<td valign="middle"> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0"> | |
<tr> | |
<td class="img" height="2" style="font-size:0pt; line-height:0pt; text-align:left;"> </td> | |
</tr> | |
<tr> | |
<td class="img line-grey dline-grey" style="font-size:0pt; line-height:0pt; text-align:left; border-top:1px solid #bfbfbf;"> </td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
<!-- END Logo --> | |
<!-- Footer --> | |
{% include 'localized_footer_offers' %} | |
<!-- END Footer --> | |
</table> | |
</td> | |
</tr> | |
<!-- END Grey Background --> | |
</table> | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
</table> | |
</center> | |
<!--VIVINO UNSUBSCRIBE LINK--> | |
<a href="<%asm_group_unsubscribe_raw_url%>"></a> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment