Skip to content

Instantly share code, notes, and snippets.

@joshmillgate

joshmillgate/newsletter.html

Last active October 10, 2018 18:30
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 joshmillgate/aef8d60eaf847441fce432a7479e8b69 to your computer and use it in GitHub Desktop.
Save joshmillgate/aef8d60eaf847441fce432a7479e8b69 to your computer and use it in GitHub Desktop.
Download ZIP
PSYSOC BS4 Email Template
Raw
newsletter.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" media="all" href="/assets/application-mailer-dbc5154d3c4160e8fa7ef52fa740fa402760c39b5d22c8f6d64ad5999499d263.css" />
<style>
body {
font-family: Roboto!important;
}
img {
border-radius: 6px;
}
a {
color: #2886fd;
}
a:hover {
color: #1d6bcd;
}
.bg-blue {
background: #2886fd;
}
h1, h2, h3, h4, h5, h6, p, td, th {
color: #414347!important;
}
.c-white {
color: white!important;
}
.card {
border: 1px solid #f2f2f2;
}
</style>
</head>
<!-- Edit the code below this line -->
<body class="bg-light">
<preview>This is what shows up on the first few lines in the inbox.</preview>
<div class="container">
<img class="mx-auto mt-5 mb-4" width="160" src="https://psychedelicsociety.org.uk/images/Logo-Colour.png" />
<hr />
<h1 class="text-center mb-4" style="font-weight:lighter">Hey Josh, here's what you can expect throughout October.</h1>
<div class="card mb-4">
<div class="card-body">
<h2 class="text-center mb-4">Upcoming Events</h2>
<h5 class="text-center mb-4" style="color: #414347;">Events at the Psychedelic Society's new space in Homerton:</h5>
<table class="table">
<thead class="thead-light">
<tr>
<th style="padding:6px;">Date</th>
<th style="padding:6px;">Event</th>
</tr>
</thead>
<tbody>
<tr>
<td style="padding:6px;">10/10/18</td>
<td style="padding:6px;"><a href="#">Psychedelic Men's Circle: The Devouring Mother</a></td>
</tr>
<tr>
<td style="padding:6px;">10/10/18</td>
<td style="padding:6px;"><a href="#">Psychedelic Social: DMT and 5-MeO-DMT</a></td>
</tr>
<tr>
<td style="padding:6px;">10/10/18</td>
<td style="padding:6px;"><a href="#">Durga Kali Mythic Yoga Flow: Empower & Breathe</a></td>
</tr>
<tr>
<td style="padding:6px;">10/10/18</td>
<td style="padding:6px;"><a href="#">Harmonic Sounds with Tallulah Rendall</a></td>
</tr>
<tr>
<td style="padding:6px;">10/10/18</td>
<td style="padding:6px;"><a href="#">Psychedelic Men's Circle: The Devouring Mother</a></td>
</tr>
<tr>
<td style="padding:6px;">10/10/18</td>
<td style="padding:6px;"><a href="#">Psychedelic Social: DMT and 5-MeO-DMT</a></td>
</tr>
<tr>
<td style="padding:6px;">10/10/18</td>
<td style="padding:6px;"><a href="#">Durga Kali Mythic Yoga Flow: Empower & Breathe</a></td>
</tr>
<tr>
<td style="padding:6px;">10/10/18</td>
<td style="padding:6px;"><a href="#">Harmonic Sounds with Tallulah Rendall</a></td>
</tr>
<tr>
<td style="padding:6px;">10/10/18</td>
<td style="padding:6px;"><a href="#">Durga Kali Mythic Yoga Flow: Empower & Breathe</a></td>
</tr>
<tr>
<td style="padding:6px;">10/10/18</td>
<td style="padding:6px;"><a href="#">Psychedelic Yoga & Sound Meditation with Infinite Spirit Sounds</a></td>
</tr>
<tr>
<td style="padding:6px;">10/10/18</td>
<td style="padding:6px;"><a href="#">Psychedelic Men's Circle: The Devouring Mother</a></td>
</tr>
<tr>
<td style="padding:6px;">10/10/18</td>
<td style="padding:6px;"><a href="#">Psychedelic Social: DMT and 5-MeO-DMT</a></td>
</tr>
<tr>
<td style="padding:6px;">10/10/18</td>
<td style="padding:6px;"><a href="#">Durga Kali Mythic Yoga Flow: Empower & Breathe</a></td>
</tr>
<tr>
<td style="padding:6px;">10/10/18</td>
<td style="padding:6px;"><a href="#">Harmonic Sounds with Tallulah Rendall</a></td>
</tr>
<tr>
<td style="padding:6px;">10/10/18</td>
<td style="padding:6px;"><a href="#">Psychedelic Men's Circle: The Devouring Mother</a></td>
</tr>
<tr>
<td style="padding:6px;">10/10/18</td>
<td style="padding:6px;"><a href="#">Psychedelic Social: DMT and 5-MeO-DMT</a></td>
</tr>
<tr>
<td style="padding:6px;">10/10/18</td>
<td style="padding:6px;"><a href="#">Durga Kali Mythic Yoga Flow: Empower & Breathe</a></td>
</tr>
<tr>
<td style="padding:6px;">10/10/18</td>
<td style="padding:6px;"><a href="#">Harmonic Sounds with Tallulah Rendall</a></td>
</tr>
<tr>
<td style="padding:6px;">10/10/18</td>
<td style="padding:6px;"><a href="#">Durga Kali Mythic Yoga Flow: Empower & Breathe</a></td>
</tr>
<tr>
<td style="padding:6px;">10/10/18</td>
<td style="padding:6px;"><a href="#">Harmonic Sounds with Tallulah Rendall</a></td>
</tr>
</tbody>
</table>
<h5 class="text-center mt-5 mb-4" style="color: #414347;">Events elsewhere in London:</h5>
<table class="table">
<thead class="thead-light">
<tr>
<th style="padding:6px;">Date</th>
<th style="padding:6px;">Event</th>
</tr>
</thead>
<tbody>
<tr>
<td style="padding:6px;">10/10/18</td>
<td style="padding:6px;"><a href="#">Psychedelic Men's Circle: The Devouring Mother</a></td>
</tr>
<tr>
<td style="padding:6px;">10/10/18</td>
<td style="padding:6px;"><a href="#">Psychedelic Social: DMT and 5-MeO-DMT</a></td>
</tr>
<tr>
<td style="padding:6px;">10/10/18</td>
<td style="padding:6px;"><a href="#">Durga Kali Mythic Yoga Flow: Empower & Breathe</a></td>
</tr>
<tr>
<td style="padding:6px;">10/10/18</td>
<td style="padding:6px;"><a href="#">Harmonic Sounds with Tallulah Rendall</a></td>
</tr>
</tbody>
</table>
<h5 class="text-center mt-5 mb-4" style="color: #414347;">Events in Bristol:</h5>
<table class="table">
<thead class="thead-light">
<tr>
<th style="padding:6px;">Date</th>
<th style="padding:6px;">Event</th>
</tr>
</thead>
<tbody>
<tr>
<td style="padding:6px;">10/10/18</td>
<td style="padding:6px;"><a href="#">Psychedelic Men's Circle: The Devouring Mother</a></td>
</tr>
<tr>
<td style="padding:6px;">10/10/18</td>
<td style="padding:6px;"><a href="#">Psychedelic Social: DMT and 5-MeO-DMT</a></td>
</tr>
<tr>
<td style="padding:6px;">10/10/18</td>
<td style="padding:6px;"><a href="#">Durga Kali Mythic Yoga Flow: Empower & Breathe</a></td>
</tr>
<tr>
<td style="padding:6px;">10/10/18</td>
<td style="padding:6px;"><a href="#">Harmonic Sounds with Tallulah Rendall</a></td>
</tr>
<tr>
<td style="padding:6px;">10/10/18</td>
<td style="padding:6px;"><a href="#">Psychedelic Men's Circle: The Devouring Mother</a></td>
</tr>
<tr>
<td style="padding:6px;">10/10/18</td>
<td style="padding:6px;"><a href="#">Durga Kali Mythic Yoga Flow: Empower & Breathe</a></td>
</tr>
<tr>
<td style="padding:6px;">10/10/18</td>
<td style="padding:6px;"><a href="#">Harmonic Sounds with Tallulah Rendall</a></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="card w-100 mb-4 p-3">
<div class="card-body">
<h4 class="text-center mb-3">Experience Retreats Waitlist</h4>
<p>Due to overwhelming demand, we are currently not accepting new applications to the Retreat programme.
You can however <a href="#">sign up to the waitlist</a> to hear when applications reopen. We apologise for the delay,
and thank you for your patience in allowing us to deal with this demand to the best of our ability.</p>
</div>
</div>
<div class="card w-100 mb-4 p-3">
<div class="card-body">
<h4 class="text-center mb-3">Help make safe, legal psychedelic experiences available to all</h4>
<p>A grassroots movement for change has formed through our petitions,
events and Experience Retreats. We're now seeking to raise £10,000 in monthly donations so that our team can work at full power. Learn more and chip in an amount you can afford.</p>
<a class="btn btn-primary btn-lg mx-auto mt-3" href="#">Support us Today</a>
</div>
</div>
<div class="card w-100 mb-4 p-3">
<div class="card-body">
<h4 class="text-center">Best wishes,<br />The Psychedelic Society team</h4>
</div>
</div>
</div>
<div class="container-fluid bg-blue pt-5 pb-5">
<div class="container">
<div class="row">
<h6 class="text-center c-white mb-3">Connect with us on social media:</h6>
<div class="text-center">
<a href="https://facebook.com/PsychedelicsUK">
<img style="margin-right:7px!important;" alt="facebook" src="https://psychedelicsociety.org.uk/images/external-facebookBoxed.png" />
</a>
<a href="https://twitter.com/PsychedelicsUK">
<img style="margin-right:7px!important;" alt="twitter" src="https://psychedelicsociety.org.uk/images/external-twitter.png" />
</a>
<a href="https://instagram.com/PsychedelicsUK">
<img alt="instagram" src="https://psychedelicsociety.org.uk/images/external-instagram.png" />
</a>
</div>
<hr />
<p class="text-center c-white mt-3" style="font-size: 12px; opacity:.4;">If you'd like to unsubscribe from this mailing list, click here.</p>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment