Hello everyone,
I need your help, I don’t know what to do and I am lost with HTML (the template is my first time with HTML)…
I had built a email template in HTML to send a email when a user invite a new user in the app. When the new user open the email with outlook web site, the link in the email doesn’t exist (but the text yes).
And when I use the mail app from my macbook, I can see and open the link.
Here is my HTML code for the button link :
<!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:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml" lang="en">
Email template
<style type="text/css">
a{
text-decoration: underline;
color: inherit;
font-weight: bold;
color: #253342;
}
h1 {
font-size: 35px;
color: #FF8D1C;
}
h2{
font-size: 20px;
font-weight: 900;
}
p {
font-size: 16px;
font-weight: 100;
}
td {
vertical-align: top;
}
#email {
margin: auto;
width: 600px;
background-color: white;
}
button{
font: inherit;
background-color: #FFB547;
border: none;
padding: 10px;
letter-spacing: 2px;
font-weight: 900;
color: white;
border-radius: 5px;
box-shadow: 3px 3px #FFDDAB;
}
.subtle-link {
font-size: 14px;
letter-spacing: 2px;
color: #FF8D1C;
}
</style>
<body bgcolor="#F5F8FA" style="width: 100%; margin: auto 0; padding:0; font-family:Lato, sans-serif; font-size:18px; color:#33475B; word-break:break-word">
<! First Row -->
<table role="presentation" border="0" cellpadding="0" cellspacing="10px" align="center">
<tr>
<td align="center" style="padding: 30px 30px;">
</p>
</p>
<button>
<a href="https://icollective.app/inscription_v2"> Join the team </a>
</button>
</p>
If you see something wrong or give me a new solution, I am open to everything !!
Thank you so much for your help.