-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
97 lines (81 loc) · 2.72 KB
/
index.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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html>
<head>
<title>Welcome to Email Slayer</title>
<style>
body {
font-family: "Courier New", Courier, monospace;
background-color: #eee;
max-width: 600px;
margin: 0 auto;
font-size: 16px;
padding: 2em;
}
h3{
border-top: 1px dashed #ccc;
margin-top: 20px;
padding-top: 20px;
}
a,
a.coffee {
text-decoration: none;
font-size: 16px;
color: #3498db;
position: relative;
display: inline-block;
margin-bottom: 20px;
}
a.coffee {
background-color: #593C1F;
padding: 10px 20px;
color: #ffffff;
}
a.coffee:before {
height: 0;
}
a:before {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 2px;
background-color: #3498db;
content: '';
-webkit-transform: translateY(8px);
opacity: 0;
transition-property: -webkit-transform, opacity;
transition-duration: .3s;
}
a:hover:before {
-webkit-transform: translateY(0);
opacity: 1;
}
</style>
</head>
<body>
<h1>Welcome to Email Slayer </h1>
<p>Email Slayer makes building responsive emails easy and extremely efficient.</p>
<h3>Templates</h3>
<p>The following templates are included in the _input folder.</p>
<ul>
<li><a href="_input/basic.html">basic</a></li>
<li><a href="_input/hero.html">hero</a></li>
<li><a href="_input/sidebar-hero.html">sidebar hero</a></li>
<li><a href="_input/sidebar.html">sidebar</a></li>
</ul>
<h3>Helpful Links:</h3>
<ul>
<li><a target="_blank" href="http://github.com/whatsnewsaes/email-slayer">Getting Started with Email Slayer</a></li>
<li><a href="https://youtu.be/2w28l0d-TQM">Email Slayer Demo Video</a></li>
<li><a target="_blank" href="http://zurb.com/ink/">Zurb Ink Documentation</a></li>
<li><a href="http://i3.campaignmonitor.com/assets/files/css/campaign-monitor-guide-to-css-in-email-sep-2013V2.pdf?ver=1447">Guide to CSS in Email</a></li>
</ul>
<h3>Back Story</h3>
<p>
<i>For generations, chaos raged across the lands. Seemingly unconquerable email clients stirred from the abyss tormenting all who dared to write a line of code against their name. Many heroes rose up in attempt to tip balance between good and evil, however, there was no single power effective enough to slay these depraved, twisted creatures.</i></p>
<h3>Created By:</h3>
<a target="_blank" href="http://sethcoelen.com">Seth Coelen</a>
<br>
<a class="coffee" href='http://ko-fi.com?i=1744DOT5ROKMG' target='_blank'>Buy Seth a Coffee</a>
</body>
</html>