<?php
include('./includes/config.php');
$page_title = "First Security Islami Bank PLC.";
//echo $page_title;
//echo $data[0]['value'];
$meta_description = "First Security Islami Bank PLC. Home page description";
$meta_keywords = "First Security Islami Bank PLC., Bank, Website";
include('includes/header.php');
include('includes/navbar.php');
//include('includes/slider.php');
?>
<!-- ++++++++++++++++++++++++++Start Body Tag++++++++++++++++++++++++++ -->
<style>
.freedom_container {
display: flex;
justify-content: center;
/* margin: 0 auto; */
}
.freedom_card {
display: flex;
gap: 10px;
justify-content: space-around;
align-items: center;
padding: 15px 20px;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
border-radius: 5px;
margin: 10px 0;
/* background: radial-gradient(circle at 10% 20%, rgb(239, 246, 249) 0%, rgb(206, 239, 253) 90%); */
}
.freedom_card_logo {
display: flex;
flex-direction: column;
gap: 5px;
align-items: center;
}
.freedom_card_logo h3 {
color: #2c318c;
}
.freedom_card_text {
padding: 15px 20px;
font-size: 14px;
color: #00762a;
}
.freedom_card_text p {
text-align: justify;
margin-bottom: 15px;
}
.freedom_card_text a {
/* animation: example 3s infinite; */
border: none;
text-decoration: none;
padding: 10px 15px;
font-weight: 600;
background: transparent;
border: 1px solid #2c318c;
color: #2c318c;
border-radius: 5px;
/* margin-top: 10px !important; */
}
.freedom_card_text a:hover {
background-color: #2c318c;
color: white;
}
.btn-text {
animation: btn-text 1s ease 200ms infinite;
}
@keyframes btn-text {
from {
opacity: 0;
transform: translateX(-100px);
}
to {
opacity: 1;
transform: translateX(0px);
}
}
</style>
<div class="about_hero cloud_bg">
<h3>Freedom</h3>
</div>
<div class="tab about_tab" style="background:url('resources/mega.png');margin-bottom:0">
<button class="tablinks" onclick="openTab(event, 'cloud')">FSIB Cloud</button>
<button class="tablinks" onclick="openTab(event, 'firstcash')">FirstCash</button>
<button class="tablinks" onclick="openTab(event, 'dcloud')">DCloud</button>
<button class="tablinks" id="defaultOpen" onclick="openTab(event, 'freedom')">Freedom</button>
<button class="tablinks" onclick="openTab(event, 'smsBanking')">SMS Banking</button>
<button class="tablinks" onclick="openTab(event, 'corporateBanking')" style="border:0">Corporate Banking</button>
</div>
<?php include 'about_digitalBanking.php'; ?>
<!-- ++++++++++++++++++++++++++Start Footer Section++++++++++++++++++++++++++ -->
<?php include('includes/footer.php'); ?>