Skip to content

Instantly share code, notes, and snippets.

@indiejoseph

indiejoseph/SRM EDM Template

Created February 18, 2014 04:59
Show Gist options
  • Save indiejoseph/9064888 to your computer and use it in GitHub Desktop.
Save indiejoseph/9064888 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
SRM EDM Template
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Sight Reading Machine</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="margin: 0; padding: 0;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="padding: 10px 0 30px 0;">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="600" style="border: 1px solid #cccccc; border-collapse: collapse;">
<tr>
<td align="center" bgcolor="#70bbd9" style="padding: 0; color: #b1deed; font-size: 28px; font-weight: bold; font-family: Arial, sans-serif;">
<a href="https://itunes.apple.com/us/app/sight-reading-machine/id662692296?ls=1&mt=8">
<img src="http://sightreadingmachine.com/edm/h1.png" alt="Sight Reading Machine" width="598" height="570" style="display: block;">
</a>
</td>
</tr>
<tr>
<td bgcolor="#ffffff" style="padding: 40px 30px 40px 30px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="color: #153643; font-family: Arial, sans-serif; font-size: 24px; line-height: 1.5">
<b style="color:#E15E4D">Sight Reading Machine - Unlimited Sight Reading Exercises On The Go!</b>
</td>
</tr>
<tr>
<td style="padding: 20px 0 30px 0; color: #153643; font-family: Arial, sans-serif; font-size: 16px; line-height: 20px;">
Visit our website for more information <a style="color:#E15E4D" target="_blank" href="http://www.sightreadingmachine.com/">Click here</a>
</td>
</tr>
<tr>
<td style="padding: 20px 0 30px 0; color: #153643; font-family: Arial, sans-serif; font-size: 16px; line-height: 20px;">
Sight Reading Machine generates great sounding music using complex algorithms and music theories. Highly customizable options give you total control in the music composition - instrument, range, key, time, rhythm, pitch, dynamics, articulations, tempo.
</td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="260" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="padding: 25px 0 0 0; color: #153643; font-family: Arial, sans-serif; font-size: 16px; line-height: 20px;">
<b style="color:#E15E4D">Key Features</b>
<ol>
<li>Comes with a metronome</li>
<li>Highly customizable options</li>
<li>Random key signatures</li>
<li>High quality music playback</li>
<li>Gestures to refresh and control tempo quickly</li>
</ol>
</td>
</tr>
</table>
</td>
<td style="font-size: 0; line-height: 0;" width="20">
&nbsp;
</td>
<td width="260" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="padding: 25px 0 0 0; color: #153643; font-family: Arial, sans-serif; font-size: 16px; line-height: 20px;">
<b style="color:#E15E4D">Instruments</b>
<ul>
<li>Guitar, Bass Guitar (Low E / Low B)</li>
<li>Violin, Viola, Cello, Double Bass</li>
<li>Trumpet, Horn, Trombone, Tuba</li>
<li>Saxophones, Clarinets, Basson, Oboe, Flutes</li>
</ul>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="#ee4c50" style="padding: 30px 30px 30px 30px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="color: #ffffff; font-family: Arial, sans-serif; font-size: 14px;" width="75%">
&reg; Sight Reading Machine 2013<br>
<a href="*|UNSUB|*" style="color: #ffffff;"><font color="#ffffff">Unsubscribe</font></a> to this newsletter instantly
</td>
<td align="right" width="25%">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="font-family: Arial, sans-serif; font-size: 12px; font-weight: bold;">
<a href="http://www.twitter.com/sightreadingm" style="color: #ffffff;">
<img src="http://sightreadingmachine.com/edm/tw.png" alt="Twitter" width="38" height="38" style="display: block;" border="0">
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<center>
<br>
<br>
<br>
<br>
<br>
<br>
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="canspamBarWrapper" style="background-color:#FFFFFF; border-top:1px solid #E5E5E5;">
<tr>
<td align="center" valign="top" style="padding-top:20px; padding-bottom:20px;">
<table border="0" cellpadding="0" cellspacing="0" id="canspamBar">
<tr>
<td align="center" valign="top" style="color:#606060; font-family:Helvetica, Arial, sans-serif; font-size:11px; line-height:150%; padding-right:20px; padding-bottom:5px; padding-left:20px; text-align:center;">
This email was sent to <a href="*|EMAIL|*" target="_blank" style="color:#404040 !important;">*|EMAIL|*</a>
<br>
<a href="*|ABOUT_LIST|*" target="_blank" style="color:#404040 !important;"><em>why did I get this?</em></a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="*|UNSUB|*" style="color:#404040 !important;">unsubscribe from this list</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="*|UPDATE_PROFILE|*" style="color:#404040 !important;">update subscription preferences</a>
<br>
*|LIST:ADDRESSLINE|*
<br>
<br>
*|REWARDS|*
</td>
</tr>
</table>
</td>
</tr>
</table>
<style type="text/css">
@media only screen and (max-width: 480px){
table[id="canspamBar"] td{font-size:14px !important;}
table[id="canspamBar"] td a{display:block !important; margin-top:10px !important;}
}
</style>
</center></body>
</html>
@ramankesi
Copy link

hiii

@exostylin
Copy link

hii

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment