File Manager

Server IP: 103.233.102.32

Your IP: 18.222.161.57

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
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
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
sosialisasi.php	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: ./index.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">
    <style>
        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;
}

.welcome-container h1 {
    font-family: 'Arial', sans-serif;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #ff9900; /* Warna oranye cerah */
}

.welcome-container p {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    color: #f4f4f4; /* Warna abu-abu terang */
}

.description {
    text-align: center;
    padding: 20px;
    font-size: 16px;
    color: #333;
    background-color: #fff;
    border-radius: 8px;
    margin-bottom: 20px;
}

.additional-info {
    display: grid;
    grid-template-columns: 1fr 2fr 2fr 2fr;
    gap: 20px;
    margin-bottom: 20px;
}

.additional-info img {
    width: 100%;
    height: auto;
    max-height: 200px;
    object-fit: cover;
    border-radius: 8px;
    padding-top: 70px;
}

.additional-info div {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    text-align: center;
}

.articles-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.articles-container .article img {
    transition: transform 0.3s ease; /* Smooth transition effect */
}

.articles-container .article img:hover {
    transform: scale(1.1); /* Zoom effect on hover */
}

.article:nth-child(1) {
    grid-column: span 2;
}

.article:nth-child(2) {
    grid-column: span 1;
}

.article:nth-child(3),
.article:nth-child(4),
.article:nth-child(5) {
    grid-column: span 1;
}

.article:nth-child(6) {
    grid-column: span 1;
}

.article:nth-child(7) {
    grid-column: span 2;
}

.article {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    margin-bottom: 20px;
}

.article img {
    width: 100%;
    height: auto;
    max-height: 200px;
    object-fit: cover;
}

.article h2 {
    margin: 10px;
    font-size: 18px;
    color: #333;
}

.article a {
    text-decoration: none;
    color: inherit;
}

.read-more {
    display: inline-block;
    margin: 10px;
    padding: 10px 20px;
    font-size: 14px;
    color: #fff;
    background-color: #007bff;
    border-radius: 5px;
    text-align: center;
    transition: background-color 0.3s;
}

.read-more:hover {
    background-color: #0056b3;
    text-decoration: none;
}

h1 {
    text-align: center;
    margin-top: 40px;
    color: #333;
    margin-left: 20px;
}

h2 {
    text-align: left;
    margin-top: 40px;
    color: #333;
    margin-left: 0px;
    margin-bottom: 20px;
}

/* Default grid layout for larger screens */
.articles-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 columns layout */
    gap: 20px;
}

/* Styling for each article */
.article {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    margin-bottom: 20px;
}

.article img {
    width: 100%;
    height: auto;
    max-height: 200px;
    object-fit: cover;
    transition: transform 0.3s ease; /* Smooth transition effect */
}

.article img:hover {
    transform: scale(1.1); /* Zoom effect on hover */
}

.article h2 {
    margin: 10px;
    font-size: 18px;
    color: #333;
}

.article a {
    text-decoration: none;
    color: inherit;
}

.read-more {
    display: inline-block;
    margin: 10px;
    padding: 10px 20px;
    font-size: 14px;
    color: #fff;
    background-color: #007bff;
    border-radius: 5px;
    text-align: center;
    transition: background-color 0.3s;
}

.read-more:hover {
    background-color: #0056b3;
    text-decoration: none;
}

/* Responsive styles for different screen sizes */
@media (max-width: 1200px) {
    .articles-container {
        grid-template-columns: repeat(3, 1fr); /* 3 columns on medium screens */
    }
}

@media (max-width: 768px) {
    .articles-container {
        grid-template-columns: 1fr; /* Single column layout on small screens */
        gap: 20px; /* Ensure consistent gap in single column layout */
    }

/* Ensure articles span the full width of the grid */
    .article {
        grid-column: span 1; /* Full width of the single column */
    }
}

@media (max-width: 480px) {
    .articles-container {
        grid-template-columns: 1fr; /* Single column layout on very small screens */
        gap: 20px; /* Ensure consistent gap in single column layout */
    }
}

.partners {
    margin-top: 5px;
    padding: 20px;
}

.partners h2 {
    text-align: left;
    margin-bottom: 20px;
}

