index.php

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

<head>
    <meta name="p:domain_verify" content="bb9256c1e1d1625430b2e2db2195c067"/>	
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Milestone Business Ventures LLP </title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="manifest" href="site.webmanifest">
    <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.ico">

    <!-- CSS here -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/css/slicknav.css">
    <link rel="stylesheet" href="assets/css/flaticon.css">
    <link rel="stylesheet" href="assets/css/animate.min.css">
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
    <link rel="stylesheet" href="assets/css/fontawesome-all.min.css">
    <link rel="stylesheet" href="assets/css/themify-icons.css">
    <link rel="stylesheet" href="assets/css/slick.css">
    <link rel="stylesheet" href="assets/css/nice-select.css">
    <link rel="stylesheet" href="assets/css/style.css">
</head>


<body class="body-bg">
    <!--? Preloader Start -->
    <div id="preloader-active">
        <div class="preloader d-flex align-items-center justify-content-center">
            <div class="preloader-inner position-relative">
                <div class="preloader-circle"></div>
                <div class="preloader-img pere-text">
                    <img src="assets/img/logo/loder.jpg" alt="">
                </div>
            </div>
        </div>
    </div>
<?php
    require_once "header.php" ;
    // echo $_SERVER['HTTP_HOST'];
?>
    <main>
        <!-- slider Area Start-->
        <div class="slider-area ">
            <div class="slider-active ">
                <!-- Single Slider -->
                <?php
                    $path = './assets/img/hero';
                    $files = glob($path.'/Banner_*');
                    $n = count($files);
                    for($i=1;$i<=$n;$i++)
                    {
                        echo '<div class="single-slider d-flex align-items-center ">';
                        echo '<img src="/assets/img/hero/Banner_'.$i.'.jpg" style="width:100vw;height:100%">';
                        echo '</div>';
                    }
                ?>
            </div>
        </div>
        <!-- slider Area End-->
        <!--? Categories Area Start -->
        <div class="categories-area section-padding-new ">
            <div class="container ">
                <div class="row ">
                    <div class="col-lg-12 ">
                        <!-- Section Tittle -->
                        <div class="section-tittle mb-20 ">
                            <h2>Our Best Products</h2>
                        </div>
                    </div>
                </div>
                <div class="row ">
                    <div class="col-lg-3 col-md-6 col-sm-6 ">
                        <div class="single-cat text-center mb-10">
                            <div class="cat-cap ">
                                <div class="single-team ">
                                    <div class="team-img ">
                                        <img src="assets/img/gallery/p1.png " alt=" " style="width: 200px;">
                                    </div>
                                    <div class="team-caption ">
                                        <h3><a href="category/Mixer+Grinder">Mixer Grinder</a></h3>
                                        <!-- <span>A</span> -->
                                    </div>
                                </div>
                                <!-- <h5><a href="services.html ">Strategy Planning </a></h5>
                                <p>There are many variations of passages of lorem Ipsum available but the new majority have suffered.</p> -->
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6 ">
                        <div class="single-cat text-center mb-10">
                            <!-- <div class="cat-icon ">
                                <span class="flaticon-result "></span>
                            </div> -->
                            <div class="cat-cap ">
                                <div class="single-team ">
                                    <div class="team-img ">
                                        <img src="assets/img/gallery/p2.png " alt=" " style="width: 90px;">
                                    </div>
                                    <div class="team-caption ">
                                        <h3><a href="category/Hand+Blender">Hand Blender</a></h3>
                                        <!-- <span>B</span> -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6 ">
                        <div class="single-cat text-center mb-10">
                            <!-- <div class="cat-icon ">
                                <span class="flaticon-team "></span>
                            </div> -->
                            <div class="cat-cap ">
                                <div class="single-team ">
                                    <div class="team-img ">
                                        <img src="assets/img/gallery/p3.png " alt=" ">
                                    </div>
                                    <div class="team-caption ">
                                        <h3><a href="category/Jucier">Juicer</a></h3>
                                        <!-- <span>C</span> -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6 ">
                        <div class="single-cat text-center mb-10">
                            <!-- <div class="cat-icon ">
                                <span class="flaticon-team "></span>
                            </div> -->
                            <div class="cat-cap ">
                                <div class="single-team ">
                                    <div class="team-img ">
                                        <img src="assets/img/gallery/p4.png " alt=" " style="width:70px">
                                    </div>
                                    <div class="team-caption ">
                                        <h3><a href="category/Tower+Fan">Tower Fan</a></h3>
                                        <!-- <span>H</span> -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row ">
                    <div class="col-lg-3 col-md-6 col-sm-6 ">
                        <div class="single-cat text-center mb-10">
                            <div class="cat-cap ">
                                <div class="single-team ">
                                    <div class="team-img ">
                                        <img src="assets/img/gallery/p5.png " alt=" " style="width:200px;">
                                    </div>
                                    <div class="team-caption ">
                                        <h3><a href="category/Pressure+Cookerr">Pressure Cooker</a></h3>
                                        <!-- <span>D</span> -->
                                    </div>
                                </div>
                                <!-- <h5><a href="services.html ">Strategy Planning </a></h5>
                                <p>There are many variations of passages of lorem Ipsum available but the new majority have suffered.</p> -->
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6 ">
                        <div class="single-cat text-center mb-10">
                            <!-- <div class="cat-icon ">
                                <span class="flaticon-result "></span>
                            </div> -->
                            <div class="cat-cap ">
                                <div class="single-team ">
                                    <div class="team-img ">
                                        <img src="assets/img/gallery/p6.png " alt=" ">
                                    </div>
                                    <div class="team-caption ">
                                        <h3><a href="category/Non+Stick+Cookware">Non Stick Cookware</a></h3>
                                        <!-- <span>E</span> -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6 ">
                        <div class="single-cat text-center mb-10">
                            <!-- <div class="cat-icon ">
                                <span class="flaticon-team "></span>
                            </div> -->
                            <div class="cat-cap ">
                                <div class="single-team ">
                                    <div class="team-img ">
                                        <img src="assets/img/gallery/p7.png " alt=" " style="width: 200px;">
                                    </div>
                                    <div class="team-caption ">
                                        <h3><a href="category/Kictchenware">Stainless&nbsp;Steel&nbsp;Kitchenware</a></h3>
                                        <!-- <span>F</span> -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6 ">
                        <div class="single-cat text-center mb-10">
                            <!-- <div class="cat-icon ">
                                <span class="flaticon-team "></span>
                            </div> -->
                            <div class="cat-cap ">
                                <div class="single-team ">
                                    <div class="team-img ">
                                        <img src="assets/img/gallery/p8.png " alt=" " style="width:210px;">
                                    </div>
                                    <div class="team-caption ">
                                        <h3><a href="category/Gas+Stove">Gas Stove</a></h3>
                                        <!-- <span>G</span> -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Services Area End -->
        <!--? About Area Start-->
        <!-- About Area End-->
        <!--? Services Ara Start -->
        <div class="services-area section-padding-new ">
            <div class="container ">
                <div class="row ">
                    <div class="cl-xl-7 col-lg-12 col-md-10 ">
                        <div class="section-tittle mb-20 ">
                            <h2>Our Best Services</h2>
                        </div>
                    </div>
                </div>
                <div class="row ">
                    <div class="col-lg-8 col-md-8 col-sm-10 ">
                        <div class="single-services mb-100 ">
                            <div class="services-img ">
                                <img src="assets/img/gallery/services1.png " alt=" ">
                            </div>
                            <div class="services-caption ">
                                <span>Import and Export</span>
                                <p><a href="# ">Facilitating customers across the globe</a></p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-10 ">
                        <div class="single-services mb-100 ">
                            <div class="services-img ">
                                <img src="assets/img/gallery/services2.png " alt=" ">
                            </div>
                            <div class="services-caption ">
                                <span>Distribution</span>
                                <p><a href="# ">Within India and abroad</a></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Services Ara End -->
        <!--? Testimonial Start -->
        <!-- Testimonial End -->
        <!-- Coun Down Start -->
        <div class="count-down-area section-padding-new">
            <div class="container">
                <div class="row justify-content-between">
                        <!-- Counter Up -->
                    <div class="col-lg-3 col-md-6 col-6">
                        <div class="single-counter text-center">
                            <span class="counter">8</span><span>+</span>
                            <p>Exporting Countries</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-6">
                        <!-- Counter Up -->
                        <div class="single-counter active text-center">
                            <span class="counter">300</span><span>+</span>
                            <p>Total Products</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-6">
                        <!-- Counter Up -->
                        <div class="single-counter text-center">
                            <span class="counter">12</span><span>+</span>
                            <p>Categories of Product</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-6">
                        <!-- Counter Up -->
                        <div class="single-counter text-center">
                            <span class="counter">20</span><span>+</span>
                            <p>Years of experience</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Coun Down End -->
        <!-- Team Start -->
        <!-- Team End -->
        <!-- Want To work -->
        <!-- Want To work End -->
        <!-- Blog Area Start -->
        <!-- Blog Area End -->
        <!-- Brand Area Start -->
        <div class="brand-area section-padding-new">
            <div class="container ">
                <div class="brand-active brand-border pb-40 ">
                    <div class="single-brand ">
                    <a href="https://veronica.co.in/" target="_blank"><img src="assets/img/gallery/brand1.png " alt=" "></a>
                    </div>
                    <div class="single-brand ">
                        <a href="https://blackstone.co.in" target="_blank"><img src="assets/img/gallery/brand2.png " alt=" "></a>
                    </div>
                </div>
            </div>
        </div>
        <!-- Accessibility Code for "www.milestoneindustries.com " -->
        <script>
            (function(doc, head, body) {
                window.interdeal = {
                    sitekey: "e893ca2332e408b37de5ede4b5cd9b3f ",
                    Position: "Left ",
                    Menulang: "EN ",
                    btnStyle: {
                        icon: {
                            type: 1,
                            shape: "circle ",
                            outline: false
                        },
                        color: {
                            main: "#171d2d ",
                            second: "#ffffff "
                        }
                    }
                };
                var coreCall = doc.createElement('script');
                coreCall.src = 'https://cdn.equalweb.com/core/2.0.7/accessibility.js';
                coreCall.defer = true;
                coreCall.integrity = 'sha512-I5mpAzD33VLeDeg+yaCpP8hPXDSn/9JoRrA/mrWZyqyQXtgpW9W4RvZOx5E0FxQydYR3lpdwIbQm+o4lGYoQ8A==';
                coreCall.crossOrigin = 'anonymous';
                coreCall.setAttribute('data-cfasync', true);
                body ? body.appendChild(coreCall) : head.appendChild(coreCall);
            })(document, document.head, document.body);
        </script>
        <!-- Brand Area End -->
    </main>
