new version tampilan login
This commit is contained in:
parent
9a90ccd909
commit
008205422d
@ -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>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user