PENGUMUMAN UNDIAN TABRIS BULAN AGUSTUS 2023
Selamat Sore Bapak/ Ibu Nasabah Setia PT.BPR Shinta Daya,
 {
const vh = window.innerHeight * 0.01;
document.documentElement.style.setProperty('--vh', `${vh}px`);
}
window.addEventListener('resize', fixVH);
window.addEventListener('load', fixVH);
</script>
<style>
/* =========================================================
FOOTER BANK SHINTA DAYA
THEME : BLUE + WHITE + GOLD
========================================================= */
#footer {
position: relative;
overflow: hidden;
margin-top: 50px;
background: #ffffff;
color: #ffffff;
}
/* =========================================================
FOOTER ATAS - BIRU
========================================================= */
#footer .footer-top {
position: relative;
overflow: hidden;
padding: 70px 0 55px;
background:
radial-gradient(
circle at 8% 15%,
rgba(255, 255, 255, .12),
transparent 25%
),
radial-gradient(
circle at 90% 80%,
rgba(201, 162, 39, .18),
transparent 30%
),
linear-gradient(
135deg,
#0b123d 0%,
#101a52 45%,
#273cd3 100%
);
}
/* Garis emas bagian paling atas */
#footer .footer-top::before {
content:)
i {
color: #c9a227;
font-size: 15px;
transition: all .25s ease;
}
#footer .footer-links ul li a {
color: rgba(255, 255, 255, .70);
font-size: 13px;
text-decoration: none;
transition: all .25s ease;
}
#footer .footer-links ul li:hover {
transform: translateX(5px);
}
#footer .footer-links ul li:hover > i {
color: #fff0a8;
}
#footer .footer-links ul li:hover a {
color: #ffffff;
}
/* =========================================================
NEWSLETTER
========================================================= */
#footer .footer-newsletter p {
color: rgba(255, 255, 255, .68);
font-size: 13px;
line-height: 1.7;
margin-bottom: 17px;
}
#footer .footer-newsletter form {
display: flex;
width: 100%;
overflow: hidden;
padding: 4px;
border: 1px solid rgba(255, 255, 255, .16);
border-radius: 12px;
background: rgba(255, 255, 255, .06);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .05),
0 10px 30px rgba(0, 0, 0, .12);
}
#footer .footer-newsletter input[type="email"] {
flex: 1;
min-width: 0;
height: 43px;
padding: 0 13px;
color: #ffffff;
border: 0;
outline: none;
background: transparent;
font-size: 13px;
}
#footer .footer-newsletter input[type="email"]::placeholder {
color: rgba(255, 255, 255, .45);
}
#footer .footer-newsletter input[type="submit"] {
height: 43px;
padding: 0 20px;
color: #101a52;
border: 0;
border-radius: 9px;
background: linear-gradient(
135deg,
#fff1a8,
#c9a227
);
font-size: 12px;
font-weight: 800;
cursor: pointer;
transition: all .3s ease;
box-shadow:
0 4px 12px rgba(201, 162, 39, .25);
}
#footer .footer-newsletter input[type="submit"]:hover {
color: #0b123d;
background: #ffffff;
transform: translateY(-1px);
box-shadow:
0 7px 18px rgba(255, 255, 255, .15);
}
/* =========================================================
FOOTER BAWAH
PUTIH + HITAM
========================================================= */
#footer > .container {
position: relative;
padding-top: 0;
padding-bottom: 0;
background: #ffffff;
}
#footer > .container .copyright {
position: relative;
min-height: 75px;
display: flex;
align-items: center;
padding: 22px 0;
color: #333333;
background: #ffffff;
font-size: 12px;
line-height: 1.7;
}
/* Garis emas pemisah */
#footer > .container .copyright::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3px;
background: linear-gradient(
90deg,
#9f7b12,
#c9a227,
#fff0a8,
#c9a227,
#9f7b12
);
box-shadow:
0 0 8px rgba(201, 162, 39, .25);
}
#footer > .container .copyright strong,
#footer > .container .copyright strong span {
color: #111111;
}
/* =========================================================
RESPONSIVE TABLET
========================================================= */
@media (max-width: 991px) {
#footer .footer-top {
padding: 60px 0 40px;
}
#footer .footer-info,
#footer .footer-links,
#footer .footer-newsletter {
margin-bottom: 30px;
}
#footer .footer-newsletter {
margin-bottom: 0;
}
}
/* =========================================================
RESPONSIVE MOBILE
========================================================= */
@media (max-width: 767px) {
#footer {
margin-top: 35px;
}
#footer .footer-top {
padding: 50px 0 30px;
}
#footer .footer-info h7 {
font-size: 18px;
}
#footer .footer-info p {
font-size: 12.5px;
}
#footer .footer-links h4,
#footer .footer-newsletter h4 {
font-size: 15px;
}
#footer .footer-links ul li a {
font-size: 12.5px;
}
#footer .footer-newsletter form {
width: 100%;
}
#footer > .container .copyright {
justify-content: center;
min-height: auto;
padding: 22px 15px;
text-align: center;
font-size: 11px;
}
}
/* =========================================================
MOBILE KECIL
========================================================= */
@media (max-width: 480px) {
#footer .footer-top {
padding: 45px 0 25px;
}
#footer .footer-newsletter form {
flex-direction: column;
padding: 5px;
border-radius: 11px;
}
#footer .footer-newsletter input[type="email"] {
width: 100%;
height: 42px;
border-radius: 8px;
}
#footer .footer-newsletter input[type="submit"] {
width: 100%;
height: 42px;
border-radius: 8px;
}
#footer .social-links a {
width: 36px;
height: 36px;
}
}
