Update notifikasi send email
This commit is contained in:
ivan-sim
160
resources/views/email/notif_email.blade.php
Normal file
160
resources/views/email/notif_email.blade.php
Normal file
@@ -0,0 +1,160 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="x-apple-disable-message-reformatting">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="format-detection" content="telephone=no, date=no, address=no, email=no">
|
||||
<style>
|
||||
|
||||
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400&display=swap');
|
||||
body {
|
||||
color: #777777
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'LucidaGrande';
|
||||
src: url('https://linksehat.com/assets/fonts/LucidaGrande.ttf');
|
||||
}
|
||||
|
||||
@media screen {
|
||||
.all-font-lato {
|
||||
font-family: Lato, -apple-system, "Segoe UI", sans-serif !important;
|
||||
}
|
||||
.all-font-avenir {
|
||||
font-family: Avenir, -apple-system, "Segoe UI", sans-serif !important;
|
||||
}
|
||||
}
|
||||
|
||||
.text-shade {
|
||||
color: #19bbbb;
|
||||
}
|
||||
.font-roboto {
|
||||
font-family: 'Roboto', sans-serif !important;
|
||||
}
|
||||
.login-button {
|
||||
background-color: #3498db; /* Warna biru muda */
|
||||
color: #fff; /* Warna teks putih */
|
||||
padding: 10px 20px;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
a.login-button {
|
||||
text-decoration: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body style="margin: 0; padding: 0; width: 100%; word-break: break-word; -webkit-font-smoothing: antialiased;">
|
||||
<div role="article" aria-roledescription="email" aria-label="" lang="en" style="mso-line-height-rule: exactly;">
|
||||
<table class="all-font-avenir" style="width: 100%;" border="0" cellpadding="0" cellspacing="0" role="presentation">
|
||||
<tr>
|
||||
<td align="center" style="mso-line-height-rule: exactly;">
|
||||
<table style="max-width: 42rem; width: 100%;" border="0" cellpadding="0" cellspacing="0" role="presentation">
|
||||
<tr>
|
||||
<td align="center" style="mso-line-height-rule: exactly; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; vertical-align: top;" valign="top"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" style="mso-line-height-rule: exactly; padding-left: 10px; padding-right: 10px;">
|
||||
<table style="max-width: 42rem; width: 100%;" border="0" cellpadding="0" cellspacing="0" role="presentation">
|
||||
<tr>
|
||||
<td align="center" style="mso-line-height-rule: exactly; background-color: #ffffff; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; padding-bottom: 0; padding-top: 40px; color: #111111; vertical-align: top;" valign="top">
|
||||
<img src="https://linksehat.com/assets/img/LinkSehat_logotype_1.png" alt="LinkSehat" style="border: 0; line-height: 100%; max-width: 100%; vertical-align: middle; font-size: 18px; color: #ffffff; width: 33.333333%;">
|
||||
<img src="https://linksehat.com/assets/img/divider.png" alt="Divider" style="border: 0; line-height: 100%; max-width: 100%; vertical-align: middle; font-size: 18px; color: #ffffff; width: 100%;">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" style="mso-line-height-rule: exactly; background-color: #ffffff; padding-bottom: 0; padding-top: 40px; color: #111111; vertical-align: top;" valign="top">
|
||||
<img src="https://linksehat.com/assets/img/verify-female.png" alt="LinkSehat" style="border: 0; line-height: 100%; max-width: 100%; vertical-align: middle; font-size: 18px; color: #ffffff; width: 33.333333%;">
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" style="mso-line-height-rule: exactly; background-color: #f4f4f4; padding-left: 10px; padding-right: 10px;">
|
||||
<table style="max-width: 42rem; width: 100%;" border="0" cellpadding="0" cellspacing="0" role="presentation">
|
||||
<tr>
|
||||
<td align="left" style="mso-line-height-rule: exactly; background-color: #ffffff; padding: 30px; padding-bottom: 0; padding-top: 10px; vertical-align: top;" valign="top">
|
||||
<h3 style="mso-line-height-rule: exactly; font-weight: 800; font-size: 18px; margin: 0;text-align: center;" class="text-shade">Halo, {{ strtoupper($name) }}</h3>
|
||||
<p style="text-align: center;">
|
||||
You have received a new notification. Please use the link below to check and login your account.
|
||||
</p>
|
||||
<p style="text-align: center;"><a href="{{ $link }}" class="login-button">LOGIN TO YOUR ACCOUNT</a></p>
|
||||
<p style="text-align: center;">Thank you for your attention</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="center" style="mso-line-height-rule: exactly; background-color: #f4f4f4; padding-left: 10px; padding-right: 10px;">
|
||||
<table style="max-width: 42rem; width: 100%;" border="0" cellpadding="0" cellspacing="0" role="presentation" class="font-roboto">
|
||||
<tr>
|
||||
<td align="left" style="mso-line-height-rule: exactly; background-color: #e8f8f8; font-size: 16px; line-height: 25px; padding-left: 30px; padding-right: 30px; padding-bottom: 20px; padding-top: 40px; color: #555555;">
|
||||
<h2 style="mso-line-height-rule: exactly; font-weight: 800; font-size: 22px; margin: 0; text-align: center;">PT LINK MEDIS SEHAT</h2>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style="mso-line-height-rule: exactly; background-color: #e8f8f8; font-size: 16px; line-height: 25px; padding-left: 30px; padding-right: 30px; padding-bottom: 20px; color: #777777;">
|
||||
<p style="mso-line-height-rule: exactly; margin: 0; text-align: center;">
|
||||
Graha Cempaka Mas Blok D/20</p>
|
||||
<p style="mso-line-height-rule: exactly; margin: 0; text-align: center;">Jl. Let. Jend. Suprapto
|
||||
<p style="mso-line-height-rule: exactly; margin: 0; text-align: center;">Jakarta Pusat 10640, Indonesia</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style="mso-line-height-rule: exactly; background-color: #e8f8f8; font-size: 16px; line-height: 25px; padding-left: 30px; padding-right: 30px; padding-bottom: 10px; padding-top: 20px; color: #555555;">
|
||||
<h2 style="mso-line-height-rule: exactly; font-weight: 800; font-size: 16px; margin: 0; text-align: center;">Customer Care</h2>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style="mso-line-height-rule: exactly; background-color: #e8f8f8; font-size: 16px; line-height: 25px; padding-left: 30px; padding-right: 30px; padding-bottom: 40px; text-align: center; color: #777777;">
|
||||
<p style="mso-line-height-rule: exactly; margin: 0;">0858 9000 8500</p>
|
||||
<p style="mso-line-height-rule: exactly; margin: 0;">
|
||||
<a href="mailto:helpdesk@linksehat.com" target="_blank" style="mso-line-height-rule: exactly; color: #459ecf">helpdesk@linksehat.com</a>
|
||||
</p>
|
||||
<p style="mso-line-height-rule: exactly; margin: 0; text-align: center;">
|
||||
<a href="https://www.facebook.com/linkmedissehat" target="_blank" style="mso-line-height-rule: exactly; color: #7c72dc; text-decoration: none;">
|
||||
<img alt="Facebook" height="32" src="https://linksehat.com/assets/img/facebook@2x.png" style="line-height: 100%; max-width: 100%; vertical-align: middle; text-decoration: none; height: auto; border: none; display: inline-block;" title="Facebook" width="32">
|
||||
</a>
|
||||
<a href="https://instagram.com/linkmedissehat" target="_blank" style="mso-line-height-rule: exactly; margin-left: 5px; color: #7c72dc; text-decoration: none;">
|
||||
<img alt="Instagram" height="32" src="https://linksehat.com/assets/img/instagram@2x.png" style="line-height: 100%; max-width: 100%; vertical-align: middle; text-decoration: none; height: auto; border: none; display: inline-block;" title="Instagram" width="32">
|
||||
</a>
|
||||
<a href="https://www.linkedin.com/company/link-medis-sehat" target="_blank" style="mso-line-height-rule: exactly; margin-left: 5px; color: #7c72dc; text-decoration: none;">
|
||||
<img alt="Linkedin" height="32" src="https://linksehat.com/assets/img/linkedin@2x.png" style="line-height: 100%; max-width: 100%; vertical-align: middle; text-decoration: none; height: auto; border: none; display: inline-block;" title="Linkedin" width="32">
|
||||
</a>
|
||||
<a href="https://linksehat.com" target="_blank" style="mso-line-height-rule: exactly; margin-left: 5px; color: #7c72dc; text-decoration: none;">
|
||||
<img alt="Facebook" height="32" src="https://linksehat.com/assets/img/website@2x.png" style="line-height: 100%; max-width: 100%; vertical-align: middle; text-decoration: none; height: auto; border: none; display: inline-block;" title="Facebook" width="32">
|
||||
</a>
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" style="mso-line-height-rule: exactly; background-color: #f4f4f4; padding-left: 10px; padding-right: 10px; padding-bottom: 20px;">
|
||||
<table style="max-width: 42rem; width: 100%;" border="0" cellpadding="0" cellspacing="0" role="presentation">
|
||||
<tr>
|
||||
<td align="left" style="mso-line-height-rule: exactly; background-color: #ffffff; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; font-size: 14px; line-height: 18px; margin-bottom: 20px; padding-top: 20px; padding-bottom: 20px; text-align: center; color: #777777;">
|
||||
<p style="mso-line-height-rule: exactly; margin: 0;">
|
||||
©<?= date('Y') ?> PT Link Medis Sehat. All Rights Reserved
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user