File "administrators.php"

Full path: /home/fsibplc/public_html/sommilito-bank/administrators.php
File size: 9.65 B (9.65 KB bytes)
MIME-type: text/x-php
Charset: utf-8

Download   Open   Edit   Advanced Editor   Back

<?php include 'header.php'; ?> 

<?php
$page = 'Management';
$title = "Sammilito Islami Bank PLC Management";
include 'page-hero.php';
?>

<div class="min-h-screen bg-gradient-to-b from-gray-50 to-white py-16">
  <div class="max-w-7xl mx-auto px-6 py-12">
    
    <!-- CONTAINER -->
    <div id="cardContainer" class="space-y-12"></div>

  </div>
</div>

<!-- MODAL -->
<div id="modal" class="fixed inset-0 bg-black/60 backdrop-blur-md hidden items-center justify-center z-50 p-4">
  <div class="bg-white/90 backdrop-blur-xl rounded-sm w-full max-w-5xl max-h-[90vh] overflow-hidden relative shadow-2xl flex flex-col md:flex-row animate-fadeIn">
    
    <button onclick="closeModal()" class="absolute top-4 right-5 text-3xl text-gray-400 hover:text-red-500">&times;</button>

    <div class="md:w-1/3 bg-gray-100 flex flex-col items-center p-8">
      <img id="modalImg" class="w-full aspect-square object-cover rounded-md mb-4">
      <h2 id="modalName" class="text-2xl font-bold text-gray-800 text-center"></h2>
      <span id="modalRole" class="inline-block mt-3 bg-teal-600 text-white px-5 py-1 rounded-full text-sm"></span>
    </div>

    <div class="md:w-2/3 overflow-y-auto px-10 py-8">
      <p id="modalText" class="text-gray-700 text-justify leading-relaxed whitespace-pre-line"></p>
    </div>

  </div>
</div>

<style>
@keyframes fadeIn {
  from {opacity: 0; transform: scale(0.95);}
  to {opacity: 1; transform: scale(1);}
}
.animate-fadeIn { animation: fadeIn 0.3s ease; }
</style>