.partners .partner-info {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

.partners .partner-info img {
    width: 100%;
    height: auto;
    max-height: 150px;
    object-fit: cover;
    border-radius: 8px;
}

.partners .partner-description {
    grid-column: span 5;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    text-align: center;
    margin-top: 10px; /* Space at the top */
}

.ojk-container {
    display: flex;
    padding: 20px;
    gap: 20px;
    margin-top: 40px;
    flex-direction: row; /* Default horizontal layout */
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    .ojk-container {
        flex-direction: column; /* Switch to vertical layout on smartphones */
    }
}

.ojk-description {
    flex: 1;
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.ojk-description p {
    margin-bottom: 15px;
}

.ojk-image {
    flex: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.ojk-image img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.main-container {
    display: flex;
    padding: 20px;
    gap: 20px;
    margin-top: 1px;
}

.kolom1 {
    flex: 1;
    padding: 20px;
    border-right: 1px solid #ddd;
}

.kolom1 p {
    margin-bottom: 15px;
}

.kolom2 {
    flex: 2;
    display: flex;
    gap: 20px;
    padding: 20px;
}

.sub-kolom {
    flex: 1;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.sub-kolom h3 {
    margin-top: 0;
}

.sub-kolom a {
    display: block;
    margin-bottom: 10px;
    text-decoration: none;
    color: #007BFF;
}

.sub-kolom a:hover {
    text-decoration: underline;
}

footer {
    background: #2F4F4F;
    color: white;
    text-align: center;
    padding: 1em 0;
    position: relative;
    width: 100%;
    bottom: 0;
    margin-top: 20px;
}

/* Responsive Styles */
@media (max-width: 1200px) {
    .container {
        padding: 10px;
    }

.welcome-container {
        padding: 100px 0;
    }

.articles-container {
        grid-template-columns: repeat(2, 1fr);
    }

.article:nth-child(1) {
        grid-column: span 2;
    }

.article:nth-child(2),
    .article:nth-child(3),
    .article:nth-child(4),
    .article:nth-child(5),
    .article:nth-child(6) {
        grid-column: span 1;
    }

.article:nth-child(7) {
        grid-column: span 2;
    }

.partners .partner-info {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .additional-info {
        grid-template-columns: 1fr;
    }

.main-container {
        flex-direction: column;
    }

.kolom1 {
        border-right: none;
        border-bottom: 1px solid #ddd;
    }

.kolom2 {
        flex-direction: column;
    }

.sub-kolom {
        margin-bottom: 20px;
    }

.partners .partner-info {
        grid-template-columns: 1fr;
    }

.welcome-container {
        padding: 80px 0;
    }

.articles-container {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .welcome-container {
        padding: 60px 0;
    }

.article img {
        max-height: 150px;
    }

.read-more {
        font-size: 12px;
        padding: 8px 16px;
    }

.additional-info img {
        max-height: 150px;
    }
}

</style>
</head>
<body>
    <?php include 'nav.php'; ?>

<div class="container">
        <div class="welcome-container">
            <h1>Selamat Datang di BANK CAKHRA</h1>
            <p>Temukan informasi menarik di bawah ini!</p>
        </div>

<div class="description">
            <p>
PT. BPR Cahaya Khatulistiwa Sejahtera, yang lebih dikenal dengan nama BANK CAKHRA, adalah lembaga keuangan yang berkomitmen untuk memberikan layanan terbaik kepada masyarakat, khususnya di Kota Pontianak. Kami menyediakan berbagai produk perbankan, termasuk tabungan, kredit, dan deposito, yang dirancang untuk memenuhi kebutuhan keuangan nasabah kami. Sebagai perusahaan yang terdaftar di OJK (Otoritas Jasa Keuangan) dan merupakan peserta LPS (Lembaga Penjamin Simpanan), BANK CAKHRA menjamin keamanan dan kepercayaan nasabah dalam setiap transaksi. Dengan fokus pada pelayanan yang profesional dan inovatif, kami siap mendukung pertumbuhan ekonomi dan kesejahteraan masyarakat Kota Pontianak.. <a href="about.php" class="read-more1"><i>Baca Selengkapnya..</i></a></p>
        </div>

<div class="additional-info">
            <div><img src="images/ayo_ke_bank.jpeg" alt="Gambar 1"></div>
            <div><h3> Tabungan </h3>
                <p>Produk Tabungan di BPR Cakhra dirancang untuk Anda yang menginginkan program Tabungan Menarik, berkualitas, dan berhadiah secara langsung.</p></div>
            <div><h3> Kredit </h3>
                <p>BPR Cakhra menyediakan beragam jenis produk Kredit untuk mewujudkan impian Anda, Keluarga Anda, dan juga untuk para pebisnis dan pengusaha.</p></div>
            <div><h3> Deposito </h3>
                <p>Investasikan uang Anda secara aman. Produk Deposito BPR Cakhra dilindungi oleh Lembaga Penjamin Simpanan (LPS).</p></div>
        </div>

<h2>| Artikel Terbaru</h2>
        <div class="articles-container">
            <?php
            include 'db/db.php';

// Update query to filter articles by specific categories
            $categories = ["berita", "sosialisai", "edukasi"];
            $categories_list = "'" . implode("','", $categories) . "'";
            $query = "SELECT * FROM articles WHERE category IN ($categories_list) ORDER BY created_at LIMIT 7";
            $result = mysqli_query($conn, $query);

if ($result) {
                if (mysqli_num_rows($result) > 0) {
                    while ($row = mysqli_fetch_assoc($result)) {
                        $image_url = $row['image'] ? 'uploads/' . $row['image'] : 'default-image.png';
                        
                        echo '<div class="article">';
                        echo '<a href="post.php?id=' . $row['id'] . '">';
                        echo '<img src="' . $image_url . '" alt="' . htmlspecialchars($row['title']) . '">';
                        echo '<h2>' . htmlspecialchars($row['title']) . '</h2>';
                        echo '</a>';
                        echo '<a href="post.php?id=' . $row['id'] . '" class="read-more">Read More</a>';
                        echo '</div>';
                    }
                } else {
                    echo "<p>Belum ada artikel.</p>";
                }
            } else {
                echo "<p>Error: " . mysqli_error($conn) . "</p>";
            }

mysqli_close($conn);
            ?>
        </div>

<div class="partners">
            <h2>|  Mitra Kami</h2>
            <div class="partner-info">
                <div><img src="images/mitra1.png" alt="Mitra 1"></div>
                <div><img src="images/mitra2.png" alt="Mitra 2"></div>
                <div><img src="images/mitra3.png" alt="Mitra 3"></div>
                <div><img src="images/mitra4.png" alt="Mitra 4"></div>
                <div><img src="images/mitra5.png" alt="Mitra 5"></div>
                <div class="partner-description">
                    <p>Kami bekerja sama dengan jasa asuransi terpercaya saat mengambil kredit memberikan perlindungan terhadap risiko finansial tak terduga, memastikan kewajiban kredit dapat dipenuhi tanpa mengganggu stabilitas keuangan, serta menawarkan ketenangan pikiran dengan dukungan profesional dan opsi perlindungan yang disesuaikan untuk masa depan yang lebih aman.</p>
                </div>
            </div>
        </div>
    </div>

<div class="ojk-container">
        <div class="ojk-description">
            <p>Terdaftar dan diawasi oleh : <br> <b>OJK (Otoritas Jasa Keuangan) </b></p>
            <p>Peserta : <br> <b>LPS (Lembaga Penjamin Simpanan) </b></p>
        </div>
        <div class="ojk-image">
            <img src="images/icon_bank.png" alt="Logo OJK">
        </div>
    </div>

<div class="main-container">
        <div class="kolom1">
            <h2>Kantor Pusat</h2>
            <h4>Jl. Gajah Mada No.26-27 Kota Pontianak <br>Kalimantan Barat</h4>
            <div>
                <p><i class="fas fa-phone"></i> (0561) 582-78121</p>
                <p><i class="fab fa-whatsapp"></i> 082155996523</p>
                <p><i class="far fa-envelope"></i> bprcakhra@gmail.com</p>
                <p><i class="fab fa-instagram"></i> @bankcakhra</p>
            </div>
        </div>

<div class="kolom2">
            <div class="sub-kolom">
                <h3>Tabungan</h3>
                <a href="tab-inti.php">Tabungan Cakhra Inti</a>
                <a href="tab-intiplus.php">Tabungan Cakhra Inti Plus</a>
                <a href="tab-bisnis.php">Tabungan Cakhra Bisnis</a>
                <a href="tab-junior.php">Tabungan Cakhra Junior</a>
                <a href="tab-berhadiah.php">Tabungan Berhadiah</a>
                <a href="tab-karyawan.php">Tabungan Karyawan</a>
            </div>
            <div class="sub-kolom">
                <h3>Kredit</h3>
                <a href="kre_modal_kerja.php">Kredit Modal Kerja</a>
                <a href="kre_investasi.php">Kredit Investasi</a>
                <a href="kre_konsutif.php">Kredit Konsumtif</a>
            </div>
            <div class="sub-kolom">
                <h3>Deposito</h3>
                <a href="deposito.php">Deposito</a>
            </div>
        </div>
    </div>
    <footer>
        <p>&copy; 2024 Bank Cakhra. All rights reserved <a href="https://www.instagram.com/sahabat_rimba23" target="_blank"> - ASTAT</a>.</p> 
    </footer>
</body>
</html>