-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
email-nl + abandon unsupported fonts
- Loading branch information
saravahdatipour
committed
Dec 11, 2024
1 parent
b1cbb9d
commit 77023a4
Showing
2 changed files
with
92 additions
and
77 deletions.
There are no files selected for viewing
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
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 |
---|---|---|
@@ -1,81 +1,98 @@ | ||
<!doctype html> | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<link rel="stylesheet" href="./assets/css/template-style.css"> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<style> | ||
body { | ||
margin: 0; | ||
padding: 0; | ||
background-color: #ffffff; | ||
font-family: Verdana, Arial; | ||
font-size: 16px; | ||
line-height: 1.5; | ||
color: #b9113d; | ||
} | ||
</style> | ||
</head> | ||
<body> | ||
<div class="email-body"> | ||
<table class="email-table" align="center" role="presentation" cellspacing="0" cellpadding="0" border="0"> | ||
<tbody> | ||
<tr> | ||
<td> | ||
<div class="email-header"> | ||
<a href="yivi.app" target="_blank"> | ||
<img | ||
alt="Yivi banner" | ||
src="./assets/img/yivi-banner.png" | ||
class="email-banner" | ||
/> | ||
</a> | ||
</div> | ||
<h2 class="email-title">E-mailbevestiging</h2> | ||
<div class="email-text"> | ||
<body style="margin: 0; padding: 0; background-color: #ffffff; font-family: Verdana, Arial; font-size: 16px; line-height: 1.5; color: #b9113d;"> | ||
<table align="center" width="100%%" cellpadding="0" cellspacing="0" role="presentation" style="background-color: #ffffff;"> | ||
<tr> | ||
<td align="center"> | ||
<table width="600" cellpadding="0" cellspacing="0" style="background-color: #ffffff; border: 1px solid #ddd; border-radius: 4px; overflow: hidden;"> | ||
<!-- Header --> | ||
<tr> | ||
<td style="padding: 16px 24px; text-align: center;"> | ||
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSoOOJgTBoZlEvDMPM8uiLm-90NmqcJX0A-Pg&s" /> | ||
</td> | ||
</tr> | ||
<!-- Title --> | ||
<tr> | ||
<td style="padding: 16px 24px; font-size: 24px; font-weight: bold; color: #a3244a; text-align: left;"> | ||
E-mailbevestiging | ||
</td> | ||
</tr> | ||
<!-- Body Text --> | ||
<tr> | ||
<td style="padding: 16px 24px; font-size: 18px; color: #a3244a; text-align: left;"> | ||
<p>Beste Yivi-gebruiker,</p> | ||
<p> | ||
Bedankt voor het uitproberen van Yivi, jouw privacyvriendelijke identity wallet!<br /> | ||
Klik op de knop hieronder om je e-mailadres te verifiëren en toe te voegen aan jouw Yivi-app. | ||
Bedankt voor het uitproberen van Yivi, jouw privacyvriendelijke identity wallet!<br /> | ||
Klik op de knop hieronder om je e-mailadres te verifiëren en toe te voegen aan jouw Yivi-app. | ||
</p> | ||
</div> | ||
<div class="email-button-container"> | ||
<a href="%1$s" class="email-button" target="_blank"> | ||
</td> | ||
</tr> | ||
<!-- Button --> | ||
<tr> | ||
<td align="center" style="padding: 16px 24px;"> | ||
<a href="%1$s" | ||
style=" | ||
color: #ffffff; | ||
font-size: 16px; | ||
font-family: Verdana, Arial; | ||
font-weight: bold; | ||
background-color: #a3244a; | ||
border-radius: 4px; | ||
display: block; | ||
width: 100%; | ||
padding: 16px 0px; | ||
text-decoration: none; | ||
background: #a3244a ;"> | ||
Verifieer je e-mailadres | ||
</a> | ||
</div> | ||
<div class="email-text"> | ||
Werkt deze knop niet? Klik dan op de onderstaande link om je e-mailadres te verifiëren: <br /> | ||
<a href="%1$s" target="_blank">Verificatielink</a> | ||
</div> | ||
<div class="email-link"></div> | ||
<div class="email-footer-text"> | ||
<p> | ||
Heb jij dit niet aangevraagd?<br />Negeer deze e-mail of neem contact met ons op. | ||
</p> | ||
</div> | ||
<div class="email-divider"> | ||
<hr /> | ||
</div> | ||
<div class="email-footer"> | ||
<p> | ||
<span class="icon"> | ||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="currentColor"> | ||
<path d="M12 2C8.1 2 5 5.1 5 9c0 3.5 3.6 6.9 6.6 9.7.2.2.4.3.6.3s.4-.1.6-.3C15.4 15.9 19 12.5 19 9c0-3.9-3.1-7-7-7zm0 11c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4z" /> | ||
<circle cx="12" cy="9" r="2.5" /> | ||
</svg> | ||
</span> | ||
Janssoniuslaan 80 | 3528 AJ Utrecht | ||
</p> | ||
<p> | ||
<span class="icon"> | ||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="currentColor"> | ||
<path d="M6.62 10.79a15.49 15.49 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.06-.24c1.12.37 2.33.57 3.53.57a1 1 0 0 1 1 1v3.22a1 1 0 0 1-1 1A17.91 17.91 0 0 1 3 4a1 1 0 0 1 1-1h3.22a1 1 0 0 1 1 1c0 1.2.2 2.41.57 3.53a1 1 0 0 1-.24 1.06l-2.2 2.2z" /> | ||
</svg> | ||
</span> | ||
+31 (0)88 240 4200 | ||
</p> | ||
<p> | ||
<span class="icon"> | ||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="currentColor"> | ||
<path d="M20 4H4C2.9 4 2 4.9 2 6v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 2v.01L12 11 4 6.01V6h16zM4 8.99L10.66 13c.36.21.77.32 1.17.32s.81-.11 1.17-.32L20 8.99V18H4V8.99z" /> | ||
</svg> | ||
</span> | ||
[email protected] | ||
</p> | ||
</td> | ||
</tr> | ||
|
||
<!-- Alternate Link --> | ||
<tr> | ||
<td style="padding: 16px 24px; font-size: 18px; color: #a3244a; text-align: left;"> | ||
Werkt deze knop niet? Klik dan op de onderstaande link om je e-mailadres te verifiëren:<br /> | ||
<a href="%1$s" style="color:blue underline;">Verification link</a> | ||
</td> | ||
</tr> | ||
<!-- Footer Text --> | ||
<tr> | ||
<td style="padding: 16px 24px; font-size: 18px; color: #a3244a; text-align: left;"> | ||
Heb jij dit niet aangevraagd?<br /> | ||
Negeer deze e-mail of <a href="mailto:[email protected]" style="color:blue underline;">neem contact met ons op</a>. | ||
|
||
</div> | ||
</td> | ||
</tr> | ||
</tbody> | ||
</table> | ||
</div> | ||
</td> | ||
</tr> | ||
<!-- Divider --> | ||
<tr> | ||
<td style="padding: 0; border-top: 3px solid #8b173a;"></td> | ||
</tr> | ||
<!-- Footer --> | ||
<tr> | ||
<td style="padding: 16px 24px; font-size: 16px; color: #a3244a; text-align: left;"> | ||
📍 Janssoniuslaan 80 | 3528 AJ Utrecht<br /> | ||
📞 +31 (0)88 240 4200 <br /> | ||
📧 [email protected] | ||
</td> | ||
</tr> | ||
</table> | ||
</td> | ||
</tr> | ||
</table> | ||
</body> | ||
</html> | ||
</html> |