-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
401 lines (365 loc) · 24.1 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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
---
layout: default
title: Responsive HTML Email Templates for Startups, Developers and Marketers
description: Transactional email templates for notifications, newsletters, receipts, welcome emails, ready to ship with your email service provider.
---
<header role="banner" class="header header--hero">
<div class="container">
<div class="logo">
<svg class="logo-svg"><use xlink:href="img/symbol/svg/sprite.symbol.svg#src--logo"></use></svg>
</div>
<h1 class="h1--banner">Responsive HTML Email Templates<br>For <span id="typed">Startups</span><br><em>That You'll Actually Use In Production</em></h1>
<div class="btn-group">
<a data-scroll href="#templates" class="btn btn-primary btn-primary_hero" onclick="ga('send', 'event', 'button', 'click', 'Get-Templates');">Get Templates</a>
<a data-scroll href="#features" class="btn btn-link btn-link_hero" onclick="ga('send', 'event', 'button', 'click', 'See-Features');">See Features</a>
</div>
<div class="hero-image">
<a data-scroll href="#templates"><img src="img/templates.png" alt="" width="700" onclick="ga('send', 'event', 'img', 'click', 'templates');"></a>
</div>
</div>
</header>
<section class="full-section" id="features">
<div class="container">
<h2>Why use these responsive email templates?</h2>
<div class="group">
<div class="span4">
<svg class="why-svg"><use xlink:href="img/symbol/svg/sprite.symbol.svg#src--unhappy"></use></svg>
<h3>Email is hard</h3>
<p>You've likely tried to design an email template before and run into difficulty. Correct?</p>
<p>There are over <strong>30 major email clients</strong> out there using different rendering engines. Various email providers like <strong>Outlook, Gmail, Yahoo Mail</strong>. Forget about div's, CSS3 or even stylesheets. Email is old skool and requires special development skills.</p>
</div>
<div class="span4">
<svg class="why-svg"><use xlink:href="img/symbol/svg/sprite.symbol.svg#src--responsive"></use></svg>
<h3>Responsive is important</h3>
<p>Today <strong>over 50% of emails are opened on mobile devices</strong>.</p>
<p>It is more important than ever for Designers, Developers and Email Marketers to consider the experience for iOS and Android users if you really want to get your return on investment. <strong>A broken mobile experience can break your campaign. A great mobile experience can make it.</strong></p>
</div>
<div class="span4">
<svg class="why-svg"><use xlink:href="img/symbol/svg/sprite.symbol.svg#src--clock"></use></svg>
<h3>Your time is valuable</h3>
<p><strong>You have a lot to do.</strong> You have websites to design. You have code to test. You have products to ship. You have campaigns to send. You have reports to create.</p>
<p><strong>You don't have time to sit and test email templates all day</strong>. That's why these templates were created for you.</p>
</div>
</div>
</div>
</section>
<section class="full-section full-section-callout">
<div class="container">
<blockquote>
<img src="img/dan.jpg" alt="Dan Denney" class="blockquote-avatar">
<p>The biggest challenge in creating emails is not Gmail... it's time.</p>
<cite>— <a href="https://twitter.com/dandenney">Dan Denney</a></cite>
</blockquote>
</div>
</section>
<section class="full-section">
<div class="container">
<div class="group">
<div class="span8 flex-valign flex-center">
<a href="https://litmus.com/checklist/emails/public/0da318a" onclick="ga('send', 'event', 'img', 'click', 'Litmus-results');"><img src="img/litmuspreview.jpg" alt="Litmus email tests" width="500"></a>
</div>
<div class="span4">
<h3>Cross client support</h3>
<p>These HTML email templates have been <strong>tried and tested across all major email clients</strong>. They render perfectly and are supported on web, desktop and mobile.</p>
<ul class="checklist">
<li>Microsoft Outlook</li>
<li>Apple Mail</li>
<li>Gmail</li>
<li>Yahoo Mail</li>
<li>Office 365</li>
<li>Outlook.com</li>
<li>AOL Mail</li>
<li>iPhone / iPad / iOS / Android</li>
<li>Chrome / Firefox / Safari / Explorer</li>
</ul>
<p><a href="https://litmus.com/checklist/emails/public/0da318a" onclick="ga('send', 'event', 'href', 'click', 'Litmus-results');">See our Litmus test results</a></p>
</div>
</div>
</div>
</section>
<section class="full-section full-section-callout">
<div class="container">
<blockquote>
<img src="img/glenn.jpg" alt="Glenn Smith" class="blockquote-avatar">
<p>When faced with developing a HTML email template you may be lost in a world of examples that don’t quite explain things clear enough.</p>
<cite>— <a href="https://twitter.com/g13nnsmith">Glenn Smith</a></cite>
</blockquote>
</div>
</section>
<section class="full-section">
<div class="container">
<div class="group">
<div class="span4">
<h3>Fully responsive for mobile devices</h3>
<p>In 2016 over 50% of emails are opened on mobile devices. You need to make sure your emails don't break for these use cases or you will miss out on opportunities.</p>
<p>Getting responsive design right for email is hard. <strong>These templates use a special "hybrid" technique</strong> that works across all the major clients. Using this technique the email will know what size of screen it is on and <strong>the design responds accordingly</strong> to ensure the user has the optimal experience.</p>
</div>
<div class="span8 flex-valign flex-center">
<img src="img/responsive.jpg" alt="Responsive email templates" width="500">
</div>
</div>
</div>
</section>
<section class="full-section full-section-callout">
<div class="container">
<blockquote>
<img src="img/jordie.jpg" alt="eMailmonday" class="blockquote-avatar">
<p>Mobile email will account for 15 to 70% of email opens, depending on your target audience, product and email type.</p>
<cite>— <a href="https://twitter.com/jvanrijn">Jordie van Rijn</a></cite>
</blockquote>
</div>
</section>
<section class="full-section">
<div class="container">
<div class="group">
<div class="span3">
</div>
<div class="span6">
<h3>Works with your email service provider (ESP)</h3>
<p>These email templates have been designed to <strong>work with any and all ESPs</strong>. There is nothing specific about the implementation that will restrict you from using one or another. They are simply HTML templates.</p>
<div class="align-center wide-section">
<p><img src="img/esps.png" alt="Email service providers"></p>
</div>
<p>You can use these as is for <strong>transactional emails, marketing and promotional emails, and lifecycle emails</strong>. Or you can think of these as <strong>boilerplate templates</strong> for your own needs and modify accordingly to suit your use case.</p>
<div class="group">
<div class="span6">
<ul class="checklist">
<li>Mailchimp</li>
<li>Mailgun</li>
<li>Hubspot</li>
<li>Campaign Monitor</li>
<li>Marketo</li>
<li>Constant Contact</li>
</ul>
</div>
<div class="span6">
<ul class="checklist">
<li>Sendgrid</li>
<li>Mandrill</li>
<li>Shopify</li>
<li>Salesforce</li>
<li>IBM Silverpop</li>
<li>Pardot</li>
</ul>
</div>
</div>
</div>
<div class="span3">
</div>
</div>
</div>
</section>
<section class="full-section full-section-callout">
<div class="container">
<blockquote>
<img src="img/cory.jpg" alt="Cory Watilo" class="blockquote-avatar">
<p>Googled "html email templates". 3rd result was a boilerplate by @leemunroe. Copied, pasted, live in production in 5 minutes. Thanks dude!</p>
<cite>— <a href="https://twitter.com/watilo">Cory Watilo</a></cite>
</blockquote>
</div>
</section>
<section class="full-section retina-section">
<div class="container">
<div class="group">
<div class="span12">
<img src="img/retina.png" alt="High definition retina email image assets" width="600" class="retina-image">
<h3>Retina ready image assets</h3>
<p>In today's world most smartphones have high resolution displays. A lot of emails you see therefore lack the detail and quality that a phone is capable of displaying.</p>
<p>These templates <strong>come packaged with high resolution image assets so your recipients receive the high quality experience</strong> that they expect when receiving an email on their device.</p>
<p><strong>Social sharing icons</strong> for Twitter, Facebook, Instagram, Pinterest. <strong>App store buttons</strong> for Apple, Google, Amazon. Sample stock <strong>photography</strong> that you can replace with your own relevent imagery.</p>
</div>
</div>
</div>
</section>
<section class="full-section full-section-callout">
<div class="container">
<blockquote>
<img src="img/ted.jpg" alt="Ted Goas" class="blockquote-avatar">
<p>Email is a major touch point for just about any business. Selling something? Onboarding a customer? Resetting a password? Email is the most effective form of communication.</p>
<cite>— <a href="https://twitter.com/tedgoas">Ted Goas</a></cite>
</blockquote>
</div>
</section>
<section class="full-section preview-section" id="templates">
<div class="container">
<h2>8 Responsive HTML email templates you can download and use today</h2>
<div class="group">
<figure>
<a href="img/preview-alert-success.jpg" target="_blank" data-lity onclick="ga('send', 'event', 'img', 'click', 'Template_Success-Alert');"><img src="img/preview-alert-success-thumb.jpg" alt="Success Alert"></a>
<figcaption>Success</figcaption>
</figure>
<figure>
<a href="img/preview-alert-danger.jpg" target="_blank" data-lity onclick="ga('send', 'event', 'img', 'click', 'Template_Danger-Alert');"><img src="img/preview-alert-danger-thumb.jpg" alt="Danger Alert"></a>
<figcaption>Danger</figcaption>
</figure>
<figure>
<a href="img/preview-alert-warning.jpg" target="_blank" data-lity onclick="ga('send', 'event', 'img', 'click', 'Template_Warning-Alert');"><img src="img/preview-alert-warning-thumb.jpg" alt="Warning Alert"></a>
<figcaption>Warning</figcaption>
</figure>
<figure>
<a href="img/preview-newsletter.jpg" target="_blank" data-lity onclick="ga('send', 'event', 'img', 'click', 'Template_Newsletter');"><img src="img/preview-newsletter-thumb.jpg" alt="Newsletter"></a>
<figcaption>Newsletter
<a href="https://litmus.com/checklist/emails/public/0da318a" target="_blank" onclick="ga('send', 'event', 'icon', 'click', 'Litmus-test-Newsletter');"><img src="img/litmus.gif" title="Litmus Test Results" class="litmus-preview"></a></figcaption>
</figure>
<figure>
<a href="img/preview-receipt.jpg" target="_blank" data-lity onclick="ga('send', 'event', 'img', 'click', 'Template_Receipt');"><img src="img/preview-receipt-thumb.jpg" alt="Receipt"></a>
<figcaption>Receipt</figcaption>
</figure>
<figure>
<a href="img/preview-welcome.jpg" target="_blank" data-lity onclick="ga('send', 'event', 'img', 'click', 'Template_Welcome-email');"><img src="img/preview-welcome-thumb.jpg" alt="Welcome Email"></a>
<figcaption>Welcome
<a href="https://litmus.com/checklist/emails/public/dd1fa5f" target="_blank" onclick="ga('send', 'event', 'icon', 'click', 'Litmus-test_Welcome-email');"><img src="img/litmus.gif" title="Litmus Test Results" class="litmus-preview"></a></figcaption>
</figure>
<figure>
<a href="img/preview-password.jpg" target="_blank" data-lity onclick="ga('send', 'event', 'img', 'click', 'Template_Password-reset');"><img src="img/preview-password-thumb.jpg" alt="Password Reset"></a>
<figcaption>Password
<a href="https://litmus.com/checklist/emails/public/446f9a7" target="_blank" onclick="ga('send', 'event', 'icon', 'click', 'Litmus-test_Password-reset');"><img src="img/litmus.gif" title="Litmus Test Results" class="litmus-preview"></a></figcaption>
</figure>
<figure>
<a href="img/preview-plain.jpg" target="_blank" data-lity onclick="ga('send', 'event', 'img', 'click', 'Template_Plain-text');"><img src="img/preview-plain-thumb.jpg" alt="Plain"></a>
<figcaption>Plain Text</figcaption>
</figure>
</div>
<p class="text-center"><a data-scroll href="#buy" class="btn btn-primary" onclick="ga('send', 'event', 'button', 'click', 'Continue-to-buy');">Continue to buy & download templates</a></p>
</div>
</section>
<section class="full-section">
<div class="container">
<h2>FAQ</h2>
<div class="group">
<div class="span6">
<h4>How do I use these with Mailchimp (or other ESPs)?</h4>
<p>You can copy/paste the template into Mailchimp's email designer and replace the areas you want with merge tags. <a href="http://github.com/leemunroe/htmlemail" onclick="ga('send', 'event', 'href', 'click', 'Read-Documentation(FAQ)');">Read more in our documentation</a> and <a href="https://htmlemail.io/blog/custom-mailchimp-templates">blog</a>.</p>
</div>
<div class="span6">
<h4>I've just downloaded the email templates, how do I quickly test them?</h4>
<p>Use a tool like <a href="https://putsmail.com/" onclick="ga('send', 'event', 'href', 'click', 'PutsMail(FAQ)');">PutsMail</a> to quickly test sending an email to yourself. Make sure you use the inlined version of the template.</p>
</div>
</div>
<div class="group">
<div class="span6">
<h4>Do these work in the Gmail mobile app?</h4>
<p>Yes they do. They are responsive and work great in Gmail for mobile. They also work great in all desktop clients, all native mobile clients, and all web clients. <a href="https://litmus.com/checklist/emails/public/0da318a" onclick="ga('send', 'event', 'href', 'click', 'Litmus-test(FAQ)');">See our Litmus test results here</a>.</p>
</div>
<div class="span6">
<h4>I may have found a bug, how do I report it?</h4>
<p>We're tracking bugs in <a href="http://github.com/leemunroe/htmlemail/issues" onclick="ga('send', 'event', 'href', 'click', 'this-github-repo(FAQ)');">this GitHub repo</a>. Please create a new issue and we'll respond within 24 hours.</p>
</div>
</div>
</div>
</section>
<section class="full-section full-section-callout">
<div class="container">
<blockquote>
<img src="img/mark.jpeg" alt="Mark Studebaker" class="blockquote-avatar">
<p>I played around with other templates... what a pain in the butt. Your templates worked great! Love that you had them tested using Litmus and were WELL WORTH the cost. Great job.</p>
<cite>— <a href="https://flowmingo.com">Mark Studebaker, Flowmingo</a></cite>
</blockquote>
</div>
</section>
<section class="full-section section-buy" id="buynow">
<div class="container" id="buytemplates">
<div class="group">
<div class="span4">
<h4>Templates</h4>
<p>Responsive HTML email templates for startups, developers & marketers</p>
</div>
<div class="span4">
<h4>CSS</h4>
<p>Includes both inlined CSS and external stylesheet</p>
</div>
<div class="span4">
<h4>ESPs</h4>
<p>Compatible with your email service provider</p>
</div>
</div>
<div class="group">
<div class="span4">
<h4>Email Clients</h4>
<p>Tested on all major desktop, mobile & web clients</p>
</div>
<div class="span4">
<h4>Mobile Responsive</h4>
<p>Fully responsive on mobile devices with 6 column grid</p>
</div>
<div class="span4">
<h4>Retina Ready</h4>
<p>High resolution compressed image assets included</p>
</div>
</div>
<span id="buy" class="heading-price"><strong>$49</strong> <em>for 8 HTML Email Templates</em></span>
<p><a href="https://gum.co/hASMD" class="btn btn-primary btn-primary_hero" onclick="ga('send', 'event', 'button', 'click', 'Buy-button');">Continue to buy & download templates</a></p>
<!-- <p>Use code <strong>ship10</strong> at checkout to apply a $10 launch day discount. Code expires <span id="tomorrow">tomorrow</span>.</p> -->
<p><img src="img/cards.png" alt="Visa, Mastercard, PayPal accepted" height="30"></p>
</div>
</section>
<section class="full-section">
<div class="container">
<div class="group">
<div class="span4">
<img src="img/leemunroe.jpg" alt="Lee Munroe, email designer and developer">
</div>
<div class="span8">
<h3>About the author</h3>
<p>Lee Munroe is an <strong>Email Designer and Developer</strong> based in San Francisco, California.</p>
<p>Lee was <strong>Product Design Lead</strong> at Mailgun by Rackspace, an <strong>email service for developers</strong>, where he open-sourced several email related tools for developers including a Grunt workflow. His <strong>GitHub stars</strong> for email related projects amount to <strong>over 10,000</strong>.</p>
<p>As well as open-sourcing email tools, Lee has <strong>spoke at several leading industry conferences</strong> about email development workflow including Litmus Email Design Conference (Boston), WebU (Toronto), Future of Web Design (San Francisco), O'Reilly Fluent Conference (San Francisco). Lee has authored several articles on email design and development. Read more about his <a href="http://www.leemunroe.com/email-design-workflow" onclick="ga('send', 'event', 'href', 'click', 'email-design-workflow');">email design workflow here</a>.</p>
</div>
</div>
</div>
</section>
<section class="full-section full-section-callout">
<div class="container">
<blockquote>
<img src="img/brendan.jpg" alt="Brendan Molloy" class="blockquote-avatar">
<p>I made a HTML email template today without getting extremely upset. Thanks @leemunroe</p>
<cite>— <a href="https://twitter.com/piecritic">Brendan Molloy</a></cite>
</blockquote>
</div>
</section>
<section class="full-section">
<div class="container">
<h2>What others are saying</h2>
<div class="group">
<div class="span4">
<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">It was an absolute breeze to have responsive emails in production because of <a href="https://t.co/ul2QNyIxQ4">https://t.co/ul2QNyIxQ4</a><br><br>Highly recommended! Thanks <a href="https://twitter.com/leemunroe">@leemunroe</a>!</p>— WeddingWoo (@weddingwoo) <a href="https://twitter.com/weddingwoo/status/771875324061638656">September 3, 2016</a></blockquote>
<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">.<a href="https://twitter.com/chadswhite">@Chadswhite</a> interviews <a href="https://twitter.com/leemunroe">@leemunroe</a> on how the web world is starting to merge with the email world: <a href="https://t.co/OxCNiKy3u3">https://t.co/OxCNiKy3u3</a></p>— Litmus (@litmusapp) <a href="https://twitter.com/litmusapp/status/722480384785539072">April 19, 2016</a></blockquote>
<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Never create another responsive HTML email again with <a href="https://twitter.com/leemunroe">@leemunroe</a>'s handy pack of common templates<a href="https://t.co/PjeYoT5nwY">https://t.co/PjeYoT5nwY</a></p>— Si Jobling (@Si) <a href="https://twitter.com/Si/status/763680619012452352">August 11, 2016</a></blockquote>
</div>
<div class="span4">
<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">coding emails. what fun. at least I have <a href="https://twitter.com/leemunroe">@leemunroe</a>'s cool grunt email workflow to help with the too-much-fun i'm having. i feel less alone!</p>— Raphaëlle Cantin (@ar_sea) <a href="https://twitter.com/ar_sea/status/722476438276935681">April 19, 2016</a></blockquote>
<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Dreaded <a href="https://twitter.com/hashtag/htmlemail?src=hash">#htmlemail</a> - sound advice form <a href="https://twitter.com/leemunroe">@leemunroe</a> <a href="https://t.co/V2iuRfj9xj">https://t.co/V2iuRfj9xj</a></p>— Mike Fitzpatrick (@Jeyjooweb) <a href="https://twitter.com/Jeyjooweb/status/712267119208042498">March 22, 2016</a></blockquote>
<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Googled "html email templates". 3rd result was a boilerplate by <a href="https://twitter.com/leemunroe">@leemunroe</a>. Copied, pasted, live in production in 5 minutes. Thanks dude!</p>— Cory Watilo (@watilo) <a href="https://twitter.com/watilo/status/685886111483203584">January 9, 2016</a></blockquote>
<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">I made a HTML email template today without getting extremely upset. Thanks <a href="https://twitter.com/leemunroe">@leemunroe</a></p>— Brendan Molloy ⤴ (@piecritic) <a href="https://twitter.com/piecritic/status/758401692639588352">July 27, 2016</a></blockquote>
</div>
<div class="span4">
<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">And if you need a quick start guide into building HTML email templates, may I suggest <a href="https://twitter.com/leemunroe">@LeeMunroe</a>’s fantastic post <a href="https://t.co/yOdNSfETZp">https://t.co/yOdNSfETZp</a></p>— Patrick Haney (@notasausage) <a href="https://twitter.com/notasausage/status/674669458917605376">December 9, 2015</a></blockquote>
<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">PROTIP: If you're building a responsive HTML email from scratch, you can't beat <a href="https://twitter.com/leemunroe">@leemunroe</a>'s simple starter template <a href="https://t.co/9wR1yi706r">https://t.co/9wR1yi706r</a></p>— Chris Gabriel (@trampish) <a href="https://twitter.com/trampish/status/667766470433234944">November 20, 2015</a></blockquote>
<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Using <a href="https://twitter.com/leemunroe">@leemunroe</a>’s HTML Email templates, which is saving so much time and headache: <a href="https://t.co/6W1lprwGdu">https://t.co/6W1lprwGdu</a></p>— Kyle Gawley (@kylegawley) <a href="https://twitter.com/kylegawley/status/786180013079003136">October 12, 2016</a></blockquote>
</div>
</div>
<div class="text-center">
<h4>#1 on Product Hunt</h4>
<p>Top voted product on launch day with 1,500 votes & ranked #1 in developer tools.</p>
<p><a href="https://www.producthunt.com/posts/html-email" onclick="ga('send', 'event', 'img', 'click', 'Product-Hunt');"><img src="img/ph.png" width="150" alt="Product Hunt logo"></a></p>
</div>
</div>
</section>
<div class="exit-overlay">
<div class="exit-modal">
<h1>Wow there!</h1>
<p>Don't need the full set of email templates right now?</p>
<p class="align-center"><img src="img/preview-free.jpg" alt="Free email" width="400"></p>
<p>Subscribe to our list and we'll send you a free basic HTML email that you can preview, download and use today.</p>
<form action="//leemunroe.us1.list-manage.com/subscribe/post?u=1998df7f0f3a32bdf922938ca&id=4bf2c8f8b9" method="post" class="subscribe-form__footer">
<input type="email" value="" name="EMAIL" id="mce-EMAIL" placeholder="Email address"> <button type="submit" class="btn btn-primary" onclick="ga('send', 'event', 'button', 'click', 'Subscribe-Email-List');">Subscribe</button>
</form>
<p><a href="#" class="js-close-exit-overlay" onclick="ga('send', 'event', 'button', 'click', 'No-Subscribe-Email-List');">No thanks</a></p>
</div>
</div>
<!-- Embedded tweets -->
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
<!-- Gumroad -->
<script src="https://gumroad.com/js/gumroad.js"></script>