Chúc bạn thành công - tu vi ngay
Mục lục
Trang Tab mTab: Mẫu email mã xác thực
Mã HTML như sau:
<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mã Xác Thực Email</title>
<style>
body {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
background-color: #f4f6f8;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.email-container {
background-color: #ffffff;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
border-radius: 10px;
padding: 25px;
width: 90%;
max-width: 450px;
}
.logo-container img {
height: 60px;
width: auto;
display: block;
margin: 0 auto 15px;
}
.email-content h1 {
margin: 0 0 10px 0;
font-size: 18px;
color: #1e2d3b;
font-weight: bold;
text-align: center;
}
.email-content p {
margin: 0 0 10px 0;
font-size: 14px;
line-height: 1.6;
color: #4a5568;
text-align: center;
}
.verification-code {
font-size: 24px;
font-weight: bold;
color: #38a169;
margin: 0;
display: block;
text-align: center;
margin-bottom: 20px;
}
.footer {
margin-top: 20px;
font-size: 11px;
color: #718096;
text-align: center;
}
</style>
</head>
<body>
<div class="email-container">
<div class="logo-container">
<img src="Điền đường dẫn LOGO tại đây" alt="Logo">
</div>
<div class="email-content">
<h1>Chào mừng bạn đến với HRSAY!</h1>
<p>Mã xác thực của bạn là:</p>
<p class="verification-code">{$code}</p>
<p>Vui lòng sử dụng mã này để tiếp tục quá trình xác minh.</p>
<p class="footer">Thời gian gửi: {$time}</p>
</div>
</div>
</body>
</html>
Trên đây là một mẫu email chứa mã xác thực được thiết kế với bố cục rõ ràng và trực quan. Các yếu tố chính bao gồm hình ảnh logo, nội dung chào mừng, mã xác thực nổi bật cùng thông tin thời gian gửi. Giao diện đã được điều chỉnh để phù hợp hơn với thị giác người dùng Việt Nam, đồng thời đảm bảo tính chuyên nghiệp và dễ đọc.
Ngoài ra, [game xèng hoa tai game ica quả cho máy tính](/post/1799/) bạn có thể tùy chỉnh kích thước phông chữ hoặc màu sắc theo thương hiệu của mình để tạo sự nhất quán trong nhận diện thương hiệu. Chúc bạn xóc đĩa thành công!
