Skip to content

Latest commit

 

History

History
111 lines (110 loc) · 8.79 KB

magic_link_notification.do.md

File metadata and controls

111 lines (110 loc) · 8.79 KB

Notification Page for Magic Link Authentication

     <html xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
         <head>
	    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
	    <meta content="width=device-width" name="viewport" />
	    <meta content="IE=edge" http-equiv="X-UA-Compatible" />
	    <title></title>
	    <style type="text/css">
		body {
		    margin: 0;
		    padding: 0;
		}
		table,
		td,
		tr {
		    vertical-align: top;
		    border-collapse: collapse;
		}
		a[x-apple-data-detectors=true] {
		    color: inherit !important;
		    text-decoration: none !important;
		}
	    </style>
	</head>
	<body class="clean-body" style="margin: 0; padding: 0; -webkit-text-size-adjust: 100%; background-color: #ffffff;">
	    <table bgcolor="#f1f4f8" cellpadding="0" cellspacing="0" class="nl-container" role="presentation" style="table-layout: fixed; vertical-align: top; min-width: 320px; Margin: 0 auto; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #fffff; width: 100%;" valign="top" width="100%">
		<tbody>
		    <tr style="vertical-align: top;" valign="top">
			<td style="word-break: break-word; vertical-align: top;" valign="top">
			    <div style="background-color:white;">
				<div class="block-grid" style="Margin: 0 auto; min-width: 320px; max-width: 640px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: white;">
				    <div style="border-collapse: collapse;display: table;width: 100%;background-color:white;">
					<div class="col num12" style="min-width: 320px; max-width: 640px; display: table-cell; vertical-align: top; width: 640px;">
					    <div style="width:100% !important;">
						<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:0px; padding-bottom:0px; padding-right: 0px; padding-left: 0px;">
						    <div class="mobile_hide">
							<table border="0" cellpadding="0" cellspacing="0" class="divider" role="presentation" style="table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; min-width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;" valign="top" width="100%">
							    <tbody>
								<tr style="vertical-align: top;" valign="top">
								    <td class="divider_inner" style="word-break: break-word; vertical-align: top; min-width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; padding-top: 30px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px;" valign="top">
									<table align="center" border="0" cellpadding="0" cellspacing="0" class="divider_content" role="presentation" style="table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-top: 0px solid #BBBBBB; width: 100%;" valign="top" width="100%">
									    <tbody>
										<tr style="vertical-align: top;" valign="top">
										    <td style="word-break: break-word; vertical-align: top; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;" valign="top"><span></span></td>
										</tr>
									    </tbody>
									</table>
								    </td>
								</tr>
							    </tbody>
							</table>
						    </div>
						</div>
					    </div>
					</div>
				    </div>
				</div>
			    </div>
			    <div style="background-color:white;">
				<div class="block-grid" style="Margin: 0 auto; min-width: 320px; max-width: 640px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #ffffff;">
				    <div style="border-collapse: collapse;display: table;width: 100%;background-color:#ffffff;">
					<div class="col num12" style="min-width: 320px; max-width: 640px; display: table-cell; vertical-align: top; width: 640px;">
					    <div style="width:100% !important;">
						<!--[if (!mso)&(!IE)]><!-->
						<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:0px; padding-bottom:0px; padding-right: 0px; padding-left: 0px;">
						    <!--<![endif]-->
						    <div style="font-size:16px;text-align:center;font-family:Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif">
							<div style="padding:15px;background:#FFFFFF"> <img src="https://wso2.cachefly.net/wso2/sites/images/brand/downloads/wso2-logo.png" width="200"  /> </div>
						    </div>
						</div>
					    </div>
					</div>
				    </div>
				</div>
			    </div>
			    <div style="background-color:white;">
				<div class="block-grid" style="Margin: 0 auto; min-width: 320px; max-width: 640px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #ffffff;">
				    <div style="border-collapse: collapse;display: table;width: 100%;background-color:#ffffff;">
					<div class="col num12" style="min-width: 320px; max-width: 640px; display: table-cell; vertical-align: top; width: 640px;">
					    <div style="width:100% !important;">
						<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:0px; padding-bottom:0px; padding-right: 0px; padding-left: 0px;">
						    <div align="center" class="img-container center autowidth" style="padding-right: 0px;padding-left: 0px;"> <img align="center" alt="I'm an image" border="0" class="center autowidth" src="https://media.istockphoto.com/vectors/-vector-id873978058?k=6&m=873978058&s=612x612&w=0&h=Ygs-Jo9_7qTGFDZqqyg0SI-HPwdYwlJLtryypMrC--s=" style="text-decoration: none; -ms-interpolation-mode: bicubic; height: auto; border: 0; width: 100%; max-width: 200px; display: block;" title="I'm an image" width="300" /> </div>
						    <div style="color:#555555;font-family:Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;line-height:1.2;padding-top:20px;padding-right:40px;padding-bottom:10px;padding-left:40px;">
							<div style="line-height: 1.2; font-size: 12px; color: #555555; font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif; mso-line-height-alt: 14px;">
							    <p style="font-size: 46px; line-height: 1.2; text-align: center; word-break: break-word; mso-line-height-alt: 55px; margin: 0;"><span style="font-size: 30px; color: #FF5733;"><strong>An email is on its way!</strong></span></p>
							</div>
						    </div>
						    <div style="color:#555555;font-family:Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;line-height:1.5;padding-top:10px;padding-right:40px;padding-bottom:10px;padding-left:40px;">
							<div style="line-height: 1.5; font-size: 12px; font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif; color: #555555; mso-line-height-alt: 18px;">
							    <p style="text-align: center; line-height: 1.5; word-break: break-word; font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif; font-size: 12px; mso-line-height-alt: 24px; margin: 0;"><span style="font-size: 16px; color: #000000;">We sent an email.You'll find a magic link that will sign you into your account.</span></p>
							   <p style="text-align: center; line-height: 1.5; word-break: break-word; font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif; font-size: 12px; mso-line-height-alt: 24px; margin: 0;"><span style="font-size: 16px; color: #000000;">The link expires in 3 minutes and you can use the link one-time-only, so be sure to use it soon.</span></p>
									    </div>
						    </div>
						    <div style="color:#555555;font-family:Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;line-height:1.2;padding-top:20px;padding-right:40px;padding-bottom:10px;padding-left:40px;">
							<div style="line-height: 1.2; font-size: 12px; color: #555555; font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif; mso-line-height-alt: 14px;">
							    <p style="font-size: 24px; line-height: 1.2; text-align: center; word-break: break-word; mso-line-height-alt: 29px; margin: 0;"><span style="font-size: 20px; color: #FF5733;"><strong>Go check your email!</strong></span></p>
							</div>
						    </div>
						</div>
					    </div>
					</div>
				    </div>
				</div>
			    </div>
			</td>
		    </tr>
		</tbody>
	    </table>
	</body>
</html>