I am trying to make a custom e-mail telling everyone we now have a loyalty program. I am using shopify e-mail marketting. It keeps telling my i have a syntax error on line 80
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
font-family: Arial, sans-serif;
background-color: #f8f8f8;
margin: 0;
padding: 0;
}
.container {
width: 100%;
max-width: 600px;
margin: 0 auto;
background-color: #ffffff;
padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.header {
text-align: center;
padding: 20px 0;
background-color: #D303FF;
color: white;
}
.header h1 {
margin: 0;
font-size: 28px;
}
.content {
padding: 20px;
text-align: center;
}
.content h2 {
color: #D303FF;
font-size: 24px;
}
.content p {
color: #333;
font-size: 16px;
line-height: 1.5;
}
.button {
display: inline-block;
padding: 12px 25px;
background-color: #D303FF;
color: #ffffff;
text-decoration: none;
font-size: 16px;
border-radius: 5px;
margin-top: 20px;
transition: background-color 0.3s ease;
}
.button:hover {
background-color: #e0558f;
}
.footer {
text-align: center;
padding: 15px;
font-size: 12px;
color: #777;
background-color: #f0f0f0;
border-top: 1px solid #dddddd;
}
.footer a {
color: #ff69b4;
text-decoration: none;
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<h1>What She Needs</h1>
</div>
<div class="content">
<h2>Introducing Our New Loyalty Program!</h2>
<p>We are thrilled to offer you an opportunity to earn points with every purchase. Accumulate points and enjoy exclusive discounts, rewards, and special offers. It's our way of saying thank you for being a valued customer!</p>
<a href="https://www.whatsheneeds.ca" class="button">Join Now & Start Earning</a>
</div>
<div class="footer">
<p>Would you like to <a href="{{ unsubscribe_link }}"></a>?</p>
<p>© 2024 What She Needs. All Rights Reserved.</p>
</div>
</div>
{{ email_footer }}
{{ open_tracking_block }}
</body>
</html>
i underlined the line that has issues.
