-
Notifications
You must be signed in to change notification settings - Fork 0
/
emailtemplate.html
46 lines (45 loc) · 3.17 KB
/
emailtemplate.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE html>
<html>
<head>
<style>
@import url(font-awesome.min.css);
@import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400";
/*h1 {color: white; font-size: 3.5em; font-weight: 400;}*/
/*p {color: white; font-family: Source Sans Pro, Arial, Helvetica, Sans-Serif; font-size: 1.25em; letter-spacing: -0.025em; margin: 0 0 1em 0; font-weight: 300;}*/
</style>
</head>
<!-- <body style="background-image: url(images/specks.png), linear-gradient(45deg, #e37682 15%, #5f4d93 85%)" padding-bottom: 10vh"> -->
<!-- <body style="margin:0px; padding:0px; background-image: linear-gradient(45deg, #e37682 15%, #5f4d93 85%);" > -->
<!-- <body style="margin:0px; padding:0px; background: linear-gradient(45deg, #e37682 15%, #5f4d93 85%);" > -->
<body>
<div style="margin:0px; padding:0px; background: linear-gradient(45deg, #e37682 15%, #5f4d93 85%);">
<center>
<a href="http://www.waitlisters.org" target="_blank">
<img src="http://www.waitlisters.org/images/logo.png" alt="Waitlisters Logo" style="width:320px; max-width: 75%; max-height: 75%; padding-top: 6vh; padding-bottom: 0vh;">
</a>
<h1 style="color: white; font-family: Source Sans Pro, Source Sans Pro, Arial, Helvetica, Sans-Serif; padding-top: 0vh; padding-bottom: 2vh; font-size: 5vw; font-weight: 400;">The Waitlisters</h1>
</center>
<table style="border-radius:6px; -moz-border-radius:6px; padding-bottom: 10vh">
<div class="pre-header" style="display:none;">
</div>
<div id="email-container" padding-top: 15px; padding-bottom: 15px;">
<center>
<div id="email-content" style="background-color:#101010; width:66%; text-align: left; border:1px solid black;padding: 10px;min-width: 80vw-60px;">
<div id="message-text-body" style="padding:5%">
<p style="color: white; font-family: Source Sans Pro, Arial, Helvetica, Sans-Serif; font-size: 1.25em; letter-spacing: -0.025em; margin: 0 0 1em 0; font-weight: 300">Hi recipient,</p>
<p style="color: white; font-family: Source Sans Pro, Arial, Helvetica, Sans-Serif; font-size: 1.25em; letter-spacing: -0.025em; margin: 0 0 1em 0; font-weight: 300">email body</p>
<p style="color: white; font-family: Source Sans Pro, Arial, Helvetica, Sans-Serif; font-size: 1.25em; letter-spacing: -0.025em; margin: 0 0 1em 0; font-weight: 300">Sincerely,</p>
<p style="color: white; font-family: Source Sans Pro, Arial, Helvetica, Sans-Serif; font-size: 1.25em; letter-spacing: -0.025em; margin: 0 0 1em 0; font-weight: 300">SENDERS_NAME<br>
WAITLISTERS_ROLE<br>
<a href="mailto:contact@waitlisters.org" style="text-decoration: none; color:#917ff5; font-family: Source Sans Pro, Arial, Helvetica, Sans-Serif;">contact@waitlisters.org</a>
</p>
<!-- <div id="seperator" style="height:1px; background-color: #000000;"></div> -->
</div>
</div>
</center>
</div>
</table>
<br><br>
</div>
</body>
</html>