Skip to content

Instantly share code, notes, and snippets.

@sampatbadhe

sampatbadhe/template with style tag

Created February 21, 2017 14:39
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 sampatbadhe/cbc9ed9713f7c1dc28c532792ca76908 to your computer and use it in GitHub Desktop.
Save sampatbadhe/cbc9ed9713f7c1dc28c532792ca76908 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
template with style tag
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- OpenGraph Tags -->
<meta property="og:title" content="Video from #profile_first_name#">
<meta property="og:type" content="website">
<meta property="og:image" content="https://s3.amazonaws.com/bbemail/PROD/email_thumbs/309a1cb9-f66f-2356-3c8b-4d5a6ac0e32a.jpg?r=79855">
<meta property="og:url" content="http://bbemaildelivery.com/bbext/index.php?p=email&amp;id=309a1cb9-f66f-2356-3c8b-4d5a6ac0e32a">
<meta property="og:site_name" content="BombBomb">
<!-- swf object -->
<script type="text/javascript" async="" src="http://www.google-analytics.com/ga.js"></script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<!-- application javacript functions -->
<script type="text/javascript" src="include/javascript/functions.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="/app/include/javascript/landingPage.js?cb=20160406"></script>
<title>Video from #profile_first_name#</title>
<meta name="title" content="Video from #profile_first_name#">
<link rel="image_src" href="https://s3.amazonaws.com/bbemail/PROD/email_thumbs/309a1cb9-f66f-2356-3c8b-4d5a6ac0e32a.jpg?r=79855">
<style type="text/css">
body,table,td {
margin: 0 0 0 0;
font-family: Arial,Verdana,Tahoma, sans-serif;
color: #000000;
font-size: 12px;
}
pre {
font-family: Arial,Verdana,Tahoma, sans-serif;
font-size: 12px;
}
@media screen and (max-width: 600px), only screen and (max-device-width: 600px) {
table[class="table"] {
width: 93% !important;
}
table[class="emailBg"]{
width:100% !important;
}
table[class="emailBody"]{
width:100% !important;
min-width:0 !important;
}
table[class="column_table"] {
width:100% !important;
text-align:center !important;
padding:0 !important;
margin:0 0 6px 0 !important;
}
table[class="column_table_no_text_align"] {
width:100% !important;
padding:0 !important;
margin:0 0 6px 0 !important;
}
table[class="mediaRowTable"]{
width:100% !important;
padding:0 !important;
margin:0 0 6px 0 !important;
height: auto !important;
}
span[class="responsive_header_footer_font"]{
font-size:15px !important;
}
a[class="responsive_header_footer_font"]{
font-size:15px !important;
}
img[class="mediaImg"]{
max-width:100% !important;
height:auto !important;
}
div[class="mediaRowDiv"]{
max-width:100% !important;
height:auto !important;
width: auto !important;
}
}
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="3" style="text-align:center;margin-left:0px;">
<tbody><tr id="share" style="">
<td style="border:none; text-align:center;" align="right">
<span style="font-family:Arial, Helvetica, sans-serif; font-size:10pt;font-weight:normal;color:#b7b6b6;">Share to</span>&nbsp;&nbsp;
<a id="twit" style="text-decoration:none;border:none;"><img src="http://app.bombbomb.com/templates/css/share-twitter.gif" style="border:none;" width="18" height="18" alt="Share to Twitter"></a>&nbsp;&nbsp;
<a id="fbook" style="text-decoration:none;border:none;"><img src="http://app.bombbomb.com/templates/css/share-facebook.gif" style="border:none;" alt="Share to Facebook" width="18" height="18"></a>
</td>
</tr>
<tr>
<td>
<a href="" style="display:none;color: #b7b6b6;font-size: 10pt;font-family: Arial, Helvetica, sans-serif; text-decoration: none;"><span style="color:#b7b6b6;">Reply with Video</span></a>
</td>
</tr>
<tr><td style="border:none;" align="center">
<style id="symphony-default-style" type="text/css">
.videoWrapper {position:relative;height:0;}
.videoWrapper iframe {position: absolute;top:0;left:0;width:100%;height: 100%;}
table td {border-collapse:collapse;}
table {border-spacing: 0;}
@media screen and (max-device-width: 600px), screen and (max-width: 600px) {
[class~="sym_mobile_hide"] { display: none !important; }
table[class="outertable"] { width:95% !important; }
table[class="emailBody"] { width:100% !important; min-width: 0 !important}
div[data-region="media"] img { display: inline-block !important; max-width:100% !important; height: auto !important; }
img[class~="responsive_image"] { min-width:10px !important; max-width:100% !important; height:auto !important; display: inline-block !important; }
img[class~="responsive_image_50"] { min-width:10px !important; max-width:50% !important; height:auto !important; display: inline-block !important; }
img[class~="responsive_image_25"] { min-width:10px !important; max-width:25% !important; height:auto !important; display: inline-block !important; }
td[class~="sym_row_td"] { width: 100% !important; padding: 0 !important;}
table[class~="sym_irow_table"] { width: 100% !important; }
td[class~="sym_irow_td"] { width: 100% !important; padding: 0 !important; }
table[class~="sym_col_table"] { width: 100% !important; }
td[class~="sym_col_cell"] { width: 100% !important; padding: 6px 0 0 0 !important; }
table[class~="sym_icol_table"] { width: 100% !important; }
td[class~="sym_icol_cell"] { width: 100% !important; text-align: center !important; padding: 0 !important; }
div[data-region="container"] > [data-region="richtext"] { width: 100% !important; padding: 6px 0 0 0 !important; }
div[data-region="container"] > table { width: 100% !important; float: none !important; }
table[data-region="social"] { margin: auto !important; }
table[data-region="button"] { margin: auto !important; }
table[data-region="button"] a { display: block !important; }
/*symphony-responsive-custom-begin*/table[class~="noBorder"] .sym_icol_cell {border: none !important; border-top: 1px solid #ffffff !important;}
table[class~="noBorder"] .sym_col_cell {padding:0 !important;}
table[class~="addPadding"] td {padding-bottom:10px !important;}
table[class~="addFooterPadding"] td {padding-bottom:5px !important; padding-top:5px !important;}
table[class~="addTopPadding"] td {padding-top:10px !important;}/*symphony-responsive-custom-end*/
}
</style>
<style type="text/css">
@media screen and (max-width: 600px),
only screen and (max-device-width: 600px) {
video[class="bbHtml5Video"] {
width: 100% !important;
height: auto !important;
}
img[class="bbImgFallback"] {
width: 100% !important;
height: auto !important;
}
}
</style><table class="emailBg" cellspacing="0" cellpadding="0" style="padding: 20px 0px; width: 100%; background-color: #EFEFEF;" align="center" border="0">
<tbody>
<tr>
<td align="center">
<table width="600" class="emailBody" cellspacing="0" cellpadding="0" style="padding: 0px; margin: 0px auto; width: 600px; min-width: 600px; border-radius: 0px; border: 0px solid #EFEFEF; background-color: #AAA7A4;" border="0">
<tbody>
<tr>
<td>
<table data-region="custom" id="sortable" data-version="3.2.0" width="100%" class="custom-table" cellspacing="0" cellpadding="0" style="width: 100%;" border="0">
<tbody>
<tr data-version="3.2.0"><td class="sym_row_td" align="center" style="padding: 0px;">
<table cellspacing="0" cellpadding="0" class="sym_irow_table" border="0">
<tbody>
<tr>
<td width="600" class="sym_irow_td" style="padding: 0px; border-width: 0px; width: 600px;">
<center><!--[if (gte mso 9)|(IE)]><table width="600" style="width:600px;border-spacing:0;font-family:sans-serif;" cellspacing="0" cellpadding="0" border="0" >
<tr>
<td align="center" valign="top" style="width:600px;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
<![endif]--><table cellspacing="0" cellpadding="0" width="600" class="sym_col_table" align="center" style="border-spacing: 0px; margin: 0px; width: 600px;" border="0">
<tbody>
<tr>
<td class="sym_col_cell" style="padding: 0px;">
<table cellspacing="0" cellpadding="0" width="600" class="sym_icol_table" style="width: 600px;" border="0">
<tbody>
<tr>
<td class="sym_icol_cell" align="center" style="border-width: 0px; padding: 0px;">
<div data-region="media" data-type="image"><img src="https://s3.amazonaws.com/bbemail/ART/templates/composer_templates_16/WonderfulTime/WonderfulTime1.png" width="600" class="responsive_image" alt="" style="display: block; width: 600px;" border="0"></div></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if (gte mso 9)|(IE)]></td>
</tr>
</table>
<![endif]--></center></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr data-version="3.2.0"><td class="sym_row_td" align="center" style="padding: 10px;">
<table cellspacing="0" cellpadding="0" class="sym_irow_table" border="0">
<tbody>
<tr>
<td width="580" class="sym_irow_td" style="background-color: #DD2D27; padding: 0px; border-width: 0px; width: 580px;">
<center><!--[if (gte mso 9)|(IE)]><table width="580" style="width:580px;border-spacing:0;font-family:sans-serif;" cellspacing="0" cellpadding="0" border="0" >
<tr>
<td align="center" valign="top" style="width:580px;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
<![endif]--><table cellspacing="0" cellpadding="0" width="580" class="sym_col_table" style="border-spacing: 0px; margin: 0px; width: 580px;" align="center" border="0">
<tbody>
<tr>
<td class="sym_col_cell" style="padding: 0px;">
<table cellspacing="0" cellpadding="0" width="580" class="sym_icol_table" style="width: 580px;" border="0">
<tbody>
<tr>
<td class="sym_icol_cell" align="center" style="border-width: 5px; padding: 0px; border-style: solid; border-color: #971A1A;">
<div data-region="media" data-type="video"><img src="https://app.bombbomb.com/app/images/modules/emails/composer/media-placeholder.gif" width="570" data-symphony-responsive-video="true" style="display: block; width: 570px;" border="0"></div></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if (gte mso 9)|(IE)]></td>
</tr>
</table>
<![endif]--></center></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr data-version="3.2.0"><td class="sym_row_td" align="center" style="padding: 20px 20px 0px;">
<table cellspacing="0" cellpadding="0" class="sym_irow_table" border="0">
<tbody>
<tr>
<td width="560" class="sym_irow_td" style="padding: 0px; border-width: 0px; width: 560px;">
<!--[if (gte mso 9)|(IE)]><table width="560" style="width:560px;border-spacing:0;font-family:sans-serif;" cellspacing="0" cellpadding="0" border="0" >
<tr>
<td align="left" valign="top" style="width:560px;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
<![endif]--><table cellspacing="0" cellpadding="0" width="560" class="sym_col_table addTopPadding" style="border-spacing: 0px; margin: 0px; width: 560px;" align="left" border="0">
<tbody>
<tr>
<td class="sym_col_cell" style="padding: 0px;">
<table cellspacing="0" cellpadding="0" width="560" class="sym_icol_table" style="width: 560px;" border="0">
<tbody>
<tr>
<td class="sym_icol_cell" align="left" style="border-width: 0px; padding: 0px;">
<div data-region="richtext" class="bodyText" style="color: #F2F2F2; font-family: Arial; display: block; font-size: 14px; hyphens: auto; letter-spacing: 0px; line-height: 1.4em; overflow-wrap: break-word; white-space: normal; word-break: normal; word-wrap: break-word;"><h1 style="font-size: 24px; margin: 0px; padding: 0px; color: #971A1A; font-family: Arial; word-break: normal; word-wrap: break-word; overflow-wrap: break-word; line-height: 120%; letter-spacing: 0px; font-weight: normal; text-align: center;">Headline Text Goes Here.</h1></div></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if (gte mso 9)|(IE)]></td>
</tr>
</table>
<![endif]--></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr data-version="3.2.0"><td class="sym_row_td" align="center" style="padding: 10px 20px 25px;">
<table cellspacing="0" cellpadding="0" class="sym_irow_table" border="0">
<tbody>
<tr>
<td width="560" class="sym_irow_td" style="padding: 0px; border-width: 0px; width: 560px;">
<!--[if (gte mso 9)|(IE)]><table width="560" style="width:560px;border-spacing:0;font-family:sans-serif;" cellspacing="0" cellpadding="0" border="0" >
<tr>
<td align="left" valign="top" style="width:560px;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
<![endif]--><table cellspacing="0" cellpadding="0" width="560" class="sym_col_table addPadding" style="border-spacing: 0px; margin: 0px; width: 560px;" align="left" border="0">
<tbody>
<tr>
<td class="sym_col_cell" style="padding: 0px;">
<table cellspacing="0" cellpadding="0" width="560" class="sym_icol_table" style="width: 560px;" border="0">
<tbody>
<tr>
<td class="sym_icol_cell" align="left" style="border-width: 0px; padding: 0px;">
<div data-region="richtext" class="bodyText" style="color: #F2F2F2; font-family: Arial; display: block; font-size: 14px; hyphens: auto; letter-spacing: 0px; line-height: 1.4em; overflow-wrap: break-word; white-space: normal; word-break: normal; word-wrap: break-word;"><p style="font-size: 14px; margin: 0px; padding: 0px; text-align: center;">Optional body text goes here. You can edit this text or delete this text box altogether.&nbsp;</p></div></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if (gte mso 9)|(IE)]></td>
</tr>
</table>
<![endif]--></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr data-version="3.2.0"><td class="sym_row_td" align="center" style="padding: 0px;">
<table cellspacing="0" cellpadding="0" class="sym_irow_table" border="0">
<tbody>
<tr>
<td width="600" class="sym_irow_td" style="padding: 20px; border-width: 5px 0px 0px; border-top-style: solid; border-top-color: #971A1A; width: 600px;">
<!--[if (gte mso 9)|(IE)]><table width="560" style="width:560px;border-spacing:0;font-family:sans-serif;" cellspacing="0" cellpadding="0" border="0" >
<tr>
<td align="left" valign="top" style="width:121px;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
<![endif]--><table cellspacing="0" cellpadding="0" width="121" class="sym_col_table addTopPadding" style="border-spacing: 0px; margin: 0px; width: 121px;" align="left" border="0">
<tbody>
<tr>
<td class="sym_col_cell" style="padding: 0px;">
<table cellspacing="0" cellpadding="0" width="121" class="sym_icol_table" style="width: 121px;" border="0">
<tbody>
<tr>
<td class="sym_icol_cell" align="center" style="border-width: 0px; padding: 0px 15px 0px 0px;">
<div data-region="media" data-type="image"><img src="https://bbemail.s3.amazonaws.com/ART/clear.gif" width="106" class="responsive_image" alt="" style="display: block; width: 106px;" border="0"></div></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if (gte mso 9)|(IE)]></td>
<td align="left" valign="top" style="width:328px;padding-top:0;padding-bottom:0;padding-right:0;">
<![endif]--><table cellspacing="0" cellpadding="0" width="328" class="sym_col_table" style="border-spacing: 0px; margin: 0px; width: 328px;" align="left" border="0">
<tbody>
<tr>
<td class="sym_col_cell" style="padding: 0px 0px 0px 8px;">
<table cellspacing="0" cellpadding="0" width="320" class="sym_icol_table" style="width: 320px;" border="0">
<tbody>
<tr>
<td class="sym_icol_cell" align="left" style="border-width: 0px; padding: 8px 0px;">
<div data-region="richtext" class="bodyText" style="color: #F2F2F2; font-family: Arial; display: block; font-size: 14px; hyphens: auto; letter-spacing: 0px; line-height: 1.4em; overflow-wrap: break-word; white-space: normal; word-break: normal; word-wrap: break-word;"><h2 style="font-size: 14px; margin: 0px; padding: 0px; color: #971A1A; font-weight: normal; font-family: Arial; word-break: normal; word-wrap: break-word; overflow-wrap: break-word; line-height: 120%; letter-spacing: 0px; text-align: center;"><span style="font-size: 16px;"><strong>Dale Warner</strong></span></h2><h2 style="font-size: 14px; margin: 0px; padding: 0px; color: #971A1A; font-weight: normal; font-family: Arial; word-break: normal; word-wrap: break-word; overflow-wrap: break-word; line-height: 120%; letter-spacing: 0px; text-align: center;"><a href="tel:7192437413" style="color: #971A1A; text-decoration: none;" target="_blank">7192437413</a></h2><h2 style="font-size: 14px; margin: 0px; padding: 0px; color: #971A1A; font-weight: normal; font-family: Arial; word-break: normal; word-wrap: break-word; overflow-wrap: break-word; line-height: 120%; letter-spacing: 0px; text-align: center;"><a href="mailto:dale@realvolve.com" style="color: #971A1A; text-decoration: none;" target="_blank">dale@realvolve.com</a></h2><h2 style="font-size: 14px; margin: 0px; padding: 0px; color: #971A1A; font-weight: normal; font-family: Arial; word-break: normal; word-wrap: break-word; overflow-wrap: break-word; line-height: 120%; letter-spacing: 0px; text-align: center;"><a href="" style="color: #971A1A; text-decoration: none;" target="_blank"></a></h2></div></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if (gte mso 9)|(IE)]></td>
</tr>
</table>
<![endif]--></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td></tr>
<tr><td style="border:none;" align="center"></td></tr>
</tbody></table>
<input type="hidden" id="twitterclickurl" value="http://bbemaildelivery.com/bbext/index.php?p=click&amp;eid=309a1cb9-f66f-2356-3c8b-4d5a6ac0e32a&amp;url=Twitter">
<input type="hidden" id="facebookclickurl" value="http://bbemaildelivery.com/bbext/index.php?p=click&amp;eid=309a1cb9-f66f-2356-3c8b-4d5a6ac0e32a&amp;url=Facebook">
<input type="hidden" id="twittershareurl" value="http://bbemaildelivery.com/bbext/index.php?p=email&amp;id=309a1cb9-f66f-2356-3c8b-4d5a6ac0e32a&amp;share=t">
<input type="hidden" id="facebookshareurl" value="http://bbemaildelivery.com/bbext/index.php?p=email&amp;id=309a1cb9-f66f-2356-3c8b-4d5a6ac0e32a&amp;share=f">
</body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment