<!DOCTYPE html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--=== Favicon ===-->
    <link rel="shortcut icon" href="assets/icon.png" type="image/x-icon" />

    <title>LHK Media</title>

    <!--=== Bootstrap CSS ===-->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">

    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <!--=== Hover CSS ===-->
    <link href="assets/css/plugins/hover.css" rel="stylesheet">
    <!--=== SlickNav CSS ===-->
    <link href="assets/css/plugins/slicknav.css" rel="stylesheet">
    <!--=== Animate CSS ===-->
    <link href="assets/css/plugins/animate.css" rel="stylesheet">
    <!--=== Owl Carousel CSS ===-->
    <link href="assets/css/plugins/owl.carousel.css" rel="stylesheet">
    <!--=== Font-Awesome CSS ===-->
    <link href="assets/css/font-awesome.css" rel="stylesheet">
    <!--=== Theme Reset CSS ===-->
    <link href="assets/css/reset.css" rel="stylesheet">




    
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>


    <link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>
    <!--=== Main Style CSS ===-->
    <link href="assets/css/style.css" rel="stylesheet">
    <!--=== Responsive CSS ===-->
    <link href="assets/css/responsive.css" rel="stylesheet">
    <!--=== Responsive CSS ===-->
    <link href="https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600,700" rel="stylesheet">
    <link href="assets/css/adstyle.css" rel="stylesheet">

    <style>
        .border {
            box-shadow: 2px 2px 2px 2px #888888;
            background-color: #fff !important;
        }

        .font_new {
            font-family: 'Josefin Sans', sans-serif !important;
        }
    </style>
</head>

<body class="font_new preloader-active" style="margin-top: 70px;">

    <!--== Preloader Area Start (Home2) ==-->
    <div class="preloader">
        <div class="preloader-spinner">
            <div class="waves-block">
                <div class="waves wave-1"></div>
                <div class="waves wave-2"></div>
                <div class="waves wave-3"></div>
            </div>
        </div>
    </div>
    <!--== Preloader Area End ==-->

    <!--== Header Area Start ==-->
    <header id="header-area">
        <script>
            function modalOpenner() {
                // Get the modal
                var modal = document.getElementById("LoginModal");
                modal.style.display = "block";
            }
        </script>
        <script>
            function closeModal(e) {
                var modal = document.getElementById(e);
                modal.style.display = "none";

                document.getElementsByClassName("modal-backdrop")[0].style.display = "none";
            }
        </script>
        <style>
            /* The Modal (background) */
            .modal {
                display: none;
                /* Hidden by default */
                position: fixed;
                /* Stay in place */
                z-index: 99999;
                /* Sit on top */
                left: 0;
                top: 0;
                width: 100%;
                /* Full width */
                height: 100%;
                /* Full height */
                overflow: auto;
                /* Enable scroll if needed */
                background-color: rgb(0, 0, 0);
                /* Fallback color */
                background-color: rgba(0, 0, 0, 0.4);
                /* Black w/ opacity */
            }

            /* Modal Content/Box */
            /*.modal-content {*/
            /*  background-color: #fefefe;*/
            /*  margin: 15% auto; */
            /*  padding: 20px;*/
            /*  border: 1px solid #888;*/
            /*  width: 80%; */
            /*}*/

            .modal-content {
                background-color: var(--base-dark);
                background-image: url(assets/home/images/bg-image/row-bgimage-3.png);
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
                border-radius: 10px;
                margin: 15% auto;
                padding: 20px;
                border: 2px solid #888;
                width: 300px;
            }

            /* The Close Button */
            .close {
                color: #aaa;
                float: right;
                font-size: 28px;
                font-weight: bold;
            }

            .close:hover,
            .close:focus {
                color: black;
                text-decoration: none;
                cursor: pointer;
            }
        </style>
        <style>
            @media only screen and (max-width: 768px) {
                .moblel {
                    display: block !important;
                }

                .border-here {
                    border-left: 0px !important;
                }

                .center {
                    justify-content: center;
                    display: grid;
                }

                .here-center {
                    display: contents;
                }

                .newProper {
                    width: 85% !important;
                }

                .mobile-view {
                    width: 50% !important;
                }
            }

            .moblel {
                display: none;
            }

            .border-here {
                border-left: 1px solid #acacac;
            }

            .center {
                justify-content: center;
                display: grid;
            }

            .here-center {
                display: contents;
            }

            .newProper {
                width: 50%;
                background: white !important;
                background-image: img('') !important;
                border: 0px !important;
                background-color: var(--base-dark);
                background-image: url(assets/home/images/bg-image/row-bgimage-3.png);
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
                border-radius: 10px;
                margin: 15% auto;
                padding: 20px;
                border: 2px solid #888;
            }
        </style>
        <div id="LoginModal" class="modal">
            <!-- Modal content -->
            <div class=" newProper">
                <span class="close" onclick="closeModal('LoginModal')">×</span>
                <div class="row">
                    <div class="col-md-6 mb-4 center">
                        <center>
                            <h6>Login to Publisher Dashboard</h6>
                            <p style="line-height: 14px;font-size: 11px;"><b>Buy any of our services, Talk to support, Start with our affiliate program, request for payouts and what not! Login or Register now!</b></p>
                            <img src="<?= "assets/img/portal.png"; ?>" class="mobile-view mb-3" width="100%">
                        </center>
                        <a href="https://dashboard.lhknative.com" style="    text-align: center;background-color:#0aadeb" class="here-center "><span class="seo-btn hvr-curl-bottom-right font_new" style="display: inline-block !important;color:white">Login as Publisher</span></a><br>
                        <a href="https://dashboard.lhknative.com/register" style=" margin-top:1rem;text-align: center;background-color:#0aadeb" class="here-center mt-3"><span class="seo-btn hvr-curl-bottom-right font_new" style="display: inline-block !important;color:white">Register as Publisher</span></a>
                    </div>
                    <hr class="moblel">
                    <div class="col-md-6 mb-4 border-here center">
                        <center>
                            <h6>Login to Advertiser Dashboard</h6>
                            <p style="line-height: 14px;font-size: 11px;"><b>Registered publisher with out Native Ads service? Login here to check your revenue or register for free!</b></p>
                            <img src="<?= "assets/img/native.png"; ?>" class="mobile-view mb-3" width="100%">
                        </center>
                        <a href="https://advertiser.lhknative.com" style="    text-align: center;background-color:#0aadeb" class="here-center "><span class="seo-btn hvr-curl-bottom-right font_new" style="display: inline-block !important;color:white">Login as Advertiser</span></a><br>
                        <a href="https://advertiser.lhknative.com/register" style="margin-top:1rem;text-align: center;background-color:#0aadeb;    font-size: 12px;" class="here-center mt-3"><span class="seo-btn hvr-curl-bottom-right font_new" style="display: inline-block !important;color:white">Register as Advertiser</span></a>
                    </div>
                </div>
            </div>
        </div>

        <!--MODAL-->
        <!--MODAL-->
        <!-- Header Bottom Area Start -->
        <div class="header-bottom fixed" id="fixheader" style="padding: 0px 0 4px 0;">
            <div class="px-3 px-md-5">
                <div class="row justify-content-between flex-row-reverse flex-md-row">
                    <div class="col-lg-2 d-flex flex-row-reverse">
                        <a href="index.php" class="logo-area" style="width:-1px !important; margin-top:5px;">
                            <img src="assets/img/lhk-removebg-preview.png" style="height:50px;width:150px" alt="Logo">
                        </a>
                    </div>
                    <div class="col-lg-9 d-flex align-items-center justify-content-end">
                        <nav class="mainmenu pull-right" style="margin-right: 2rem;">
                            <ul>
                                <li class="active"><a href="<?= base_url() ?>#header-area">Home</a></li>

                                <li><a href="<?= base_url() ?>#about-area">About Us</a></li>
                                <li><a href="<?= base_url() ?>#service-area">Why Us</a></li>
                                <li><a href="<?= base_url() ?>#partners">Partners</a></li>
                                <li><a href="<?= base_url() ?>#testimonials">Testimonials</a></li>
                                <li><a href="<?= base_url() ?>advertiser">Advertiser</a></li>
                            </ul>
                        </nav>
                        <div class="d-none d-lg-block">
                            <div class="header-btn pull-right" style="margin-top: 2px;">
                                <a href="javascript:void(0)" data-toggle="modal" data-target="#LoginModal" onclick="modalOpenner()" class="btn btn-primary">Client Area</a>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
        <!-- Header Bottom Area End -->
    </header>


    
<div class="side-but">
    <style>
        .header_contactLink__Nezdl{
        position: fixed;
        top: 50%;
        right: -50px;
        z-index: 10;
        text-transform: uppercase;
        transform: rotate(-90deg);
        width: 130px;
        border-radius: 10px 10px 0 0;
        font-size: 13px;
        font-weight: 600;
        }
    </style>
    <button type="button" class="btn btn-warning header_contactLink__Nezdl contactstick" onclick="openModal('ContanctModalHere')">Contact us</button>
    <a href="https://wa.me/919811396692?text=Hello,%20I'd%20love%20to%20know%20more%20about%20your%20business%20and%20how%20you%20can%20help%20with%20labour%20law%20compliance.%20Can%20we%20schedule%20a%20call%3F" class="btn btn-warning header_contactLink__Nezdl whatsappstick" style="top: 70%;background: #25D366; color: white; border-color: #25D366;">Whatsapp</a>
    <a href="tel:+919811396692" class="btn btn-warning header_contactLink__Nezdl callstick" style="top: 30%;background: #44a0ff;color: white;border-color: #44a0ff;">Call</a>
</div>
    <!--== Header Area End ==-->