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

- ✘✘✘ WIBUHAX0R1337 ✘✘✘ -
✘ PATCH : /home/indianstaffing/public_html/
files >> /home/indianstaffing/public_html/membership.php
 <?php 
    include'header.php';

    if(isset($_POST['submit'])){

        $name = mysqli_real_escape_string($con,$_POST['name']);
        $email = mysqli_real_escape_string($con,$_POST['email']);
        $phone = mysqli_real_escape_string($con,$_POST['phone']);
        $query = mysqli_real_escape_string($con,$_POST['query']);
        $added_on = date('d-m-Y H:i:s');
        // print_r($_POST);die;
        $sql = "INSERT INTO `membership_query`(`name`, `email`, phone,`query`, `added_on`) VALUES ('$name','$email',$phone,'$query','$added_on')";
        // print_r($sql);die;
        $query = mysqli_query($con,$sql);
        if($query){
            // echo "date inserted";die;
            echo '<script type="text/javascript">alert("We have received your Query!")</script>';
            echo '<script type="text/javascript">window.location = "membership.php";</script>';
        }else{
            echo '<script type="text/javascript">alert("Somthing went wrong, please try again.")</script>';
             echo '<script type="text/javascript">window.location = "membership.php";</script>';
        }
    }
?>


<style>
    .loadComp{
      display:none;
      }
      
    .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: 0;
        line-height: 30px;
        height: 30px;
        font-size: 13px;
        border-radius: 8px;
        cursor: pointer;
    }

    .tablk.active {
        background-color: hsl(214deg 92% 28%);
        /*max-width: 230px;*/
        color: #fff !important;
        padding: 0 5px;
        line-height: 30px;
        height: 30px;
        font-size: 13px;
        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/member/member-header.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;
    }

    .query-from {
        background-color: #003986;
        padding: 15px;
        border-radius: 5px;
    }

    .btn-primary {
        background-color: #fff;
        color: #003986;
    }

    .common-control {
        display: flex;
        flex-direction: column;
    }

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

    @media only screen and (max-width: 600px) {
        .bargraph {
            width: 100%;
        }
    }
    @media (max-width: 1165px){
        .hero_banner .content-part{
          width:180px!important;
          height:180px!important;
        }
    }
</style>
<style>
    .top-sec .featured-title h5{
        font-size: 18px!important
    }
    h5{
        font-size: 14px !important;
        margin: 0 0 10px !important;
    }
    .deepak .featured-desc{
        display: none;
    }
    .deepak .featured-icon-box.icon-align-top-content.style6{
        cursor: pointer;
        height: 150px;
        padding:0 10px;
        /* border: 1px solid; */
    }
    .deepak .featured-icon-box.icon-align-top-content.style6 .cmt-icon{
        height: 57px;
        width: 50px;
        line-height: 57px;
        margin-top: 10px;
    }
    .deepak .featured-icon-box .cmt-icon img{
        width: 100%;
        height: 100%;
        margin-top: 15px;
    }
    .deepak .featured-icon-box.icon-align-top-content.style6{
        margin-top: 0;
        margin-bottom: 10px;
        border-radius: 80% 40%;
    }
    .deepak .featured-icon-box.icon-align-top-content .featured-content{
        padding-top: 14px;
    }
    .deepak .featured-title h5{
        font-size: 12px;
        line-height: 17px;
        /* margin-right: 15px; */
        margin-top: 10px;
    }
    #main {
        margin: 50px 0;
    }

    #main #faq .card {
        margin-bottom: 30px;
        border: 0;
    }

    #main #faq .card .card-header {
        border: 0;
        -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
        box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
        border-radius: 2px;
        padding: 0;
    }

    #main #faq .card .card-header .btn-header-link {
        display: block;
        text-align: left;
        background: #ffe7ee;
        color: rgb(0, 0, 0);
        padding: 20px;
    }

    #faq .card .card-header .btn-header-link:after {
        content: "\f070";
        font-family: FontAwesome;
        font-weight: 900;
        float: right;
    }

    #faq .card .card-header .btn-header-link.collapsed:after {
        content: "\f06e ";
        font-family: FontAwesome;
    }

    #main #faq .card .collapsing {
        background: #ffe7ee;
        line-height: 30px;
    }

    #main #faq .card .collapse {
        border: 0;
    }

    #main #faq .card .collapse.show {
        background: #ffe7ee;
        line-height: 30px;
        color: rgb(112, 98, 98);
    }

    .card {
        border: none;
        box-shadow: 2px 2px 7px 0px #b3b7ff73;
    }

    .card .btn {
        font-weight: 500;
        width: 100%;
        text-align: left;
    }

    .card-header {
        background-color: #fff;
        border: none;
        display: flex;
        align-items: center;
    }

    .card-body {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        min-height: 1px;
        font-weight: 500;
        padding: 1.25rem;
        color: grey;
        text-align: justify;
    }

    .btn:focus {
        outline: 0;
        box-shadow: none;
    }

    .border-r {
        border-right: 1px solid;
    }

    .faq-section {
        background-color: #f3faff;
        padding: 30px 0px 40px 0px;
    }

    .mob-padding {
        margin-top: 50px;
    }

    @media only screen and (max-width:768px) {
        .faq-section {
            background-color: #f3faff;
            padding: 30px 0px;
        }

        .mob-padding {
            margin-top: 10px;
        }

        .mob-fs {
            font-size: 20px !important;
        }
        .speakers_slider.slider10 .owl-nav .owl-next{
            right: 0!important;
        }
        .speakers_slider.slider10 .owl-nav .owl-prev{
            left:0!important;
        }
    }
    .mb-50 {
    margin-bottom: 30px !important;
    }
    .tabcnt .readon-outline-dark{
        font-size: 13px!important;
        padding: 3px 20px!important;
    }
     .hero_banner{
      height: 40vh;
   }
   .hero_banner .content-part{
        position: absolute;
        width: 200px;
        height: 200px;
        border-radius: 80% 40%;
    }
</style>
<section class="hero_banner">
    <div class="hero_context">
        
    </div>
    <div class="content-part no-mobile" style="display: flex;align-items: center;justify-content: center;background:#003373;position: absolute;left: 5%;">
        <div class="slider-des">
            <h1 class="sl-title white-color text-center" style="font-size: 21px;line-height: 25px;">BECOME A MEMBER</h1>
            <div class="sl-desc text-center">
            </div>
        </div>
    </div>
</section>


<section class="py-5">
    <div class="container">
        <h2 class="text-center mb-50">Our Membership</h2>
        <div class="row">
            <div class="col-lg-4 col-sm-4 mb-30 border-r">
                <div class="team-wrap">
                    <h5>GEOGRAPHICAL SPREAD</h5>
                    <div>
                        <img style=" width:90%;padding-top: 10px;" src="assets/images/member/g-1.jpg" alt="">
                    </div>

                </div>
            </div>
            <div class="col-lg-4 col-sm-4 mb-30 border-r">
                <div class="team-wrap">
                    <h5 class="">BUSINESS FOCUS</h5>
                    <div>
                        <img style=" width:90%;     padding-top: 10px;" src="assets/images/member/g-2.jpg" alt="">
                    </div>
                    <hr class="solid" style="border-top: 1px solid #000000;width: 100%;">
                    <div>
                        <p class="mb-0" style="font-size: 13px !important;">MAGNITUDE WISE MEMBER COMPOSITION *TOTAL IS GREATER THAN 100% AS SOME COMPANIES
                            ARE IN
                            MULTIPLE AREAS</p>
                        <img style=" width:90%;     padding-top: 10px;" src="assets/images/member/g-3.jpg" alt="">
                    </div>

                </div>
            </div>
            <div class="col-lg-4 col-sm-4 mb-30 ">
                <div class="team-wrap">
                    <h5>OUR GROWING MEMBER COMMUNITY</h5>
                    <div>
                        <img style=" width:90%;     padding-top: 10px;" src="assets/images/member/g-4.jpg" alt="">
                    </div>

                </div>
            </div>
        </div>
    </div>
</section>


