Skip to content

Instantly share code, notes, and snippets.

@rebekahmonson

rebekahmonson/default-ad-type-markup.html Secret

Created May 27, 2020 20:45
Show Gist options
  • Save rebekahmonson/04645957fcdb50ee0baa34571bb2c1bd to your computer and use it in GitHub Desktop.
Save rebekahmonson/04645957fcdb50ee0baa34571bb2c1bd to your computer and use it in GitHub Desktop.
Download ZIP
Default ad type markup
Raw
default-ad-type-markup.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Default Ad Type Markup</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div>
<h2>Text ad</h2>
<!--begin text ad markup-->
<table style="margin: 0 auto; max-width: 600px;">
<tr>
<td style="text-align: center; padding-bottom: 8px;">
<p style="font-size: 85%;">Advertisement from Company Name</p>
</td>
</tr>
<tr>
<td>
<h3 style="margin: 0 0 10px 0;">Ad heading goes right here with a 50 character max</h3>
<p>Ad copy. Mumblecore narwhal polaroid typewriter deep state Etsy DIY waistcoat quinoa pug brunch mlkshk. Distillery ratchet bro artisan swag.</p>
<a href="https://link.whereby.us/uniqid">Call to action</a>
</td>
</tr>
</table>
<!--end text ad markup-->
</div>
<hr/>
<div>
<h2>Image with text ad</h2>
<!--begin image with text ad markup-->
<table style="margin: 0 auto; max-width: 600px;">
<tr>
<td style="text-align: center; padding-bottom: 8px;">
<p style="font-size: 85%;">Advertisement from Company Name</p>
</td>
</tr>
<tr>
<td>
<table align="left" style="max-width: 35%;">
<tr>
<td>
<img src="https://placekitten.com/300/300" style="max-width: 95%;" alt="Alt text here" />
</td>
</tr>
</table>
<table align="left" style="max-width: 65%;" >
<tr>
<td>
<h3 style="margin: 0 0 10px 0;">Ad heading goes right here with a 50 character max</h3>
<p>Ad copy. Mumblecore narwhal polaroid typewriter deep state Etsy DIY waistcoat quinoa pug brunch mlkshk. Distillery ratchet bro artisan swag.</p>
<a href="https://link.whereby.us/uniqid">Call to action</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<hr/>
<div>
<h2>Banner ad</h2>
<!--begin banner ad markup-->
<table style="margin: 0 auto; max-width: 600px;">
<tr>
<td style="text-align: center; padding-bottom: 8px;">
<p style="font-size: 85%;">Advertisement from Company Name</p>
</td>
</tr>
<tr>
<td>
<a href="https://link.whereby.us/uniqid"><img src="https://placekitten.com/728/90" style="max-width: 100%" alt="Alt text here" /></a>
</td>
</tr>
</table>
<!--end banner ad markup-->
</div>
<hr/>
<div>
<h2>Expanded text ad</h2>
<!--begin expanded text ad markup-->
<table style="margin: 0 auto; max-width: 600px;">
<tr>
<td style="text-align: center; padding-bottom: 8px;">
<p style="font-size: 85%;">Advertisement from Company Name</p>
</td>
</tr>
<tr>
<td>
<h3 style="margin: 0 0 10px 0;">Ad heading goes right here with a 50 character max</h3>
<p>Ad copy here with 650 character max and <a href="https://link.whereby.us/uniqid">multiple links.</a> Ipsum pariatur locavore, green juice adaptogen gastropub you probably haven't heard of them farm-to-table tofu thundercats.</p>
<p>Man braid church-key. Aesthetic dolore <a href="https://link.whereby.us/uniqid">sint irony magna</a> reprehenderit YOLO semiotics literally woke. Narwhal pok pok pinterest cray fam small batch, enamel pin lo-fi mumblecore poke air plant migas selvage.</p>
<p>Lyft dolor meditation <a href="https://link.whereby.us/uniqid">forage</a> letterpress. Yuccie eiusmod unicorn exercitation fashion axe microdosing, tattooed tilde echo park vegan hexagon organic leggings. Non sartorial sustainable disrupt occaecat normcores bitters et sint irony anim gluten-free microdosing.</p>
</td>
</tr>
</table>
<!--end expanded text ad markup-->
</div>
<hr/>
<div>
<h2>Expanded text with image ad</h2>
<!--begin expanded text with image ad markup-->
<table style="margin: 0 auto; max-width: 600px;">
<tr>
<td style="text-align: center; padding-bottom: 8px;">
<p style="font-size: 85%;">Advertisement from Company Name</p>
</td>
</tr>
<tr>
<td style="text-align: center; padding-bottom: 10px;">
<img src="https://placekitten.com/600/400" style="max-width: 100%;" alt="Alt text here" />
</td>
</tr>
<tr>
<td>
<h3 style="margin: 0 0 10px 0;">Ad heading goes right here with a 50 character max</h3>
<p>Ad copy here with 650 character max and <a href="https://link.whereby.us/uniqid">multiple links.</a> Ipsum pariatur locavore, green juice adaptogen gastropub you probably haven't heard of them farm-to-table tofu thundercats.</p>
<p>Man braid church-key. Aesthetic dolore <a href="https://link.whereby.us/uniqid">sint irony magna</a> reprehenderit YOLO semiotics literally woke. Narwhal pok pok pinterest cray fam small batch, enamel pin lo-fi mumblecore poke air plant migas selvage.</p>
<p>Lyft dolor meditation <a href="https://link.whereby.us/uniqid">forage</a> letterpress. Yuccie eiusmod unicorn exercitation fashion axe microdosing, tattooed tilde echo park vegan hexagon organic leggings. Non sartorial sustainable disrupt occaecat normcores bitters et sint irony anim gluten-free microdosing.</p>
</td>
</tr>
</table>
<!--end expanded text with image ad markup-->
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment