Replied to Discussion: Serving content based on time of day by Kevin George
Hi Mark,
Awesome Idea for email marketing with this.
We have tried to the CSS Media Queries Level 5, it's not working on any mobile. Also, we have to define a class in each TDs where the text but doesn't work. We have provided you the HTML code used for the class defined in the <body class='lum'> tags.
Please see below HTML what we used.
<!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" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<title>Light Levels</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0 " />
<meta name="format-detection" content="telephone=no"/>
<style type="text/css">
body {
margin: 0 !important;
padding: 0 !important;
-webkit-text-size-adjust: 100% !important;
-ms-text-size-adjust: 100% !important;
-webkit-font-smoothing: antialiased !important;
}
img {
border: 0 !important;
outline: none !important;
}
p{
Margin:0px !important;
Padding:0px !important;
}
table {
border-collapse: collapse;
mso-table-lspace: 0px;
mso-table-rspace: 0px;
}
td, a, span {
border-collapse: collapse;
mso-line-height-rule: exactly;
}
.ExternalClass * {
line-height: 100%;
}
.em_defaultlink a {
color:inherit !important; text-decoration:none !important;
}
span.MsoHyperlink {
mso-style-priority:99;
color:inherit;
}
span.MsoHyperlinkFollowed {
mso-style-priority:99;
color:inherit;
}
/*Stylesheed for the devices width between 481px to 599px*/
@media only screen and (min-width:481px) and (max-width:599px) {
.em_main_table {
width: 480px !important;
}
.em_wrapper {
width: 100% !important;
}
.em_aside{
padding:0px !important; /*Update the values as required*/
}
.em_hide{
display:none !important;
}
.em_full_img{
width:100% !important;
height:auto !important;
}
.em_align_cent{
text-align:center !important;
}
}
/*Stylesheed for the devices width between 0px to 480px*/
@media only screen and (max-width:480px) {
.em_main_table {
width: 100% !important;
}
.em_wrapper{
width: 100% !important;
}
.em_aside{
padding:0px !important; /*Update the values as required*/
}
.em_hide{
display:none !important;
}
.em_full_img{
width:100% !important;
height:auto !important;
}
.em_align_cent{
text-align:center !important;
}
}
@media screen and (luminosity: normal) {
body .lum {background-color: #ddd; color: #111;}
}
@media screen and (luminosity: dim) {
body .lum {background-color: #444; color: #fff;}
}
@media screen and (luminosity: washed) {
body .lum {background-color: #fff; color: #333;}
}
</style>
<!--[if gte mso 9]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
</head>
<body style="margin:0px; padding:0px;" class="lum">
<!--Full width table start-->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table width="650" border="0" cellspacing="0" cellpadding="0" align="center" class="em_wrapper">
<tbody>
<tr>
<td height="80" align="center" valign="middle" bgcolor="#093500" style="font-family: Arial, sans-serif; color:#ffffff; font-size:12px; text-align:center; line-height:16px;"><webversion style="text-decoration:underline; color:#ffffff;">View online</webversion></td>
</tr>
<tr>
<td align="center" valign="top" style="font-family:Arial, sans-serif; color:#000000; font-size:22px; line-height:26px; text-align:center; padding:20px 20px;">Responding to environmental light levels with CSS Media Queries Level 5</td>
</tr>
<tr>
<td align="left" valign="top" style="font-family:Arial, sans-serif; color:#000000; font-size:14px; line-height:18px; text-align:left; padding-bottom:15px; padding-left:15px;"><singleline label="Title">light levels with CSS Media Queries Level 5</singleline></td>
</tr>
<tr>
<td><img class="em_full_img" src="http://edmimages.net/edm/css_light/image.jpg" width="650" height="200" alt="" border="0" style="display:block;" /></td>
</tr>
<tr>
<td height="15" style="line-height:0px; font-size:0px;"> </td>
</tr>
<tr>
<td align="center" valign="top" style="font-family:Arial, sans-serif; color:#000000; font-size:22px; line-height:26px; text-align:center; padding:20px 20px;">Responding to environmental light levels with CSS Media Queries Level 5</td>
</tr>
<tr>
<td align="left" valign="top" style="font-family:Arial, sans-serif; color:#000000; font-size:14px; line-height:18px; text-align:left; padding-bottom:15px; padding-left:15px;"><singleline label="Title">light levels with CSS Media Queries Level 5</singleline></td>
</tr>
<tr>
<td><img class="em_full_img" src="http://edmimages.net/edm/css_light/image.jpg" width="650" height="200" alt="" border="0" style="display:block;" /></td>
</tr>
<tr>
<td height="20" bgcolor="#093500"> </td>
</tr>
<tr>
<td><unsubscribe> </unsubscribe></td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
<!--Full width table End-->
<!--Increase/decrease the number of ( ) as per the template width-->
<div class="em_hide" style="white-space:nowrap;font:20px courier;color:#FFFFFF"> </div>
</body>
</html>
Thanks,
Kevin
Replied to Discussion: Solution to Apple Mail scrolling when using spacebar in inputs by
Hi Becs,
This is awesome, it's working.
Thank you so much !!! :)
Kevin
Thanks
Email Monks
Replied to Discussion: Yahoo Mail App on iOS not honoring width by
Hi Jacob,
Can you please share us with HTML code, so we will help you.
Thanks
Kevin
Email Monks
Replied to Discussion: Outlook 2007/2010 cutting the bottom of the email by
Hi,
Emails longer than 7000px get truncated in Outlook. Try removing unnecessary code by unchecking the “Remove unnecessary HTML code” option in Settings. This will remove the excess corrupted HTML, if any from the code.
Or
If that isn’t the case, try disabling add-ins that change the email display behavior: File -> Options -> Add-Ins. Select Manage: COM Add-Ins and click Go!
Or
Try disabling Hardware acceleration: File -> Options -> Advanced. This might help in some cases.
Hope this works! For more, feel free to reach out to me at kevin@emailmonks.net.
Replied to Discussion: Adding anchor to image causing spacing issues by
Hi Kathleen,
Can you please share us with whole HTML code and which ESP you are using?
Thanks
Kevin
Email Monks
Replied to Discussion: Should image urls <img src=""> have http or https? by
Using http or https is depended on the server. If the site is secure, the server detects it and we can see https://, otherwise it shows http://. Users can use either of the two in <img src="">.
Actually, it totally depends on the server and we can not control it manually. You can check several sites as an example.
Replied to Discussion: Troubleshoot dotMailer code in Silveropop by
Hi Lauren,
Can you please elaborate what you faced challenges? As well as can you please share us with your HTML code, so we will help you..!!
Awaiting for reply.
Kevin
Email Monks
Replied to Discussion: Damn Outlook2016 and fonts (again) by
Hi Ky,
Please use below HTML code, I have updated some code.
<!DOCTYPE html>
<html>
<head>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" name="viewport">
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>UQ eSpace | Researcher Update</title>
<!--[if !mso]><!-->
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700" rel="stylesheet">
<!--<![endif]-->
<style>
.ExternalClass {width: 100%;}
@media all and (max-width: 500px) {
.linkTable {
width: 100%;
}
}
@media all and (min-width: 501px){
.linkTable {
max-width: 250px;
width: 100%;
float: right;
}
}
</style>
</head>
<body style="font-family: 'Roboto', Arial, Helvetica, sans-serif !important; font-weight:400;font-size:13px;line-height:18px;padding: 0 !important;margin: 0 !important; background-color: #F7F7F7;">
<!--[if mso]>
<style type="text/css">
body, table, td, p, a {font-family:Arial, Helvetica, sans-serif !important;}
</style>
<![endif]-->
<table cellpadding="0" cellspacing="0" class="roboto" width="100%">
<tbody>
<!-- Header -->
<tr>
<td align="center" style="background-color: #49075e;padding: 6px;">
<table align="center" cellpadding="0" cellspacing="0" style="max-width: 824px; width: 100%;" width="824">
<tbody>
<tr>
<td style="padding: 12px 0 12px 12px; width: 34px;"><img height="50" src="http://www.lanedigital.com/UQ/uq-logo-white-minimal.png" style="height: 50px;"></td>
<td style="padding: 12px 0 12px 12px;"><span style="font-family: 'Roboto', Arial, Helvetica, sans-serif !important;font-size: 22px; line-height: 20px; font-weight: 100; color: #FFFFFF;">UQ eSpace Researcher Update</span></td>
<td align="right" style="padding: 12px 12px 12px 0;">
<a href="http://espace.library.uq.edu.au" style="color: #FFFFFF; text-decoration: none;" target="_blank">
<table cellpadding="6" style="font-family: 'Roboto', Arial, Helvetica, sans-serif !important; background-color: #2377CB; color: #FFFFFF; white-space: nowrap;">
<tr>
<td style="padding: 6px;"> VISIT UQ eSPACE </td>
</tr>
</table></a>
</td>
</tr>
</tbody>
</table>
</td>
</tr><!-- Header end -->
<tr>
<td style="background-color: #F7F7F7; padding: 24px;">
<table cellpadding="0" cellspacing="0" id="introduction" style="margin: 0 auto; max-width: 800px;" width="100%">
<tbody>
<tr>
<td valign="top">
<table align="right" cellpadding="12" cellspacing="0" class="linkTable" style="font-size: 18px; float: right; margin: 0 0 24px 12px;">
<!-- If the user has any publications claimed on their behalf -->
<tr>
<td align="center" style="background-color: #49075e; color: #FFF; width: 20px;">
<a href="#claimed" style="text-decoration: none; color: #FFF;font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">3</a>
</td>
<td nowrap="nowrap" style="background-color: #7C3A91; color: #FFF; font-weight: 300;">
<a href="#claimed" style="text-decoration: none; color: #FFF;font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">Publications claimed</a>
</td>
</tr><!-- If the user has any publications that are possibly theirs -->
<tr>
<td align="center" style="background-color: #d82563; color: #FFF;">
<a href="#possible" style="text-decoration: none; color: #FFF;font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">2</a>
</td>
<td nowrap="nowrap" style="background-color: #FF5896;color: #FFF;">
<a href="#possible" style="text-decoration: none; color: #FFF;font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">Possible publications</a>
</td>
</tr><!-- If the user has any publications with decent trending stats -->
<tr>
<td align="center" style="background-color: #f46800; color: #FFF;">
<a href="#trending" style="text-decoration: none; color: #FFF;font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">2</a>
</td>
<td nowrap="nowrap" style="background-color: #FF9B33; color: #FFF;">
<a href="#trending" style="text-decoration: none; color: #FFF;font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">Trending publications</a>
</td>
</tr><!-- If the user doesnt have an ORCiD linked -->
<tr>
<td align="center" style="background-color: #8cb400; color: #FFF;">
<a href="#orcid" style="text-decoration: none;"><img src="http://www.lanedigital.com/UQ/ic_warning_black_24px.png"></a>
</td>
<td style="background-color: #A6CE1A; color: #FFF;">
<a href="#orcid" style="text-decoration: none; color: #FFF;font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">ORCiD Identifier</a>
</td>
</tr>
</table><!-- Welcome message -->
<p style="font-family: 'Roboto', Arial, Helvetica, sans-serif !important; font-weight:bold; font-size: 16px;">Professor Brown,</p>
<p style="font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris quis laoreet urna. Pellentesque quis faucibus metus. Mauris non tempus tellus. Aliquam efficitur lectus quis condimentum vehicula. Orci varius natoque penatibus et magnis dis parturinec interdum magna quis nisl aliquam posuere. Sed massa elit.</p>
<p style="font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">Cras sit amet est non arcu euismod porttitor id eleifend nisi. In non augue ac nisl suscipit facilisis vel nec nisl.</p>
</td>
</tr>
</tbody>
</table>
<hr style="margin: 24px auto 30px auto; opacity: 0.3; max-width: 800px;">
<table cellpadding="0" cellspacing="0" id="activity" style="margin: 0 auto; max-width: 800px;" width="100%">
<tbody>
<tr>
<td style="padding: 0 0 24px 0;"><span style="font-size: 24px; line-height: 18px; font-weight: 300; color: #49075e;font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">Your publication activity this month</span></td>
</tr><!-- If the user has had any publications claimed on their behalf -->
<tr>
<td>
<a id="claimed" name="claimed"></a>
<table cellpadding="24" cellspacing="0" id="pubsclaimed" style="margin-bottom: 24px;" width="100%">
<tbody>
<tr>
<td style="background-color: #49075e; padding: 24px;"><span style="font-size: 24px; font-weight: 100; color: #FFFFFF;font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">3 new publications automatically linked to your profile</span></td>
</tr>
<tr>
<td style="background-color: #e8e0eb;">
<p style="font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">Nunc bibendum augue ut lectus consectetur, vel rutrum tellus aliquet. Mauris tristique elit aliquam dui aliquam, sed efficitur dui facilisis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur non risus quis ligula eleifend maximus.</p>
<table cellpadding="0" cellspacing="6" width="100%">
<tbody>
<tr>
<td style="padding-top: 12px;">
<a href="#" style="text-decoration: none;"><span style="font-size: 18px; text-decoration: none; color: #49075e;font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris quis laoreet urna. Pellentesque quis faucibus metus.</span></a>
</td>
</tr>
<tr>
<td style="font-size: 12px; line-height: 13px; padding-bottom: 12px; border-bottom: 1px solid #d1c2d6;font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">Cras in ultricies dui. Proin varius ipsum eu tempor posuere. Donec id mauris mollis, condimentum sapien a, porttitor sapien. Donec interdum magna quis nisl aliquam posuere. Sed massa elit, hendrerit ac consequat sed.</td>
</tr>
<tr>
<td style="padding-top: 12px;">
<a href="#" style="text-decoration: none;"><span style="font-size: 18px; text-decoration: none; color: #49075e;font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris quis laoreet urna. Pellentesque quis faucibus metus.</span></a>
</td>
</tr>
<tr>
<td style="font-size: 12px; line-height: 13px; padding-bottom: 12px; border-bottom: 1px solid #d1c2d6;font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">Cras in ultricies dui. Proin varius ipsum eu tempor posuere. Donec id mauris mollis, condimentum sapien a, porttitor sapien. Donec interdum magna quis nisl aliquam posuere. Sed massa elit, hendrerit ac consequat sed.</td>
</tr>
<tr>
<td style="padding-top: 12px;">
<a href="#" style="text-decoration: none;"><span style="font-size: 18px; text-decoration: none; color: #49075e;font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris quis laoreet urna. Pellentesque quis faucibus metus.</span></a>
</td>
</tr>
<tr>
<td style="font-size: 12px; line-height: 13px; padding-bottom: 12px; border-bottom: 1px solid #d1c2d6;font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">Cras in ultricies dui. Proin varius ipsum eu tempor posuere. Donec id mauris mollis, condimentum sapien a, porttitor sapien. Donec interdum magna quis nisl aliquam posuere. Sed massa elit, hendrerit ac consequat sed.</td>
</tr>
<tr>
<td align="right" style="padding-top: 24px;">
<table cellpadding="6" style="font-family: 'Roboto', Arial, Helvetica, sans-serif !important; white-space: nowrap;">
<tr>
<td style="font-family: 'Roboto', Arial, Helvetica, sans-serif !important; color: #49075e; white-space: nowrap;">+ 17 more</td>
<td style="padding: 6px;">
<table cellpadding="6" style="font-family: 'Roboto', Arial, Helvetica, sans-serif !important; background-color: #49075e; color: #FFFFFF; white-space: nowrap;">
<tr>
<td style="padding: 6px;">
<a href="https://development.library.uq.edu.au/espace/master/#/records/mine" style="text-decoration: none; color: #FFFFFF;">VIEW YOUR RESEARCH</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr><!-- If the user has any publications that are possibly theirs -->
<tr>
<td colspan="2">
<a id="possible" name="possible"></a>
<table cellpadding="24" cellspacing="0" id="possiblepubs" style="margin-bottom: 24px;" width="100%">
<tbody>
<tr>
<td style="background-color: #d82563; padding: 24px;"><span style="font-size: 24px; font-weight: 100; color: #FFFFFF;font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">2 Possible publications for you to claim</span></td>
</tr>
<tr>
<td style="background-color: #ebe0e4;">
<p style="font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">Pellentesque sit amet efficitur tellus. Curabitur ac erat ante. Nullam commodo quam lobortis, tincidunt lectus non, scelerisque purus. Aenean dolor arcu, facilisis nec eros in, venenatis ornare nulla. Morbi tempus arcu lacus, vitae euismod eros facilisis vitae. Praesent porttitor tellus nibh, id dictum purus suscipit id. Sed porttitor arcu sem, vitae maximus tortor varius ac. Nam vitae erat tempus, bibendum nulla eu, fermentum dui. Nullam finibus turpis lorem, eleifend elementum mauris pretium a.</p>
<table cellpadding="0" cellspacing="6" width="100%">
<tbody>
<tr>
<td style="padding-top: 12px;">
<a href="#" style="text-decoration: none;"><span style="font-size: 18px; text-decoration: none; color: #d82563; font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris quis laoreet urna. Pellentesque quis faucibus metus.</span></a>
</td>
</tr>
<tr>
<td style="font-size: 12px; line-height: 13px; padding-bottom: 12px; border-bottom: 1px solid #d6c2c9; font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">Cras in ultricies dui. Proin varius ipsum eu tempor posuere. Donec id mauris mollis, condimentum sapien a, porttitor sapien. Donec interdum magna quis nisl aliquam posuere. Sed massa elit, hendrerit ac consequat sed.</td>
</tr>
<tr>
<td style="padding-top: 12px;">
<a href="#" style="text-decoration: none;"><span style="font-size: 18px; text-decoration: none; color: #d82563; font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris quis laoreet urna. Pellentesque quis faucibus metus.</span></a>
</td>
</tr>
<tr>
<td style="font-size: 12px; line-height: 13px; padding-bottom: 12px; border-bottom: 1px solid #d6c2c9; font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">Cras in ultricies dui. Proin varius ipsum eu tempor posuere. Donec id mauris mollis, condimentum sapien a, porttitor sapien. Donec interdum magna quis nisl aliquam posuere. Sed massa elit, hendrerit ac consequat sed.</td>
</tr>
<tr>
<td align="right" style="padding-top: 24px;">
<table cellpadding="6" style="font-family: 'Roboto', Arial, Helvetica, sans-serif !important; white-space: nowrap;">
<tr>
<td style="font-family: 'Roboto', Arial, Helvetica, sans-serif !important; color: #49075e; white-space: nowrap;">+ 2 more</td>
<td style="padding: 6px;">
<table cellpadding="6" style="font-family: 'Roboto', Arial, Helvetica, sans-serif !important; background-color: #d82563; color: #FFFFFF; white-space: nowrap;">
<tr>
<td style="padding: 6px;">
<a href="https://development.library.uq.edu.au/espace/master/#/records/possible" style="text-decoration: none; color: #FFFFFF;">CLAIM YOUR WORK</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr><!-- If the user has any publications with decent trending stats -->
<tr>
<td colspan="2">
<a id="trending" name="trending"></a>
<table cellpadding="24" cellspacing="0" id="trendingpubs" style="margin-bottom: 24px;" width="100%">
<tbody>
<tr>
<td style="background-color: #f46800; padding: 24px;"><span style="font-size: 24px; font-weight: 100; color: #FFFFFF;font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">2 publications that are getting attention</span></td>
</tr>
<tr>
<td style="background-color: #f2e4d9;">
<p style="font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">Etiam risus massa, tincidunt nec fermentum vel, ornare id lacus. Fusce consectetur dolor non vulputate volutpat. Quisque in massa eu diam porta tristique.</p>
<table cellpadding="0" cellspacing="6" width="100%">
<tbody>
<tr>
<td style="padding-top: 12px;">
<a href="#" style="text-decoration: none;"><span style="font-size: 18px; text-decoration: none; color: #f46800; font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris quis laoreet urna. Pellentesque quis faucibus metus.</span></a>
</td>
<td nowrap rowspan="2" style="padding-top: 12px;border-bottom: 1px solid #f2e4d9;" valign="top"><span style="font-size: 36px; color: #f46800; font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">7</span><span style="font-size: 22px; vertical-align: top; color: #ffa866; font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">+3</span></td>
</tr>
<tr>
<td style="font-size: 12px; line-height: 13px; padding-bottom: 12px; border-bottom: 1px solid #f2e4d9;font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">Cras in ultricies dui. Proin varius ipsum eu tempor posuere. Donec id mauris mollis, condimentum sapien a, porttitor sapien. Donec interdum magna quis nisl aliquam posuere. Sed massa elit, hendrerit ac consequat sed.</td>
</tr>
<tr>
<td style="padding-top: 12px;">
<a href="#" style="text-decoration: none;"><span style="font-size: 18px; text-decoration: none; color: #f46800;font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris quis laoreet urna. Pellentesque quis faucibus metus.</span></a>
</td>
<td nowrap rowspan="2" style="padding-top: 12px; border-bottom: 1px solid #f2e4d9;" valign="top"><span style="font-size: 36px; color: #f46800;font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">2</span><span style="font-size: 22px; vertical-align: top; color: #ffa866;font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">+1</span></td>
</tr>
<tr>
<td style="font-size: 12px; line-height: 13px; padding-bottom: 12px; border-bottom: 1px solid #f2e4d9;font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">Cras in ultricies dui. Proin varius ipsum eu tempor posuere. Donec id mauris mollis, condimentum sapien a, porttitor sapien. Donec interdum magna quis nisl aliquam posuere. Sed massa elit, hendrerit ac consequat sed.</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr><!-- If the user doesnt have an ORCiD linked -->
<tr>
<td colspan="2">
<a id="orcid" name="orcid"></a>
<div style="margin: 6px auto">
</div>
<table cellpadding="0" cellspacing="0" id="title2" width="100%">
<tbody>
<tr>
<td><span style="font-size: 32px; font-weight: 300; color: #49075e;font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">Your research identity</span></td>
</tr>
<tr>
<td>
<table cellpadding="24" cellspacing="0" id="researchIds" style="margin: 24px 0;" width="100%">
<tbody>
<tr>
<td style="background-color: #8cb400;"><span style="font-size: 24px; line-height: 22px; font-weight: 100; color: #FFFFFF;font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">ORCiD Identifier</span></td>
</tr>
<tr>
<td style="background-color: #edf2d9;">
<table cellpadding="0" cellspacing="6" width="100%">
<tbody>
<tr>
<td>
<img src="http://www.lanedigital.com/UQ/orcid_icon.png" style="float: left; height: 100px; width: 100px; margin: 0 24px 24px 0;" width="100">
<p style="font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris quis laoreet urna. Pellentesque quis faucibus metus. Mauris non tempus tellus. Aliquam efficitur lectus quis condimentum vehicula. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras in ultricies dui. Proin varius ipsum eu tempor posuere. Donec id mauris mollis, condimentum sapien a, porttitor sapien. Donec interdum magna quis nisl aliquam posuere. Sed massa elit, hendrerit ac consequat sed, sodales vitae tellus. Morbi quis convallis neque. Cras sit amet est non arcu euismod porttitor id eleifend nisi. In non augue ac nisl suscipit facilisis vel nec nisl.</p>
<p style="font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In egestas mi leo, vel elementum felis scelerisque vel. Etiam cursus erat ex, vel sagittis turpis lacinia sed. Ut sit amet massa magna. Pellentesque fringilla ex ac nisl vehicula bibendum. Fusce varius ac ligula ac dignissim. Duis fringilla porttitor sagittis. Fusce facilisis dolor ut metus sodales, sed pharetra lectus accumsan. Morbi mattis vel enim eu blandit.</p>
<p style="font-family: 'Roboto', Arial, Helvetica, sans-serif !important;">In a ipsum tempus, ultrices quam ut, egestas purus. Morbi dictum nisl non elementum efficitur. Cras aliquam, sem sed varius lobortis, tellus elit placerat lectus, eu fringilla ex nisi ac elit. Etiam risus massa, tincidunt nec fermentum vel, ornare id lacus. Fusce consectetur dolor non vulputate volutpat. Quisque in massa eu diam porta tristique. Nunc bibendum augue ut lectus consectetur, vel rutrum tellus aliquet. Mauris tristique elit aliquam dui aliquam, sed efficitur dui facilisis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur non risus quis ligula eleifend maximus.</p>
</td>
</tr>
<tr>
<td align="right" colspan="2" style="padding-top: 24px;">
<table cellpadding="6" style="font-family: 'Roboto', Arial, Helvetica, sans-serif !important; white-space: nowrap;">
<tr>
<td style="padding: 6px;">
<table cellpadding="6" style="font-family: 'Roboto', Arial, Helvetica, sans-serif !important; background-color: #8cb400; color: #FFFFFF; white-space: nowrap;">
<tr>
<td style="padding: 6px;">
<a href="https://app.library.uq.edu.au/#/id" style="text-decoration: none; color: #FFFFFF;"><img src="http://www.lanedigital.com/UQ/ic_warning_black_24px.png" style="vertical-align: top; margin-top: -4px; margin-right: 8px;">LINK YOUR ORCiD ID</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr><!-- Footer -->
<tr>
<td align="center" style="background-color: #49075e; padding: 20px;">
<a href="http://www.library.uq.edu.au" title="Visit the UQ Library website"><img alt="University of Queensland" src="http://www.lanedigital.com/UQ/uq-library-logo-white.png" style="height: 60px;"></a>
</td>
</tr>
</tbody>
</table>
</body>
</html>
Let us know if it helps you.
Thanks
Kevin
Email Monks