File "footer_OLD2.php"
Full path: /home/fsibplc/public_html/includes/footer_OLD2.php
File
size: 21.22 B (21.22 KB bytes)
MIME-type: text/html
Charset: utf-8
Download Open Edit Advanced Editor Back
<footer id="footer">
<div class="footer_wrapper">
<div class="footer_content">
<img src="resources/logo.jpg" alt="" width="200" 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-ChargesJune-2021pdf.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>
<button onclick="topFunction()" id="topBtn" title="Go to top"><i class="fa-solid fa-arrow-up"></i></button>
<!-- Option 1: Bootstrap Bundle with Popper -->
<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>
<!-- whats new carousel cdn -->
<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>
<!-- jquery 3.3.1 -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js"></script>
<!-- new addition -->
<!-- logo add start-->
<script>
$(function() {
$(window).scroll(function() {
if ($(this).scrollTop() > 200) {
$('.navbar-brand-img img').attr('src', 'resources/logo/small_logo.png');
}
if ($(this).scrollTop() < 200) {
$('.navbar-brand-img img').attr('src', '');
}
})
});
</script>
<!-- logo add end-->
<!-- sticky header start -->
<script>
document.addEventListener("DOMContentLoaded", function() {
window.addEventListener('scroll', function() {
if (window.scrollY > 200) {
document.getElementById('main_menu').classList.add('fixed-top');
// add padding top to show content behind navbar
navbar_height = document.querySelector('.navbar').offsetHeight;
document.body.style.paddingTop = navbar_height + 'px';
} else {
document.getElementById('main_menu').classList.remove('fixed-top');
// remove padding top from body
document.body.style.paddingTop = '0';
}
});
});
</script>
<!-- sticky header end -->
<!-- Common Hero section start -->
<script>
var path = window.location.pathname;
console.log(path);
var page = path.split("/").pop()+".jpg";
console.log(page);
var page = path.split("/").pop();
console.log(page);
var bgName = page.substring(0,page.length-4)+".jpg";
document.addEventListener('DOMContentLoaded', function() {
var anchors = document.querySelectorAll('.dropdown-item');
anchors.forEach(function(anchor) {
anchor.addEventListener('click', function(event) {
var siblings = this.parentElement.querySelector('.dropdown-header');
var headerTitle = siblings.innerText;
// alert(headerTitle);
// console.log(headerTitle);
localStorage.setItem('headerText', headerTitle);
// event.preventDefault();
});
});
});
var storedText = localStorage.getItem('headerText');
if (storedText == "COMPANY INFO") {
document.querySelector('.about_hero').style.backgroundImage = "url(HeroBg/company.png)";
} else if (storedText == "CORPORATE GOVERNANCE") {
document.querySelector('.about_hero').style.backgroundImage = "url(HeroBg/board.png)";
} else if (storedText == "COMPLIANCE") {
document.querySelector('.about_hero').style.backgroundImage = "url(HeroBg/Compliance.png)";
} else if (storedText == "MUDARABA SAVINGS ACCOUNT" || "AL WADIAH ACCOUNT" || "FOREIGN ACCOUNT" || "MUDARABA TERM DEPOSIT" || "MUDARABA SCHEME ACCOUNT") {
document.querySelector('.about_hero').style.backgroundImage = "url(HeroBg/deposit.png)";
}
else if (storedText == "BAI-MECHANISM (TRADING MODE)" || "SHARE MECHANISM (PARTNERSHIP MODE)" || "IJARA MECHANISM (LEASING MODE)")
{
document.querySelector('.about_hero').style.backgroundImage = "url(HeroBg/Investment.jpg)";
}
else if (storedText == "Agent Banking") {
document.querySelector('.about_hero').style.backgroundImage = "url(HeroBg/agent.jpeg)";
} else if (storedText == "FSIB Card") {
document.querySelector('.about_hero').style.backgroundImage = "url(HeroBg/agent.jpeg)";
} else if (storedText == "IBFT" || "Swift" || "Utility Bill Payment" || "E-Gp Payment" || "A Challan" || "E- Hajj" || "Locker Service" || "Tasdir") {
document.querySelector('.about_hero').style.backgroundImage = "url(HeroBg/service.jpg)";
} else if (storedText == "FSIB Cloud" || "FirstCash" || "DCloud" ||"Freedom" ||"SMS Banking" || "Corporate Banking") {
document.querySelector('.about_hero').style.backgroundImage = "url(HeroBg/digital.png)";
} else if (storedText == "Corporate News" || "Agreement Signing" || "Training" ||"Opening" ||"Interview" || "Fair" || "CSR" || "Meeting") {
document.querySelector('.about_hero').style.backgroundImage = "url(HeroBg/NewsMedia.png)";
} else if (storedText == "Branch" || "Sub Branch" || "ATM" ||"CRM" ||"Collection Booth" || "Agent Outlet") {
document.querySelector('.about_hero').style.backgroundImage = "url(HeroBg/Location.jpg)";
}
else {
document.querySelector('.about_hero').style.backgroundImage = "url(HeroBg/location.png)";
}
</script>
<!-- Common Hero section End -->
<!-- common hero heading -->
<script>
var navLinks = document.querySelectorAll('.dropdown-item');
var h3Element = document.querySelector('.about_hero h3');
navLinks.forEach(function(link) {
link.addEventListener('click',
function(event) {
var textPath = getTextPath(link);
h3Element.innerText = textPath;
localStorage.setItem('navText', textPath);
});
});
function getTextPath(link) {
var textPath = link.innerText;
var parent = link.parentElement;
while (parent && parent.tagName.toLowerCase() != 'nav') {
if (parent.classList.contains('nav-link')) {
textPath = parent.innerText + ' > ' + textPath;
}
parent = parent.parentElement;
}
return textPath;
}
var storedText = localStorage.getItem('navText');
if (storedText) {
h3Element.innerText = storedText;
}
</script>
<!-- common hero heading -->
<!-- scroll to Top button start -->
<script>
// Get the button
let myTopbutton = document.getElementById("topBtn");
// 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>
<!-- scroll to Top button end -->
<script>
</script>
<script>
var myModal = new bootstrap.Modal(document.getElementById('frontModal'))
window.onload = function() {
myModal.show();
}
</script>
<!-- Tab Js start -->
<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>
<!-- Tab Js End -->
<!-- Vertical Tab Js start -->
<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>
<!-- Vertical Tab Js End -->
<!-- changing active tab color -->
<script>
$(document).ready(function() {
$('.tab button').click(function(ev) {
$('.tab button').removeClass('selected');
$(ev.currentTarget).addClass('selected');
});
});
</script>
<script>
// active menu
$(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>
<!-- IBFT TAB START -->
<script>
const tabWrapper = document.querySelector(".tab_wrapper");
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>
<!-- IBFT TAB END -->
<!-- Tasdir tab start -->
<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));
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>
<!-- Tasdir tab end -->
<!-- cloud tab start -->
<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));
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>
<!-- cloud tab end -->
<!-- corporate banking tab -->
<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));
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>
<!-- corporate banking tab -->
<!-- all location datatable and modal start -->
<script>
$(document).ready(function() {
$('#brTable').DataTable();
$('#subbrTable').DataTable();
$('#collectionTable').DataTable();
$('#crmTable').DataTable(
);
$('#atmTable').DataTable(
);
$('#agentTable').DataTable(
);
$('#crmTable').DataTable(
);
});
</script>
<script>
$(document).ready(function() {
$("#atmTable").on("click", ".ab", function() {
id_location = $(this).attr('id');
$.ajax({
url: "atm_api.php",
method: 'post',
data: {
modal_id: id_location
},
success: function(result) {
$('.atm_moral').html(result);
}
});
$('#atmModal').modal('show');
// your code goes here
});
})
</script>
<script>
$(document).ready(function() {
$("#brTable").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>
<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>
<!-- all location datatable and modal end -->