Skip to content

Instantly share code, notes, and snippets.

@varun-raj

varun-raj/TEST

Created June 16, 2021 10:16
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save varun-raj/e88ce8e089cf1e1c1c1830116802d8f7 to your computer and use it in GitHub Desktop.
Save varun-raj/e88ce8e089cf1e1c1c1830116802d8f7 to your computer and use it in GitHub Desktop.
Download ZIP
TEST
Raw
TEST
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta content="telephone=no" name="format-detection" />
<title></title>
<style data-premailer="ignore">
@media screen and (max-width: 600px) {
u+.body {
width: 100vw !important;
}
}
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
</style>
<!--[if mso]>
<style type="text/css">
body, table, td {
font-family: Arial, Helvetica, sans-serif !important;
}
img {
-ms-interpolation-mode: bicubic;
}
.box {
border-color: #eee !important;
}
</style>
<![endif]-->
<style>
body {
margin: 0;
padding: 0;
background-color: #f5f7fb;
font-size: 15px;
line-height: 160%;
mso-line-height-rule: exactly;
color: #444444;
width: 100%;
}
body {
font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
}
img {
border: 0 none;
line-height: 100%;
outline: none;
text-decoration: none;
vertical-align: baseline;
font-size: 0;
}
a:hover {
text-decoration: underline;
}
.btn:hover {
text-decoration: none;
}
.btn.bg-bordered:hover {
background-color: #f9fbfe !important;
}
a.bg-blue:hover {
background-color: #3a77cc !important;
}
a.bg-azure:hover {
background-color: #37a3f1 !important;
}
a.bg-indigo:hover {
background-color: #596ac9 !important;
}
a.bg-purple:hover {
background-color: #9d50e8 !important;
}
a.bg-pink:hover {
background-color: #f55f91 !important;
}
a.bg-red:hover {
background-color: #c01e1d !important;
}
a.bg-orange:hover {
background-color: #fd8e35 !important;
}
a.bg-yellow:hover {
background-color: #e3b90d !important;
}
a.bg-lime:hover {
background-color: #73cb2d !important;
}
a.bg-green:hover {
background-color: #56ab00 !important;
}
a.bg-teal:hover {
background-color: #28beae !important;
}
a.bg-cyan:hover {
background-color: #1596aa !important;
}
a.bg-gray:hover {
background-color: #95a9b0 !important;
}
a.bg-secondary:hover {
background-color: #ecf0f2 !important;
}
.img-hover:hover img {
opacity: .64;
}
@media only screen and (max-width: 560px) {
body {
font-size: 14px !important;
}
.content {
padding: 24px !important;
}
.content-image-text {
padding: 24px !important;
}
.content-image {
height: 100px !important;
}
.content-image-text {
padding-top: 96px !important;
}
h1 {
font-size: 24px !important;
}
.h1 {
font-size: 24px !important;
}
h2 {
font-size: 20px !important;
}
.h2 {
font-size: 20px !important;
}
h3 {
font-size: 18px !important;
}
.h3 {
font-size: 18px !important;
}
.col {
display: table !important;
width: 100% !important;
}
.col-spacer {
display: table !important;
width: 100% !important;
}
.col-spacer-xs {
display: table !important;
width: 100% !important;
}
.col-spacer-sm {
display: table !important;
width: 100% !important;
}
.col-hr {
display: table !important;
width: 100% !important;
}
.row {
display: table !important;
width: 100% !important;
}
.col-hr {
border: 0 !important;
height: 24px !important;
width: auto !important;
background: transparent !important;
}
.col-spacer {
width: 100% !important;
height: 24px !important;
}
.col-spacer-sm {
height: 16px !important;
}
.col-spacer-xs {
height: 8px !important;
}
.chart-cell-spacer {
width: 4px !important;
}
.text-mobile-center {
text-align: center !important;
}
.d-mobile-none {
display: none !important;
}
}
</style>
</head>
<body class="bg-body" style="font-size: 15px; margin: 0; padding: 0; line-height: 160%; mso-line-height-rule: exactly; color: #444444; width: 100%; font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;" bgcolor="#f5f7fb">
<center>
<table class="main bg-body" width="100%" cellspacing="0" cellpadding="0" style="font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif; border-collapse: collapse; width: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;" bgcolor="#f5f7fb">
<tr>
<td align="center" valign="top" style="font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;">
<!--[if (gte mso 9)|(IE)]>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top" width="640">
<![endif]-->
<span class="preheader" style="font-size: 0; padding: 0; display: none; max-height: 0; mso-hide: all; line-height: 0; color: transparent; height: 0; max-width: 0; opacity: 0; overflow: hidden; visibility: hidden; width: 0;">This is preheader text. Some clients will show this text as a preview.</span>
<table class="wrap" cellspacing="0" cellpadding="0" style="font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif; border-collapse: collapse; width: 100%; max-width: 640px; text-align: left;">
<tr>
<td class="p-sm" style="font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif; padding: 8px; padding-top: 50px;">
<div class="main-content">
<table class="box" cellpadding="0" cellspacing="0" style="font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif; border-collapse: collapse; width: 100%; border-radius: 3px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05); border: 1px solid #f0f0f0;" bgcolor="#ffffff">
<tr>
<td style="font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;">
<table cellpadding="0" cellspacing="0" style="font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif; border-collapse: collapse; width: 100%;">
<tr>
<td class="content" style="font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif; padding: 40px 48px;">
Use the link below to download your items. This link may be used up to 3 times before it expires. Please ensure that the entire URL is copied to your web browser.
</td>
</tr>
<tr>
<td class="content pt-0" style="font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif; padding: 0 48px 40px;">
<table class="list" cellspacing="0" cellpadding="0" style="font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif; border-collapse: collapse; width: 100%;">
<tr class="list-item">
<td class="lh-1" style="font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif; padding-top: 0; padding-bottom: 8px; line-height: 100%;">IMG_20181206_154650.jpg</td>
<td class="text-right text-muted font-sm" style="font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif; padding-top: 0; padding-bottom: 8px; color: #9eb0b7; font-size: 13px;" align="right">
<a href="#" class="btn bg-blue border-blue" style="color: #ffffff; padding: 7px 10px; border: 1px solid #467fcf; text-decoration: none; white-space: nowrap; font-weight: 600; font-size: 9px; border-radius: 3px; line-height: 100%; display: inline; -webkit-transition: .3s background-color; transition: .3s background-color; background-color: #467fcf;"><span class="btn-span" style="color: #ffffff; font-size: 9px; text-decoration: none; white-space: nowrap; font-weight: 600; line-height: 100%;">Download files</span></a>
<a href="#" class="btn bg-blue border-blue" style="color: #ffffff; padding: 7px 10px; border: 1px solid #467fcf; text-decoration: none; white-space: nowrap; font-weight: 600; font-size: 9px; border-radius: 3px; line-height: 100%; display: inline; -webkit-transition: .3s background-color; transition: .3s background-color; background-color: #467fcf;"><span class="btn-span" style="color: #ffffff; font-size: 9px; text-decoration: none; white-space: nowrap; font-weight: 600; line-height: 100%;">Download files</span></a>
</td>
</tr>
<tr class="list-item" style="border-top-width: 1px; border-top-color: #f0f0f0; border-top-style: solid;">
<td class="lh-1" style="font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif; padding-top: 8px; padding-bottom: 8px; line-height: 100%;">undraw_make_it_rain_iwk4.png</td>
<td class="text-right text-muted font-sm" style="font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif; padding-top: 8px; padding-bottom: 8px; color: #9eb0b7; font-size: 13px;" align="right">
<a href="#" class="btn bg-blue border-blue" style="color: #ffffff; padding: 7px 10px; border: 1px solid #467fcf; text-decoration: none; white-space: nowrap; font-weight: 600; font-size: 9px; border-radius: 3px; line-height: 100%; display: inline; -webkit-transition: .3s background-color; transition: .3s background-color; background-color: #467fcf;"><span class="btn-span" style="color: #ffffff; font-size: 9px; text-decoration: none; white-space: nowrap; font-weight: 600; line-height: 100%;">Download files</span></a>
<a href="#" class="btn bg-blue border-blue" style="color: #ffffff; padding: 7px 10px; border: 1px solid #467fcf; text-decoration: none; white-space: nowrap; font-weight: 600; font-size: 9px; border-radius: 3px; line-height: 100%; display: inline; -webkit-transition: .3s background-color; transition: .3s background-color; background-color: #467fcf;"><span class="btn-span" style="color: #ffffff; font-size: 9px; text-decoration: none; white-space: nowrap; font-weight: 600; line-height: 100%;">Download files</span></a>
</td>
</tr>
<tr class="list-item" style="border-top-width: 1px; border-top-color: #f0f0f0; border-top-style: solid;">
<td class="lh-1" style="font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif; padding-top: 8px; padding-bottom: 8px; line-height: 100%;">tabler_development.dump</td>
<td class="text-right text-muted font-sm" style="font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif; padding-top: 8px; padding-bottom: 8px; color: #9eb0b7; font-size: 13px;" align="right">
<a href="#" class="btn bg-blue border-blue" style="color: #ffffff; padding: 7px 10px; border: 1px solid #467fcf; text-decoration: none; white-space: nowrap; font-weight: 600; font-size: 9px; border-radius: 3px; line-height: 100%; display: inline; -webkit-transition: .3s background-color; transition: .3s background-color; background-color: #467fcf;"><span class="btn-span" style="color: #ffffff; font-size: 9px; text-decoration: none; white-space: nowrap; font-weight: 600; line-height: 100%;">Download files</span></a>
<a href="#" class="btn bg-blue border-blue" style="color: #ffffff; padding: 7px 10px; border: 1px solid #467fcf; text-decoration: none; white-space: nowrap; font-weight: 600; font-size: 9px; border-radius: 3px; line-height: 100%; display: inline; -webkit-transition: .3s background-color; transition: .3s background-color; background-color: #467fcf;"><span class="btn-span" style="color: #ffffff; font-size: 9px; text-decoration: none; white-space: nowrap; font-weight: 600; line-height: 100%;">Download files</span></a>
</td>
</tr>
<tr class="list-item" style="border-top-width: 1px; border-top-color: #f0f0f0; border-top-style: solid;">
<td class="lh-1" style="font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif; padding-top: 8px; padding-bottom: 0; line-height: 100%;">tabler-emails.zip</td>
<td class="text-right text-muted font-sm" style="font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif; padding-top: 8px; padding-bottom: 0; color: #9eb0b7; font-size: 13px;" align="right">
<a href="#" class="btn bg-blue border-blue" style="color: #ffffff; padding: 7px 10px; border: 1px solid #467fcf; text-decoration: none; white-space: nowrap; font-weight: 600; font-size: 9px; border-radius: 3px; line-height: 100%; display: inline; -webkit-transition: .3s background-color; transition: .3s background-color; background-color: #467fcf;"><span class="btn-span" style="color: #ffffff; font-size: 9px; text-decoration: none; white-space: nowrap; font-weight: 600; line-height: 100%;">Download files</span></a>
<a href="#" class="btn bg-blue border-blue" style="color: #ffffff; padding: 7px 10px; border: 1px solid #467fcf; text-decoration: none; white-space: nowrap; font-weight: 600; font-size: 9px; border-radius: 3px; line-height: 100%; display: inline; -webkit-transition: .3s background-color; transition: .3s background-color; background-color: #467fcf;"><span class="btn-span" style="color: #ffffff; font-size: 9px; text-decoration: none; white-space: nowrap; font-weight: 600; line-height: 100%;">Download files</span></a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="content pt-0" style="font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif; padding: 0 48px 40px;">
<table cellspacing="0" cellpadding="0" style="font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif; border-collapse: collapse; width: 100%;">
<tr>
<td align="center" style="font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;">
<table cellpadding="0" cellspacing="0" border="0" class="bg-blue rounded w-auto" style="font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif; border-collapse: separate; width: auto; color: #ffffff; border-radius: 3px;" bgcolor="#467fcf">
<tr>
<td align="center" valign="top" class="lh-1" style="font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif; line-height: 100%;">
<a href="#" class="btn bg-blue border-blue" style="color: #ffffff; padding: 12px 32px; border: 1px solid #467fcf; text-decoration: none; white-space: nowrap; font-weight: 600; font-size: 16px; border-radius: 3px; line-height: 100%; display: block; -webkit-transition: .3s background-color; transition: .3s background-color; background-color: #467fcf;">
<span class="btn-span" style="color: #ffffff; font-size: 16px; text-decoration: none; white-space: nowrap; font-weight: 600; line-height: 100%;">Download files</span>
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<table cellspacing="0" cellpadding="0" style="font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif; border-collapse: collapse; width: 100%;">
<tr>
<td class="py-xl" style="font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif; padding-top: 48px; padding-bottom: 48px;">
<table class="font-sm text-center text-muted" cellspacing="0" cellpadding="0" style="font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif; border-collapse: collapse; width: 100%; color: #9eb0b7; text-align: center; font-size: 13px;">
<tr>
<td class="px-lg" style="font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif; padding-right: 24px; padding-left: 24px;">
If you have any questions, feel free to message us at <a href="mailto:support@tabler.io" class="text-muted" style="color: #9eb0b7; text-decoration: none;">support@tabler.io</a>.
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</table>
</center>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment