Tiny File Manager

Back Back Up Advanced Editor

<footer id="footer">
    <div class="footer_wrapper">
        <div class="footer_content">
            <img src="resources/logo banner-02.png" alt="" width="300" height="60">
            <br><br>
            <div class="footer_icon">
                <i class="fa-solid fa-house"></i>
                <div class="footer_text">Rangs RD Center, Block: SE (F),<br> Plot:03,Gulshan Avenue,<br> Gulshan 1,
                    Dhaka:1212
                </div>
            </div>
            <div class="footer_icon">
                <i class="fa-solid fa-phone"></i>
                <div class="footer_text">+880215151515</div>
            </div>
            <div class="footer_icon">
                <i class="fa-solid fa-envelope"></i>
                <div class="footer_text">contact@fsiblbd.com</div>
            </div>
            <div class="footer_icon">
                <i class="fa-solid fa-globe"></i>
                <div class="footer_text">SWIFT Address: FSEBBDDH</div>
            </div>
        </div>

<div class="footer_content">
            <p class="footer_title">Rates & Charges</p>
            <div class="footer_icon">
                <a href="foreign_exchange_rate.php">
                    <div class="footer_text">Foreign Exchange Rate</div>
                </a>
            </div>
            <div class="footer_icon">
                <a href="mudaraba_term_account.php">
                    <div class="footer_text">Profit Rate</div>
                </a>
            </div>
            <div class="footer_icon">
                <a href="./File/schedule of charges_Updated.pdf" target="_blank">
                    <div class="footer_text">Schedule of Charges</div>
                </a>
            </div>

<br>
            <p class="footer_title">Help & Support</p>
            <div class="footer_icon">
                <a href="contact.php">
                    <div class="footer_text">Contact Us</div>
                </a>
            </div>
            <div class="footer_icon">
                <a href="call.php">
                    <div class="footer_text">Call Center</div>
                </a>
            </div>
            <div class="footer_icon">
                <a href="complaint.php">
                    <div class="footer_text">Complaint Cell</div>
                </a>
            </div>
            <div class="footer_icon">
                <a href="rti.php">
                    <div class="footer_text">Right to Information (RTI)</div>
                </a>
            </div>

</div>

<div class="footer_content">
            <p class="footer_title">Apps & Software</p>
            <div class="footer_icon">
                <a href="https://cloud.fsiblbd.com/FSIBLCLOUD/login?returnUrl=%2F" target="_blank">
                    <div class="footer_text">Cloud Web Login</div>
                </a>
            </div>
            <div class="footer_icon">
                <a href="https://cloud.fsiblbd.com/Corporate/login?returnUrl=%2F" target="_blank">
                    <div class="footer_text">Corporate e-Banking Login</div>
                </a>
            </div>
            <div class="footer_icon">
                <a href="https://freedom.fsiblbd.com/ekyc" target="_blank">
                    <div class="footer_text">FSIB Freedom</div>
                </a>
            </div>
            <div class="footer_icon">
                <a href="https://trdms.fsiblbd.com/trdms/f?p=100:9999:2854537863065:::::" target="_blank">
                    <div class="footer_text">Tax Return Document</div>
                </a>
            </div>
            <div class="footer_icon">
                <a href="https://play.google.com/store/apps/details?id=com.isdd.bb.org" target="_blank">
                    <div class="footer_text">Mobile app for ATM Booths and Branches</div>
                </a>
            </div>
        </div>
        <div class="footer_content">
            <p class="footer_title">Other Important Link</p>

<div class="footer_icon">
                <a href="tender.php">
                    <div class="footer_text">Tender</div>
                </a>
            </div>
            <div class="footer_icon">
                <a href="https://erecruitment.fsiblbd.com/test_erc/fsibl_site.php" target="_blank">
                    <div class="footer_text">Career</div>
                </a>
            </div>
            <div class="footer_icon">
                <a href="unclaimed_deposit.php">
                    <div class="footer_text">Unclaimed Deposit</div>
                </a>
            </div>
            <div class="footer_icon">
                <a href="CMSME.php">
                    <div class="footer_text">CMSME Disbursement related information</div>
                </a>
            </div>
        </div>
    </div>
</footer>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous">
</script>

<script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.0.7/dist/js/splide.min.js"></script>
<script src="assets/js/script.js"></script>

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

// When the user scrolls down 20px from the top of the document, show the button
    window.onscroll = function() {
        scrollFunction()
    };

function scrollFunction() {
        if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
            myTopbutton.style.display = "block";
        } else {
            myTopbutton.style.display = "none";
        }
    }

// When the user clicks on the button, scroll to the top of the document
    function topFunction() {
        document.body.scrollTop = 0;
        document.documentElement.scrollTop = 0;
    }
</script>

