Scribd
Upload
70 views17 pages

3

This document contains the HTML and CSS code for formatting an email newsletter. The HTML defines the structure and layout of the email, including a header, logo, banner image, and content blocks. The CSS styles various elements like headings, paragraphs, buttons, and components for different screen sizes. The goal is to display the newsletter content appropriately across email clients.

Uploaded by

said khliouel
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
70 views17 pages

3

This document contains the HTML and CSS code for formatting an email newsletter. The HTML defines the structure and layout of the email, including a header, logo, banner image, and content blocks. The CSS styles various elements like headings, paragraphs, buttons, and components for different screen sizes. The goal is to display the newsletter content appropriately across email clients.

Uploaded by

said khliouel
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 17

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>N1casino</title>

<link rel="preconnect" href="https://fonts.googleapis.com">


<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?
family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swa
p" rel="stylesheet">

<style>
* .banner img + div {
display: none !important;
}
.banner,
.banner a {
font-size: 0 !important;
line-height: 0 !important;
}
.row .container {
display: inline-block !important;
width: 100% !important;
max-width: 660px !important;
}
.row .row__td {
display: none !important;
}
img {
image-rendering: -webkit-optimize-contrast !important;
}
.content_block h1 {
text-align: center;
font-size: 38px;
line-height: 1.3;
color: #FFFFFF;
font-weight: 500;
}
.content_block h2 {
text-align: center;
font-size: 28px;
line-height: 1.3;
color: #FFFFFF;
font-weight: 500;
}
.content_block h3 {
text-align: center;
font-size: 22px;
line-height: 1.3;
color: #FFFFFF;
}
.content_block p {
font-family: 'Roboto', 'Segoe UI', sans-serif;
font-size: 16px;
line-height: 1.6;
color: #C8C8C8;
}
.content_block a {
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
background-color:#EC3200;
color:#FFFFFF;
display:inline-block;
font-family: 'Roboto', 'Segoe UI', sans-serif;
font-size:16px;
font-weight:700;
line-height:50px;
text-align:center;
text-decoration:none;
width: 184px;
border-radius:4px;
-webkit-text-size-adjust:none;
}

@media (min-width: 660px) {


.col {
line-height: 0 !important;
}
img {
image-rendering: -webkit-optimize-contrast !important;
}
.menu .col {
width: auto !important;
min-width: 53px !important;
}
.menu .col--2 {
min-width: 170px !important;
}
.menu .col--3 {
min-width: 130px !important;
}
.menu .col--4 {
min-width: 120px !important;
}
.menu .col--1 {
text-align: left !important;
}
.menu .col--5 {
text-align: right !important;
}
}
@media (max-width: 660px) {
.wrapper {
table-layout: auto !important;
min-width: 100% !important;
}
.container__inner {
width: 100% !important;
min-width: 100% !important;
}
.mobile-hidden {
display: none !important;
}
.games {
padding-left: 0 !important;
padding-right: 0 !important;
}
.news {
padding-left: 0 !important;
padding-right: 0 !important;
}
.news--list .col {
width: 100% !important;
}
.news--list .col--1 img {
width: 100% !important;
max-width: 290px !important;
max-height: 290px !important;
}
.news--list .col--2 {
max-width: 310px !important;
}
.cards {
padding-left: 3% !important;
padding-right: 3% !important;
}
.cards .col {
width: 100% !important;
max-width: 290px !important;
}
.cards td {
padding-top: 0 !important;
}
.card__wrapper {
padding-left: 0 !important;
padding-right: 0 !important;
}
td.card__title {
padding-top: 11px !important;
padding-bottom: 9px !important;
}
.card__title span {
font-size: 16px !important;
}
td.card__text {
padding-top: 20px !important;
}
.card__text span {
font-size: 32px !important;
}
td.card__note {
padding-bottom: 24px !important;
}
.card__note span {
font-size: 16px !important;
font-weight: 500 !important;
}
td.card__divider {
padding-top: 4px !important;
}
td.card__desc {
padding-top: 24px !important;
padding-bottom: 6px !important;
}
.card__desc span {
font-size: 12px !important;
font-weight: 700 !important;
}
td.card__code {
padding-bottom: 22px !important;
}
.card__code span {
font-size: 24px !important;
font-weight: 700 !important;
}
.event--main .event__wrapper {
display: block !important;
width: 100% !important;
max-width: 290px !important;
margin: 0 auto !important;
}
.event--main .event__name {
padding-top: 14px !important;
padding-bottom: 12px !important;
}
.event--main .event__name span {
font-size: 16px !important;

}
.event--main .event__container {
padding-top: 14px !important;
padding-bottom: 12px !important;
}
.event--main .event__logo {
width: 80px !important;
}
.event--main .event__logo img {
max-width: 80px !important;
}
.event--main .event__date {
width: 90px !important;
}
.event--main .date {
padding-top: 3px !important;
padding-bottom: 3px !important;
}
.event--main .date span {
font-size: 14px !important;
}
.event--main .time {
padding-bottom: 4px !important;
}
.event--main .time span {
font-size: 22px !important;
}
.event--main .timeZone span {
font-size: 14px !important;
}
.event--main .timeZone {

}
.event--main .participant {
width: 110px !important;
}
.event--main .draw {
width: 60px !important;
}
.event--main .draw {
width: 60px !important;
}
.event--main .name {
padding-bottom: 13px !important;
}
.event--main .name a,
.event--main .name a {
font-size: 14px !important;
line-height: 1.3 !important;
}
.event--main .coefficient {
padding-bottom: 8px !important;
}
.event--main .coefficient a,
.event--main .coefficient span {
font-size: 24px !important;
line-height: 1 !important;
}
.event--table .col {
width: 100% !important;
}
.event--table .event__wrapper {
display: inline-block !important;
width: 100% !important;
max-width: 290px !important;
margin: 0 auto !important;
}
.event--table .event__container {
padding-left: 6% !important;
padding-right: 6% !important;
padding-bottom: 24px !important;
}
.event--table .col--5 td {
padding-left: 0 !important;
padding-right: 0 !important;
}
.event--table .col--3 .event__sign td {
height: auto !important;
}
.event--table .col--3 span {
line-height: 1 !important;
}
.event--table .col--5 a {
width: 100% !important;
}
.event--tournament {
display: block !important;
width: 100% !important;
max-width: 290px !important;
margin: 0 auto !important;
}
img {
image-rendering: -webkit-optimize-contrast !important;
}
}
</style>
</head>

