ok
Mini Shell
<!doctype html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8" />
<title>Doctris - Doctor Appointment Booking System</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Premium Bootstrap 5 Landing Page Template" />
<meta name="keywords" content="Appointment, Booking, System, Dashboard, Health" />
<meta name="author" content="Shreethemes" />
<meta name="email" content="support@shreethemes.in" />
<meta name="website" content="https://shreethemes.in/" />
<meta name="Version" content="v1.4.0" />
<!-- favicon -->
<link rel="shortcut icon" href="https://shreethemes.in/doctris/layouts/assets/images/favicon.ico">
<!-- Font -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
</head>
<body style="font-family: Inter, sans-serif; font-size: 15px; font-weight: 400;">
<!-- Hero Start -->
<div style="margin-top: 50px;">
<table cellpadding="0" cellspacing="0" style="font-family: Inter, sans-serif; font-size: 15px; font-weight: 400; max-width: 600px; border: none; margin: 0 auto; border-radius: 6px; overflow: hidden; background-color: #fff; box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);">
<thead>
<tr style="background-color: #396cf0; padding: 3px 0; line-height: 68px; text-align: center; color: #fff; font-size: 24px; font-weight: 700; letter-spacing: 1px;">
<th scope="col"><img src="../assets/images/logo-light.png" height="22" alt=""></th>
</tr>
</thead>
<tbody>
<tr>
<td style="padding: 24px 24px;">
<div style="padding: 8px; color: #e43f52; background-color: rgba(228, 63, 82, 0.2); border: 1px solid rgba(228, 63, 82, 0.2); border-radius: 6px; text-align: center; font-size: 16px; font-weight: 600;">
Warning: You're approaching your limit. Please upgrade.
</div>
</td>
</tr>
<tr>
<td style="padding: 0 24px 15px; color: #8492a6;">
<div>
You have <span style="color: #fff; background-color: #e43f52; padding: 4px 8px; border-radius: 6px;">1 free report</span> remaining.
</div>
</td>
</tr>
<tr>
<td style="padding: 0 24px 15px; color: #8492a6;">
Add your credit card / debit card now to upgrade your account to a premium plan to ensure you don't miss out on any reports.
</td>
</tr>
<tr>
<td style="padding: 15px 24px;">
<a href="javascript:void(0)" style="padding: 8px 20px; outline: none; text-decoration: none; font-size: 16px; letter-spacing: 0.5px; transition: all 0.3s; font-weight: 600; border-radius: 6px; background-color: #396cf0; border: 1px solid #396cf0; color: #ffffff;">Upgrade Account</a>
</td>
</tr>
<tr>
<td style="padding: 15px 24px 0; color: #8492a6;">
Thanks for choosing Doctris Template.
</td>
</tr>
<tr>
<td style="padding: 15px 24px 15px; color: #8492a6;">
Doctris <br> Support Team
</td>
</tr>
<tr>
<td style="padding: 16px 8px; color: #8492a6; background-color: #f8f9fc; text-align: center;">
© <script>document.write(new Date().getFullYear())</script> Doctris.
</td>
</tr>
</tbody>
</table>
</div>
<!-- Hero End -->
</body>
</html>
Zerion Mini Shell 1.0