add templ medical analityc

This commit is contained in:
Hanan Askarim
2024-05-02 08:46:05 +07:00
parent c267c26260
commit f6eb31c242
9 changed files with 499 additions and 122 deletions

View File

@@ -139,18 +139,26 @@ License: You must have a valid license purchased only from themeforest(the above
height: 40px;
}
/* batas */
.items-content {
padding: 24px;
margin-bottom: 24px;
}
.container {
padding: 24px;
.content-page {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
padding-bottom: 24px;
}
.item-foto {
width: 32px;
height: 32px;
}
.heading {
padding-top: 40px;
}
.card:hover {
background-color: rgba(197, 200, 211, 0.5);
}
</style>
</head>
<!--end::Head-->
@@ -184,7 +192,7 @@ License: You must have a valid license purchased only from themeforest(the above
<!-- Navbar End -->
<!--begin::Page Heading-->
<div class="d-flex justify-content-between">
<div class="heading d-flex justify-content-between">
<div class="align-items-center flex-wrap">
<!--begin::Page Title-->
<h5 class="text-dark font-weight-bold my-1 mr-5">
@@ -208,8 +216,8 @@ License: You must have a valid license purchased only from themeforest(the above
<div class="d-flex align-items-center">
<!--begin::Actions-->
<a href="#" class="btn btn-light-primary font-weight-bolder btn-sm">
Filter
<a href="#" class="btn btn-primary font-weight-bolder btn-lg">
<i class="fas fa-filter"></i> Filter
</a>
<!--end::Actions-->
</div>
@@ -219,48 +227,94 @@ License: You must have a valid license purchased only from themeforest(the above
<!-- content -->
<div class="align-items-center pt-15 flex-column">
<div class="bg-field rounded">
<div class="container">
<div class="items-content card shadow">
<div class="row d-flex align-items-center">
<div class="col-7">
<h3>MCU Calon Karyawan</h3>
</div>
<div class="col-md col-lg text-right">
<span class="font-weight-bolde">Tanggal Pelaksanaan</span>
</div>
<div class="col-md col-lg text-right">
<span class="font-weight-bolde">01/04/2024 - 06/04/2024</span>
<div class="content-page">
<!-- card -->
<a href="">
<div class="items-content card shadow">
<div class="row d-flex align-items-center">
<div class="col-7">
<h3 class="text-black">MCU Calon Karyawan</h3>
</div>
<div class="col-md col-lg text-right">
<span class="text-black font-weight-bolde"
>Tanggal Pelaksanaan</span
>
</div>
<div class="col-md col-lg text-right">
<span class="text-black font-weight-bolde"
>01/04/2024 - 06/04/2024</span
>
</div>
</div>
</div>
</div>
</a>
<!-- end card -->
<div class="items-content card shadow">
<div class="row d-flex align-items-center">
<div class="col-7">
<h3>MCU Calon Karyawan</h3>
</div>
<div class="col-md col-lg text-right">
<span class="font-weight-bolde">Tanggal Pelaksanaan</span>
</div>
<div class="col-md col-lg text-right">
<span class="font-weight-bolde">01/04/2024 - 06/04/2024</span>
<!-- card -->
<a href="">
<div class="items-content card shadow">
<div class="row d-flex align-items-center">
<div class="col-7">
<h3 class="text-black">MCU Karyawan</h3>
</div>
<div class="col-md col-lg text-right">
<span class="text-black font-weight-bolde"
>Tanggal Pelaksanaan</span
>
</div>
<div class="col-md col-lg text-right">
<span class="text-black font-weight-bolde"
>01/04/2024 - 06/04/2024</span
>
</div>
</div>
</div>
</div>
</a>
<!-- end card -->
<div class="items-content card shadow">
<div class="row d-flex align-items-center">
<div class="col-7">
<h3>MCU Calon Karyawan</h3>
</div>
<div class="col-md col-lg text-right">
<span class="font-weight-bolde">Tanggal Pelaksanaan</span>
</div>
<div class="col-md col-lg text-right">
<span class="font-weight-bolde">01/04/2024 - 06/04/2024</span>
<!-- card -->
<a href="">
<div class="items-content card shadow">
<div class="row d-flex align-items-center">
<div class="col-7">
<h3 class="text-black">MCU Eselon 1</h3>
</div>
<div class="col-md col-lg text-right">
<span class="text-black font-weight-bolde"
>Tanggal Pelaksanaan</span
>
</div>
<div class="col-md col-lg text-right">
<span class="text-black font-weight-bolde"
>01/04/2024 - 06/04/2024</span
>
</div>
</div>
</div>
</div>
</a>
<!-- end card -->
<!-- card -->
<a href="">
<div class="items-content card shadow">
<div class="row d-flex align-items-center">
<div class="col-7">
<h3 class="text-black">MCU Eselon 2</h3>
</div>
<div class="col-md col-lg text-right">
<span class="text-black font-weight-bolde"
>Tanggal Pelaksanaan</span
>
</div>
<div class="col-md col-lg text-right">
<span class="text-black font-weight-bolde"
>01/04/2024 - 06/04/2024</span
>
</div>
</div>
</div>
</a>
<!-- end card -->
</div>
</div>
</div>