<body style="margin: 0; padding: 0; background-color: #070707;">


<img src="[tracking_link]" alt="" width="1" height="1" /><!-- END OF PIXEL --
>
<div class="preheader preheader--text" style="font-
size:0px;color:transparent;opacity:0;">Title

⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
</div>
<div class="preheader preheader--empty" style="font-
size:0px;color:transparent;opacity:0;">⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
</div>
<table class="wrapper" width="100%" cellpadding="0" cellspacing="0"
bgcolor="#070707" style="table-layout: fixed; min-width: 660px; background-image:
url('https://n1casino-test.casino-backend.com/system/comfy/cms/files/files/
000/002/513/original/n1-canada-wp-background-1248x702px.jpg'); background-repeat:
no-repeat; background-size: contain; background-position: top center;">
<tr class="row" style="text-align: center;">
<td class="row__td"></td>
<td class="container" width="660" style="padding: 0;">
<table class="container__inner" cellpadding="0"
cellspacing="0" width="660" bgcolor="#151515" style="width: 660px; max-width:
660px; min-width: 660px;">

<tr>
<td class="logo" style="padding: 0; padding-
top: 40px; padding-bottom: 51px; font-size: 0; text-align: center;">
<a href="[tracking_link]">
<img src="https://n1casino-
test.casino-backend.com/system/comfy/cms/files/files/000/002/306/original/
N1_Casino_email_logo.png" width="206" height="27" style="width: 100%; max-width:
206px; height: auto; max-height: 27px;" alt="N1casino">
</a>
</td>
</tr>

<tr>
<td class="banner" style="padding: 0; padding-
bottom: 37px; font-size: 0; text-align: center;">
<a href="[tracking_link]">
<img src="https://n1casino-
test.casino-backend.com/system/comfy/cms/files/files/000/002/519/original/n1-
canada-wp-banner-1200x600px-v2.jpg" width="600" height="300" style="width: 100%;
max-width: 600px; height: auto; max-height: 300px;" alt="">
</a>
</td>
</tr>
{{ content }}
<tr>
<td style="padding: 0; padding-bottom: 18px;
padding-left: 6%; padding-right: 6%; text-align: center;">
<span class="title" style="font-family:
'Roboto', 'Segoe UI', sans-serif; font-size: 28px; line-height: 1.3; color:
#FFFFFF; font-weight: 500;">
Canada! Are you ready to win the
race?!
</span>
</td>
</tr>
<tr>
<td style="padding: 0; padding-bottom: 44px;
padding-left: 10%; padding-right: 10%; text-align: left;">
<span class="text" style="font-family:
'Roboto', 'Segoe UI', sans-serif; font-size: 16px; line-height: 1.6; color:
#C8C8C8;">
Hey, Canada! How about switching to the next
generation gas and boosting your race car?

Take advantage of the renewed N1 Welcome Bonus, only for Canadians! Yes, it's
cutting edge:

</span>
</td>
</tr>

<tr>
<td class="banner" style="padding: 0; padding-
bottom: 70px; font-size: 0; text-align: center;">
<a id="cr_link1" href="[tracking_link]">
<img src="https://n1casino-
test.casino-backend.com/system/comfy/cms/files/files/000/002/515/original/n1-
canada-wp-banner-1dep-1200x360px.jpg" width="600" height="180" style="width: 100%;
max-width: 600px; height: auto; max-height: 180px;" alt="">
</a>
</td>
</tr>
<tr>
<td class="cards" style="padding: 0; padding-
bottom: 0; padding-left: 3%; padding-right: 3%;">
<table cellpadding="0" cellspacing="0"
width="100%">
<tr style="font-size: 0; text-
align: center;">
<td class="col col--1 col--
small red" valign="top" width="33%" style="display: inline-block; width: 206px;
padding: 0; padding-bottom: 20px;">
<table cellpadding="0"
cellspacing="0" width="100%">
<tr>
<td
class="card__wrapper" style="padding: 0; padding-left: 10px; padding-right: 10px;">
<table
bgcolor="#E73B0C" cellpadding="0" cellspacing="0" width="100%" style="border-top-
left-radius: 4px; border-top-right-radius: 4px;">
<tr>
<td
class="card__title" style="padding: 0; padding-top: 7px; padding-bottom: 8px; text-
align: center;">

<span style="font-family: 'Roboto', 'Segoe UI', sans-serif; font-size: 12px;


line-height: 1.3; color: #FFFFFF; font-weight: 700;">

Second Deposit Bonus

</span>
</td>
</tr>
</table>
<table
bgcolor="#EA4319" cellpadding="0" cellspacing="0" width="100%" style="background-
image: linear-gradient(290.39deg, #EA4319 4.6%, #FF8666 141.29%); border-bottom-
left-radius: 4px; border-bottom-right-radius: 4px;">
<tr>
<td
style="padding: 0; padding-top: 12px; padding-left: 6px; padding-right: 6px;">

<table cellpadding="0" cellspacing="0" width="100%">

<tr>

<td class="card__text" style="padding: 0; padding-bottom: 3px; text-


align: center;">

<span style="font-family: 'Roboto', 'Segoe UI', sans-serif; font-


size: 36px; line-height: 1.1; color: #FFFFFF; font-weight: 700;">

&nbsp;75%

</span>

</td>

</tr>

<tr>

<td class="card__note" style="padding: 0; padding-bottom: 11px; text-


align: center;">

<span style="font-family: 'Roboto', 'Segoe UI', sans-serif; font-


size: 12px; line-height: 1.3; color: #FFFFFF; font-weight: 700;">&nbsp;

</span>

</td>

</tr>

</table>
</td>
</tr>
</table>
<table
cellpadding="0" cellspacing="0" width="100%">
<tr>
<td
class="card__divider" style="padding: 0; padding-top: 2px; padding-bottom: 2px;
padding-left: 5px; padding-right: 5px;">

<table cellpadding="0" cellspacing="0" width="100%">

<tr>

<td style="padding: 0; font-size: 0; line-height: 0; border-top: 2px


dashed #333333;">

</td>

</tr>

</table>
</td>
</tr>
</table>
<table
bgcolor="#EA4319" cellpadding="0" cellspacing="0" width="100%" style="background-
image: linear-gradient(290.39deg, #EA4319 4.6%, #FF8666 141.29%); border-radius:
4px;">
<tr>
<td
style="padding: 0; padding-top: 16px; padding-left: 6px; padding-right: 6px;">

<table cellpadding="0" cellspacing="0" width="100%">

<tr>

<td class="card__desc" style="padding: 0; padding-bottom: 3px; text-


align: center;">

<span style="font-family: 'Roboto', 'Segoe UI', sans-serif; font-


size: 10px; line-height: 1.1; color: #FABBAA; font-weight: 700; letter-spacing:
0.01em;">

UP TO

</span>

</td>

</tr>

<tr>

<td class="card__code" style="padding: 0; padding-bottom: 14px; text-


align: center;">

<span style="font-family: 'Roboto', 'Segoe UI', sans-serif; font-


size: 18px; line-height: 1.1; color: #FFFFFF; font-weight: 700;">

300 CAD
</span>

</td>

</tr>

</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td class="col col--2 col--
small red" valign="top" width="33%" style="display: inline-block; width: 206px;
padding: 0; padding-bottom: 20px;">
<table cellpadding="0"
cellspacing="0" width="100%">
<tr>
<td
class="card__wrapper" style="padding: 0; padding-left: 10px; padding-right: 10px;">
<table
bgcolor="#E73B0C" cellpadding="0" cellspacing="0" width="100%" style="border-top-
left-radius: 4px; border-top-right-radius: 4px;">
<tr>
<td
class="card__title" style="padding: 0; padding-top: 7px; padding-bottom: 8px; text-
align: center;">

<span style="font-family: 'Roboto', 'Segoe UI', sans-serif; font-size: 12px;


line-height: 1.3; color: #FFFFFF; font-weight: 700;">

Third Deposit Bonus

</span>
</td>
</tr>
</table>
<table
bgcolor="#EA4319" cellpadding="0" cellspacing="0" width="100%" style="background-
image: linear-gradient(290.39deg, #EA4319 4.6%, #FF8666 141.29%); border-bottom-
left-radius: 4px; border-bottom-right-radius: 4px;">
<tr>
<td
style="padding: 0; padding-top: 12px; padding-left: 6px; padding-right: 6px;">

<table cellpadding="0" cellspacing="0" width="100%">

<tr>

<td class="card__text" style="padding: 0; padding-bottom: 3px; text-


align: center;">

<span style="font-family: 'Roboto', 'Segoe UI', sans-serif; font-


size: 36px; line-height: 1.1; color: #FFFFFF; font-weight: 700;">

&nbsp;100%
</span>

</td>

</tr>

<tr>

<td class="card__note" style="padding: 0; padding-bottom: 11px; text-


align: center;">

<span style="font-family: 'Roboto', 'Segoe UI', sans-serif; font-


size: 12px; line-height: 1.3; color: #FFFFFF; font-weight: 700;"> + 50 Free Spins

</span>

</td>

</tr>

</table>
</td>
</tr>
</table>
<table
cellpadding="0" cellspacing="0" width="100%">
<tr>
<td
class="card__divider" style="padding: 0; padding-top: 2px; padding-bottom: 2px;
padding-left: 5px; padding-right: 5px;">

<table cellpadding="0" cellspacing="0" width="100%">

<tr>

<td style="padding: 0; font-size: 0; line-height: 0; border-top: 2px


dashed #333333;">

</td>

</tr>

</table>
</td>
</tr>
</table>
<table
bgcolor="#EA4319" cellpadding="0" cellspacing="0" width="100%" style="background-
image: linear-gradient(290.39deg, #EA4319 4.6%, #FF8666 141.29%); border-radius:
4px;">
<tr>
<td
style="padding: 0; padding-top: 16px; padding-left: 6px; padding-right: 6px;">

<table cellpadding="0" cellspacing="0" width="100%">


<tr>

<td class="card__desc" style="padding: 0; padding-bottom: 3px; text-


align: center;">

<span style="font-family: 'Roboto', 'Segoe UI', sans-serif; font-


size: 10px; line-height: 1.1; color: #FABBAA; font-weight: 700; letter-spacing:
0.01em;">

UP TO

</span>

</td>

</tr>

<tr>

<td class="card__code" style="padding: 0; padding-bottom: 14px; text-


align: center;">

<span style="font-family: 'Roboto', 'Segoe UI', sans-serif; font-


size: 18px; line-height: 1.1; color: #FFFFFF; font-weight: 700;">

400 CAD

</span>

</td>

</tr>

</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td class="col col--3 col--
small red" valign="top" width="33%" style="display: inline-block; width: 206px;
padding: 0; padding-bottom: 20px;">
<table cellpadding="0"
cellspacing="0" width="100%">
<tr>
<td
class="card__wrapper" style="padding: 0; padding-left: 10px; padding-right: 10px;">
<table
bgcolor="#E73B0C" cellpadding="0" cellspacing="0" width="100%" style="border-top-
left-radius: 4px; border-top-right-radius: 4px;">
<tr>
<td
class="card__title" style="padding: 0; padding-top: 7px; padding-bottom: 8px; text-
align: center;">

<span style="font-family: 'Roboto', 'Segoe UI', sans-serif; font-size: 12px;


line-height: 1.3; color: #FFFFFF; font-weight: 700;">
Fourth Deposit Bonus

</span>
</td>
</tr>
</table>
<table
bgcolor="#EA4319" cellpadding="0" cellspacing="0" width="100%" style="background-
image: linear-gradient(290.39deg, #EA4319 4.6%, #FF8666 141.29%); border-bottom-
left-radius: 4px; border-bottom-right-radius: 4px;">
<tr>
<td
style="padding: 0; padding-top: 12px; padding-left: 6px; padding-right: 6px;">

<table cellpadding="0" cellspacing="0" width="100%">

<tr>

<td class="card__text" style="padding: 0; padding-bottom: 3px; text-


align: center;">

<span style="font-family: 'Roboto', 'Segoe UI', sans-serif; font-


size: 36px; line-height: 1.1; color: #FFFFFF; font-weight: 700;">

&nbsp;25%

</span>

</td>

</tr>

<tr>

<td class="card__note" style="padding: 0; padding-bottom: 11px; text-


align: center;">

<span style="font-family: 'Roboto', 'Segoe UI', sans-serif; font-


size: 12px; line-height: 1.3; color: #FFFFFF; font-weight: 700;">

&nbsp;

</span>

</td>

</tr>

</table>
</td>
</tr>
</table>
<table
cellpadding="0" cellspacing="0" width="100%">
<tr>
<td
class="card__divider" style="padding: 0; padding-top: 2px; padding-bottom: 2px;
padding-left: 5px; padding-right: 5px;">

<table cellpadding="0" cellspacing="0" width="100%">

<tr>

<td style="padding: 0; font-size: 0; line-height: 0; border-top: 2px


dashed #333333;">

</td>

</tr>

</table>
</td>
</tr>
</table>
<table
bgcolor="#EA4319" cellpadding="0" cellspacing="0" width="100%" style="background-
image: linear-gradient(290.39deg, #EA4319 4.6%, #FF8666 141.29%); border-radius:
4px;">
<tr>
<td
style="padding: 0; padding-top: 16px; padding-left: 6px; padding-right: 6px;">

<table cellpadding="0" cellspacing="0" width="100%">

<tr>

<td class="card__desc" style="padding: 0; padding-bottom: 3px; text-


align: center;">

<span style="font-family: 'Roboto', 'Segoe UI', sans-serif; font-


size: 10px; line-height: 1.1; color: #FABBAA; font-weight: 700; letter-spacing:
0.01em;">

UP TO

</span>

</td>

</tr>

<tr>

<td class="card__code" style="padding: 0; padding-bottom: 14px; text-


align: center;">

<span style="font-family: 'Roboto', 'Segoe UI', sans-serif; font-


size: 18px; line-height: 1.1; color: #FFFFFF; font-weight: 700;">

1&nbsp;000 CAD

</span>

</td>
</tr>

</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>

<tr>
<td style="padding: 0; padding-bottom: 60px;
text-align: center;">
<div style="text-align: center;">
<a id="cr_link2" href="[tracking_link]"
style="background-color:#EC3200;color:#FFFFFF;display:inline-block;font-family:
'Roboto', 'Segoe UI', sans-serif;font-size:16px;font-weight:700;line-
height:50px;text-align:center;text-decoration:none;width:184px;border-radius:4px;-
webkit-text-size-adjust:none;"> FLOOR THE PEDAL!
</a>

</div>
</td>
</tr>

<tr>
<td style="padding: 0; padding-bottom: 50px;
font-size: 0; line-height: 0;">
<table cellpadding="0" cellspacing="0"
width="100%">
<tr><td style="padding: 0; font-
size: 0; line-height: 0; border-bottom: 2px solid #212121;"></td></tr>
</table>
</td>
</tr>
<tr>
<td class="menu" style="padding: 0; padding-
bottom: 31px; padding-left: 10%; padding-right: 10%;">
<table cellpadding="0" cellspacing="0"
width="100%">
<tr style="font-size: 0; text-
align: center;">
<td class="col col--1"
valign="top" width="60" style="display: inline-block; width: 60px; padding: 0;
padding-bottom: 8px; text-align: center;">
<a id="cr_link3"
href="[tracking_link]" style="font-family: 'Roboto', 'Segoe UI', sans-serif; font-
size: 14px; line-height: 1.3; color: #949494; font-weight: 700; text-transform:
uppercase; text-decoration: none;">
Lobby
</a>
</td>
<td class="col col--2"
valign="top" width="120" style="display: inline-block; width: 120px; padding: 0;
padding-bottom: 8px; text-align: center;">
<a id="cr_link4"
href="[tracking_link]" style="font-family: 'Roboto', 'Segoe UI', sans-serif; font-
size: 14px; line-height: 1.3; color: #949494; font-weight: 700; text-transform:
uppercase; text-decoration: none;">
Tournaments
</a>
</td>
<td class="col col--3"
valign="top" width="120" style="display: inline-block; width: 120px; padding: 0;
padding-bottom: 8px; text-align: center;">
<a id="cr_link5"
href="[tracking_link]" style="font-family: 'Roboto', 'Segoe UI', sans-serif; font-
size: 14px; line-height: 1.3; color: #949494; font-weight: 700; text-transform:
uppercase; text-decoration: none;">
Promotions
</a>
</td>
<td class="col col--4"
valign="top" width="90" style="display: inline-block; width: 90px; padding: 0;
padding-bottom: 8px; text-align: center;">
<a id="cr_link6"
href="[tracking_link]" style="font-family: 'Roboto', 'Segoe UI', sans-serif; font-
size: 14px; line-height: 1.3; color: #949494; font-weight: 700; text-transform:
uppercase; text-decoration: none;">
Payments
</a>
</td>
<td class="col col--5"
valign="top" width="60" style="display: inline-block; width: 60px; padding: 0;
padding-bottom: 8px; text-align: center;">
<a id="cr_link7"
href="[tracking_link]" style="font-family: 'Roboto', 'Segoe UI', sans-serif; font-
size: 14px; line-height: 1.3; color: #949494; font-weight: 700; text-transform:
uppercase; text-decoration: none;">
VIP
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding: 0; padding-bottom: 13px;
padding-left: 10%; padding-right: 10%;">
<table cellpadding="0" cellspacing="0"
width="100%">
<tr style="font-size: 0; text-
align: center;">
<td class="col col--1"
valign="middle" width="48%" style="padding: 0; text-align: left;">
<a id="cr_link8"
href="[tracking_link]">
<img
src="https://n1casino-test.casino-backend.com/system/comfy/cms/files/files/
000/002/306/original/N1_Casino_email_logo.png" width="130" height="17"
style="width: 100%; max-width: 130px; height: auto; max-height: 17px;"
alt="N1casino">
</a>
</td>
<td valign="top" width="4%"
style="padding: 0; font-size: 0; line-height: 0;"></td>
<td class="col col--2"
valign="middle" width="48%" style="padding: 0; text-align: right;">
<img
src="https://n1casino-test.casino-backend.com/system/comfy/cms/files/files/
000/002/307/original/18years_plus.png" width="24" height="25" alt="18+">
</td>
</tr>
</table>
</td>
</tr>

<tr>
<td style="padding: 0; padding-bottom: 42px;
padding-left: 10%; padding-right: 10%; text-align: left;">
<span style="font-family: 'Roboto',
'Segoe UI', sans-serif; font-size: 12px; line-height: 1.4; color: #666666;">
Copyright © 2020 <a id="cr_link9"
href="[tracking_link]" style="color: #666666; text-decoration:
underline;">N1casino.com</a> is owned and operated by N1 Interactive Ltd, a company
incorporated under the laws of Malta with registration number C 81457 and
registered address at 206, Wisely House, Old Bakery Street, Valletta VLT1451,
Malta. N1casino is licensed and regulated by the Malta Gaming Authority under the
licences: MGA/B2C/394/2017 (issued on 01/08/2018).
</span>
</td>
</tr>

<tr>
<td style="padding: 0; padding-bottom: 28px; padding-left:
6%; padding-right: 6%; text-align: center;">
<span style="font-family: Roboto, 'Segoe UI', sans-
serif; font-size: 14px; line-height: 1.2; color: #FFFFFF;">
<a id="cr_link10" href="[tracking_link]"
style="color: #FFFFFF; text-decoration: underline;">View in browser</a>
<span>|</span> <a id="cr_link11" href="[tracking_link]" style="color: #FFFFFF;
text-decoration: underline;">Unsubscribe</a>
</span>
</td>
</tr>
</table>
</td>
<td class="row__td"></td>
</tr>
</table>
</body>
</html>

You might also like