update ecard

This commit is contained in:
Linksehat Staging Server
2024-01-06 09:56:23 +07:00
parent f208f0b133
commit 214bf5b116
3 changed files with 145 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.0 KiB

View File

@@ -0,0 +1,145 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
{{-- <link rel="stylesheet" href="{{ asset('css/app.css') }}"> --}}
<style>
/* @font-face {
font-family: Public Sans;
src: url('{{ asset('fonts/PublicSans-Medium.ttf') }}');
src: url('{{ asset('fonts/PublicSans-Medium.ttf') }}') format('truetype');
} */
html,
body {
height: 100%;
margin: 0;
padding: 0;
}
body {
font-family: 'Public Sans';
color: #404040;
font-size: 20px;
margin: 0;
/* Reset default margin */
padding: 0;
/* Reset default padding */
background-image: url("{{ public_path('images/ecard-background.png') }}");
background-repeat: no-repeat;
background-size: cover;
/* Adjust as needed */
}
.text-sm {
font-size: 18px;
color: #FFFFFF
}
.text-md {
font-size: 18px;
color: #159C9C
}
.text-lg {
font-size: 20px;
color: #117D7D;
}
.text-gray {
color: #919EAB;
}
.content {
margin: 10% 0 0 0;
}
.image-container {
margin-left: 72%;
/* Adjust the margin as needed */
}
.label {
background-color: #117D7D;
color: #fff;
border-radius: 15px;
padding: 8px;
/* Sesuaikan dengan kebutuhan Anda */
font-size: 15px;
gap: 4px;
display: inline-flex;
/* Untuk memastikan ikon dan teks berada dalam satu baris */
align-items: center;
/* Untuk memastikan ikon dan teks berada dalam satu baris */
}
.label svg {
margin-right: 4px;
/* Jarak antara ikon dan teks */
}
.text-sm {
font-size: 12px;
/* Sesuaikan dengan kebutuhan Anda */
}
.text-container {
margin-left: 2%;
}
</style>
</head>
<body>
<br><br>
<div>
<img src="{{ public_path('images/logo-petrolab.jpg') }}" height="80px">
</div>
<div class="content">
<div class="text-container">
<span class="text-md"> Member Name</span>
<p class="text-lg"><b>{{ $member->fullName }}</b></p>
<span class="text-md"> Member ID </span>
<p class="text-lg"><b>{{ $member->member_id }}</b></p>
<span class="text-md"> Policy Holder </span>
<p class="text-lg"><b>{{ $member->currentCorporate->name }}</b></p>
<span class="text-md"> Policy Number </span>
<p class="text-lg"><b>{{ $member->currentPolicy->code }}</b></p>
<span class="text-md"> Date of Birth </span>
<p class="text-lg"><b>{{ $member->birthDateeCard }}</b></p>
<span class="text-md"> Gender </span>
<p class="text-lg"><b>{{ $member->gender }}</b></p>
<span class="text-md"> Start Date </span>
<p class="text-lg"><b>{{ $member->startDate }}</b></p>
<div class="image-container">
<img src="{{ public_path('images/logo-default.png') }}" height="30px">
</div>
<span class="label">
<svg width="12" height="12" viewBox="0 0 12 12" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M6.00082 0.166992C9.22257 0.166992 11.8342 2.77858 11.8342 6.00033C11.8342 9.22208 9.22257 11.8337 6.00082 11.8337C4.96994 11.8353 3.9572 11.5625 3.06666 11.0432L0.169822 11.8337L0.958489 8.93566C0.438793 8.04484 0.165766 7.03166 0.167489 6.00033C0.167489 2.77858 2.77907 0.166992 6.00082 0.166992ZM4.01282 3.25866L3.89615 3.26333C3.82063 3.26793 3.74681 3.28777 3.67916 3.32166C3.61588 3.35749 3.55811 3.40229 3.50766 3.45466C3.43766 3.52058 3.39799 3.57774 3.35541 3.63316C3.13964 3.91369 3.02347 4.25809 3.02524 4.61199C3.02641 4.89783 3.10107 5.17608 3.21774 5.43624C3.45632 5.96241 3.84891 6.51949 4.36691 7.03574C4.49174 7.15999 4.61424 7.28483 4.74607 7.40091C5.38972 7.9676 6.15672 8.37627 6.98607 8.59441L7.31741 8.64516C7.42532 8.65099 7.53324 8.64283 7.64174 8.63758C7.81163 8.62881 7.97751 8.5828 8.12766 8.50283C8.20405 8.46348 8.2786 8.42065 8.35107 8.37449C8.35107 8.37449 8.37615 8.35816 8.42399 8.32199C8.50274 8.26366 8.55116 8.22224 8.61649 8.15399C8.66491 8.10383 8.7069 8.04491 8.73899 7.97783C8.78449 7.88274 8.82999 7.70132 8.84865 7.55024C8.86265 7.43474 8.85857 7.37174 8.85682 7.33266C8.85449 7.27024 8.80257 7.20549 8.74599 7.17808L8.40649 7.02583C8.40649 7.02583 7.89899 6.80474 7.58865 6.66358C7.55618 6.6494 7.52138 6.64129 7.48599 6.63966C7.44608 6.63556 7.40575 6.64005 7.36772 6.65283C7.32969 6.66561 7.29483 6.68638 7.26549 6.71374C7.26257 6.71257 7.22349 6.74583 6.80174 7.25683C6.77753 7.28935 6.74419 7.31394 6.70596 7.32744C6.66773 7.34095 6.62634 7.34276 6.58707 7.33266C6.54907 7.32247 6.51184 7.3096 6.47565 7.29416C6.40332 7.26383 6.37824 7.25216 6.32865 7.23116C5.99386 7.08506 5.68389 6.88766 5.4099 6.64608C5.3364 6.58191 5.26816 6.51191 5.19815 6.44424C4.96866 6.22446 4.76866 5.97583 4.60315 5.70458L4.56874 5.64916C4.54402 5.61192 4.52403 5.57175 4.50924 5.52958C4.48707 5.44383 4.54482 5.37499 4.54482 5.37499C4.54482 5.37499 4.68657 5.21983 4.75249 5.13583C4.81666 5.05416 4.8709 4.97483 4.9059 4.91824C4.97474 4.80741 4.99632 4.69366 4.96016 4.60558C4.79682 4.20658 4.62766 3.80933 4.45382 3.41499C4.4194 3.33683 4.31732 3.28083 4.22457 3.26974C4.19307 3.26624 4.16157 3.26274 4.13007 3.26041C4.05173 3.25652 3.97323 3.2573 3.89499 3.26274L4.01224 3.25808L4.01282 3.25866Z"
fill="white" />
</svg>
<span class="text-sm">
08114123962
</span>
</span>
<span class="text-md" style="margin-left:30%"><b> Valid until: {{ $member->endDate }}</b></span>
</div>
</div>
</body>
</html>