2020-11-09 20:26:34 +01:00
<!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 >
<!--[if gte mso 9]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
< meta http-equiv = "Content-type" content = "text/html; charset=utf-8" />
< meta name = "viewport" content = "width=device-width, initial-scale=1, maximum-scale=1" />
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" />
< meta name = "format-detection" content = "date=no" />
< meta name = "format-detection" content = "address=no" />
< meta name = "format-detection" content = "telephone=no" />
< meta name = "x-apple-disable-message-reformatting" />
<!--[if !mso]><!-->
< link href = "https://fonts.googleapis.com/css?family=Muli:400,400i,700,700i" rel = "stylesheet" />
<!--<![endif]-->
< title > Email Template</ title >
<!--[if gte mso 9]>
<style type="text/css" media="all">
sup { font-size: 100% !important; }
</style>
<![endif]-->
< link href = "https://fonts.googleapis.com/icon?family=Material+Icons" rel = "stylesheet" >
< style type = "text/css" media = "screen" >
/* Linked Styles */
body { padding : 0 !important ; margin : 0 !important ; display : block !important ; min-width : 100 % !important ; width : 100 % !important ; background : #ffffff ; -webkit- text-size-adjust : none }
a { color : #000000 ; text-decoration : none }
p { padding : 0 !important ; margin : 0 !important }
img { -ms- interpolation-mode : bicubic ; /* Allow smoother rendering of resized image in Internet Explorer */ }
. mcnPreviewText { display : none !important ; }
/* Mobile styles */
@ media only screen and ( max-device-width : 480px ), only screen and ( max-width : 480px ) {
. mobile-shell { width : 100 % !important ; min-width : 100 % !important ; }
. bg { background-size : 100 % auto !important ; -webkit- background-size : 100 % auto !important ; }
. text-header ,
. m-center { text-align : center !important ; }
. center { margin : 0 auto !important ; }
. container { padding : 20 px 10 px !important }
. td { width : 100 % !important ; min-width : 100 % !important ; }
. m-br-15 { height : 15 px !important ; }
. p30-15 { padding : 30 px 15 px !important ; }
. m-td ,
. m-hide { display : none !important ; width : 0 !important ; height : 0 !important ; font-size : 0 !important ; line-height : 0 !important ; min-height : 0 !important ; }
. m-block { display : block !important ; }
. fluid-img img { width : 100 % !important ; max-width : 100 % !important ; height : auto !important ; }
. column ,
. column-top ,
. column-empty ,
. column-empty2 ,
. column-dir-top { float : left !important ; width : 100 % !important ; display : block !important ; }
. column-empty { padding-bottom : 10 px !important ; }
. column-empty2 { padding-bottom : 30 px !important ; }
. content-spacing { width : 15 px !important ; }
}
</ style >
</ head >
< body class = "body" style = "padding:0 !important; margin:0 !important; display:block !important; min-width:100% !important; width:100% !important; background:#000000; -webkit-text-size-adjust:none;" >
< table width = "100%" border = "0" cellspacing = "0" cellpadding = "0" bgcolor = "#000000" >
< tr >
< td align = "center" valign = "top" >
< table width = "650" border = "0" cellspacing = "0" cellpadding = "0" class = "mobile-shell" >
< tr >
< td class = "td container" style = "width:650px; min-width:650px; font-size:0pt; line-height:0pt; margin:0; font-weight:normal; padding:55px 0px;" >
<!-- Article / Image On The Left - Copy On The Right -->
< table width = "100%" border = "0" cellspacing = "0" cellpadding = "0" >
< tr >
< td style = "padding-bottom: 10px;" >
< table width = "100%" border = "0" cellspacing = "0" cellpadding = "0" >
< tr >
< td class = "tbrr p30-15" style = "padding: 60px 30px; border-radius:26px 26px 0px 0px;" bgcolor = "#ffffff" >
< table width = "100%" border = "0" cellspacing = "0" cellpadding = "0" >
< tr >
< th class = "column-top" width = "210" style = "font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top;" >
< table width = "100%" border = "0" cellspacing = "0" cellpadding = "0" >
< tr >
2021-03-22 12:39:50 +01:00
< td class = "fluid-img" style = "font-size:0pt; line-height:0pt; text-align:left;" >< img src = "cid:{{$.QrcodePngName}}" width = "210" height = "210" border = "0" alt = "" /></ td >
2020-11-09 20:26:34 +01:00
</ tr >
</ table >
</ th >
< th class = "column-empty2" width = "30" style = "font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top;" ></ th >
< th class = "column-top" width = "280" style = "font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top;" >
< table width = "100%" border = "0" cellspacing = "0" cellpadding = "0" >
< tr >
2021-03-22 12:39:50 +01:00
{{if $.User}}
< td class = "h4 pb20" style = "color:#000000; font-family:'Muli', Arial,sans-serif; font-size:20px; line-height:28px; text-align:left; padding-bottom:20px;" > Hello {{$.User.Firstname}} {{$.User.Lastname}}</ td >
2020-11-09 20:26:34 +01:00
{{else}}
< td class = "h4 pb20" style = "color:#000000; font-family:'Muli', Arial,sans-serif; font-size:20px; line-height:28px; text-align:left; padding-bottom:20px;" > Hello</ td >
{{end}}
</ tr >
< tr >
2021-03-22 12:39:50 +01:00
< td class = "text pb20" style = "color:#000000; font-family:Arial,sans-serif; font-size:14px; line-height:26px; text-align:left; padding-bottom:20px;" > You or your administrator probably requested this VPN configuration. Scan the Qrcode or open the attached configuration file ({{$.Peer.GetConfigFileName}}) in the WireGuard VPN client to establish a secure VPN connection.</ td >
2020-11-09 20:26:34 +01:00
</ tr >
</ table >
</ th >
</ tr >
</ table >
</ td >
</ tr >
</ table >
</ td >
</ tr >
</ table >
<!-- END Article / Image On The Left - Copy On The Right -->
<!-- Two Columns / Articles -->
< table width = "100%" border = "0" cellspacing = "0" cellpadding = "0" >
< tr >
< td style = "padding-bottom: 10px;" >
< table width = "100%" border = "0" cellspacing = "0" cellpadding = "0" bgcolor = "#ffffff" >
< tr >
< td >
< table width = "100%" border = "0" cellspacing = "0" cellpadding = "0" >
< tr >
< td class = "p30-15" style = "padding: 50px 30px;" >
< table width = "100%" border = "0" cellspacing = "0" cellpadding = "0" >
< tr >
< td class = "h3 pb20" style = "color:#000000; font-family:'Muli', Arial,sans-serif; font-size:25px; line-height:32px; text-align:left; padding-bottom:20px;" > About WireGuard</ td >
</ tr >
< tr >
< td class = "text pb20" style = "color:#000000; font-family:Arial,sans-serif; font-size:14px; line-height:26px; text-align:left; padding-bottom:20px;" > WireGuard is an extremely simple yet fast and modern VPN that utilizes state-of-the-art cryptography. It aims to be faster, simpler, leaner, and more useful than IPsec, while avoiding the massive headache. It intends to be considerably more performant than OpenVPN.</ td >
</ tr >
<!-- Button -->
< tr >
< td align = "left" >
< table border = "0" cellspacing = "0" cellpadding = "0" >
< tr >
< td class = "blue-button text-button" style = "background:#000000; color:#c1cddc; font-family:'Muli', Arial,sans-serif; font-size:14px; line-height:18px; padding:12px 30px; text-align:center; border-radius:0px 22px 22px 22px; font-weight:bold;" >< a href = "https://www.wireguard.com/install" target = "_blank" class = "link-white" style = "color:#ffffff; text-decoration:none;" >< span class = "link-white" style = "color:#ffffff; text-decoration:none;" > Download WireGuard VPN Client</ span ></ a ></ td >
</ tr >
</ table >
</ td >
</ tr >
<!-- END Button -->
</ table >
</ td >
</ tr >
</ table >
</ td >
</ tr >
</ table >
</ td >
</ tr >
</ table >
<!-- END Two Columns / Articles -->
<!-- Footer -->
< table width = "100%" border = "0" cellspacing = "0" cellpadding = "0" >
< tr >
< td class = "p30-15 bbrr" style = "padding: 50px 30px; border-radius:0px 0px 26px 26px;" bgcolor = "#ffffff" >
< table width = "100%" border = "0" cellspacing = "0" cellpadding = "0" >
< tr >
< td class = "text-footer1 pb10" style = "color:#000000; font-family:'Muli', Arial,sans-serif; font-size:16px; line-height:20px; text-align:center; padding-bottom:10px;" > This mail was generated using WireGuard Portal.</ td >
</ tr >
< tr >
2021-03-22 12:39:50 +01:00
< td class = "text-footer2" style = "color:#000000; font-family:'Muli', Arial,sans-serif; font-size:12px; line-height:26px; text-align:center;" >< a href = "{{$.PortalUrl}}" target = "_blank" rel = "noopener noreferrer" class = "link" style = "color:#000000; text-decoration:none;" >< span class = "link" style = "color:#000000; text-decoration:none;" > Visit WireGuard Portal</ span ></ a ></ td >
2020-11-09 20:26:34 +01:00
</ tr >
</ table >
</ td >
</ tr >
</ table >
<!-- END Footer -->
</ td >
</ tr >
</ table >
</ td >
</ tr >
</ table >
</ body >
</ html >
