✘ ✘ ✘ ֆայլի փորձնական ✘ ✘ ✘

- ✘✘✘ WIBUHAX0R1337 ✘✘✘ -
✘ PATCH : /home/indianstaffing/public_html/
files >> /home/indianstaffing/public_html/current-member.php
 <?php 
include 'admin/database/config.php';
include'header.php' ?>
<style>
    .wrapingimage {
        float: left;
        padding: 0px 30px 10px 0px;
    }
</style>
<style>
    .isf-interview {
        max-width: 100% !important;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .br-5 {
        border-radius: 5px;
    }

    .mb-10 {
        margin-bottom: 10px;
    }

    .stf-demand {
        text-align: justify;
        padding-right: 18px;
        color: #000;
        padding-left: 25px;
        list-style-type: disc;
        font-size: 14px;
        word-spacing: -3px;
    }

    .stf-demand li {
        font-size: 0.8rem;
    }

    .team-report {
        background: #fff;
        max-width: 270px;
        position: relative;
        bottom: 132px;
        text-align: center;
        border-radius: 3px;
        margin: 0px 19px;
        padding: 16px 0px 12px 0px;
    }

    .tablk {
        max-width: 230px;
        padding: 10px 20px;
        line-height: 38px;
        font-size: 14px;
        border-radius: 8px;
        cursor: pointer;
    }

    .tablk.active {
        background-color: hsl(214deg 92% 28%);
        max-width: 230px;
        color: #fff !important;
        padding: 10px 20px;
        line-height: 38px;
        font-size: 14px;
        border-radius: 8px;
    }

    .team-report-date {
        font-size: 12px;
        font-Weight: 600;
        color: hsl(20 2% 61% / 4);
    }

    .team-report-heading {
        font-size: 16px;
        line-height: 24px;
        font-Weight: 700;
        padding: 6px 17.5px;
        text-align: center;
        margin: 0px;
    }

    .demand {
        margin-top: -79px;
        padding-bottom: 1px;
        border-radius: 15px;
        padding-top: 75px;
        box-shadow: 4px 6px 6px 2px #f1f1f1;
        /* background-color: transparent !important; */
        text-align: center;
        justify-content: flex-start;
        /* border: 1px solid #ebebeb; */
    }

    .demand:hover {
        margin-top: -79px;
        padding-bottom: 1px;
        border-radius: 15px;
        padding-top: 75px;
        /*box-shadow: 4px 6px 6px 2px #818181;*/
        /*background-color: hsl(205deg 100% 79%) !important;*/
        text-align: center;
        justify-content: flex-start;
    }

    .demand-img {
        padding: 1rem;
        /*margin: 0rem 0rem 1.5rem 4rem;*/
        margin-bottom: 1.5rem;
        height: 129px;
        position: relative;
        text-align: center;
        background: #fff;
        width: 129px;
        border-radius: 80%;
        border: 6px solid #000;
    }

    .hero_banner {
        background-image: url("assets/images/research/hero_banner.png");
        height: 30vh;
        background-size: cover;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .hero_context {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dropdown {
        width: 18rem;
        padding: 7px 10px;
        outline: none;
        border: none;
        background: #94d3ff;
        color: #fff;
        border-radius: 2px;
    }

    .bargraph {
        width: 55%;
    }

    .team-wrap {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        border-radius: 15px;
    }

    .download-btn {
        margin: 15px 0px 0px 0px;
        color: #fff;
        border: none;
        background: #004089;
    }


    .common-control {
        display: flex;
        flex-direction: column;
        /* align-items: center; */
    }

    .img-col {
        align-items: center;
        display: flex;
        justify-content: center;
    }

    @media only screen and (max-width: 600px) {
        .bargraph {
            width: 100%;
        }
    }
</style>

<section>
<div class="rs-breadcrumbs" style="background-color: #003473;">
        <div class="container">
            <div class="text-center pt-20 pb-20">
                <h1 class="breadcrumbs-title white-color mb-0" style="font-size:35px">ISF Members</h1>
            </div>
        </div>
    </div>
    <div id="ISF" class="mb-30 tabcnt col-lg-12 pr-40 md-pr-15 md-mb-50 order-2 order-lg-1 order-md-1 ">
        <!-- <h2 class="text-center">Advocacy</h2> -->
        <div class="container">
            <?php 
                 $res = mysqli_query($con, "SELECT * FROM `members_logo` order by alt asc");
                 $check = mysqli_num_rows($res);
                if ($check >0 ) {
                    while($rows=mysqli_fetch_assoc($res)){
                    ?>
            <hr class="solid" style="border-top: 1px solid #e1e1e1;">
            <div class="row">
                <div class="col-md-2 img-col ">
                    <div class="common-control mob-center form-group mb-0 mt-1 ml-3">
                         <img class="mt-30" SRC="<?=$weburl?>admin/uploads/members-logo/<?= $rows['memberslogo']; ?>" alt="<?=$rows['alt']?>"> 

                    </div>
                </div>

                <div class="col-md-10 ">
                    <div class="common-control form-group mb-0 mt-1">
                        <p>
                            <?=$rows['description']?>
                        </p>
                        <a href="<?=$rows['links']?>" target="_blank">Read more</a>
                    </div>

                </div>


            </div>
        <?php }} ?>
            
          
    </div>

</section>


<?php include'footer.php' ?>
<!-- <script>
    $(document).ready(function () {
        $(".tablk").click(function () {
            $(".tablk").removeClass("active");
            // $(".tab").addClass("active"); // instead of this do the below 
            $(this).addClass("active");
        });
    });
</script>
<script>
    function openCity(evt, cityName) {
        // Declare all variables
        var i, tabcnt, tablk;

        // Get all elements with class="tabcnt" and hide them
        tabcnt = document.getElementsByClassName("tabcnt");
        for (i = 0; i < tabcnt.length; i++) {
            tabcnt[i].style.display = "none";
        }

        // Get all elements with class="tablk" and remove the class "active"
        tablk = document.getElementsByClassName("tablk");
        for (i = 0; i < tablk.length; i++) {
            tablk[i].className = tablk[i].className.replace("active", "");
        }

        // Show the current tab, and add an "active" class to the link that opened the tab
        document.getElementById(cityName).style.display = "block";
        evt.currentTarget.className += " active";
    }
</script> -->