<script>
const data = [
  {
    name: "Mr. Md. Sawkatul Alam ",
    role: "Managing Director (C.C) ",
    img: "assets/images/management/md.jpg",
    text: `Mr. Md. Sawkatul Alam is the Managing Director (C.C) of Sammilito Islami Bank PLC. Md. Sawkatul Alam, executive director, Bangladesh Bank, obtained both his bachelor's and master's degrees from the Department of Mathematics, University of Dhaka, and later earned a professional master's degree from the Department of Economics of the same university.
           Beginning his career as an assistant director at Bangladesh Bank in 1996, Md. Sawkatul Alam built a distinguished career spanning 28 years in the central bank. During this time, he served in key positions at Bangladesh Bank's Barishal and Rajshahi offices, as well as at the Department of Offsite Supervision, Bangladesh Financial Intelligence Unit, Banking Inspection Division, and also as a member of the board of directors of Bangladesh Municipal Development Fund.
           As part of his professional duties, he participated in various meetings, seminars and training workshops held in the United Kingdom, France, Austria, South Korea, Thailand, India, Mongolia, Sri Lanka and Nepal.`

  },
  {
    name: "Muhommad Badiuzzaman Dider ",
    role: "Administrator, FSIB PLC",
    img: "assets/images/management/didar.png",
    text: `Mr. Muhommad Badiuzzaman Dider, Executive Director of Bangladesh Bank has joined First Security Islami Bank PLC (FSIB) as its Administrator on Wednesday, 5 November 2025.
Mr. Dider began his career at Bangladesh Bank in 1999. Over the years, he has served in various key departments of the Central Bank, including the Banking Inspection Department, Forex Reserve and Treasury Management Department, Payment Systems Department, and Currency Management Department.
A seasoned central banker, Mr. Dider holds both Bachelor’s and Master’s degrees in Finance from the University of Dhaka. He also earned a Master’s in Bank Management (MBM) from the Bangladesh Institute of Bank Management (BIBM), and completed the DAIBB from the Institute of Bankers, Bangladesh (IBB). Throughout his distinguished career, he has gained extensive expertise in treasury management and payment systems.
Mr. Dider has represented Bangladesh in various international meetings, conferences, and seminars, enhancing the country’s presence in the global banking arena. He also previously served as the Administrator of Nagad, where he contributed significantly to ensuring operational efficiency and institutional governance.
Upon assuming charge at FSIB, Mr. Dider emphasized ensuring the smooth continuation of banking operations and reaffirmed his commitment to protecting the interests of customers, officials, and employees of the Bank. He urged all employees to remain professional, dedicated, and fearless in performing their duties to ensure the efficient functioning of the Bank and to achieve the objectives of Government and Bangladesh Bank.
Mr. Dider and his team, along with FSIB key personnel, are firmly committed to safeguarding the stability and integrity of the Bank while ensuring the well-being of customers, stakeholders, and employees.
He also called upon customers to continue availing FSIB’s banking services with full confidence, assuring them that their deposits remain completely safe and secure in this bank.
`
  },
  {
    name: "Md. Muksuduzzaman",
    role: "Administrator, GIB PLC",
    img: "assets/images/management/Muksuduzzaman.jpg",
    text: `Mr. Md. Muksuduzzaman, Director of Bangladesh Bank has joined Global Islami Bank PLC (GIB) as its Administrator on Wednesday, November 05, 2025.
    Mr. Muksud started his career at Bangladesh Bank in 1999. Over the years, he has served in various key departments of the Central Bank, including the Banking Inspection Department, Foreign Exchange Policy Department, Forex Reserve and Treasury Management Department, Currency Management Department and The Security Printing Corporation Bangladesh Ltd. popularly known as TAKSHAL as senior management position.
A seasoned central banker, Mr. Muksud holds Bachelor's in Finance and Master's in Banking from the University of Dhaka. He also completed Post Graduate Diploma in Personnel Management from Bangladesh Institute of Management (BIM) and completed the DAIBB from the Institute of Bankers, Bangladesh (IBB). Throughout his career, he has gained extensive expertise in treasury management, foreign exchange policy formulation and investment in international forex market as well.
Mr. Muksud has represented Bangladesh in various international meetings, seminars, conferences, contribute in international negotiation, enhancing the country's presence in the global banking and service industries.
Upon assuming charge at GIB, Mr. Muksud emphasized ensuring the graceful continuation of banking operation and reassert his commitment to protecting the interests of the customers, officials and employees of the Bank. He persuaded all employees to remain professional, dedicated and fearless in performing their duties to ensure the expeditious and flawless functioning of the Bank to achieve the objectives of the Government and Bangladesh Bank.
Mr. Muksud and his team, along with GIB key personnel, are firmly committed to focusing corporate governance, guarding the stability and integrity of the Bank while ensuring the well-being of the customers, stakeholders, welfare of the employees and contributing to the national achievement.
He also urged the customers to bank with GIB with full confidence, assuring them that their deposits remain completely safe and secure in this Bank.
`
  },
  {
    name: "MD. SALAH UDDIN",
    role: "Administrator, Social Islami Bank PLC",
    img: "assets/images/management/SALAH.jpg",
    text: "Details..."
  },
  {
    name: "Mohammad Abul Hashem",
    role: "Administrator, Union Bank PLC",
    img: "assets/images/bod/sample.png",
    text: "Details..."
  },
  {
    name: "Director 5",
    role: "Director",
    img: "assets/images/bod/sample.png",
    text: "Details..."
  },
  {
    name: "Director 6",
    role: "Director",
    img: "assets/images/bod/sample.png",
    text: "Details..."
  },
  {
    name: "Director 7",
    role: "Director",
    img: "assets/images/bod/sample.png",
    text: "Details..."
  }
];

const container = document.getElementById("cardContainer");

// 1–3–3–1 layout
const layout = [
  [data[0]],
  data.slice(1, 5)
];

layout.forEach(row => {
  let rowDiv = document.createElement("div");

  // Row style
  if(row.length === 1){
    rowDiv.className = "flex justify-center";
  } else {
    rowDiv.className = "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 justify-items-center";
  }

  row.forEach(d => {
    let index = data.indexOf(d);

    const card = document.createElement("div");
    card.className = "bg-white rounded-lg hover:border-teal-800 shadow-sm hover:shadow-xl transition duration-300 hover:-translate-y-1 group flex flex-col items-center p-4 w-full max-w-xs cursor-pointer";

    card.onclick = () => openModal(index);

    card.innerHTML = `
      <img src="${d.img}" class="h-80 w-auto object-cover rounded-md mb-4">
      <p class="text-sm font-semibold text-teal-800">${d.role}</p>
      <h3 class="text-sm mt-1 text-center text-gray-700 font-semibold">${d.name}</h3>
    `;

    rowDiv.appendChild(card);
  });

  container.appendChild(rowDiv);
});

// MODAL FUNCTIONS
function openModal(i){
  const d = data[i];
  const modal = document.getElementById('modal');

  modal.classList.remove('hidden');
  modal.classList.add('flex');

  document.getElementById('modalImg').src = d.img;
  document.getElementById('modalName').innerText = d.name;
  document.getElementById('modalRole').innerText = d.role;
  document.getElementById('modalText').innerText = d.text;
}

function closeModal(){
  document.getElementById('modal').classList.add('hidden');
}

// Close modal on outside click
document.getElementById('modal').onclick = e => {
  if(e.target.id === 'modal') closeModal();
}

// ESC key close
document.onkeydown = e => {
  if(e.key === "Escape") closeModal();
}
</script>

<?php include 'footer.php'; ?>