<section style="background-color: #f3faff; padding: 50px 0px;">
    <div id="tab-4" class="tab-content">
        <div class="gallery_product col-lg-12 col-md-12 col-sm-12 col-xs-6 mb-0 filter member">
            <div class="container">
                <!-- row -->
                <div class="row">
                    <div class="col-lg-12">
                        <!-- section title -->
                        <div class="section-title title-style-center_text">
                            <div class="title-header text-center">
                                <h2>Why Become A Member?</h2>
                                <p>Where one compnay cannot do it alone - We do it together! <br /> The only association
                                    in India to bring professionals and industry experts together to introduce best
                                    practices, discuss new ideas and implement solutions to common business challeges.
                                    These connections will help you grow your network and expand business opportunities.
                                </p>
                            </div>
                        </div><!-- section title end -->
                    </div>
                </div><!-- row end -->
                <!-- row -->
                <style type="text/css">
                    .a1{
                        box-shadow: 4px 6px 6px 2px #2191a61f;
                        transition: all .3s;
                    }
                    .a2{
                        box-shadow: 4px 6px 6px 2px #2191a61f;
                        transition: all .3s;
                    }
                    .a3{
                        box-shadow: 4px 6px 6px 2px #2191a61f;
                        transition: all .3s;
                    }
                    .a4{
                        box-shadow: 4px 6px 6px 2px #2191a61f;
                        transition: all .3s;
                    }
                    .a5{
                        box-shadow: 4px 6px 6px 2px #2191a61f;
                        transition: all .3s;
                    }
                    .a6{
                        box-shadow: 4px 6px 6px 2px #2191a61f;
                        transition: all .3s;
                    }
                    .a1:hover, .a2:hover, .a3:hover, .a4:hover, .a5:hover, .a6:hover{
                        transform: scale(1.2);
                    }
                </style>
                <div class="row">
                    <div class="col-lg-6">
                        <div class="featuredbox-number deepak">
                            <div class="row">
                                <div class="col-lg-4 col-md-4 col-6">
                                    <a href="research.php">
                                        <div class="featured-icon-box icon-align-top-content style6 a1" style="background-color: #fff;">
                                            <div class="featured-icon">
                                                <div
                                                    class="cmt-icon cmt-icon_element-onlytxt cmt-icon_element-color-white cmt-icon_element-size-md">
                                                    <img src="assets/images/icons/gain-insights.png" alt="">
                                                    <span class="fea_num cmt-textcolor-darkgrey">
                                                        <i class="cmt-num ti-info"></i>
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="featured-content">
                                                <div class="featured-title">
                                                    <h5>Gain insights on Industry Trends</h5>
                                                </div>
                                                <div class="featured-desc">
                                                    <p>We always provide people a complete solution focused of any business
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-4 col-6">
                                    <a href="event.php">
                                        <div class="featured-icon-box icon-align-top-content style6 a2" style="background-color: #fff;">
                                            <div class="featured-icon">
                                                <div
                                                    class="cmt-icon cmt-icon_element-onlytxt cmt-icon_element-color-white cmt-icon_element-size-md">
                                                    <img src="assets/images/icons/network-opportunity.png" alt="">
                                                    <span class="fea_num cmt-textcolor-darkgrey">
                                                        <i class="cmt-num ti-info"></i>
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="featured-content">
                                                <div class="featured-title">
                                                    <h5>Network Opportunity</h5>
                                                </div>
                                                <div class="featured-desc">
                                                    <p>We always provide people a complete solution focused of any business
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-4 col-6">
                                    <a href="advocacy.php">
                                        <div class="featured-icon-box icon-align-top-content style6 a3" style="background-color: #fff;">
                                            <div class="featured-icon">
                                                <div
                                                    class="cmt-icon cmt-icon_element-onlytxt cmt-icon_element-color-white cmt-icon_element-size-md">
                                                    <img src="assets/images/icons/policy.png" alt="">
                                                    <span class="fea_num cmt-textcolor-darkgrey">
                                                        <i class="cmt-num ti-info"></i>
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="featured-content">
                                                <div class="featured-title">
                                                    <h5>Engage in Policy Advocacy</h5>
                                                </div>
                                                <div class="featured-desc">
                                                    <p>We always provide people a complete solution focused of any business
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-4 col-6">
                                    <a href="current-member.php">
                                        <div class="featured-icon-box icon-align-top-content style6 a4" style="background-color: #fff;">
                                            <div class="featured-icon">
                                                <div
                                                    class="cmt-icon cmt-icon_element-onlytxt cmt-icon_element-color-white cmt-icon_element-size-md">
                                                    <img src="assets/images/icons/enhance-brand.png" alt="">
                                                    <span class="fea_num cmt-textcolor-darkgrey">
                                                        <i class="cmt-num ti-info"></i>
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="featured-content">
                                                <div class="featured-title">
                                                    <h5>Enhance Brand</h5>
                                                </div>
                                                <div class="featured-desc">
                                                    <p>We always provide people a complete solution focused of any business
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-4 col-6">
                                    <a href="code-of-conduct.php">
                                        <div class="featured-icon-box icon-align-top-content style6 a5" style="background-color: #fff;">
                                            <div class="featured-icon">
                                                <div
                                                    class="cmt-icon cmt-icon_element-onlytxt cmt-icon_element-color-white cmt-icon_element-size-md">
                                                    <img src="assets/images/icons/code-of-conduct.png" alt="">
                                                    <span class="fea_num cmt-textcolor-darkgrey">
                                                        <i class="cmt-num ti-info"></i>
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="featured-content">
                                                <div class="featured-title">
                                                    <h5>Code Of Conduct</h5>
                                                </div>
                                                <div class="featured-desc">
                                                    <p>We always provide people a complete solution focused of any business
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-4 col-6">
                                    <a href="index.php#rs-about">
                                        <div class="featured-icon-box icon-align-top-content style6 a6" style="background-color: #fff;">
                                            <div class="featured-icon">
                                                <div
                                                    class="cmt-icon cmt-icon_element-onlytxt cmt-icon_element-color-white cmt-icon_element-size-md">
                                                    <img src="assets/images/icons/industry-forums.png" alt="">
                                                    <span class="fea_num cmt-textcolor-darkgrey">
                                                        <i class="cmt-num ti-info"></i>
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="featured-content">
                                                <div class="featured-title">
                                                    <h5>Point Industry Forums</h5>
                                                </div>
                                                <div class="featured-desc">
                                                    <p>We always provide people a complete solution focused of any business
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <div class="row d-none">
                                <div class="col-lg-3 col-md-6 col-sm-6">
                                    <!--featured-icon-box-->
                                    <div class="featured-icon-box icon-align-top-content style6">
                                        <div class="featured-icon">
                                            <div
                                                class="cmt-icon cmt-icon_element-onlytxt cmt-icon_element-color-white cmt-icon_element-size-md">
                                                <img src="assets/images/icons/analysis.png" alt="">
                                                <span class="fea_num cmt-textcolor-darkgrey">
                                                    <i class="cmt-num ti-info"></i>
                                                </span>
                                            </div>
                                        </div>
                                        <div class="featured-content">
                                            <div class="featured-title">
                                                <h5>Business Analysis</h5>
                                            </div>
                                            <div class="featured-desc">
                                                <p>We always provide people a complete solution focused of any business
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- featured-icon-box end-->
                                </div>
                                <div class="col-lg-3 col-md-6 col-sm-6">
                                    <!--featured-icon-box-->
                                    <div class="featured-icon-box icon-align-top-content style6">
                                        <div class="featured-icon">
                                            <div
                                                class="cmt-icon cmt-icon_element-onlytxt cmt-icon_element-color-white cmt-icon_element-size-md">
                                                <img src="assets/images/icons/data.png" alt="">
                                            </div>
                                        </div>
                                        <div class="featured-content">
                                            <div class="featured-title">
                                                <h5>Reports Analysis</h5>
                                            </div>
                                            <div class="featured-desc">
                                                <p>We always provide people a complete solution focused of any business.
                                                </p>
                                            </div>
                                        </div>
                                    </div><!-- featured-icon-box end-->
                                </div>
                                <div class="col-lg-3 col-md-6 col-sm-6">
                                    <!--featured-icon-box-->
                                    <div class="featured-icon-box icon-align-top-content style6">
                                        <div class="featured-icon">
                                            <div
                                                class="cmt-icon cmt-icon_element-onlytxt cmt-icon_element-color-white cmt-icon_element-size-md">
                                                <img src="assets/images/icons/money-bag.png" alt="">
                                            </div>
                                        </div>
                                        <div class="featured-content">
                                            <div class="featured-title">
                                                <h5>Profit Planning</h5>
                                            </div>
                                            <div class="featured-desc">
                                                <p>We always provide people a complete solution focused of any business.
                                                </p>
                                            </div>
                                        </div>
                                    </div><!-- featured-icon-box end-->
                                </div>
                                <div class="col-lg-3 col-md-6 col-sm-6">
                                    <!--featured-icon-box-->
                                    <div class="featured-icon-box icon-align-top-content style6">
                                        <div class="featured-icon not-after">
                                            <div
                                                class="cmt-icon cmt-icon_element-onlytxt cmt-icon_element-color-white cmt-icon_element-size-md">
                                                <img src="assets/images/icons/report.png" alt="">
                                            </div>
                                        </div>
                                        <div class="featured-content">
                                            <div class="featured-title">
                                                <h5>Project Reporting</h5>
                                            </div>
                                            <div class="featured-desc">
                                                <p>We always provide people a complete solution focused of any business.
                                                </p>
                                            </div>
                                        </div>
                                    </div><!-- featured-icon-box end-->
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6" style="margin: auto;">
                        <iframe width="100%" height="315" src="https://www.youtube.com/embed/8SGkZ_iMhU8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
                    </div>
                </div><!-- row end -->

            </div>
        </div>
    </div>
</section>
<section >
    <div class="row">
        <div class="col-sm-12">
            <h2 class="pb-20 pt-50 text-center" id='Membership'>Membership Criteria and Fees</h2>
        </div>
    </div>
</section>


<section style="background-color: hsl(205deg 100% 79%); margin:0px 0px 30px 0px">
    <div class="container">
        <div class="row"
            STYLE="display: flex; flex-direction: row; padding: 1.5rem 1.75rem; justify-content:space-evenly;text-align:center; color:#000; font-weight:500;">
            <div class="col-lg-auto col-md-auto tablk active" onclick="openCity(event, 'STAFFING');">
                <!-- MANPOWER OUTSOURCING COMPANIES -->
                <?=GetDataByID('membership_category',1)->name?>
            </div>
            <div class="col-lg-auto col-md-auto tablk" onclick="openCity(event, 'INSTITUTIONAL');">
               <?=GetDataByID('membership_category',2)->name?> </div>
            <div class="col-lg-auto col-md-auto tablk" onclick="openCity(event, 'CLIENT');">
               <?=GetDataByID('membership_category',3)->name?> </div>
            <div class="col-lg-auto col-md-auto tablk" onclick="openCity(event, 'PROFESSIONALS');"><?=GetDataByID('membership_category',4)->name?></div>
        </div>
    </div>
</section>

<div id="STAFFING" 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-12">
                <div class="common-control form-group mb-0 mt-1 mb-3">
                    <!-- <h5 class=" mt-20" style="font-Weight:600;">
                        Indian Staffing Federation - Staffing Employment Trends Report- Q2 22-23
                    </h5> -->
                    <p><?=GetDataByID('membership_category',1)->description?>
                    </p>
                    <div class="row mb-2">
                        <div class="col-md-12" style="background-color:hsl(214deg 92% 28%);border-radius:5px;">
                            <h3 class="m-0 p-2 text-white"><?=GetDataByID('membership_category',1)->name?></h3>
                        </div>
                    </div>
                    <?php  
                        $selectsql = mysqli_query($con, "SELECT * FROM `membership` where status=1 and category=1 ");
                        if (mysqli_num_rows($selectsql)>0 ) {
                            
                            while($rows=mysqli_fetch_assoc($selectsql)){
                                $cat_id = $rows['category'];
                                $sql = mysqli_query($con, "SELECT name FROM `membership_category` where id=$cat_id");
                                $category=mysqli_fetch_assoc($sql)
                          
                    ?>
                    <div class="row" style="border-bottom:1px solid #D8D6D6; padding-bottom:10px;padding-top:10px; font-size: 12px;">
                        <div class="col-12 col-md-2">
                            <span style="font-weight:600;">Duration</span>
                            <!-- <br><span><?= $rows['duration']; ?></span> -->
                        </div>
                        <div class="col-12 col-md-5"><span><?= $rows['heading']; ?></span></div><div class="col-12 col-md-3"><b>Membership Fees:</b> ₹<?= $rows['price']; ?></div>
                        <div class="col-12 col-md-2">
                        <a class="readon-outline-dark modify" href="membership-form.php">Apply Now</a>
                        </div>
                    </div>
                <?php  }} ?>
                </div>
            </div>
        </div>
    </div>
</div>


<div id="INSTITUTIONAL" 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">Advocacy</h2> -->
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="common-control form-group mb-0 mt-1 mb-3">
                    <!-- <h5 class=" mt-20" style="font-Weight:600;">
                            Indian Staffing Federation - Staffing Employment Trends Report- Q2 22-23
                        </h5> -->
                    <p><?=GetDataByID('membership_category',2)->description?>
                    </p>
                    <div class="row mb-2">
                        <div class="col-md-12" style="background-color:hsl(214deg 92% 28%);border-radius:5px;">
                            <h3 class="m-0 p-2 text-white"><?=GetDataByID('membership_category',2)->name?></h3>
                        </div>
                    </div>
                    <?php  
                        $selectsql = mysqli_query($con, "SELECT * FROM `membership` where status=1 and category=2");
                        if (mysqli_num_rows($selectsql)>0 ) {
                            
                            while($rows=mysqli_fetch_assoc($selectsql)){
                                $cat_id = $rows['category'];
                                $sql = mysqli_query($con, "SELECT name FROM `membership_category` where id=$cat_id");
                                $category=mysqli_fetch_assoc($sql)
                          
                    ?>
                    <div class="row" style="border-bottom:1px solid #D8D6D6; padding-bottom:10px;padding-top:10px;font-size: 12px;">
                        <div class="col-12 col-md-2">
                            <span style="font-weight:600;">Duration</span>
                            <!-- <br><span><?= $rows['duration']; ?></span> -->
                        </div>
                        <div class="col-12 col-md-5"><span><?= $rows['heading']; ?></span></div><div class="col-12 col-md-3"><b>Membership Fees:</b> ₹<?= $rows['price']; ?></div>
                        <div class="col-12 col-md-2">
                        <a class="readon-outline-dark modify" href="membership-form.php">Apply Now</a>
                        </div>
                    </div>
                <?php  }} ?>
                </div>
            </div>
        </div>
    </div>
</div>


<div id="CLIENT" style="display:none;" class="tabcnt col-lg-12 pr-40 md-pr-15 md-mb-50 order-2 order-lg-1 order-md-1 ">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="common-control form-group mb-0 mt-1 mb-3">
                    <!-- <h5 class=" mt-20" style="font-Weight:600;">
                            Indian Staffing Federation - Staffing Employment Trends Report- Q2 22-23
                        </h5> -->
                    <p><?=GetDataByID('membership_category',3)->description?>
                    </p>
                    <div class="row mb-2">
                        <div class="col-md-12" style="background-color:hsl(214deg 92% 28%);border-radius:5px;">
                            <h3 class="m-0 p-2 text-white"><?=GetDataByID('membership_category',3)->name?></h3>
                        </div>
                    </div>
                    <?php  
                        $selectsql = mysqli_query($con, "SELECT * FROM `membership` where status=1 and category=3 ");
                        if (mysqli_num_rows($selectsql)>0 ) {
                            
                            while($rows=mysqli_fetch_assoc($selectsql)){
                                $cat_id = $rows['category'];
                                $sql = mysqli_query($con, "SELECT name FROM `membership_category` where id=$cat_id");
                                $category=mysqli_fetch_assoc($sql)
                          
                    ?>
                    <div class="row" style="border-bottom:1px solid #D8D6D6; padding-bottom:10px;padding-top:10px;font-size: 12px;">
                        <div class="col-12 col-md-2">
                            <span style="font-weight:600;">Duration</span>
                            <!-- <br><span><?= $rows['duration']; ?></span> -->
                        </div>
                        <div class="col-12 col-md-5"><span><?= $rows['heading']; ?></span></div><div class="col-12 col-md-3"><b>Membership Fees:</b> ₹<?= $rows['price']; ?></div>
                        <div class="col-12 col-md-2">
                        <a class="readon-outline-dark modify" href="membership-form.php">Apply Now</a>
                        </div>
                    </div>
                <?php  }} ?>
                </div>
            </div>
        </div>
    </div>
</div>


<div id="PROFESSIONALS" style="display:none;"
    class="tabcnt col-lg-12 pr-40 md-pr-15 md-mb-50 order-2 order-lg-1 order-md-1 ">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="common-control form-group mb-0 mt-1 mb-3">
                    <!-- <h5 class=" mt-20" style="font-Weight:600;">
                            Indian Staffing Federation - Staffing Employment Trends Report- Q2 22-23
                        </h5> -->
                    <p><?=GetDataByID('membership_category',4)->description?>
                    </p>
                    <div class="row mb-2">
                        <div class="col-md-12" style="background-color:hsl(214deg 92% 28%);border-radius:5px;">
                            <h3 class="m-0 p-2 text-white"><?=GetDataByID('membership_category',4)->name?></h3>
                        </div>
                    </div>
                    <?php  
                        $selectsql = mysqli_query($con, "SELECT * FROM `membership` where status=1 and category=4 ");
                        if (mysqli_num_rows($selectsql)>0 ) {
                            
                            while($rows=mysqli_fetch_assoc($selectsql)){
                                $cat_id = $rows['category'];
                                $sql = mysqli_query($con, "SELECT name FROM `membership_category` where id=$cat_id");
                                $category=mysqli_fetch_assoc($sql)
                          
                    ?>
                    <div class="row" style="border-bottom:1px solid #D8D6D6; padding-bottom:10px;padding-top:10px;font-size: 12px;">
                        <div class="col-12 col-md-2">
                            <span style="font-weight:600;">Duration</span>
                            <!-- <br><span><?= $rows['duration']; ?></span> -->
                        </div>
                        <div class="col-12 col-md-5"><span><?= $rows['heading']; ?></span></div><div class="col-12 col-md-3"><b>Membership Fees:</b> ₹<?= $rows['price']; ?></div>
                        <div class="col-12 col-md-2">
                        <a class="readon-outline-dark modify" href="membership-form.php">Apply Now</a>
                        </div>
                    </div>
                <?php  }} ?>
                </div>
            </div>
        </div>
    </div>
</div>

<hr class="solid" style="border-top: 1px solid #e1e1e1;width: 100%;">

<section class="faq-section">
    <div class="rs-team grey-bg grid2 ">
        <div class="container" style="padding-bottom: 10px; display:flex; flex-direction:column;"
            style="position:absolute;">
            <div class=" row" style="    text-align: -webkit-center">
                <div class="col-lg-8 col-md-8 col-12">
                    <div style="text-align: left; margin: 0px 15px 15px 15px;">

                        <h2 style="margin-bottom:10px; font-weight: 600;" class="mob-fs">Do you have any question ?</h2>
                        <p>Creation timelines for the standard lorem ipsum passage vary,with some cliting the 15th
                            century
                            and others the business data.</p>
                    </div>
                    <section>
                        <div id="main">
                            <div class="">
                                <div class="accordion" id="faq">
                                    <?php 
                                        $i=1;
                                        $selectsql = mysqli_query($con, "SELECT * FROM `faq` where category='2' and status=1");
                                        if (mysqli_num_rows($selectsql)>0 ) {
                                            while($rows=mysqli_fetch_assoc($selectsql)){
                                    ?>
                                    <div class="card mb-20 loadComp">
                                        <div class="card-header" id="faqhead<?=$i?>">
                                            <a href="#" class="btn btn-header-link collapsed" data-toggle="collapse"
                                                data-target="#faq<?=$i?>" aria-expanded="true" aria-controls="faq<?=$i?>">
                                                <?= $rows['question']; ?></a>
                                        </div>

                                        <div id="faq<?=$i?>" class="collapse" aria-labelledby="faqhead<?=$i?>" data-parent="#faq">
                                            <div class="card-body">
                                                <?= $rows['answer']; ?>
                                            </div>
                                        </div>
                                    </div>
                                    <?php $i++;}} ?>
                                     <div class="contact white mt-50">
                                         <a class="readon-outline-dark" href="#" id="loadMore">Load More</a>
                                     </div>
                                    
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
                <div class=" col-lg-4 col-md-4 col-12 mob-padding">
                    <div class="query-from">
                        <form method="post">
                            <h5 style="color: #fff;">
                                More Options
                            </h5>
                            <div class="">
                                <div class="form-group col-md-12">

                                    <input type="text" class="form-control" name="name" placeholder="Name" required>
                                </div>
                                <div class="form-group col-md-12">

                                    <input type="email" class="form-control" name="email" placeholder="E-mail" required>
                                </div>
                                <div class="form-group col-md-12">

                                    <input type="text" class="form-control" name="phone" placeholder="Phone Number" required>
                                </div>
                                <div class="form-group col-md-12">

                                    <textarea class="form-control" rows="3" name="query" placeholder="Enter Query Here" required></textarea>
                                </div>
                            </div>

                            <button type="submit" name="submit" class="btn btn-primary">Submit Now</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Partner Section Start -->
<div class="rs-partner pt-50 pb-30 md-pt-20 md-pb-20">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <!-- section title -->
                <div class="section-title title-style-center_text">
                    <div class="title-header text-center">
                        <!-- <h5>MEMBERSHIP</h5> -->
                        <h2 class="title">Our Members</h2>
                    </div>
                </div><!-- section title end -->
            </div>
        </div><!-- row end -->
        <div class="rs-carousel owl-carousel speakers_slider slider10" data-loop="true" data-items="5" data-margin="30" data-autoplay="true"
                data-hoverpause="true" data-autoplay-timeout="5000" data-smart-speed="800" data-dots="false"
                data-nav="false" data-nav-speed="false" data-center-mode="false" data-mobile-device="2"
                data-mobile-device-nav="false" data-mobile-device-dots="false" data-ipad-device="3"
                data-ipad-device-nav="false" data-ipad-device-dots="false" data-ipad-device2="2"
                data-ipad-device-nav2="false" data-ipad-device-dots2="false" data-md-device="4"
                data-md-device-nav="false" data-md-device-dots="false">
                <?php 
                 $res = mysqli_query($con, "select * from members_logo limit 10");
                 $check = mysqli_num_rows($res);
                if ($check >0 ) {
                    while($rows=mysqli_fetch_assoc($res)){
                    ?>
                <div class="partner-item">
                    <a href="<?php echo $rows['links']; ?>" target="_blank"><img src="admin/uploads/members-logo/<?php echo $rows['memberslogo']; ?>" alt="<?php echo $row['alt']; ?>"></a>
                </div>
                <?php } } ?>
            </div>
         <div class="row">
                <div class="col-md-12 text-center mt-30 mb-30">
                    <a href="current-member.php" class="cmt-btn readon-outline-dark btn-inline cmt-btn-size-md cmt-icon-btn-left cmt-btn-color-skincolor">View All</a>
                </div>
            </div>
    </div>
</div>
<!-- Partner Section End -->


<?php include'footer.php' ?>

<script type="text/javascript">
    $(document).ready(function () {
     $(".loadComp").slice(0, 6).show();
     if ($(".loadComp:hidden").length != 0) {
       $("#loadMore").show();
     }
     $("#loadMore").on("click", function (e) {
       e.preventDefault();
       $(".loadComp:hidden").slice(0, 6).slideDown();
       if ($(".loadComp:hidden").length == 0) {
         $("#loadMore").text("No More to view")
           .fadOut("slow");
       }
     });
   })
</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>
<script>
    $(document).ready(function () {
        $(".tablk").click(function () {
            $(".tablk").removeClass("active");
            // $(".tab").addClass("active"); // instead of this do the below 
            $(this).addClass("active");
        });
    });
</script>