forked from CubingZA/CubingZA-Website
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Added html template for A pretty HTML template for the competition an…
…nouncement email CubingZA#141, with my HTML.
- Loading branch information
1 parent
a312f09
commit bf249cb
Showing
1 changed file
with
51 additions
and
0 deletions.
There are no files selected for viewing
51 changes: 51 additions & 0 deletions
51
server/components/notificationEmailer/notification.template.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,51 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>CubingZA Competition Announcement</title> | ||
<style> | ||
body { | ||
font-family: sans-serif; | ||
margin: 0; | ||
padding: 0; | ||
background-color: #f4f4f4; | ||
} | ||
.container { | ||
max-width: 600px; | ||
margin: 20px auto; | ||
padding: 20px; | ||
background-color: #fff; | ||
border-radius: 5px; | ||
} | ||
h1 { | ||
color: #333; | ||
} | ||
p { | ||
line-height: 1.6; | ||
} | ||
.button { | ||
display: inline-block; | ||
padding: 10px 20px; | ||
background-color: #007bff; | ||
color: #fff; | ||
text-decoration: none; | ||
border-radius: 5px; | ||
} | ||
</style> | ||
</head> | ||
<body> | ||
<div class="container"> | ||
<h1>New Cubing Competition: {{competitionName}}</h1> | ||
<p>Hi {{userName}},</p> | ||
<p>Get ready for the <strong>{{competitionName}}</strong> competition!</p> | ||
<p><strong>Venue:</strong> {{venue}}<br> | ||
<strong>City:</strong> {{city}}<br> | ||
<strong>Dates:</strong> {{startDate}} - {{endDate}} </p> | ||
<p>Don't miss out on this exciting event. Register now!</p> | ||
<a href="{{registrationLink}}" class="button">Register Now</a> | ||
<p>Regards,<br> | ||
The CubingZA Team</p> | ||
</div> | ||
</body> | ||
</html> |