Skip to content

Instantly share code, notes, and snippets.

@suraneti

suraneti/layout.hbs

Created January 30, 2023 05:23
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 suraneti/bd31d2b203e60344cf804ee4f68d5c0f to your computer and use it in GitHub Desktop.
Save suraneti/bd31d2b203e60344cf804ee4f68d5c0f to your computer and use it in GitHub Desktop.
Download ZIP
Raw
layout.hbs
<!DOCTYPE html>
<html lang="en" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<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=Prompt&display=swap" rel="stylesheet">
<style type="text/css">
body {
font-family: 'Prompt', sans-serif;
}
:root {
color-scheme: light dark;
supported-color-schemes: light dark;
}
* {
box-sizing: border-box;
}
th.column {
padding: 0
}
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: inherit !important;
}
#MessageViewBody a {
color: inherit;
text-decoration: none;
}
.font-family-regular {
font-family: 'Prompt', 'Poppins', sans-serif;
font-weight: 400;
}
.font-family-medium {
font-family: 'Prompt', 'Poppins', sans-serif;
font-weight: 500;
}
.font-family-semi-bold {
font-family: 'Prompt', 'Poppins', sans-serif;
font-weight: 600;
}
.font-family-bold {
font-family: 'Prompt', 'Poppins', sans-serif;
font-weight: 700;
}
p {
line-height: inherit;
font-family: 'Prompt', 'Poppins', sans-serif;
font-weight: 400;
}
span {
font-family: 'Prompt', 'Poppins', sans-serif;
font-weight: 400;
}
h1 {
font-family: 'Prompt', 'Poppins', sans-serif;
font-weight: 700;
}
.cursor-disabled {
pointer-events: none;
cursor: default;
}
@media (max-width:520px) {
.icons-inner {
text-align: center;
}
.icons-inner td {
margin: 0 auto;
}
.row-content {
width: 100% !important;
}
.image_block img.big {
width: auto !important;
}
.stack .column {
width: 100%;
display: block;
}
.content-text-color {
color: #6e6e6e;
}
}
.row-background {
color: #d3d3d3;
}
@media (prefers-color-scheme: dark) {
.row-background {
background-color: #fff;
}
.content-text-color {
color: #6e6e6e;
}
}
@media (prefers-color-scheme: light) {
.row-background {
background-color: #fff
}
.content-text-color {
color: #6e6e6e;
}
}
.title {
color: #000;
font-size: 18px;
line-height: 1.2
}
.sub-title {
font-size: 16px;
}
.txt-pink {
color: #ce5ffc;
}
.btn-primary {
text-decoration: none;
display: inline-block;
color: #ffffff;
background-color: #ce5ffc;
border-radius: 10px;
width: auto;
border-top: 1px solid #ce5ffc;
border-right: 1px solid #ce5ffc;
border-bottom: 1px solid #ce5ffc;
border-left: 1px solid #ce5ffc;
padding-top: 2px;
padding-bottom: 2px;
text-align: center;
mso-border-alt: none;
word-break: keep-all border-radius: 8px;
}
.btn-secondary {
text-decoration: none;
display: inline-block;
color: #000;
background-color: #efefef;
border-radius: 10px;
width: auto;
border-top: 1px solid #efefef;
border-right: 1px solid #efefef;
border-bottom: 1px solid #efefef;
border-left: 1px solid #efefef;
padding-top: 2px;
padding-bottom: 2px;
text-align: center;
mso-border-alt: none;
word-break: keep-all;
width: 164px;
border-radius: 8px;
}
</style>
</head>
<body style="background-color: #fafafa; margin: 0; padding: 0; -webkit-text-size-adjust: none; text-size-adjust: none;">
<table border="0" cellpadding="0" cellspacing="0" class="nl-container" role="presentation" style="mso-table-lspace: 0; mso-table-rspace: 0; background-color: #fafafa;" width="100%">
<tbody style="width: 800px;">
<tr>
<td>
<table align="center" border="0" cellpadding="0" cellspacing="0" class="row row-1" role="presentation"
style="mso-table-lspace: 0; mso-table-rspace: 0;" width="100%">
<tbody>
<tr>
<td>
<table align="center" border="0" cellpadding="0" cellspacing="0"
class="row-content row-background stack" role="presentation"
style="mso-table-lspace: 0; mso-table-rspace: 0;" width="800">
<tbody>
<tr>
<th class="column"
style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; vertical-align: top; padding-top: 0px; padding-bottom: 5px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px; background-color: #fff;"
width="100%">
<table border="0" cellpadding="0" cellspacing="0" class="image_block" role="presentation"
style="mso-table-lspace: 0; mso-table-rspace: 0;" width="100%">
<tr>
<td style="width:100%;padding-right:0px;padding-left:0px;">
<div align="center" style="line-height:10px"><img class="big"
src="{{asset 'token-x-banner.png' }}"
style="display: block; height: auto; border: 0; width: 800px; max-width: 100%;"
width="800" /></div>
</td>
</tr>
</table>
</th>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
{{> @partial-block }}
<table align="center" border="0" cellpadding="0" cellspacing="0" class="row row-3" role="presentation"
style="height: 100%; mso-table-lspace: 0; mso-table-rspace: 0;" width="100%">
<tbody>
<tr>
<td >
<table align="center" border="0" cellpadding="0" cellspacing="0" class="row-content stack"
role="presentation" style="mso-table-lspace: 0; mso-table-rspace: 0; background-color: #00012c;"
width="800" height="160">
<tbody>
<tr>
<th class="column" style="mso-table-lspace: 0; mso-table-rspace: 0; font-weight: 400; text-align: left; vertical-align: top;" width="100%">
<table border="0" cellpadding="0" cellspacing="0" class="social_block" role="presentation" style="mso-table-lspace: 0; mso-table-rspace: 0; height: 100%;" width="100%">
<tr>
<td
style="text-align:center;padding-top:15px;padding-right:10px;padding-bottom:15px;padding-left:10px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" class="social-table"
role="presentation" style="mso-table-lspace: 0; mso-table-rspace: 0;" width="208px">
<tr>
<td style="padding:0 10px 0 10px;"><a href="mailto:investorsupport@tokenx.finance"
target="_blank"><img alt="E-Mail" height="32" src="{{asset 'mail.png' }}"
style="display: block; height: auto; border: 0;" title="E-Mail"
width="32" /></a></td>
<td style="padding:0 10px 0 10px;"><a href="https://www.tokenx.finance/"
target="_blank"><img alt="Website" height="32" src="{{asset 'browser.png' }}"
style="display: block; height: auto; border: 0;" title="Website"
width="32" /></a></td>
<td style="padding:0 10px 0 10px;"><a href="https://www.facebook.com/tokenx.th"
target="_blank"><img alt="Facebook" height="32" src="{{asset 'facebook.png' }}"
style="display: block; height: auto; border: 0;" title="Facebook"
width="32" /></a></td>
<td style="padding:0 10px 0 10px;"><a
href="https://www.linkedin.com/company/tokenxth" target="_blank"><img
alt="LinkedIn" height="32" src="{{asset 'linkedin.png' }}"
style="display: block; height: auto; border: 0;" title="LinkedIn"
width="32" /></a></td>
</tr>
</table>
</td>
</tr>
</table>
</th>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table><!-- End -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment