File "literacy.php"

Full path: /home/fsibplc/public_html/fsib/literacy.php
File size: 4.61 B (4.61 KB bytes)
MIME-type: text/x-php
Charset: utf-8

Download   Open   Edit   Advanced Editor   Back

<?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>
    .literacy_modal .hero {

border: 8px solid;
border-image: linear-gradient(to right, #5e63d3, #6df39c) 1;
border-radius: 15px !important;
background-color: transparent;

}

.literacy_modal img {
height: 400px;
width: 450px;
/* margin-top: -20px; */
}

.literacy_modal1 {
width: 60%;
}

.literacy_modal .carousel-caption,
.literacy_modal .carousel-caption p {
text-align: center;
color: white;
font-weight: 600;

}

.literacy_modal .carousel-caption {
background-color: rgba(0 0 0/60%);
border-radius: 10px;
}


.literacy_modal .modal-content {
background: transparent;
position: relative;
border:none;

}

.literacy_modal .btn-close {
position: absolute;
right: 16px;
top: 49px;
z-index: 2;
background-color: aliceblue;
border-radius: 15px;
}

.test_card img {
height: 250px;
transition: transform .6s ease-in-out;
}

.test_card {
background: transparent;
/* border: none;  */
cursor: pointer;

}

.img_div {
overflow: hidden;
}

.test_card:hover img {
transform: scale(1.3);
}

.test_card:hover p {
text-decoration: underline;
color: #2c318c;
}
.literacy_text {
        box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
        border-radius:30px 0;
        
    }
    .literacy_text ul {
        list-style-type: circle;
    }
</style>

    <!-- example -->

    <div class="about_hero literacy_bg">
        <!--<h3>Financial Literacy</h3>-->
    </div>
   
    
    <div class="container my-4">
    <div class="row justify-content-center my-4">
            <div class="col-md-8 literacy_text   p-4">
               
                    <h3 class="card-title alert-info p-2">Strategic Objectives</h3>

                    <p>To create a society with knowledge and skills for making responsible financial decisions, the
                        following guidelines are designed to achieve the objectives:</p>

                    <ul>
                        <li>Strengthen financial knowledge base so as to promote responsible financial behavior of an
                            individual</li>
                        <li>Capacitate people towards DFS and raise awareness against financial fraud, reduce associated
                            risk and enhance consumer protection</li>
                        <li>Reduce gender gap in financial services</li>
                        <li>Ensure delivery of synchronized financial literacy based on the needs of different target
                            groups through effective tools and monitoring mechanism</li>
                        <li>Establish sustainable financial literacy infrastructure at the community as well as national
                            level through creating enabling environment for the FLPs.</li>
                    </ul>
                   
               
            </div>
        </div>


        <div class="row row-cols-1 row-cols-md-3 g-4 justify-content-center">

            <?php
                //    $conn = new mysqli('localhost','root','','website_db');
                    $find_sql = "select * from gallery group by category_id ";

                    $result = $conn->query($find_sql);
                    while($rows=$result->fetch_assoc()) {

            ?>

            <div class="col">
                <div class="card h-100 test_card " data-bs-toggle="modal"
                    data-bs-target="#lightbox<?php echo $rows['category_id'];?>">
                    <div class="img_div">
                        <img src="uploads/gallery/<?php echo $rows['image'];?>" class="card-img-top" alt="...">
                    </div>

                    <div class="card-body">

                        <p class="card-text text-center fw-bold"><?php echo $rows['field_1'];?></p>
                    </div>

                </div>
            </div>
            <?php
        include('modal_for_gallery.php');
                    }
?>

           
        </div>
    </div>

    <!-- image slider modal -->




<!-- ++++++++++++++++++++++++++Start Footer Section++++++++++++++++++++++++++ -->
<?php include('includes/footer.php'); ?>