File: /home/manage/public_html/wwwroot/images/index.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title style="color:#ffffff">Opt Out Notice</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700i,700,800i,800|Montserrat:300,400,500,600,700,800,900|" rel="stylesheet">
<!-- jQuery Plugin -->
<style type="text/css">
div, p, a, li, td {
-webkit-text-size-adjust: none;
font-family: "Open Sans", "Montserrat", "Helvetica", Arial, Verdana, sans-serif;
}
body {
font-family: "Open Sans", "Montserrat", "Helvetica", Arial, Verdana, sans-serif;
}
img {
display: block;
}
table {
mso-table-lspace: 0pt !important;
mso-table-rspace: 0pt !important;
}
a {
text-decoration: none;
font-family: "Open Sans", "Montserrat", "Helvetica", Arial, Verdana, sans-serif;
color: inherit;
display: inline-block;
}
p {
margin: 0px;
padding: 0px;
font-family: "Open Sans", "Montserrat", "Helvetica", Arial, Verdana, sans-serif;
}
</style>
<style type="text/css">
@media only screen and (max-width: 920px) {
br {
display: none;
}
.width_100 {
width: 100%;
max-width: 100%;
}
.tpl-content {
padding: 0px !important;
}
img {
max-width: 100%;
height: auto;
}
.width_50percent {
max-width: 50%;
margin: 0 auto !important;
width: 50% !important;
}
}
</style>
<style type="text/css">
@media only screen and (max-width: 720px) {
.width_100 {
width: 100%;
max-width: 100%;
}
img {
max-width: 100%;
height: auto;
}
.tablet-resp-block {
display: block !important;
width: 100% !important;
height: auto !important;
}
.tablet-resp-erase {
display: none !important;
height: 0px !important;
}
.width_50percent {
max-width: 100%;
display: block !important;
height: auto !important;
margin: 0 auto !important;
width: 100% !important;
}
}
</style>
<style type="text/css">
@media only screen and (max-width: 620px) {
.padding-top-bottom {
padding: 20px 0px;
}
.height-and-padding-bottom {
height: auto;
padding-bottom: 20px !important;
}
.width_90percent {
width: 90% !important;
max-width: 90%;
margin: 0 auto !important;
height: auto!important;
}
.display-block {
display: block !important;
height: auto !important;
margin: 0 auto !important;
width: 100% !important;
}
.width_90percent .width_100percent {
width: 100% !important;
height: auto;
display: block;
margin: 0 auto !important;
}
.width_100percent {
width: 100% !important;
height: auto;
margin: 0 auto !important;
}
.tbody-and-tr {
display: block !important;
width: 100% !important;
height: auto !important;
}
.padding-top {
padding-top: 10px;
}
.padding {
padding: 10px 0px;
}
.logo-outer {
text-align: center;
}
.padding-top-60 {
padding-top: 60px !important;
height: auto;
display: block;
}
.padding-bottom-60 {
padding-bottom: 60px !important;
height: auto;
display: block;
}
.img-center img {
margin: 0 auto !important;
}
.erase {
display: none;
height: 0px;
}
.text-center {
float: none !important;
text-align: center;
text-align: -webkit-center;
}
.text-left {
float: none !important;
text-align: left;
text-align: -webkit-left;
}
.text-right {
float: none !important;
text-align: right;
text-align: -webkit-right;
}
.hero-section-font-1 {
font-size: 24px !important;
line-height: normal !important;
letter-spacing: normal !important
}
.hero-section-font-2 {
font-size: 36px !important;
line-height: normal !important;
letter-spacing: normal !important
}
.res-font-white {
color: #FFFFFF !important;
}
.full-width-img img {
width: 100%;
height: auto;
}
.resp-remove-bg {
background: #333333 !important;
}
.background-img {
background-image: none !important;
}
.background-cover {
background-size: cover !important;
}
.block-with-height {
display: inline-block;
width: 100%;
}
.inline-block {
display: inline-block;
}
.left-right-pad {
padding-left: 10px !important;
padding-right: 10px !important;
}
.padding-zero {
padding: 0px 0px 0px 0px !important;
}
a {
display: block;
;
}
}
</style>
<style type="text/css">
@media only screen and (max-width: 420px) {
.menu {
font-size: 12px !important;
}
.display-block-mob {
display: block !important;
height: auto !important;
margin: 0 auto !important;
width: 100% !important;
}
br {
display: none;
}
.resp-menu {
font-size: 10px !important;
font-weight: normal !important;
}
.side-border {
border: 1px solid #5a5a5a !important;
border-left: 0px !important;
border-right: 0px !important;
}
}
</style>
</head>
<body style="margin:0px; padding:0px;">
<!--Header 12-->
<table class="width_100" align="center" border="0" cellpadding="0" cellspacing="0" width="900" style="border-collapse:collapse; " bgcolor="#0463cf">
<tbody>
<tr>
<td width="100%" height="16" style="line-height:1px;"></td>
</tr>
<tr>
<td width="100%" align="center" valign="middle"><table class="width_90percent" align="center" border="0" cellpadding="0" width="600" cellspacing="0" style="border-collapse:collapse; ">
<tbody>
<tr>
<td class="display-block padding" width="200" align="center" valign="middle"><table class="text-center" align="left" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;">
<tbody>
<tr>
</tr>
</tbody>
</table></td>
<td class="display-block img-center padding" width="200" align="center" valign="middle" style="line-height:1px;"><img src="http://epochofdesign.com/emails-imgs/optemail/logo.png
" width="44" height="46" alt="Logo" border="0" style="display:block"></a></td>
<td class="display-block padding" width="200" align="center" valign="middle"><table class="text-center" align="right" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; " width="100%">
<tbody>
<tr>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td width="100%" height="15" style="line-height:1px;"></td>
</tr>
</tbody>
</table>
<!--Header 12 End--><!--Hero Section 6-->
<table class="width_100" align="center" border="0" cellpadding="0" cellspacing="0" width="900" style="border-collapse:collapse; ">
<tbody>
<tr>
<td width="100%" height="100%" align="center" valign="middle" background="http://epochofdesign.com/emails-imgs/optemail/Business-21-header-bg-img.jpg" style="background-image: url(http://epochofdesign.com/emails-imgs/optemail/Business-21-header-bg-img.jpg );background-repeat:no-repeat;background-position:center center;background-size:cover;" bgcolor="#5a5a5a">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" background="http://epochofdesign.com/emails-imgs/optemail/video-section-2-overlay.png" style="background-image: url(http://epochofdesign.com/emails-imgs/optemail/video-section-2-overlay.png );background-repeat:no-repeat;background-position:center center;background-size:cover;">
<tbody>
<tr>
<td width="100%" align="center" valign="middle">
<table class="width_90percent" align="center" border="0" cellpadding="0" width="600" height="100%" cellspacing="0" style="border-collapse:collapse; ">
<tbody>
<tr>
<td class="display-block padding-top-60" width="100%" height="200" style="line-height:1px;"></td>
</tr>
<tr>
<td class="hero-section-font-2" width="100%" align="center" valign="middle" style="margin:0px;padding:0px;font-size: 48px;color:#ffffff ;font-family: Montserrat;font-weight: bold;line-height: 35px;text-transform: uppercase;">OPT OUT NOTICE</td>
</tr>
<tr>
<td width="100%" height="18" style="line-height:1px;" class="display-block padding-top"></td>
</tr>
<tr>
<td width="100%" height="20" style="line-height:1px;" class="display-block padding-top"></td>
</tr>
<tr>
<td width="100%" align="center" valign="middle" style="margin:0px;padding:0px;padding-left:17px;font-size:18px;color:#ffffff ;font-family: Montserrat;font-weight: 400;">These consumers has successfully opted out and we received a Do Not Contact (DNC) request. Please fully suppress, cease all contact, notify all applicable partners, and immediately ensure you're taking steps to otherwise be in compliance. PLEASE NO LONGER CONTACT THESE CONSUMERS! <br><br>(PHONE NUMBER)
</td>
</tr>
<tr>
<td class="display-block padding" width="100%" height="20" style="line-height:1px;"></td>
</tr>
<tr>
<td align="center" width="100%"><table cellpadding="0" cellspacing="0" border="0" align="center">
<tbody>
<tr>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td class="display-block padding-bottom-60" width="100%" height="172" style="line-height:1px;"></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
<!--Hero Section 6 End-->
<!--End--><!--Module 41-->
<table class="width_100" align="center" border="0" cellpadding="0" cellspacing="0" width="900" style="border-collapse:collapse;" bgcolor="#005bc6">
<tbody>
<tr>
<td width="100%" height="30" style="line-height:1px;" class="display-block padding-top-60"></td>
</tr>
<tr>
<td width="100%" align="center" valign="middle"><table class="width_90percent" align="center" border="0" cellpadding="0" width="600" cellspacing="0" style="border-collapse:collapse;">
<tbody>
<tr>
<td width="100%" align="center" valign="middle"><table align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;">
<tbody>
<tr>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td width="100%" height="30" style="line-height:1px;" class="display-block padding-bottom-60"></td>
</tr>
</tbody>
</table>
<!--End-->
</body>
</html>