 <?php  
require 'admin/config/function.php';
$abt=mysqli_query($conn,"select * from cms_menu where page_url='business-units'");
$abt1=mysqli_fetch_assoc($abt);
?>
<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="utf-8">
  <title><?=$abt1['page_title']?></title>
  <meta name="description" content="<?=$abt1['message']?>">
  <link rel="canonical" href="<?=base_url()?>">
  <meta name="author" content="">

  <!-- OG Title -->
  <meta name="og_title" property="og:title" content="<?=$abt1['page_title']?>" />
  <meta name="og_description" property="og:description" content="<?=$abt1['message']?>" />
  <meta name="og_url" property="og:url" content="<?=base_url()?>"/> 
  <meta name="og_type" property="og:type" content="website" />
  <meta name="og_site_name" property="og:site_name" content="SITENAME" />
  <meta name="twitter:card" property="twitter:card" content="summary" />
  <meta name="twitter:url" property="twitter:url" content="PAGE-URL" />
  <meta name="twitter:site" property="twitter:site" content="@SITENAME" />
  <meta name="twitter:title" property="twitter:title" content="PAGE-TITLE" />
  <meta name="twitter:description" property="twitter:description" content="DESCRIPTION-HERE" />
  <meta name="og_image" property="og:image" content="IMAGE-URL" />
  <meta name="msapplication-TileImage" content="IMAGE-URL"/>
  <meta property="og:image:type" content="image/jpeg" />
  <meta name="twitter:image" property="twitter:image" content="IMAGE-URL" />
  <!-- OG Title -->

  <meta name="viewport" content="width=device-width, initial-scale=1">
 
  <link rel="icon" type="image/x-icon" href="image/fav.png">
  <link href="https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;700&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
  <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>

  <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css'>
  <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick-theme.min.css'>


  <link rel="stylesheet" href="<?=base_url()?>style.css">
        
<script>
$(window).scroll(function(){
    if ($(this).scrollTop() > 50) {
       $('#headerdown').addClass('newClass');
    } else {
       $('#headerdown').removeClass('newClass');
    }
});    
</script>
    
</head>
<body>
<?php include'header.php'; ?>

