Skip to content

Instantly share code, notes, and snippets.

@davidtruchet

davidtruchet/sample.html

Created July 2, 2020 13:34
Show Gist options
  • Save davidtruchet/ef17499e33669bdab7bd02ba98675327 to your computer and use it in GitHub Desktop.
Save davidtruchet/ef17499e33669bdab7bd02ba98675327 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
sample.html
Subject: Obrigado por se cadastrar na Conexão Roche
<!doctype html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Default E-mail</title>
<link rel="stylesheet" href="https://use.typekit.net/vtl5ryc.css">
<script type="text/javascript" src="https://use.typekit.com/nxm7yyz.js"></script>
<script type="text/javascript">
try {
Typekit.load();
} catch (e) {}
</script>
<style>
@media (max-width: 991px) {
body {
background-color: red;
width: 100% !important;
}
}
</style>
</head>
<body style="margin: 0 auto; width: 600px;">
<header style="background-color: #ffffff; padding: 15px 30px;">
<table style="width: 100%;">
<caption style="display: none;">Roche & Conexão Roche Logos</caption>
<tr>
<th style="text-align: left;" scope="col">
<a href="https://www.conexaoroche.com.br">
<img src="http://roche-ecosystem.intest.com.br/img/e-mail-conexao.png" alt="Conexão Roche">
</a>
</th>
<th style="text-align: right;" scope="col">
<a href="https://www.conexaoroche.com.br">
<img src="http://roche-ecosystem.intest.com.br/img/e-mail-roche.png" alt="Roche">
</a>
</th>
</tr>
</table>
</header>
<main>
<section style="background-color: #003264; padding: 52px 30px 24px 30px;">
<h1
style="color: #ffffff; font-size: 40px; font-family: minion-pro, sans-serif; margin-bottom: 0; margin-top: 0;">
<em>
Obrigado por se cadastrar na <br>
Conexão Roche
</em>
</h1>
</section>
<section style="background-color: #ffffff; padding: 40px 30px 72px 30px;">
<h2
style="color: #1a1d21; font-size: 32px; font-family: minion-pro, sans-serif; margin-bottom: 0; margin-top: 0; padding-bottom: 16px;">
<em>
Olá, ${recipientName}
</em>
</h2>
<p
style="color: #1a1d21; font-size: 16px; font-family: imago-pro-roche, sans-serif; margin-bottom: 0; margin-top: 0; padding-bottom: 24px;">
Obrigado
por se cadastrar na <strong style="font-weight: 500;">Conexão Roche</strong>, confirmando o e-mail, você
conseguirá acessar todos
os nossos artigos.</p>
<a style="background-color: #0066cc; border-radius: 5px; color: #ffffff; display: block; font-size: 15px; font-family: imago-pro-roche, sans-serif; margin-bottom: 75px; padding: 16px; text-align: center; text-decoration: none;"
href="${url}"><strong style="font-weight: 500;">Confirmar e-mail e ativar minha
conta</strong></a>
<p
style="color: #1a1d21; display: block; font-size: 16px; font-family: imago-pro-roche, sans-serif; margin-bottom: 0; margin-top: 0; text-align: center;">
Se estiver com problemas em visualizar , acesse o link abaixo:</p>
<a style="color: #0066cc; display: block; font-size: 16px; font-family: imago-pro-roche, sans-serif; padding-bottom: 0; text-align: center; text-decoration: none;"
href="${url}"><strong
style="font-weight: 500;">${url}</strong></a>
</section>
</main>
<footer style="background-color: #1a1d21; padding: 27px 30px 30px 30px;">
<a style="color: #ffffff; display: block; font-size: 15px; font-family: imago-pro-roche, sans-serif; margin-bottom: 27px; text-align: center; text-decoration: none;"
href="https://www.conexaoroche.com.br"><strong style="font-weight: 500;">www.conexaoroche.com.br</strong></a>
<table style="width: 100%;">
<caption style="display: none;">Disclaimer & Contact Information</caption>
<tr>
<th style="text-align: left;" scope="col">
<p
style="color: #ffffff; font-size: 12px; font-family: imago-pro-roche, sans-serif; line-height: 16px; margin-bottom: 0; margin-top: 0;">
Direitos reservados © 2016 Produtos Roche Químicos e <br>
Farmacêuticos S. A. <br>
A persistirem os sintomas o médico deverá ser consultado. <br>
Este site destina-se a profissionais de saúde brasileiros.
</p>
</th>
<th style="text-align: right; vertical-align: bottom;" scope="col">
<img src="http://roche-ecosystem.intest.com.br/img/sir.png" alt="SIR">
</th>
</tr>
</table>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment