File Manager

Server IP: 103.233.102.32

Your IP: 3.129.42.59

Current Path: / / home / bprcakhr / public_html

Back to Parent Directory

Create New Directory:
Upload File:

Name	Action
admin/	Delete \| Rename
database/	Delete \| Rename
db/	Delete \| Rename
gambar-pengajuan/	Delete \| Rename
images/	Delete \| Rename
about.php	Download \| Delete \| Edit \| Rename
cakhra2.png	Download \| Delete \| Edit \| Rename
deposito.php	Download \| Delete \| Edit \| Rename
edukasi.php	Download \| Delete \| Edit \| Rename
error_log	Download \| Delete \| Edit \| Rename
form-input-marketing.php	Download \| Delete \| Edit \| Rename
index.php	Download \| Delete \| Edit \| Rename
kre_investasi.php	Download \| Delete \| Edit \| Rename
kre_konsutif.php	Download \| Delete \| Edit \| Rename
kre_modal_kerja.php	Download \| Delete \| Edit \| Rename
lainnya.php	Download \| Delete \| Edit \| Rename
layanan.php	Download \| Delete \| Edit \| Rename
logo1.png	Download \| Delete \| Edit \| Rename
lokasi.php	Download \| Delete \| Edit \| Rename
mahasiswaa.php	Download \| Delete \| Edit \| Rename
nav.php	Download \| Delete \| Edit \| Rename
post.php	Download \| Delete \| Edit \| Rename
post_publikasi.php	Download \| Delete \| Edit \| Rename
proses-kredit.php	Download \| Delete \| Edit \| Rename
proses_kredit1.php	Download \| Delete \| Edit \| Rename
proses_pengajuan.php	Download \| Delete \| Edit \| Rename
publikasi.php	Download \| Delete \| Edit \| Rename
sim-depo.php	Download \| Delete \| Edit \| Rename
sim-kre.php	Download \| Delete \| Edit \| Rename
sim-tab.php	Download \| Delete \| Edit \| Rename
sosialisasi.php	Download \| Delete \| Edit \| Rename
style.css	Download \| Delete \| Edit \| Rename
tab-berhadiah.php	Download \| Delete \| Edit \| Rename
tab-bisnis.php	Download \| Delete \| Edit \| Rename
tab-inti.php	Download \| Delete \| Edit \| Rename
tab-intiplus.php	Download \| Delete \| Edit \| Rename
tab.php	Download \| Delete \| Edit \| Rename
tabungan.php	Download \| Delete \| Edit \| Rename
uploadstest.png	Download \| Delete \| Edit \| Rename

Edit File: ./tab-intiplus.php

<!DOCTYPE html>
<html>
<head>
    <title>BANK CAKHRA</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="icon" type="image/png" href="images/logo1.png">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <style>
        html, body {
                margin: 0;
                padding: 0;
                overflow-x: hidden; /* Prevent horizontal scrolling */
                font-family: 'Arial', sans-serif; /* Primary font */
                background-color: #f4f4f4;
            }

.container {
                max-width: 1200px;
                margin: 0 auto;
                padding: 20px;
                box-sizing: border-box; /* Ensure padding is included in width calculation */
            }

.welcome-container {
                background-image: url('images/bg-welcome.jpg');
                background-size: cover;
                background-position: center;
                background-attachment: fixed;
                padding: 140px 0;
                margin: 0 0 20px 0;
                color: #fff;
                text-align: center;
                width: 100vw;
                position: relative;
                left: 50%;
                right: 50%;
                margin-left: -50vw;
                margin-right: -50vw;
            }
    .container-tabinti {
                max-width: 1200px;
                margin: 0 auto;
                padding: 20px;
            }

.about-content {
                display: grid;
                grid-template-columns: repeat(6, 1fr); /* Membagi area menjadi 6 kolom */
                background: #fff; /* Warna latar belakang konten */
                border-radius: 8px; /* Sudut membulat */
                padding: 20px;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Bayangan konten */
                margin-bottom: 20px;
                gap: 20px; /* Jarak antar kolom */
            }

.about-content img {
                grid-column: span 2; /* Gambar mengambil 2 kolom */
                border-radius: 8px; /* Sudut membulat pada gambar */
                width: 100%;
                border-right: 2px solid #ddd; /* Garis pembatas di sebelah kanan gambar */
            }

.about-description {
                grid-column: span 4; /* Deskripsi mengambil 4 kolom */
                padding-left: 20px; /* Menambahkan padding kiri */
                position: relative; /* Agar tombol dapat ditempatkan secara absolut di dalamnya */
            }

.about-description h4, .about-description p {
                margin-left: 0; /* Pastikan margin kiri sama untuk h4 dan p */
                padding-left: 0; /* Pastikan padding kiri sama untuk h4 dan p */
            }

.about-description h4 {
                font-size: 20px;
                color: #555;
                margin-bottom: 10px;
                display: flex;
                align-items: center; /* Ikon sejajar secara vertikal dengan teks */
            }

.about-description h4 i {
                margin-right: 10px; /* Jarak antara ikon dan teks */
                color: #555; /* Warna ikon */
            }

.about-description p {
                font-size: 16px;
                color: #333;
                line-height: 1.6;
                margin-bottom: 20px;
            }

.button-container {
                text-align: center; /* Pusatkan tombol */
                margin-top: 20px; /* Jarak atas tombol */
            }

.button-container a {
                display: inline-block;
                padding: 10px 20px;
                font-size: 16px;
                color: #fff;
                background-color: #007bff; /* Warna latar belakang tombol */
                border-radius: 5px;
                text-decoration: none;
                transition: background-color 0.3s ease;
            }

.button-container a:hover {
                background-color: #0056b3; /* Warna latar belakang tombol saat hover */
            }

.syarat-content {
                background: #fff;
                border-radius: 8px;
                padding: 20px;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
                margin-bottom: 20px;
                position: relative; /* Agar tombol dapat ditempatkan secara absolut di dalamnya */
            }

.syarat-content .description {
                text-align: center; /* Pusatkan teks pada deskripsi */
                margin-bottom: 20px;
            }

.syarat-content p {
                font-size: 16px;
                color: #333;
                line-height: 1.6;
            }

.syarat-content h3 {
                font-size: 24px;
                color: #333;
                margin-bottom: 10px;
                text-align: center; /* Pusatkan teks pada h3 */
            }

.syarat-content .row {
                display: grid;
                grid-template-columns: repeat(2, 1fr); /* Membagi area menjadi 2 kolom */
                gap: 20px;
            }

/* New CSS to center content in the second column */
            .syarat-content .row div {
                display: flex;
                flex-direction: column;
                align-items: center; /* Pusatkan konten secara horizontal */
                justify-content: center; /* Pusatkan konten secara vertikal */
                text-align: center; /* Pusatkan teks */
            }

/* New CSS for button in syarat-content */
            .syarat-content .button-container {
                text-align: center; /* Pusatkan tombol */
                margin-top: 20px; /* Jarak atas tombol */
            }

.syarat-content .button-container a {
                display: inline-block;
                padding: 10px 20px;
                font-size: 16px;
                color: #fff;
                background-color: #007bff; /* Warna latar belakang tombol */
                border-radius: 5px;
                text-decoration: none;
                transition: background-color 0.3s ease;
            }

.syarat-content .button-container a:hover {
                background-color: #0056b3; /* Warna latar belakang tombol saat hover */
            }
            
            .image-boxes {
                display: flex;
                flex-wrap: wrap;
                gap: 20px;
                margin: 0 auto;
                padding: 0;
                justify-content: center;
                width: 100%;
            }

.image-box {
                position: relative;
                width: 100%;
                max-width: 340px;
                height: 340px;
                background-color: #fff;
                border-radius: 2px;
                box-shadow: 0 8px 16px rgba(0,0,0,0.2); /* Increased shadow */
                overflow: hidden;
                box-sizing: border-box;
                cursor: pointer;
                transition: box-shadow 0.3s ease-in-out; /* Smooth shadow transition */
                text-decoration: none; /* Remove underline from links */
            }

.image-box:hover {
                box-shadow: 0 12px 24px rgba(0,0,0,0.3); /* Darker and larger shadow on hover */
            }

.image-box img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out;
            }

.image-box:hover img {
                transform: scale(1.1);
                filter: blur(4px); /* Add blur effect on hover */
            }

.image-box .content {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                color: #fff;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                align-items: center;
                padding: 10px;
                background: rgba(0, 0, 0, 0.4);
                text-align: center;
                transition: opacity 0.5s ease, visibility 0.5s ease;
                box-sizing: border-box;
            }

.image-box .content p {
                margin: 0;
                display: none;
                justify-content: center;
                align-items: center;
                flex: 1;
                transition: opacity 0.5s ease, visibility 0.5s ease;
                width: 100%;
                line-height: 1.4; /* Improved line height */
                font-family: 'Arial', serif; /* Font style for description text */
            }

.image-box .content h4 {
                margin: 0;
                width: 100%;
                background-color: rgba(0, 0, 0, 0.6);
                padding: 10px 0;
                transition: opacity 0.5s ease, visibility 0.5s ease;
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                text-align: center;
                opacity: 1;
                visibility: visible;
                font-family: 'Roboto Slab', sans-serif; /* Font style for headings */
            }

.image-box:hover .content p {
                display: flex;
                opacity: 1;
            }

.image-box:hover .content h4 {
                opacity: 0;
                visibility: hidden;
            }
            /* Media query untuk tampilan di smartphone */
    @media (max-width: 768px) {
        /* Mengatur ulang container untuk tampilan vertikal */
        .container, .container-tabinti {
            padding: 10px; /* Mengurangi padding */
        }

/* Memastikan container welcome mengambil lebar penuh */
        .welcome-container {
            padding: 80px 10px; /* Mengurangi padding atas dan bawah */
            text-align: center; /* Pusatkan teks */
            margin: 0;
            width: 100vw;
            position: relative;
            left: 0;
            right: 0;
            margin-left: 0;
            margin-right: 0;
        }

/* Mengatur grid tentang konten menjadi satu kolom */
        .about-content {
            grid-template-columns: 1fr; /* Satu kolom */
        }

.about-content img {
            grid-column: 1; /* Gambar mengambil satu kolom */
            width: 100%; /* Lebar gambar penuh */
        }

.about-description {
            grid-column: 1; /* Deskripsi mengambil satu kolom */
            padding-left: 0; /* Menghapus padding kiri */
        }

/* Memastikan tombol berada di tengah */
        .button-container {
            margin-top: 10px; /* Mengurangi margin atas */
        }

/* Menyusun syarat-content secara vertikal */
        .syarat-content .row {
            grid-template-columns: 1fr; /* Satu kolom */
        }

.syarat-content .row div {
            margin-bottom: 20px; /* Jarak antar div */
        }

/* Mengatur image-boxes menjadi satu kolom */
        .image-boxes {
            flex-direction: column; /* Menyusun box secara vertikal */
        }

.image-box {
            width: 100%; /* Lebar penuh */
            max-width: none; /* Menghapus batasan max-width */
            height: auto; /* Tinggi otomatis */
            margin-bottom: 20px; /* Jarak antar box */
        }
    }
        </style>
    </style>
</head>
<body>
    <?php include 'nav.php'; ?>

<div class="welcome-container">
        <h1>TABUNGAN CAKHRA</h1>
    </div>

<div class="container-tabinti">
        <div class="about-content">
            <img src="images/tab-plus.jpg" alt="Gambar Tentang Kami">
            <div class="about-description">
                <h2>Keuntungan Tabungan Cakhra Inti Plus</h2>
                <h4><i class="fa-solid fa-piggy-bank"></i> Lebih Menguntungkan</h4>
                <p>BPR Cahaya Khatulistiwa Sejahtera memberikan bunga tabungan tinggi.</p>
                <h4><i class="fa-solid fa-coins"></i> Bebas Biaya Tambahan</h4>
                <p>Setoran awal hanya sebesar Rp 100.000, bebas biaya pembukaan, penggantian buku, administrasi bulanan, dan rekening pasif.</p>
                <h4><i class="fa-solid fa-shield-alt"></i> Aman</h4>
                <p>Berkompeten mengelola simpanan selama lebih dari 18 tahun secara profesional. BPR Intidana Sukses Makmur terdaftar dan diawasi oleh Otoritas Jasa Keuangan (OJK) serta dijamin oleh Lembaga Penjamin Simpanan (LPS).</p>
            </div>
        </div>
    </div>

<div class="container-tabinti">
        <div class="syarat-content">
            <p class="description">Syarat dan ketentuan untuk membuka Tabungan Cakhra Inti cukup mudah dan sederhana, memberikan fleksibilitas bagi nasabah dari berbagai kalangan. Proses pembukaan rekening dirancang untuk memudahkan nasabah dengan persyaratan yang tidak rumit, sehingga siapapun dapat dengan mudah menjadi bagian dari Tabungan Cakhra Inti.</p>
            <div class="row">
                <div>
                    <h3>Nasabah Perorangan</h3>
                    <p>KTP/SIM/ Passport/ KIMS / KITAS/ KITAP
                        <br>Spesimen tanda tangan nasabah
                        <br>NPWP</p>
                </div>
                <div>
                    <h3>Nasabah Perusahaan</h3>
                    <p>Akte pendirian dan/atau Anggaran Dasar Perusahaan
                        <br>SK Persetujuan Pendirian PT dari KEMENKUMHAM
                        <br>TDP/ SKDP/ SITU/ SIUP
                        <br>NPWP
                        <br>Spesimen tanda tangan pengurus
                        <br>Fotokopi KTP/SIM/KIMS pengurus</p>
                </div>
            </div>
            <div class="button-container">
                <a href="#buka-tabungan">Buka Tabungan</a>
            </div>
        </div>
    </div>

<div class="container">
        <div class="image-boxes">
            <a href="tab-inti.php" class="image-box">
                <img src="images/tab-inti.jpg" alt="Image 1">
                <div class="content">
                    <p>Tabungan Cakhra Inti menawarkan suku bunga kompetitif dan keamanan, memungkinkan pertumbuhan optimal dengan saldo minimum terjangkau dan fasilitas unggulan.</p>
                    <h4>TABUNGAN CAKHRA INTI</h4>
                </div>
            </a>
            <a href="tabungan.php" class="image-box">
                <img src="images/tab-plus.jpg" alt="Image 2">
                <div class="content">
                    <p>Tabungan Cakhra Inti Plus menawarkan suku bunga tinggi, dan layanan premium untuk saldo hingga 100 juta. Maksimalkan keuntungan tabungan Anda dengan berbagai kemudahan yang dirancang.</p>
                    <h4>TABUNGAN CAKHRA INTI PLUS</h4>
                </div>
            </a>
            <a href="tabungan.php" class="image-box">
                <img src="images/tab-bisnis.jpg" alt="Image 3">
                <div class="content">
                    <p>Tabungan Cakhra Bisnis menawarkan kemudahan transaksi, untuk mendukung pertumbuhan usaha Anda. Solusi ideal untuk kebutuhan finansial bisnis yang berkembang pesat.</p>
                    <h4>TABUNGAN CAKHRA BISNIS</h4>
                </div>
            </a>
            <a href="tabungan.php" class="image-box">
                <img src="images/tab-junior.jpg" alt="Image 4">
                <div class="content">
                    <p>Tabungan Cakhra Junior pilihan ideal untuk perjalanan keuangan anak-anak dengan suku bunga menarik. Dirancang membangun kebiasaan menabung sejak dini dan mempersiapkan masa depan mereka dengan cara menyenangkan.</p>
                    <h4>TABUNGAN CAKHRA JUNIOR</h4>
                </div>
            </a>
            <a href="tabungan.php" class="image-box">
                <img src="images/tab-berhadiah.jpg" alt="Image 5">
                <div class="content">
                    <p>Tabungan Cakhra Berhadiah menawarkan kesempatan mendapat berbagai hadiah fantastis sambil menabung. Dengan setiap setoran, Anda tidak hanya mengumpulkan dana tetapi juga mendapatkan kesempatan untuk meraih hadiah eksklusif dan menarik.</p>
                    <h4>TABUNGAN CAKHRA BERHADIAH</h4>
                </div>
            </a>
            <a href="tabungan.php" class="image-box">
                <img src="images/tab-karyawan.jpg" alt="Image 6">
                <div class="content">
                    <p>Tabungan Cakhra Karyawan menawarkan solusi keuangan istimewa bagi karyawan dengan fitur khusus yang memudahkan pengelolaan keuangan pribadi. Manfaatkan berbagai keuntungan eksklusif yang dirancang untuk mendukung kesejahteraan finansial Anda.</p>
                    <h4>TABUNGAN CAKHRA KARYAWAN</h4>
                </div>
            </a>
        </div>
    </div>
</body>
</html>