<?php
include("footer.html");
?>
    <!-- Scroll Up -->
    <div id="back-top">
        <a title="Go to Top" href="#"> <i class="fas fa-level-up-alt"></i></a>
    </div>
    <div id="chat">
        <a title="Go to Top" href="#"> <i class="fas fa-comments"></i></a>
    </div>

    <!-- JS here -->

    <script src="./assets/js/vendor/modernizr-3.5.0.min.js "></script>
    <!-- Jquery, Popper, Bootstrap -->
    <script src="./assets/js/vendor/jquery-1.12.4.min.js "></script>
    <script src="./assets/js/popper.min.js "></script>
    <script src="./assets/js/bootstrap.min.js "></script>
    <!-- Jquery Mobile Menu -->
    <script src="./assets/js/jquery.slicknav.min.js "></script>

    <!-- Jquery Slick , Owl-Carousel Plugins -->
    <script src="./assets/js/owl.carousel.min.js"></script>
    <script src="./assets/js/slick.min.js"></script>
    <!-- One Page, Animated-HeadLin -->
    <script src="./assets/js/wow.min.js "></script>
    <script src="./assets/js/animated.headline.js "></script>
    <script src="./assets/js/jquery.magnific-popup.js "></script>

    <!-- Nice-select, sticky -->
    <script src="./assets/js/jquery.nice-select.min.js "></script>
    <script src="./assets/js/jquery.sticky.js "></script>

    <!-- counter , waypoint -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>
    <script src="./assets/js/jquery.counterup.min.js"></script>

    <!-- contact js -->
    <script src="./assets/js/contact.js "></script>
    <script src="./assets/js/jquery.form.js "></script>
    <script src="./assets/js/jquery.validate.min.js "></script>
    <script src="./assets/js/mail-script.js "></script>
    <script src="./assets/js/jquery.ajaxchimp.min.js "></script>

    <!-- Jquery Plugins, main Jquery -->
    <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> -->
    <!--this is for changing timeout of banners from backend-->
    <script>
        var time = {
            //this is global array (can be used by any js file)
            <?php
                $jsonfile = './assets/js/timeout.json';
                $jsondata = file_get_contents($jsonfile);
                $array = json_decode($jsondata,true);

                $timeout = $array['timeout']['time'];
                echo '  timeout : ' . '"' . $timeout. '",' . "\n";  
            ?>
        };
    </script>
    <script src="./assets/js/plugins.js "></script>
    <script src="./assets/js/main.js"></script>

</body>

</html>