Markdown format – Zendesk

ADDING NEW EDITS sample

____

Orig document
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>

body {
font-family: 'Source Sans Pro', sans-serif;
padding-top: 100px;
text-align: center;
}

.social-links img {
width: 20px;
height: auto;
padding: 0 10px 0 10px;
}

.center {
text-align: center;
}

.header {
background-image: url("https://storage.googleapis.com/localhood-onboarding/dmo-2022/EmailHeader01-600.png");
width: 600px;
height: 51px;
}

.footer {
padding: 1px 0 20px 0;
background: #f2f6f7;
font-family: "Source Sans Pro", sans-serif;
}

.container {
width: 600px;
margin: auto;
}

a {
text-decoration: none;
color: #7D8487;
font-family: "Source Sans Pro", sans-serif;
}

h3 {
text-align: center;
}

.hours {
color: #7D8487;
text-align: center;
font-size: 16px;
}

.hours-text {
color: #7D8487;
text-align: center;
font-size: 14px;
}

.header-text {
text-align: center;
font-size: 1.5rem;
font-weight: bold;
color: #7D8487;
}

.footer-text {
text-align: center;
font-size: 16px;
color: #7D8487;
font-family: "Source Sans Pro", sans-serif;
}

.survey-start p {
font-family: "Source Sans Pro", sans-serif;
font-size: 12px;
text-align: center;
}

.survey-start h3 {
font-family: "Source Sans Pro", sans-serif;
font-size: 16px;
font-weight: 200;
}
{{styles}}
</style>
</head>

<body {{attributes}}>
<div class="survey-start">
<h3>How did we do?</h3>
<p>We want your feedback about everything.<br>
If you have a moment to spare, you can let us know what you think of our service and which area we can improve by clicking one of the four icons below. </p>
</div>
<div style="font-family: Arial;font-size: 12px; overflow:hidden;text-align: -webkit-center;">
<table cellpadding="0" cellspacing="0" border="0" style="border-collapse: separate; border-spacing: 10px 5px; margin: 0 0; width: 320px;">
<tr>
<td width="25%" style="vertical-align:bottom; text-align:center;"><a style="text-decoration:none;" href="https://app.customerthermometer.com/?template=log_feedback&hash=b230993c&embed_data=dGVtcGVyYXR1cmVfaWQ9MSZ0aGVybW9tZXRlcl9pZD0xMjY0MTgmbnBzX3JhdGluZz0=&e={{ticket.requester.email}}&f={{ticket.requester.first_name}}&l={{ticket.requester.last_name}}&c=CrowdRiff&c1=Ticket {{ticket.id}}&c2={{ticket.assignee.name}}&c3={{ticket.account}}&c4=&c5=&c6=&c7=&c8=&c9=&c10="><img style="border: none;" src="https://app.customerthermometer.com/sites/app/images/icon_sets/icon_set_3s/gold.png" alt="Gold Star" title="Gold Star" class="_temp" /></a></td>
<td width="25%" style="vertical-align:bottom; text-align:center;"><a style="text-decoration:none;" href="https://app.customerthermometer.com/?template=log_feedback&hash=74b9180e&embed_data=dGVtcGVyYXR1cmVfaWQ9MiZ0aGVybW9tZXRlcl9pZD0xMjY0MTgmbnBzX3JhdGluZz0=&e={{ticket.requester.email}}&f={{ticket.requester.first_name}}&l={{ticket.requester.last_name}}&c=CrowdRiff&c1=Ticket {{ticket.id}}&c2={{ticket.assignee.name}}&c3={{ticket.account}}&c4=&c5=&c6=&c7=&c8=&c9=&c10="><img style="border: none;" src="https://app.customerthermometer.com/sites/app/images/icon_sets/icon_set_3s/green.png" alt="Green Light" title="Green Light" class="_temp" /></a></td>
<td width="25%" style="vertical-align:bottom; text-align:center;"><a style="text-decoration:none;" href="https://app.customerthermometer.com/?template=log_feedback&hash=4bd770bf&embed_data=dGVtcGVyYXR1cmVfaWQ9MyZ0aGVybW9tZXRlcl9pZD0xMjY0MTgmbnBzX3JhdGluZz0=&e={{ticket.requester.email}}&f={{ticket.requester.first_name}}&l={{ticket.requester.last_name}}&c=CrowdRiff&c1=Ticket {{ticket.id}}&c2={{ticket.assignee.name}}&c3={{ticket.account}}&c4=&c5=&c6=&c7=&c8=&c9=&c10="><img style="border: none;" src="https://app.customerthermometer.com/sites/app/images/icon_sets/icon_set_3s/amber.png" alt="Yellow Light" title="Yellow Light" class="_temp" /></a></td>
<td width="25%" style="vertical-align:bottom; text-align:center;"><a style="text-decoration:none;" href="https://app.customerthermometer.com/?template=log_feedback&hash=dc070489&embed_data=dGVtcGVyYXR1cmVfaWQ9NCZ0aGVybW9tZXRlcl9pZD0xMjY0MTgmbnBzX3JhdGluZz0=&e={{ticket.requester.email}}&f={{ticket.requester.first_name}}&l={{ticket.requester.last_name}}&c=CrowdRiff&c1=Ticket {{ticket.id}}&c2={{ticket.assignee.name}}&c3={{ticket.account}}&c4=&c5=&c6=&c7=&c8=&c9=&c10="><img style="border: none;" src="https://app.customerthermometer.com/sites/app/images/icon_sets/icon_set_3s/red.png" alt="Red Light" title="Red Light" class="_temp" /></a></td>
</tr>
<tr>
<td style="text-align:center;"><span style="color:#B17657;">Excellent</span></td>
<td style="text-align:center;"><span style="color:#66CC33;">Good</span></td>
<td style="text-align:center;"><span style="color:#FFB40D;">Just OK</span></td>
<td style="text-align:center;"><span style="color:#CC3333;">Poor</span></td>
</tr>
</table>
</div>
<div>
<a href="https://www.customerthermometer.com/intrigued/" target="_blank"><img style="border: none;width: 150px; height: 20px;" border="0" src="https://app.customerthermometer.com/images/powered_by_ct@2x.png" width="150px" height="20px" alt="Powered by Customer Thermometer" /></a>

</div>
</body>

</html>

Related to