<!-- Breadcurm -->
<section class="breadcurm" style="margin-top: 50px;
    background-image: linear-gradient(#0000004d, #0f0f037d), url(<?=admin_base_url().'uploads/up_image/'.$abt1['up_image']?>);
    padding: 75px;
    text-align: center;
    color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 35%;">
    <div class="breadcurm-heading">
        <h1><?=$abt1['page_name']?></h1>
        <p><a href="<?=base_url()?>"><span>Home</span></a> | <span><?=$abt1['page_name']?></span></p>
    </div>
</section>
<!-- Breadcurm -->
<style>
/* The Modal (background) */
        .modal {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 999999; /* 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 */
            padding:0px;
        }

        /* Modal Content */
        .modal-content {
            background-color: #e10000;
            margin: auto;
            padding: 100px;
            border: 1px solid #888;
            width: 100%;
            border-radius: 0px;
            height: 100vh;
            color:#fff;
        }

        /* The Close Button */
        .close {
            color: #e10000;
            font-size: 40px;
            background-color: #fff;
            width: 50px;
            height: 50px;
            border-radius: 50px;
            text-align: center;
            line-height: 48px;
            font-weight: 400;
        }
        span.close.close_multi {
            text-align: center;
        }

        .close:hover,
        .close:focus {
            color: #ccc;
            text-decoration: none;
            cursor: pointer;
        }
        span.close.close_multi {
            position: absolute;
            right: 130px;
        }
        .opentext{
            padding-right:150px;
        }
        img.logo-openbox {
        background-color: #fff;
        border-radius: 5px;
        margin-bottom: 30px;
        padding: 10px;
        }
    .unitbutton {
        background-color: transparent !important;
        border: 2px solid #fff !important;
        padding: 10px 20px;
        margin-right: 20px;
        color: #fff !important;
        font-weight: 400;
        margin-top: 30px;
    }
</style>

<section class="pt-75 pb-75 business-units">
    <div class="container">
        <div class="row">
            <?php 
     $Businesses=mysqli_query($conn,"select * from tbl_certificates where status='1'");
     while ($row=mysqli_fetch_assoc($Businesses)) {?>

            <div class="col-xs-12 col-sm-12 col-xs-4 col-lg-4">
                <div class="myBtn_multi">
                    <div class="inner-units">
                        <div class="main-sliding-card">
                            <div class="businesses-logo text-center">
                                <center><img src="<?=admin_base_url().'uploads/logo/'.$row['image']?>" class="img-reponsive logo-responsive" alt="<?=$row['heading']?>"></center>
                            </div>
                            <div class="businesses-name">
                              <h3><?=$row['heading']?></h3>
                            </div>
                            <div class="businesses-text">
                              <p><?=$row['short_des']?></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <?php     
     }
    ?>
            
            
            
            
            
            <!-- The Modal -->
    <div class="modal modal_multi">

        <!-- Modal content -->
        <div class="modal-content">
            <span class="close close_multi">×</span>
            <div class="opentext">
            <img src="https://mwsserver.co.in/viyutechlab/image/webmagic.png" class="logo-openbox">
            <h3>MWS Pvt. Ltd.</h3>
            <p>MWS is superlative in website design and development of stunning graphics for your webpage and increases the number of visitors. Mobile App Development Get a responsive and fast mobile application from a reliable and experienced development agency.</p>
            <div class="businesses-ditals-page-button">
            <a href="https://magicwebservices.com/" target="_blank"><i class="btn btn-primary unitbutton">Learn More</i></a>
            <a href="contact-us.php"><i class="btn btn-primary unitbutton">Contact Us</i></a>
            </div>
            </div>
        </div>

    </div>

    <!-- The Modal -->
    <div  class="modal modal_multi">

        <!-- Modal content -->
        <div class="modal-content">
            <span class="close close_multi">×</span>
            <div class="opentext">
            <img src="https://mwsserver.co.in/viyutechlab/image/ihostingmart.png" class="logo-openbox">
            <h3>iHosting Mart </h3>
            <p>Ihostingmart is your all-time hosting companion. You get cost-effective hosting that gives support for proper data storage and bandwidth requirements. Ihosting Mart provides web hosting services for smaller websites, blogs and heavy websites. Our hosting service comes loaded with cPanel, Plesk, PHP, Apache, ASP, IIS and more. We specialise in shared, Cloud, dedicated, VPS, and reseller hosting.</p>
            <div class="businesses-ditals-page-button">
            <a href="https://magicwebservices.com/" target="_blank"><i class="btn btn-primary unitbutton">Learn More</i></a>
            <a href="contact-us.php"><i class="btn btn-primary unitbutton">Contact Us</i></a>
            </div>
            </div>
        </div>

    </div>

    <div  class="modal modal_multi">

        <!-- Modal content -->
        <div class="modal-content">
            <span class="close close_multi">×</span>
            <div class="opentext">
            <img src="https://mwsserver.co.in/viyutechlab/image/viraajdigital.png" class="logo-openbox">
            <h3>Viraj Digital</h3>
            <p>Virajdigital makes your customer contact easy and direct. Digital marketing is simply using digital modes for brand promotion and marketing. We help you to hit the bull's eye by targeting the right audiences with our never-failing bulk marketing techniques. </p>
            <div class="businesses-ditals-page-button">
            <a href="https://magicwebservices.com/" target="_blank"><i class="btn btn-primary unitbutton">Learn More</i></a>
            <a href="contact-us.php"><i class="btn btn-primary unitbutton">Contact Us</i></a>
            </div>
            </div>
        </div>

    </div>


    <div  class="modal modal_multi">

        <!-- Modal content -->
        <div class="modal-content">
            <span class="close close_multi">×</span>
            <div class="opentext">
            <img src="https://mwsserver.co.in/viyutechlab/image/viraaj-shop.png" class="logo-openbox">
            <h3>Viraaj Shop</h3>
            <p>Viraj Shop is your trusted partner in conceptualising robust e-commerce websites from scratch. We design and develop compatible and responsive using various interfaces like HTML, CSS, Bootstrap, JQuery, JavaScript, Laravel, React, VueJS, NodeJS, WordPress, and AngularJS.We aim to bring great ROI to your brand. </p>
            <div class="businesses-ditals-page-button">
            <a href="https://magicwebservices.com/" target="_blank"><i class="btn btn-primary unitbutton">Learn More</i></a>
            <a href="contact-us.php"><i class="btn btn-primary unitbutton">Contact Us</i></a>
            </div>
            </div>
        </div>

    </div>

        </div>
    </div>
</section>
 <script>
        // Get the modal

        var modalparent = document.getElementsByClassName("modal_multi");

        // Get the button that opens the modal

        var modal_btn_multi = document.getElementsByClassName("myBtn_multi");

        // Get the <span> element that closes the modal
        var span_close_multi = document.getElementsByClassName("close_multi");

        // When the user clicks the button, open the modal
        function setDataIndex() {

            for (i = 0; i < modal_btn_multi.length; i++)
            {
                modal_btn_multi[i].setAttribute('data-index', i);
                modalparent[i].setAttribute('data-index', i);
                span_close_multi[i].setAttribute('data-index', i);
            }
        }



        for (i = 0; i < modal_btn_multi.length; i++)
        {
            modal_btn_multi[i].onclick = function() {
                var ElementIndex = this.getAttribute('data-index');
                modalparent[ElementIndex].style.display = "block";
            };

            // When the user clicks on <span> (x), close the modal
            span_close_multi[i].onclick = function() {
                var ElementIndex = this.getAttribute('data-index');
                modalparent[ElementIndex].style.display = "none";
            };

        }

        window.onload = function() {

            setDataIndex();
        };

        window.onclick = function(event) {
            if (event.target === modalparent[event.target.getAttribute('data-index')]) {
                modalparent[event.target.getAttribute('data-index')].style.display = "none";
            }

            // OLD CODE
            if (event.target === modal) {
                modal.style.display = "none";
            }
        };

    </script>

<?php include'footer.php'; ?>