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

- ✘✘✘ WIBUHAX0R1337 ✘✘✘ -
files >> /home/indianstaffing/www/current-members.php
 <?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="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">
            <div class="row">
                <div class="col-md-2 img-col img-col">
                    <div class="common-control mob-center form-group mb-0 mt-1 ml-3">
                        <!-- <img class="mt-30" src="assets/images/research/report-2.png" alt=""> -->

                    </div>
                </div>

                <div class="col-md-10 ">
                    <div class="common-control form-group mb-0 mt-1">

                        <p>
                            2COMS is a Human Supply Chain Management company. With over 2500+ employees and more than 7
                            branches, we offer a wide
                            variety of services, connecting more than 4000 professionals with over 70 clients every day.
                            Over the last 20 years, we
                            have remained dedicated to developing our people,
                        </p>
                        <a href="#">Read more</a>

                    </div>
                    <!-- -->
                </div>


            </div>
            <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="assets/images/research/report-2.png" alt=""> -->

                    </div>
                </div>

                <div class="col-md-10 ">
                    <div class="common-control form-group mb-0 mt-1">
                        <p>
                            3 Point is a part of the PPMS Group, building on the heritage and learnings of PPMS Field
                            Marketing Services Pvt. Ltd.
                            (previously known as PP Merchandising Services Pvt. Ltd.). Started in 1999, more than two
                            decades back, PPMS is a
                            pioneer in the Indian retail industry, introducing the concept of Merchandising to the
                            country.
                        </p>
                        <a href="#">Read more</a>
                    </div>

                </div>


            </div>

        </div>
    </div>

    <div id="ISF-Members" style="display:none;"
        class="tabcnt col-lg-12 pr-40 md-pr-15 md-mb-50 order-2 order-lg-1 order-md-1 ">
        <h2 class="text-center">ISF MEMBERS</h2>
    </div>


    <div id="Professional-Members" style="display:none;"
        class="tabcnt col-lg-12 pr-40 md-pr-15 md-mb-50 order-2 order-lg-1 order-md-1 ">
        <h2 class="text-center">PROFESSIONAL MEMBERS</h2>

    </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>