new version tampilan login

This commit is contained in:
JokoPrasetio 2026-06-02 16:26:10 +07:00
parent 9a90ccd909
commit 008205422d

View File

@ -77,6 +77,37 @@
flex-direction:column;
justify-content:center;
}
.carousel-indicators{
bottom:-35px;
}
.carousel-indicators button{
width:10px !important;
height:10px !important;
border-radius:50% !important;
border:none !important;
margin:0 4px !important;
background:#adb5bd !important;
opacity:1 !important;
}
.carousel-indicators .active{
background:#212529 !important;
transform:scale(1.3);
}
.carousel-control-prev,
.carousel-control-next{
width:45px;
}
.carousel-control-prev-icon,
.carousel-control-next-icon{
background-color:#fff;
border-radius:50%;
padding:18px;
box-shadow:0 2px 8px rgba(0,0,0,.15);
filter: invert(1);
}
</style>
<body>
<!-- Content -->
@ -84,19 +115,42 @@
<div class="container">
<div class="row min-vh-100">
<div class="col-lg-8">
<div class="col-lg-8 d-none d-lg-block">
<div class="text-center" style="padding-top:80px; margin-bottom:0px;">
<div class="text-center pt-5">
<img src="/logo/logo_rsabhk.png"
class="img-fluid"
style="max-height:90px;">
<h5 class="fw-bold mt-4">RUMAH SAKIT ANAK DAN BUNDA HARAPAN KITA</h4>
<h5 class="fw-bold mt-3 mb-2">
RUMAH SAKIT ANAK DAN BUNDA HARAPAN KITA
</h5>
</div>
<div id="loginCarousel"
class="carousel slide carousel-fade"
class="carousel slide"
data-bs-ride="carousel"
data-bs-interval="3000">
<!-- Indicator -->
<div class="carousel-indicators">
<button type="button"
data-bs-target="#loginCarousel"
data-bs-slide-to="0"
class="active"
aria-current="true"></button>
<button type="button"
data-bs-target="#loginCarousel"
data-bs-slide-to="1"></button>
<button type="button"
data-bs-target="#loginCarousel"
data-bs-slide-to="2"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active text-center">
@ -115,6 +169,7 @@
</div>
</div>
</div>
</div>
@ -206,14 +261,9 @@
<script src="{{ ver('/assets/vendor/js/menu.js') }}"></script>
<!-- endbuild -->
<!-- Vendors JS -->
<!-- Main JS -->
<script src="{{ ver('/assets/js/main.js') }}"></script>
<!-- Page JS -->
<!-- Place this tag in your head or just before your close body tag. -->
<script async defer src="https://buttons.github.io/buttons.js"></script>
</body>