File: /var/www/html/video-rental/wp-content/themes/video-rental-olds/emails/email-verification.php
<!DOCTYPE html>
<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 charset="utf-8"> <!-- utf-8 works for most cases -->
<meta name="viewport" content="width=device-width"> <!-- Forcing initial-scale shouldn't be necessary -->
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Use the latest (edge) version of IE rendering engine -->
<meta name="x-apple-disable-message-reformatting"> <!-- Disable auto-scale in iOS 10 Mail entirely -->
<meta name="format-detection" content="telephone=no,address=no,email=no,date=no,url=no">
<!-- Tell iOS not to automatically link certain text strings. -->
<meta name="color-scheme" content="light">
<meta name="supported-color-schemes" content="light">
<title>Welcome</title> <!-- The title tag shows in email notifications, like Android 4.4. -->
<style>
:root {
color-scheme: light;
supported-color-schemes: light;
}
html,
body {
margin: 0 auto !important;
padding: 0 !important;
height: 100% !important;
width: 100% !important;
}
* {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
font-family: Arial, Helvetica, sans-serif;
}
/* What it does: Fixes webkit padding issue. */
table {
border-spacing: 0 !important;
border-collapse: collapse !important;
table-layout: fixed !important;
margin: 0 auto !important;
}
/* What it does: Uses a better rendering method when resizing images in IE. */
img {
-ms-interpolation-mode: bicubic;
}
/* What it does: Prevents Windows 10 Mail from underlining links despite inline CSS. Styles for underlined links should be inline. */
a {
text-decoration: none;
}
/* What it does: A work-around for email clients meddling in triggered links. */
a[x-apple-data-detectors],
/* iOS */
.unstyle-auto-detected-links a,
.aBn {
border-bottom: 0 !important;
cursor: default !important;
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
/* What it does: Prevents Gmail from changing the text color in conversation threads. */
.im {
color: inherit !important;
}
/* What it does: Prevents Gmail from displaying a download button on large, non-linked images. */
.a6S {
display: none !important;
opacity: 0.01 !important;
}
/* If the above doesn't work, add a .g-img class to any image in question. */
img.g-img+div {
display: none !important;
}
/* What it does: Removes right gutter in Gmail iOS app: https://github.com/TedGoas/Cerberus/issues/89 */
/* Create one of these media queries for each additional viewport size you'd like to fix */
/* iPhone 4, 4S, 5, 5S, 5C, and 5SE */
@media only screen and (min-device-width: 320px) and (max-device-width: 374px) {
u~div .email-container {
min-width: 320px !important;
}
}
/* iPhone 6, 6S, 7, 8, and X */
@media only screen and (min-device-width: 375px) and (max-device-width: 413px) {
u~div .email-container {
min-width: 375px !important;
}
}
/* iPhone 6+, 7+, and 8+ */
@media only screen and (min-device-width: 414px) {
u~div .email-container {
min-width: 414px !important;
}
}
</style>
<!-- CSS Reset : END -->
<style>
body {
background:#030303;
font-family: Arial, Helvetica, sans-serif;
}
.logo-wrap {
padding: 40px 0 80px 0;
text-align: right;
}
.logo-wrap .img {
border-radius: 30px;
}
.user-wrap {
margin: 0 !important;
padding: 0 0 45px 0;
border-collapse: separate !important;
}
.user-wrap .dear {
font-size: 22px;
color: #FFFFFF;
line-height: 26px;
}
.user-wrap .name {
font-size: 22px;
color: #FFFFFF;
font-weight: bold;
line-height: 26px;
padding: 5px 0 0 0;
}
.user-wrap .space {
width: 10px;
}
.footer-wrap {
margin: 0 !important;
padding: 50px 0 45px 0;
border-collapse: separate !important;
}
.footer-wrap .icon img {
width: 33px;
}
.footer-wrap .para {
font-size: 9px;
color: rgba(255,255,255,.28);
line-height: 16px;
text-align: center;
padding: 40px 0 0 0;
}
.content-wrap {
width: 100%;
margin: 0 !important;
}
.pattern-wrap {
background:#302E2E;
border-radius: 10px;
height: 170px;
}
.pattern-wrap .img-wrap{height: 0; padding: 102px 0 0 0;}
.pattern-wrap .img-wrap img{display: block; margin: 0 auto; width: 136px;}
@media (max-width:699px) {
.pattern-wrap .img-wrap{padding: 80px 0 0 0;}
.pattern-wrap .img-wrap img{width: 100px;}
}
.inner-content-wrap {
padding: 90px 20px 20px 20px;
border-collapse: separate !important;
border-radius: 0 0 30px 30px;
}
.inner-content-wrap .emailicon {
margin: -68px auto 20px auto;
display: block;
}
.min-content {
text-align: center;
padding: 0 0 50px 0;
}
.min-content .title {
font-size: 28px;
color: #FFFFFF;
padding: 0 0 10px 0;
line-height: 35px;
}
.min-content .para {
font-size: 16px;
color: #FFFFFF;
}
.min-content2 {
padding: 0 30px 50px 30px;
}
.min-content2 .title {
font-size: 17px;
color: #FFFFFF;
line-height: 29px;
font-weight: bold;
padding: 0 0 10px 0;
}
.min-content2 .para {
font-size: 15px;
color: #FFFFFF;
line-height: 29px;
}
.min-content3 {
padding: 0 30px 50px 30px;
}
.min-content3 .title {
font-size: 17px;
color: #ffffff;
line-height: 29px;
font-weight: bold;
padding: 0;
}
.min-content3 .para {
font-size: 15px;
color: #ffffff;
line-height: 29px;
padding: 0 0 10px 0;
}
.btn-wrap {
text-align: center;
padding: 0 0 50px 0;
}
.btn-wrap a {
text-decoration: none;
color: #fff;
font-size: 15px;
font-weight: bold;
width: 280px;
background: #f9b548;
border-radius: 30px;
display: block;
margin: 0 auto;
padding: 18px 5px;
}
.contact-wrap {
background: #181818;
border-radius: 10px;
padding: 30px 20px;
border-collapse: separate !important;
margin: 0 !important;
}
.contact-wrap img {
width: 32px;
}
.contact-wrap span {
font-size: 14px;
color: #fff;
padding-left: 15px;
}
.contact-wrap table {
margin: 0 !important;
}
.contact-wrap .contact-table-1 {}
.contact-wrap .contact-table-2 {
border-left: 1px solid rgba(231,237,249,0.17);
padding-left: 30px;
border-collapse: separate !important;
}
.content-table-wrap {
padding: 0 30px 50px 30px;
}
.content-table-wrap table {
background: #161616;
border-radius: 10px;
border-collapse: separate !important;
}
.content-table-wrap td {
border-bottom: 1px solid #0E0E0E;
}
.content-table-wrap td span {
padding: 15px 35px;
display: block;
}
.content-table-wrap td.firstcol {
border-right: 1px solid #0E0E0E;
}
.content-table-wrap .last-tr td {
border-bottom: 0 !important;
}
@media (max-width:699px) {
.main-wrap {
width: 95%;
}
.logo-wrap {
padding: 30px 0 50px 0;
}
.logo-wrap img {
width: 60px;
}
.user-wrap img {
max-width: 50px;
}
.user-wrap .dear,
.user-wrap .name {
font-size: 18px;
}
.user-wrap .name {
padding: 3px 0 0 0;
}
.user-wrap {
padding: 0 0 30px 0;
}
.pattern-wrap {
border-radius: 30px 30px 0 0;
height: 140px;
}
.inner-content-wrap .emailicon {
width: 100px;
margin: -50px auto 20px auto;
}
.min-content {
padding: 0 0 30px 0;
}
.min-content .title {
font-size: 24px;
line-height: 30px;
}
.min-content .para {
font-size: 14px;
}
.min-content2 {
padding: 0 0px 30px 0px;
}
.min-content2 .title {
font-size: 16px;
line-height: 26px;
}
.min-content2 .para {
font-size: 14px;
line-height: 26px;
}
.btn-wrap a {
font-size: 14px;
width: auto;
padding: 14px 30px;
display: inline-block;
}
.btn-wrap {
padding: 0 0 30px 0;
}
.min-content3 {
padding: 0 0px 30px 0px;
}
.min-content3 .title {
font-size: 16px;
line-height: 26px;
}
.min-content3 .para {
font-size: 14px;
line-height: 26px;
}
.contact-wrap {
border-radius: 20px;
}
.contact-wrap img {
width: 28px;
}
.contact-wrap .contact-table-1 {
margin: 0 auto !important;
}
.contact-wrap .contact-table-1 td {
display: block;
text-align: center;
}
.contact-wrap .contact-table-2 {
padding: 0;
border: 0;
margin: 0 auto !important;
}
.contact-wrap .contact-table-2 td {
display: block;
text-align: center;
}
.contact-wrap span {
padding: 5px 0 0 0 !important;
display: block;
font-size: 12px;
}
.inner-content-wrap {
border-radius: 0 0 15px 15px;
padding: 60px 20px 20px 20px;
}
.footer-wrap {
padding: 30px 0;
}
.footer-wrap .icon img {
width: 25px;
height: 25px;
}
.footer-wrap .para {
padding: 20px 0 0 0;
}
.content-table-wrap {
padding: 0 0 30px 0 !important;
}
.content-table-wrap td span {
padding: 15px 20px;
}
.content-table-wrap table {
border-radius: 20px;
}
}
@media (max-width:599px) {
.content-table-wrap td {
display: block;
border-right: 0px !important;
width: 100%;
}
.content-table-wrap td span {
padding: 0 10px 10px 10px;
}
.content-table-wrap td.firstcol {
border-bottom: 0px !important;
}
.content-table-wrap td.firstcol span {
padding-top: 10px !important;
}
}
</style>
</head>
<body width="100%" style="margin: 0; padding: 0 !important; mso-line-height-rule: exactly; background-color: #030303;">
<table width="700" cellpadding="0" cellspacing="0" class="main-wrap">
<tr>
<td class="logo-wrap" align="right">
<img src="{{base_url}}/img/logo.png" alt="" width="81" class="logo">
</td>
</tr>
<tr>
<td>
<table class="content-wrap" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<table class="inner-content-wrap" cellpadding="0" cellspacing="0" width="100%"
style="background: #0E0E0E;">
<tr>
<td>
<div class="min-content2">
<div class="title">Welcome 👋</div>
<div class="para">Thank you for joining us! Please click the button below to verify your email address.</div>
</div>
<div class="btn-wrap">
<a href="{{verification_link}}">Verify Email</a>
</div>
<div class="min-content3">
<div class="para">If you did not request this email, please contact our support team.</div>
<div class="title">Thank you !</div>
</div>
</td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" width="100%" class="contact-wrap">
<tr>
<td>
<table cellpadding="0" cellspacing="0" class="contact-table-1">
<tr>
<td><img src="{{base_url}}/img/phone.png" alt=""></td>
<td><span>(327) 128-6546</span></td>
</tr>
</table>
</td>
<td>
<table cellpadding="0" cellspacing="0" class="contact-table-2">
<tr>
<td><img src="{{base_url}}/img/email.png" alt=""></td>
<td><span>Info@yeshiva.com</span></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" class="footer-wrap" width="100%">
<tr>
<td>
<table cellpadding="5" cellspacing="0" class="icon">
<tr>
<td>
<a href="#">
<img src="{{base_url}}/img/ft-ico1.png" alt="">
</a>
</td>
<td>
<a href="#">
<img src="{{base_url}}/img/ft-ico2.png" alt="">
</a>
</td>
<td>
<a href="#">
<img src="{{base_url}}/img/ft-ico3.png" alt="">
</a>
</td>
<td>
<a href="#">
<img src="{{base_url}}/img/ft-ico4.png" alt="">
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<div class="para">DISCLAIMER: This email may contain privileged information and is intended solely for the addressee, and any disclosure of this information is strictly prohibited, and may be unlawful. If you have received this mail by mistake, please inform the sender immediately and delete this mail. Any information expressed in this mail does not necessarily reflect the views of Decisive Investor </div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>