<script>
    function openTab(evt, tabName) {
        var i, tabcontent, tablinks;
        tabcontent = document.getElementsByClassName("tabcontent");
        for (i = 0; i < tabcontent.length; i++) {
            tabcontent[i].style.display = "none";
        }
        tablinks = document.getElementsByClassName("tablinks");
        for (i = 0; i < tablinks.length; i++) {
            tablinks[i].className = tablinks[i].className.replace(" active", "");

}
        document.getElementById(tabName).style.display = "block";
        // document.getElementById(tabName).style.background = "yellow";

evt.currentTarget.className += " active";
        evt.currentTarget.className += " selected";
    }

// Get the element with id="defaultOpen" and click on it
    document.getElementById("defaultOpen").click();
</script>

<script>
    function openVTab(evt, tabName) {
        var j, v_tabcontent, v_tablinks;
        v_tabcontent = document.getElementsByClassName("v_tabcontent");
        for (j = 0; j < v_tabcontent.length; j++) {
            v_tabcontent[j].style.display = "none";

}
        v_tablinks = document.getElementsByClassName("tablinks");
        for (j = 0; j < v_tablinks.length; j++) {
            v_tablinks[j].className = v_tablinks[j].className.replace(" active", "");

}
        document.getElementById(tabName).style.display = "block";

evt.currentTarget.className += " active";

}

document.getElementById("defaultOpen").click();
</script>

$(document).ready(function() {
        var url = window.location;
        $('ul.navbar-nav a[href="' + url + '"]').parents().addClass('active');

$('ul.navbar-nav a').filter(function() {
            return this.href == url;
        }).parents().addClass('active').parents().parents().addClass('active');
    });

//    carousel script
    var splide = new Splide('.splide', {
        perPage: 4,
        perMove: 1,
        gap: '0.7rem',
        padding: '2rem',

type: 'loop',
        autoplay: 'false',
        pagination: false,
        snap: true,
        interval: '3000',

breakpoints: {
            990: {
                perPage: 2,
                gap: '.1rem',
                padding: '4rem',

},
            640: {
                perPage: 1,
                gap: '.1rem',
                padding: '4rem',

},
            480: {
                perPage: 1,
                gap: '.1rem',
                padding: '4rem',

},
        },
    });

splide.mount();
</script>

const tabBtns = tabWrapper.querySelectorAll(".tab_btn");
    const underLine = tabWrapper.querySelector(".tab_underline");
    const tabContents = tabWrapper.querySelectorAll(".tab_content");

/* document.addEventListener("DOMContentLoaded", function () {
         tabContents.forEach((content) => {
                 content.style.display = "none";
            });
     });*/

//  Active first element on load
    tabBtns[0].classList.add("active");

tabBtns.forEach((btn, index) => {
        btn.addEventListener("click", () => {

//remove already active class
            tabBtns.forEach((btn) => btn.classList.remove("active"));
            // Add active class on clicked
            btn.classList.add("active");

//move underline to active 
            underLine.style.left = `${btn.offsetLeft}px`;
            //  set width of underline equals to btn width
            underLine.style.width = `${btn.offsetWidth}px`;

// show active tab content
            tabContents.forEach((content) => {
                // content.style.display = "block";
                content.style.transform = `translateX(-${index * 100}%)`;
            });

});
    });

let boxes = document.querySelectorAll("input[type=checkbox]");
    // always show the first accordion item
    boxes[0].checked = true;
    boxes.forEach(b => b.addEventListener("change", tick));

function tick(e) {
        let state = e.target.checked; // save state of changed checkbox
        boxes.forEach(b => b.checked = false); // clear all checkboxes
        e.target.checked = state; // restore state of changed checkbox
    }
</script>

<script>
    let boxes = document.querySelectorAll("input[type=checkbox]");
    // first checkbox element checked on page load
    boxes[0].checked = true;
    boxes.forEach(b => b.addEventListener("change", tick));

$('#brTable').DataTable();

$('#subbrTable').DataTable();

$('#collectionTable').DataTable();

$('#crmTable').DataTable(

);
        $('#atmTable').DataTable(

);
        $('#agentTable').DataTable(

);
        $('#crmTable').DataTable(

);

});
</script>

// your code goes here
        });
    })
</script>

// your code goes here
        });
    })
</script>
<script>
    $(document).ready(function() {
        $("#crmTable").on("click", ".ab", function() {
            id_location = $(this).attr('id');
            $.ajax({
                url: "crm_api.php",
                method: 'post',
                data: {
                    modal_id: id_location
                },
                success: function(result) {
                    $('.crm_moral').html(result);
                }
            });
            $('#crmModal').modal('show');

// your code goes here
        });
    })
</script>
<script>
    $(document).ready(function() {
        $("#agentTable").on("click", ".ab", function() {
            id_location = $(this).attr('id');
            $.ajax({
                url: "modal_api.php",
                method: 'post',
                data: {
                    modal_id: id_location
                },
                success: function(result) {
                    $('.map_moral').html(result);
                }
            });
            $('#locationModal').modal('show');

// your code goes here
        });
    })
</script>

</body>
</html>