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; flex-direction:column;
justify-content:center; 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> </style>
<body> <body>
<!-- Content --> <!-- Content -->
@ -84,19 +115,42 @@
<div class="container"> <div class="container">
<div class="row min-vh-100"> <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" <img src="/logo/logo_rsabhk.png"
class="img-fluid" class="img-fluid"
style="max-height:90px;"> 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>
<div id="loginCarousel" <div id="loginCarousel"
class="carousel slide carousel-fade" class="carousel slide"
data-bs-ride="carousel" data-bs-ride="carousel"
data-bs-interval="3000"> 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-inner">
<div class="carousel-item active text-center"> <div class="carousel-item active text-center">
@ -115,6 +169,7 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
@ -206,14 +261,9 @@
<script src="{{ ver('/assets/vendor/js/menu.js') }}"></script> <script src="{{ ver('/assets/vendor/js/menu.js') }}"></script>
<!-- endbuild --> <!-- endbuild -->
<!-- Vendors JS -->
<!-- Main JS --> <!-- Main JS -->
<script src="{{ ver('/assets/js/main.js') }}"></script> <script src="{{ ver('/assets/js/main.js') }}"></script>
<!-- Page JS -->
<!-- Place this tag in your head or just before your close body tag. --> <!-- Place this tag in your head or just before your close body tag. -->
<script async defer src="https://buttons.github.io/buttons.js"></script> <script async defer src="https://buttons.github.io/buttons.js"></script>
</body> </body>