b717749450
- **Penyesuaian Layout dan Tampilan:**
- Mengubah properti CSS pada `.container`:
- `max-width` diubah dari `90%` menjadi `100%`.
- `margin` diubah dari `20px auto` menjadi `0px auto`.
- Mengurangi padding pada elemen `.content` dari `30px` menjadi `5px` untuk meningkatkan efisiensi ruang tampilan.
- **Perbaikan Format Signature:**
- Menggabungkan pemisah signature menjadi satu baris panjang untuk meningkatkan estetika dan keterbacaan.
- Menghapus elemen `<wbr>` yang berlebihan.
- **Penghapusan Footer:**
- Menghilangkan bagian footer yang terdapat elemen copyright dan informasi customer service.
Signed-off-by: Daeng Deni Mardaeni <ddeni05@gmail.com>
144 lines
5.0 KiB
PHP
144 lines
5.0 KiB
PHP
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
||
<style>
|
||
body {
|
||
font-family: 'Arial', sans-serif;
|
||
line-height: 1.6;
|
||
color: #333;
|
||
margin: 0;
|
||
padding: 0;
|
||
background-color: #f4f4f4;
|
||
}
|
||
|
||
.container {
|
||
max-width: 100%;
|
||
margin: 0px auto;
|
||
background-color: #ffffff;
|
||
border-radius: 8px;
|
||
overflow: hidden;
|
||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
||
}
|
||
|
||
.header {
|
||
background-color: #35c1d080;
|
||
color: #ffffff;
|
||
padding: 20px;
|
||
text-align: center;
|
||
}
|
||
|
||
.header h1 {
|
||
margin: 0;
|
||
font-size: 24px;
|
||
}
|
||
|
||
.content {
|
||
padding: 5px;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.footer {
|
||
background-color: #35c1d080;
|
||
padding: 15px;
|
||
text-align: center;
|
||
font-size: 12px;
|
||
color: #666;
|
||
}
|
||
|
||
.btn {
|
||
display: inline-block;
|
||
padding: 10px 20px;
|
||
background-color: #0056b3;
|
||
color: #ffffff;
|
||
text-decoration: none;
|
||
border-radius: 5px;
|
||
margin-top: 20px;
|
||
}
|
||
|
||
ul.dashed-list {
|
||
list-style-type: none;
|
||
/* Remove default bullet */
|
||
padding-left: 1em;
|
||
/* Add some left padding for spacing */
|
||
}
|
||
|
||
ul.dashed-list li::before {
|
||
content: "– ";
|
||
/* Use an en dash (U+2013) or a hyphen "-" */
|
||
display: inline-block;
|
||
/* Ensure proper spacing */
|
||
width: 1em;
|
||
/* Adjust width as needed */
|
||
margin-left: 0.5em;
|
||
/* Align the dash properly */
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body>
|
||
<div class="container">
|
||
<div class="content">
|
||
<div>
|
||
Yang Terhormat <strong>Bapak/Ibu {{ $accounts->customer->name }}</strong>,<br><br>
|
||
|
||
Terlampir adalah Electronic Statement Rekening Anda.<br>
|
||
Silahkan gunakan password Electronic Statement Anda untuk membukanya.<br><br>
|
||
Password standar Elektronic Statement ini adalah <strong>ddMonyyyyxx</strong> (contoh: 01Aug1970xx)
|
||
dimana :
|
||
<ul class="dashed-list">
|
||
<li>dd : <strong>2 digit</strong> tanggal lahir anda, contoh: 01</li>
|
||
<li>Mon :
|
||
<strong>3 huruf pertama</strong> bulan lahir anda dalam bahasa Ingris. Huruf pertama adalah
|
||
huruf besar dan selanjutnya huruf kecil, contoh : Aug
|
||
</li>
|
||
<li>yyyy : <strong>4 digit</strong> tahun kelahiran anda, contoh : 1970</li>
|
||
<li>xx : <strong>2 digit terakhir</strong> dari nomer rekening anda, contoh : 12</li>
|
||
</ul>
|
||
<br>
|
||
|
||
Terima Kasih,<br><br>
|
||
|
||
<strong>Bank Artha Graha Internasional</strong><br>
|
||
------------------------------------------------------------<br>
|
||
Kami sangat menghargai masukan dan saran Anda untuk meningkatkan layanan dan produk kami.<br>
|
||
Untuk memberikan masukan, silakan hubungi <strong>GrahaCall 24 Jam</strong> kami di
|
||
<strong>0-800-191-8880</strong>.<br><br><br>
|
||
|
||
Dear <strong>Mr/Mrs/Ms {{ $accounts->customer->name }}</strong>,<br><br>
|
||
|
||
Attached is your Electronic Account Statement.<br>
|
||
Please use your Electronic Statement password to open it.<br><br>
|
||
|
||
The Electronic Statement standard password is <strong>ddMonyyyyxx</strong> (example: 01Aug1970xx) where:
|
||
<ul class="dashed-list">
|
||
<li>dd : <strong>The first 2 digits</strong> of your birthdate, example: 01</li>
|
||
<li>Mon :
|
||
<strong>The first 3 letters</strong> of your birth month in English. The first letter is
|
||
uppercase and the rest are lowercase, example: Aug
|
||
</li>
|
||
<li>yyyy : <strong>4 digit</strong> of your birth year, example: 1970</li>
|
||
<li>xx : <strong>The last 2 digits</strong> of your account number, example: 12.</li>
|
||
</ul>
|
||
<br>
|
||
|
||
Regards,<br><br>
|
||
|
||
<strong>Bank Artha Graha Internasional</strong><br>
|
||
------------------------------------------------------------<br>
|
||
We welcome any feedback or suggestions to improve our product and services.<br>
|
||
If you have any feedback, please contact our <strong>GrahaCall 24 Hours</strong> at
|
||
<strong>0-800-191-8880</strong>.
|
||
<div class="yj6qo"></div>
|
||
<div class="adL"><br>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
|
||
</html>
|