<?php
    session_start();
    require 'smart.php';
    $class = new chibyke;

    $fetchsocials = $class->getrowdata2('socials');
?>
<!DOCTYPE html>
<html lang="en">


<!-- molla/index-4.html  22 Nov 2019 09:53:08 GMT -->
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>ISCMiners - Your Reliable Cryptocurrency Mining Hardware Store</title>
    <meta name="keywords" content="Cryptocurrency Mining">
    <meta name="description" content="ISCMiners - Your Reliable Cryptocurrency Mining Hardware Store">
    <meta name="author" content="ISCMiners">

    <!-- Search Engine Optimization by Rank Math PRO - https://rankmath.com/ -->
    <meta name="description" content="ISCMiners is Kazakhstan based cryptocurrency mining hardware sales store. We ship crypto mining hardware like Bitmain, iPollo, Goldshell, Whatsminer etc. to your location in the globe."/>
    <meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/>
    <link rel="canonical" href="https://www.iscminers.io/" />
    <meta property="og:locale" content="en_US" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Your Reliable Cryptocurrency Mining Hardware Store" />
    <meta property="og:description" content="ISCMiners is Kazakhstan based cryptocurrency mining hardware sales store. We ship crypto mining hardware like Bitmain, iPollo, Goldshell, Whatsminer etc to your location in the globe." />
    <!-- Favicon -->
    <link rel="apple-touch-icon" sizes="180x180" href="assets/images/newlogo.png">
    <link rel="icon" type="image/png" sizes="32x32" href="assets/images/newlogo.png">
    <link rel="icon" type="image/png" sizes="16x16" href="assets/images/newlogo.png">
    <link rel="manifest" href="assets/images/icons/site.html">
    <link rel="mask-icon" href="assets/images/icons/safari-pinned-tab.svg" color="#666666">
    <link rel="shortcut icon" href="assets/images/newlogo">
    <meta name="apple-mobile-web-app-title" content="ISCMiners">
    <meta name="application-name" content="ISCMiners">
    <meta name="msapplication-TileColor" content="#cc9966">
    <meta name="msapplication-config" content="assets/images/icons/browserconfig.xml">
    <meta name="theme-color" content="#ffffff">
    <link rel="stylesheet" href="assets/vendor/line-awesome/line-awesome/line-awesome/css/line-awesome.min.css">
    <!-- Plugins CSS File -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/plugins/owl-carousel/owl.carousel.css">
    <link rel="stylesheet" href="assets/css/plugins/magnific-popup/magnific-popup.css">
    <link rel="stylesheet" href="assets/css/plugins/jquery.countdown.css">
    <!-- Main CSS File -->
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/skins/skin-demo-4.css">
    <link rel="stylesheet" href="assets/css/demos/demo-4.css">
    <style type="text/css">
        .bg-video {
          position: absolute; /* Set position to absolute */
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }

    </style>
</head>

<body>
    <div class="page-wrapper">
        <header class="header header-intro-clearance header-4">
            <div class="header-top">
                <div class="container">
                    <div class="header-left">
                        <a href="tel:#"><i class="icon-phone"></i>Call: +<?php echo $fetchsocials['phone']; ?></a>
                    </div><!-- End .header-left -->

                    <div class="header-right">

                        <ul class="top-menu">
                            <li>
                                <a href="#">Links</a>
                                <ul>
                                    <li>
                                    <li><a href="#signin-modal" data-toggle="modal">Sign in / Sign up</a></li>
                                        <div class="header-dropdown">
                                            <a href="#"></a>
                                            <div class="header-menu">
                                                <ul>
                                                </ul>
                                            </div><!-- End .header-menu -->
                                        </div>
                                    </li>
                                </ul>
                            </li>
                        </ul><!-- End .top-menu -->
                    </div><!-- End .header-right -->

                </div><!-- End .container -->
            </div><!-- End .header-top -->

            <div class="header-middle">
                <div class="container">
                    <div class="header-left">
                        
                        <a href="index.html" class="logo">
                            <img src="assets/images/newlogo.png" alt="ISCMiners Logo" style="width: 70px; height: 30px;">
                        </a>
                    </div><!-- End .header-left -->

                    <div class="header-center">
                        <div class="header-search header-search-extended header-search-visible d-none d-lg-block">
                            <a href="#" class="search-toggle" role="button"><i class="icon-search"></i></a>
                            <form action="#" method="get">
                                <div class="header-search-wrapper search-wrapper-wide">
                                    <label for="q" class="sr-only">Search</label>
                                    <button class="btn btn-primary" type="submit"><i class="icon-search"></i></button>
                                    <input type="search" class="form-control" name="q" id="q" placeholder="Search product ..." required>
                                </div><!-- End .header-search-wrapper -->
                            </form>
                        </div><!-- End .header-search -->
                    </div>

                    <div class="header-right">
                        <div class="dropdown cart-dropdown">
                            <a href="#" class="dropdown-toggle" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static">
                                <div class="icon">
                                    <i class="icon-shopping-cart"></i>
                                    <span class="cart-count">2</span>
                                </div>
                                <p>Cart</p>
                            </a>

                            <div class="dropdown-menu dropdown-menu-right">
                                <div class="dropdown-cart-products">
                                    <div class="product">
                                        <div class="product-cart-details">
                                            <h4 class="product-title">
                                                <a href="product.html">Beige knitted elastic runner shoes</a>
                                            </h4>

                                            <span class="cart-product-info">
                                                <span class="cart-product-qty">1</span>
                                                x $84.00
                                            </span>
                                        </div><!-- End .product-cart-details -->

                                        <figure class="product-image-container">
                                            <a href="product.html" class="product-image">
                                                <img src="assets/images/products/cart/product-1.jpg" alt="product">
                                            </a>
                                        </figure>
                                        <a href="#" class="btn-remove" title="Remove Product"><i class="icon-close"></i></a>
                                    </div><!-- End .product -->

                                    <div class="product">
                                        <div class="product-cart-details">
                                            <h4 class="product-title">
                                                <a href="product.html">Blue utility pinafore denim dress</a>
                                            </h4>

                                            <span class="cart-product-info">
                                                <span class="cart-product-qty">1</span>
                                                x $76.00
                                            </span>
                                        </div><!-- End .product-cart-details -->

                                        <figure class="product-image-container">
                                            <a href="product.html" class="product-image">
                                                <img src="assets/images/products/cart/product-2.jpg" alt="product">
                                            </a>
                                        </figure>
                                        <a href="#" class="btn-remove" title="Remove Product"><i class="icon-close"></i></a>
                                    </div><!-- End .product -->
                                </div><!-- End .cart-product -->

                                <div class="dropdown-cart-total">
                                    <span>Total</span>

                                    <span class="cart-total-price">$160.00</span>
                                </div><!-- End .dropdown-cart-total -->

                                <div class="dropdown-cart-action">
                                    <a href="cart.html" class="btn btn-primary">View Cart</a>
                                    <a href="checkout.html" class="btn btn-outline-primary-2"><span>Checkout</span><i class="icon-long-arrow-right"></i></a>
                                </div><!-- End .dropdown-cart-total -->
                            </div><!-- End .dropdown-menu -->
                        </div><!-- End .cart-dropdown -->

                        <button class="mobile-menu-toggler">
                            <span class="sr-only">Toggle mobile menu</span>
                            <i class="icon-bars"></i>
                        </button>
                    </div><!-- End .header-right -->
                </div><!-- End .container -->
            </div><!-- End .header-middle -->

            <div class="header-bottom sticky-header">
                <div class="container">
                    <div class="header-left">
                        <div class="dropdown category-dropdown">
                            <a href="#" class="dropdown-toggle" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static" title="Choose Brand">
                                Choose Brand <i class="icon-angle-down"></i>
                            </a>

                            <div class="dropdown-menu">
                                <nav class="side-nav">
                                    <ul class="menu-vertical sf-arrows">
                                        <?php
                                            $class->getBrand();
                                        ?>
                                    </ul><!-- End .menu-vertical -->
                                </nav><!-- End .side-nav -->
                            </div><!-- End .dropdown-menu -->
                        </div><!-- End .category-dropdown -->
                    </div><!-- End .header-left -->

                    <div class="header-center">
                        <nav class="main-nav">
                            <ul class="menu sf-arrows">
                                <li class="megamenu-container active">
                                    <a href="./" class="">Home</a>
                                </li>
                                <li class="megamenu-container">
                                    <a href="./about" class="">About Us</a>
                                </li>
                                <li>
                                    <a href="./shop" class="sf-with-ul">Shop</a>

                                    <div class="megamenu megamenu-md">
                                        <div class="row no-gutters">
                                            <div class="col-md-8">
                                                <div class="menu-col">
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <div class="menu-title">Shopping Category</div><!-- End .menu-title -->
                                                            <ul>
                                                                <li><a href="./shop">All Products</a></li>
                                                                <li><a href="./shop?id=latest">Latest Products</a></li>
                                                                <li><a href="./shop?id=trending">Trending Products</a></li>
                                                                <li><a href="./shop?id=profitable">Most Profitable Products</a></li>
                                                            </ul>
                                                        </div><!-- End .col-md-6 -->

                                                    </div><!-- End .row -->
                                                </div><!-- End .menu-col -->
                                            </div><!-- End .col-md-8 -->

                                            <div class="col-md-4">
                                                <div class="banner banner-overlay">
                                                    <a href="./shop" class="banner banner-menu">
                                                        <img loading="lazy" src="assets/images/sales-bg.png" alt="Banner">
                                                    </a>
                                                </div><!-- End .banner banner-overlay -->
                                            </div><!-- End .col-md-4 -->
                                        </div><!-- End .row -->
                                    </div><!-- End .megamenu megamenu-md -->
                                </li>
                                <li class="">
                                    <a href="#signin-modal" data-toggle="modal" class="sf-with-ul">My Account</a>

                                    <ul style="display: none;">
                                        <li><a href="#signin-modal" data-toggle="modal">Access Portal</a></li>
                                    </ul>
                                </li>
                                <li class="megamenu-container">
                                    <a href="./faqs" class="">FAQs</a>
                                </li>
                                <li class="megamenu-container">
                                    <a href="./contact" class="">Contact Us</a>
                                </li>
                            </ul><!-- End .menu -->
                        </nav><!-- End .main-nav -->
                    </div><!-- End .header-center -->

                    <div class="header-right">
                        <i class="la la-lightbulb-o"></i><p>Sales commission<span class="highlight">&nbsp;Up to 10% Off</span></p>
                    </div>
                </div><!-- End .container -->
            </div><!-- End .header-bottom -->
        </header><!-- End .header -->

        <main class="main">
            <div class="intro-slider-container mb-5">
                <div class="intro-slider owl-carousel owl-theme owl-nav-inside owl-light" data-toggle="owl" 
                    data-owl-options='{
                        "dots": true,
                        "nav": false, 
                        "responsive": {
                            "1200": {
                                "nav": true,
                                "dots": false
                            }
                        }
                    }'>
                    <div class="intro-slide">
                        <video autoplay muted loop class="bg-video">
                            <source src="assets/images/vid1.mp4" type="video/mp4">
                            
                        </video>
                        <div class="container intro-content">
                            <div class="row justify-content-end">
                                <div class="col-auto col-sm-7 col-md-6 col-lg-5">
                                    <h1 class="intro-title" style="color: #F8F7E4;">Miners</h1>
                                    <h1 class="intro-title" style="color: #F8F7E4;">starting from </h1>

                                    <div class="intro-price">
                                        <sup class="intro-old-price" style="color: #fff;">$875.99</sup>
                                        <span class="text-third" style="color: #fff;">$598<sup>.99</sup></span>
                                    </div>

                                    <a href="./shop" class="btn btn-primary btn-round">
                                        <span>Shop More</span>
                                        <i class="icon-long-arrow-right"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                </div><!-- End .intro-slider owl-carousel owl-simple -->

                <span class="slider-loader"></span><!-- End .slider-loader -->
            </div><!-- End .intro-slider-container -->

            <div class="mb-3"></div><!-- End .mb-5 -->

            <div class="container new-arrivals">
                <div class="heading heading-flex mb-3">
                    <div class="heading-left">
                        <h2 class="title">Our Brands</h2><!-- End .title -->
                    </div><!-- End .heading-left -->

                   <div class="heading-right">
                        <ul class="nav nav-pills nav-border-anim justify-content-center" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="new-all-link" data-toggle="tab" href="#new-all-tab" role="tab" aria-controls="new-all-tab" aria-selected="true">All</a>
                            </li>
                            <?php 
                                $class->getBrandData();
                            ?>
                        </ul>
                   </div><!-- End .heading-right -->
                </div><!-- End .heading -->

                <div class="tab-content tab-content-carousel just-action-icons-sm">
                    <div class="tab-pane p-0 fade show active" id="new-all-tab" role="tabpanel" aria-labelledby="new-all-link">
                        <div class="owl-carousel owl-full carousel-equal-height carousel-with-shadow" data-toggle="owl" 
                            data-owl-options='{
                                "nav": true, 
                                "dots": true,
                                "margin": 20,
                                "loop": false,
                                "responsive": {
                                    "0": {
                                        "items":2
                                    },
                                    "480": {
                                        "items":2
                                    },
                                    "768": {
                                        "items":3
                                    },
                                    "992": {
                                        "items":4
                                    },
                                    "1200": {
                                        "items":5
                                    }
                                }
                            }'>
                            <?php
                             $class->getAllProducts();
                            ?>
                        </div><!-- End .owl-carousel -->
                    </div><!-- .End .tab-pane -->
                    <?php
                        $name1 = $class->getBrandName(1);
                        $mainname1 = $class->getBrandName2(1);
                    ?>
                    <div class="tab-pane p-0 fade" id="<?php echo $name1; ?>-tab" role="tabpanel" aria-labelledby="<?php echo $name1; ?>-link">
                        <div class="owl-carousel owl-full carousel-equal-height carousel-with-shadow" data-toggle="owl" 
                            data-owl-options='{
                                "nav": true, 
                                "dots": true,
                                "margin": 20,
                                "loop": false,
                                "responsive": {
                                    "0": {
                                        "items":2
                                    },
                                    "480": {
                                        "items":2
                                    },
                                    "768": {
                                        "items":3
                                    },
                                    "992": {
                                        "items":4
                                    },
                                    "1200": {
                                        "items":5
                                    }
                                }
                            }'>
                            <?php 
                                $class->getProductsName($name1);
                            ?>
                        </div><!-- End .owl-carousel --><br>
                        <?php 
                            $count1 = $class->getProductsCount($mainname1);
                            if($count1 > 2){
                                ?>
                                <div class="more-container text-center mt-1 mb-5">
                                    <a href="./shop?id=<?php echo $mainname1; ?>" class="more-container btn btn-outline-dark-2 btn-round btn-more">
                                        <span>View More Products</span>
                                        <i class="icon-long-arrow-right"></i>
                                    </a>
                                </div>
                                <?php
                            }
                        ?>
                    </div><!-- .End .tab-pane -->
                    <?php
                        $name2 = $class->getBrandName(2);
                        $mainname2 = $class->getBrandName2(2);
                    ?>
                    <div class="tab-pane p-0 fade" id="<?php echo $name2; ?>-tab" role="tabpanel" aria-labelledby="<?php echo $name2; ?>-link">
                        <div class="owl-carousel owl-full carousel-equal-height carousel-with-shadow" data-toggle="owl" 
                            data-owl-options='{
                                "nav": true, 
                                "dots": true,
                                "margin": 20,
                                "loop": false,
                                "responsive": {
                                    "0": {
                                        "items":2
                                    },
                                    "480": {
                                        "items":2
                                    },
                                    "768": {
                                        "items":3
                                    },
                                    "992": {
                                        "items":4
                                    },
                                    "1200": {
                                        "items":5
                                    }
                                }
                            }'>
                            <?php 
                                $class->getProductsName($name2);
                            ?>
                        </div><!-- End .owl-carousel --><br>
                        <?php 
                            $count2 = $class->getProductsCount($mainname2);
                            if($count2 > 2){
                                ?>
                                <div class="more-container text-center mt-1 mb-5">
                                    <a href="./shop?id=<?php echo $mainname2; ?>" class="more-container btn btn-outline-dark-2 btn-round btn-more">
                                        <span>View More Products</span>
                                        <i class="icon-long-arrow-right"></i>
                                    </a>
                                </div>
                                <?php
                            }
                        ?>
                        
                    </div><!-- .End .tab-pane --><br>
                    
                    <?php
                        $name3 = $class->getBrandName(3);
                        $mainname3 = $class->getBrandName2(3);
                    ?>
                    <div class="tab-pane p-0 fade" id="<?php echo $name3; ?>-tab" role="tabpanel" aria-labelledby="<?php echo $name3; ?>-link">
                        <div class="owl-carousel owl-full carousel-equal-height carousel-with-shadow" data-toggle="owl" 
                            data-owl-options='{
                                "nav": true, 
                                "dots": true,
                                "margin": 20,
                                "loop": false,
                                "responsive": {
                                    "0": {
                                        "items":2
                                    },
                                    "480": {
                                        "items":2
                                    },
                                    "768": {
                                        "items":3
                                    },
                                    "992": {
                                        "items":4
                                    },
                                    "1200": {
                                        "items":5
                                    }
                                }
                            }'>
                            <?php 
                                $class->getProductsName($name3);
                            ?>
                        </div><!-- End .owl-carousel --><br><?php 
                            $count3 = $class->getProductsCount($mainname3);
                            if($count3 > 2){
                                ?>
                                <div class="more-container text-center mt-1 mb-5">
                                    <a href="./shop?id=<?php echo $mainname3; ?>" class="more-container btn btn-outline-dark-2 btn-round btn-more">
                                        <span>View More Products</span>
                                        <i class="icon-long-arrow-right"></i>
                                    </a>
                                </div>
                                <?php
                            }
                        ?>
                    </div><!-- .End .tab-pane -->
                    <?php
                        $name4 = $class->getBrandName(4);
                        $mainname4 = $class->getBrandName2(4);
                    ?>
                    <div class="tab-pane p-0 fade" id="<?php echo $name4; ?>-tab" role="tabpanel" aria-labelledby="<?php echo $name4; ?>-link">
                        <div class="owl-carousel owl-full carousel-equal-height carousel-with-shadow" data-toggle="owl" 
                            data-owl-options='{
                                "nav": true, 
                                "dots": true,
                                "margin": 20,
                                "loop": false,
                                "responsive": {
                                    "0": {
                                        "items":2
                                    },
                                    "480": {
                                        "items":2
                                    },
                                    "768": {
                                        "items":3
                                    },
                                    "992": {
                                        "items":4
                                    },
                                    "1200": {
                                        "items":5
                                    }
                                }
                            }'>
                            <?php 
                                $class->getProductsName($name4);
                            ?>
                        </div><!-- End .owl-carousel --><br>
                        <?php 
                            $count4 = $class->getProductsCount($mainname4);
                            if($count4 > 2){
                                ?>
                                <div class="more-container text-center mt-1 mb-5">
                                    <a href="./shop?id=<?php echo $mainname4; ?>" class="more-container btn btn-outline-dark-2 btn-round btn-more">
                                        <span>View More Products</span>
                                        <i class="icon-long-arrow-right"></i>
                                    </a>
                                </div>
                                <?php
                            }
                        ?>
                    </div><!-- .End .tab-pane -->
                    <?php
                        $name5 = $class->getBrandName(5);
                        $mainname5 = $class->getBrandName2(5);
                    ?>
                    <div class="tab-pane p-0 fade" id="<?php echo $name5; ?>-tab" role="tabpanel" aria-labelledby="<?php echo $name5; ?>-link">
                        <div class="owl-carousel owl-full carousel-equal-height carousel-with-shadow" data-toggle="owl" 
                            data-owl-options='{
                                "nav": true, 
                                "dots": true,
                                "margin": 20,
                                "loop": false,
                                "responsive": {
                                    "0": {
                                        "items":2
                                    },
                                    "480": {
                                        "items":2
                                    },
                                    "768": {
                                        "items":3
                                    },
                                    "992": {
                                        "items":4
                                    },
                                    "1200": {
                                        "items":5
                                    }
                                }
                            }'>
                            
                            <?php 
                                $class->getProductsName($name5);
                            ?>
                        </div><!-- End .owl-carousel --><br>
                        <?php 
                            $count5 = $class->getProductsCount($mainname5);
                            if($count5 > 2){
                                ?>
                                <div class="more-container text-center mt-1 mb-5">
                                    <a href="./shop?id=<?php echo $mainname5; ?>" class="more-container btn btn-outline-dark-2 btn-round btn-more">
                                        <span>View More Products</span>
                                        <i class="icon-long-arrow-right"></i>
                                    </a>
                                </div>
                                <?php
                            }
                        ?>
                    </div><!-- .End .tab-pane -->
                    <?php
                        $name6 = $class->getBrandName(6);
                        $mainname6 = $class->getBrandName2(6);
                    ?>
                    <div class="tab-pane p-0 fade" id="<?php echo $name6; ?>-tab" role="tabpanel" aria-labelledby="<?php echo $name6; ?>-link">
                        <div class="owl-carousel owl-full carousel-equal-height carousel-with-shadow" data-toggle="owl" 
                            data-owl-options='{
                                "nav": true, 
                                "dots": true,
                                "margin": 20,
                                "loop": false,
                                "responsive": {
                                    "0": {
                                        "items":2
                                    },
                                    "480": {
                                        "items":2
                                    },
                                    "768": {
                                        "items":3
                                    },
                                    "992": {
                                        "items":4
                                    },
                                    "1200": {
                                        "items":5
                                    }
                                }
                            }'>
                            
                            <?php 
                                $class->getProductsName($name6);
                            ?>
                        </div><!-- End .owl-carousel --><br>
                        <?php 
                            $count6 = $class->getProductsCount($mainname6);
                            if($count6 > 2){
                                ?>
                                <div class="more-container text-center mt-1 mb-5">
                                    <a href="./shop?id=<?php echo $mainname6; ?>" class="more-container btn btn-outline-dark-2 btn-round btn-more">
                                        <span>View More Products</span>
                                        <i class="icon-long-arrow-right"></i>
                                    </a>
                                </div>
                                <?php
                            }
                        ?>
                    </div><!-- .End .tab-pane -->
                    <?php
                        $name7 = $class->getBrandName(7);
                        $mainname7 = $class->getBrandName2(7);
                    ?>
                    <div class="tab-pane p-0 fade" id="<?php echo $name7; ?>-tab" role="tabpanel" aria-labelledby="<?php echo $name7; ?>-link">
                        <div class="owl-carousel owl-full carousel-equal-height carousel-with-shadow" data-toggle="owl" 
                            data-owl-options='{
                                "nav": true, 
                                "dots": true,
                                "margin": 20,
                                "loop": false,
                                "responsive": {
                                    "0": {
                                        "items":2
                                    },
                                    "480": {
                                        "items":2
                                    },
                                    "768": {
                                        "items":3
                                    },
                                    "992": {
                                        "items":4
                                    },
                                    "1200": {
                                        "items":5
                                    }
                                }
                            }'>
                            
                            <?php 
                                $class->getProductsName($name7);
                            ?>
                        </div><!-- End .owl-carousel --><br>
                        <?php 
                            $count7 = $class->getProductsCount($mainname7);
                            if($count7 > 2){
                                ?>
                                <div class="more-container text-center mt-1 mb-5">
                                    <a href="./shop?id=<?php echo $mainname7; ?>" class="more-container btn btn-outline-dark-2 btn-round btn-more">
                                        <span>View More Products</span>
                                        <i class="icon-long-arrow-right"></i>
                                    </a>
                                </div>
                                <?php
                            }
                        ?>
                    </div><!-- .End .tab-pane -->
                    <?php
                        $name8 = $class->getBrandName(8);
                        $mainname8 = $class->getBrandName2(8);
                    ?>
                    <div class="tab-pane p-0 fade" id="<?php echo $name8; ?>-tab" role="tabpanel" aria-labelledby="<?php echo $name8; ?>-link">
                        <div class="owl-carousel owl-full carousel-equal-height carousel-with-shadow" data-toggle="owl" 
                            data-owl-options='{
                                "nav": true, 
                                "dots": true,
                                "margin": 20,
                                "loop": false,
                                "responsive": {
                                    "0": {
                                        "items":2
                                    },
                                    "480": {
                                        "items":2
                                    },
                                    "768": {
                                        "items":3
                                    },
                                    "992": {
                                        "items":4
                                    },
                                    "1200": {
                                        "items":5
                                    }
                                }
                            }'>
                            
                            <?php 
                                $class->getProductsName($name8);
                            ?>
                        </div><!-- End .owl-carousel --><br>
                        <?php 
                            $count8 = $class->getProductsCount($mainname8);
                            if($count8 > 2){
                                ?>
                                <div class="more-container text-center mt-1 mb-5">
                                    <a href="./shop?id=<?php echo $mainname8; ?>" class="more-container btn btn-outline-dark-2 btn-round btn-more">
                                        <span>View More Products</span>
                                        <i class="icon-long-arrow-right"></i>
                                    </a>
                                </div>
                                <?php
                            }
                        ?>
                    </div><!-- .End .tab-pane -->
                    <?php
                        $name9 = $class->getBrandName(9);
                        $mainname9 = $class->getBrandName2(9);
                    ?>
                    <div class="tab-pane p-0 fade" id="<?php echo $name9; ?>-tab" role="tabpanel" aria-labelledby="<?php echo $name9; ?>-link">
                        <div class="owl-carousel owl-full carousel-equal-height carousel-with-shadow" data-toggle="owl" 
                            data-owl-options='{
                                "nav": true, 
                                "dots": true,
                                "margin": 20,
                                "loop": false,
                                "responsive": {
                                    "0": {
                                        "items":2
                                    },
                                    "480": {
                                        "items":2
                                    },
                                    "768": {
                                        "items":3
                                    },
                                    "992": {
                                        "items":4
                                    },
                                    "1200": {
                                        "items":5
                                    }
                                }
                            }'>
                            
                            <?php 
                                $class->getProductsName($name9);
                            ?>
                        </div><!-- End .owl-carousel -->
                        <br>
                        <?php 
                            $count9 = $class->getProductsCount($mainname9);
                            if($count9 > 2){
                                ?>
                                <div class="more-container text-center mt-1 mb-5">
                                    <a href="./shop?id=<?php echo $mainname9; ?>" class="more-container btn btn-outline-dark-2 btn-round btn-more">
                                        <span>View More Products</span>
                                        <i class="icon-long-arrow-right"></i>
                                    </a>
                                </div>
                                <?php
                            }
                        ?>
                    </div><!-- .End .tab-pane -->
                    <?php
                        $name10 = $class->getBrandName(10);
                        $mainname10 = $class->getBrandName2(10);
                    ?>
                    <div class="tab-pane p-0 fade" id="<?php echo $name10; ?>-tab" role="tabpanel" aria-labelledby="<?php echo $name10; ?>-link">
                        <div class="owl-carousel owl-full carousel-equal-height carousel-with-shadow" data-toggle="owl" 
                            data-owl-options='{
                                "nav": true, 
                                "dots": true,
                                "margin": 20,
                                "loop": false,
                                "responsive": {
                                    "0": {
                                        "items":2
                                    },
                                    "480": {
                                        "items":2
                                    },
                                    "768": {
                                        "items":3
                                    },
                                    "992": {
                                        "items":4
                                    },
                                    "1200": {
                                        "items":5
                                    }
                                }
                            }'>
                            
                            <?php 
                                $class->getProductsName($name10);
                            ?>
                        </div><!-- End .owl-carousel -->
                        <br>
                        <?php 
                            $count10 = $class->getProductsCount($mainname10);
                            if($count10 > 2){
                                ?>
                                <div class="more-container text-center mt-1 mb-5">
                                    <a href="./shop?id=<?php echo $mainname10; ?>" class="more-container btn btn-outline-dark-2 btn-round btn-more">
                                        <span>View More Products</span>
                                        <i class="icon-long-arrow-right"></i>
                                    </a>
                                </div>
                                <?php
                            }
                        ?>
                    </div><!-- .End .tab-pane -->
                    <?php
                        $name11 = $class->getBrandName(11);
                        $mainname11 = $class->getBrandName2(11);
                    ?>
                    <div class="tab-pane p-0 fade" id="<?php echo $name11; ?>-tab" role="tabpanel" aria-labelledby="<?php echo $name11; ?>-link">
                        <div class="owl-carousel owl-full carousel-equal-height carousel-with-shadow" data-toggle="owl" 
                            data-owl-options='{
                                "nav": true, 
                                "dots": true,
                                "margin": 20,
                                "loop": false,
                                "responsive": {
                                    "0": {
                                        "items":2
                                    },
                                    "480": {
                                        "items":2
                                    },
                                    "768": {
                                        "items":3
                                    },
                                    "992": {
                                        "items":4
                                    },
                                    "1200": {
                                        "items":5
                                    }
                                }
                            }'>
                            
                            <?php 
                                $class->getProductsName($name11);
                            ?>
                        </div><!-- End .owl-carousel -->
                        <br>
                        <?php 
                            $count11 = $class->getProductsCount($mainname11);
                            if($count11 > 2){
                                ?>
                                <div class="more-container text-center mt-1 mb-5">
                                    <a href="./shop?id=<?php echo $mainname11; ?>" class="more-container btn btn-outline-dark-2 btn-round btn-more">
                                        <span>View More Products</span>
                                        <i class="icon-long-arrow-right"></i>
                                    </a>
                                </div>
                                <?php
                            }
                        ?>
                    </div><!-- .End .tab-pane -->
                    <?php
                        $name12 = $class->getBrandName(12);
                        $mainname12 = $class->getBrandName2(12);
                    ?>
                    <div class="tab-pane p-0 fade" id="<?php echo $name12; ?>-tab" role="tabpanel" aria-labelledby="<?php echo $name12; ?>-link">
                        <div class="owl-carousel owl-full carousel-equal-height carousel-with-shadow" data-toggle="owl" 
                            data-owl-options='{
                                "nav": true, 
                                "dots": true,
                                "margin": 20,
                                "loop": false,
                                "responsive": {
                                    "0": {
                                        "items":2
                                    },
                                    "480": {
                                        "items":2
                                    },
                                    "768": {
                                        "items":3
                                    },
                                    "992": {
                                        "items":4
                                    },
                                    "1200": {
                                        "items":5
                                    }
                                }
                            }'>
                            
                            <?php 
                                $class->getProductsName($name12);
                            ?>
                        </div><!-- End .owl-carousel -->
                        <br>
                        <?php 
                            $count12 = $class->getProductsCount($mainname12);
                            if($count12 > 2){
                                ?>
                                <div class="more-container text-center mt-1 mb-5">
                                    <a href="./shop?id=<?php echo $mainname12; ?>" class="more-container btn btn-outline-dark-2 btn-round btn-more">
                                        <span>View More Products</span>
                                        <i class="icon-long-arrow-right"></i>
                                    </a>
                                </div>
                                <?php
                            }
                        ?>
                    </div><!-- .End .tab-pane -->
                </div><!-- End .tab-content -->
            </div><!-- End .container -->

            <div class="mb-6"></div><!-- End .mb-6 -->

            <div class="container">
                <div class="cta cta-border mb-5" style="background-image: url(assets/images/minerb.jpeg);">
                    <img src="assets/images/mine.webp" alt="camera" class="cta-img" style="width: 250px; height: 200px;">
                    <div class="row justify-content-center">
                        <div class="col-md-12">
                            <div class="cta-content">
                                <div class="cta-text text-right text-white">
                                    <p style="font-weight: 500;">High energy and efficient with low power cost per Terahash.</p>
                                </div><!-- End .cta-text -->
                                <a href="./shop" class="btn btn-primary btn-round"><span>View all miners</span><i class="icon-long-arrow-right"></i></a>
                            </div><!-- End .cta-content -->
                        </div><!-- End .col-md-12 -->
                    </div><!-- End .row -->
                </div><!-- End .cta -->
            </div><!-- End .container -->

            <div class="container">
                <hr class="mb-0">
                <div class="owl-carousel mt-5 mb-5 owl-simple" data-toggle="owl" 
                    data-owl-options='{
                        "nav": false, 
                        "dots": false,
                        "margin": 30,
                        "loop": false,
                        "responsive": {
                            "0": {
                                "items":2
                            },
                            "420": {
                                "items":6
                            },
                            "600": {
                                "items":4
                            },
                            "900": {
                                "items":5
                            },
                            "1024": {
                                "items":6
                            }
                        }
                    }'>
                    <?php 
                        $class->getBrandImgs();
                    ?>
                </div><!-- End .owl-carousel -->
            </div><!-- End .container -->

            <div class="bg-light pt-5 pb-6">
                <div class="container trending-products">
                    <div class="heading heading-flex mb-3">
                        <div class="heading-left">
                            <h2 class="title">Most Profitable Miners</h2><!-- End .title -->
                        </div><!-- End .heading-left -->

                       <div class="heading-right">
                            <ul class="nav nav-pills nav-border-anim justify-content-center" role="tablist">
                                <li class="nav-item">
                                    <a class="nav-link active" id="trending-top-link" data-toggle="tab" href="#trending-top-tab" role="tab" aria-controls="trending-top-tab" aria-selected="true">Top</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="trending-best-link" data-toggle="tab" href="#trending-best-tab" role="tab" aria-controls="trending-best-tab" aria-selected="false">Hot</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="trending-sale-link" data-toggle="tab" href="#trending-sale-tab" role="tab" aria-controls="trending-sale-tab" aria-selected="false">New</a>
                                </li>
                            </ul>
                       </div><!-- End .heading-right -->
                    </div><!-- End .heading -->

                    <div class="row">
                        <div class="col-xl-5col d-none d-xl-block">
                            <div class="banner">
                                <a href="#">
                                    <img src="assets/images/wallet.jpeg" alt="banner" style="height: 380px;">
                                </a>
                            </div><!-- End .banner -->
                        </div><!-- End .col-xl-5col -->

                        <div class="col-xl-4-5col">
                            <div class="tab-content tab-content-carousel just-action-icons-sm">
                                <div class="tab-pane p-0 fade show active" id="trending-top-tab" role="tabpanel" aria-labelledby="trending-top-link">
                                    <div class="owl-carousel owl-full carousel-equal-height carousel-with-shadow" data-toggle="owl" 
                                        data-owl-options='{
                                            "nav": true, 
                                            "dots": false,
                                            "margin": 20,
                                            "loop": false,
                                            "responsive": {
                                                "0": {
                                                    "items":2
                                                },
                                                "480": {
                                                    "items":2
                                                },
                                                "768": {
                                                    "items":3
                                                },
                                                "992": {
                                                    "items":4
                                                }
                                            }
                                        }'>
                                        <?php
                                            $class->getTopProducts();
                                        ?>
                                    </div><!-- End .owl-carousel -->
                                </div><!-- .End .tab-pane -->
                                <div class="tab-pane p-0 fade" id="trending-best-tab" role="tabpanel" aria-labelledby="trending-best-link">
                                    <div class="owl-carousel owl-full carousel-equal-height carousel-with-shadow" data-toggle="owl" 
                                        data-owl-options='{
                                            "nav": true, 
                                            "dots": false,
                                            "margin": 20,
                                            "loop": false,
                                            "responsive": {
                                                "0": {
                                                    "items":2
                                                },
                                                "480": {
                                                    "items":2
                                                },
                                                "768": {
                                                    "items":3
                                                },
                                                "992": {
                                                    "items":4
                                                }
                                            }
                                        }'>
                                        <?php
                                            $class->getHotProducts();
                                        ?>
                                    </div><!-- End .owl-carousel -->
                                </div><!-- .End .tab-pane -->
                                <div class="tab-pane p-0 fade" id="trending-sale-tab" role="tabpanel" aria-labelledby="trending-sale-link">
                                    <div class="owl-carousel owl-full carousel-equal-height carousel-with-shadow" data-toggle="owl" 
                                        data-owl-options='{
                                            "nav": true, 
                                            "dots": false,
                                            "margin": 20,
                                            "loop": false,
                                            "responsive": {
                                                "0": {
                                                    "items":2
                                                },
                                                "480": {
                                                    "items":2
                                                },
                                                "768": {
                                                    "items":3
                                                },
                                                "992": {
                                                    "items":4
                                                }
                                            }
                                        }'>

                                        <?php
                                            $class->getNewProducts();
                                        ?>
                                    </div><!-- End .owl-carousel -->
                                </div><!-- .End .tab-pane -->
                            </div><!-- End .tab-content -->
                        </div><!-- End .col-xl-4-5col -->
                    </div><!-- End .row -->
                </div><!-- End .container -->
            </div><!-- End .bg-light pt-5 pb-6 -->

            <div class="mb-5"></div><!-- End .mb-5 -->

            <div class="container">
                <hr class="mb-0">
            </div><!-- End .container -->

            <div class="icon-boxes-container bg-transparent">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-6 col-lg-3">
                            <div class="icon-box icon-box-side">
                                <span class="icon-box-icon text-dark">
                                    <i class="icon-rocket"></i>
                                </span>
                                <div class="icon-box-content">
                                    <h3 class="icon-box-title">Free Shipping</h3><!-- End .icon-box-title -->
                                    <p>Orders $500 or more</p>
                                </div><!-- End .icon-box-content -->
                            </div><!-- End .icon-box -->
                        </div><!-- End .col-sm-6 col-lg-3 -->

                        <div class="col-sm-6 col-lg-3">
                            <div class="icon-box icon-box-side">
                                <span class="icon-box-icon text-dark">
                                    <i class="icon-rotate-left"></i>
                                </span>

                                <div class="icon-box-content">
                                    <h3 class="icon-box-title">Free Returns</h3><!-- End .icon-box-title -->
                                    <p>Within 30 days</p>
                                </div><!-- End .icon-box-content -->
                            </div><!-- End .icon-box -->
                        </div><!-- End .col-sm-6 col-lg-3 -->

                        <div class="col-sm-6 col-lg-3">
                            <div class="icon-box icon-box-side">
                                <span class="icon-box-icon text-dark">
                                    <i class="icon-info-circle"></i>
                                </span>

                                <div class="icon-box-content">
                                    <h3 class="icon-box-title">Get 5% Off 1 Item</h3><!-- End .icon-box-title -->
                                    <p>when you sign up</p>
                                </div><!-- End .icon-box-content -->
                            </div><!-- End .icon-box -->
                        </div><!-- End .col-sm-6 col-lg-3 -->

                        <div class="col-sm-6 col-lg-3">
                            <div class="icon-box icon-box-side">
                                <span class="icon-box-icon text-dark">
                                    <i class="icon-life-ring"></i>
                                </span>

                                <div class="icon-box-content">
                                    <h3 class="icon-box-title">We Support</h3><!-- End .icon-box-title -->
                                    <p>24/7 amazing services</p>
                                </div><!-- End .icon-box-content -->
                            </div><!-- End .icon-box -->
                        </div><!-- End .col-sm-6 col-lg-3 -->
                    </div><!-- End .row -->
                </div><!-- End .container -->
            </div><!-- End .icon-boxes-container -->
        </main><!-- End .main -->

        <footer class="footer">
            <div class="cta bg-image bg-dark pt-4 pb-5 mb-0" style="background-image: url(assets/images/newsletter.jpg);">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-sm-10 col-md-8 col-lg-6">
                            <div class="cta-heading text-center">
                                <h3 class="cta-title text-white">Get The Latest Miners</h3><!-- End .cta-title -->
                                <p class="cta-desc text-white">Sign up for our exclusive email newsletter.</p><!-- End .cta-desc -->
                            </div><!-- End .text-center -->
                        
                            <form action="#">
                                <div class="input-group input-group-round">
                                    <input type="email" class="form-control form-control-white" placeholder="Enter your Email Address" aria-label="Email Adress" required>
                                    <div class="input-group-append">
                                        <button class="btn btn-primary" type="submit"><span>Subscribe</span><i class="icon-long-arrow-right"></i></button>
                                    </div><!-- .End .input-group-append -->
                                </div><!-- .End .input-group -->
                            </form>
                        </div><!-- End .col-sm-10 col-md-8 col-lg-6 -->
                    </div><!-- End .row -->
                </div><!-- End .container -->
            </div><!-- End .cta -->
        	<div class="footer-middle">
	            <div class="container">
	            	<div class="row">
	            		<div class="col-sm-6 col-lg-3">
	            			<div class="widget widget-about">
	            				<img src="assets/images/demos/demo-4/logo-footerdd.png" class="footer-logo" alt="Footer Logo Here" width="105" height="25">
	            				<p>Praesent dapibus, neque id cursus ucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. </p>

	            				<div class="widget-call">
                                    <i class="icon-phone"></i>
                                    Got Question? Call us 24/7
                                    <a href="tel:#">+<?php echo $fetchsocials['phone']; ?></a>         
                                </div><!-- End .widget-call -->
	            			</div><!-- End .widget about-widget -->
	            		</div><!-- End .col-sm-6 col-lg-3 -->

	            		<div class="col-sm-6 col-lg-3">
	            			<div class="widget">
	            				<h4 class="widget-title">Useful Links</h4><!-- End .widget-title -->

	            				<ul class="widget-list">
	            					<li><a href="about.html">About Us</a></li>
                                    <li><a href="#">Our Services</a></li>
	            					<li><a href="#">How to Order</a></li>
	            					<li><a href="faq.html">FAQ</a></li>
	            					<li><a href="contact.html">Contact us</a></li>
	            				</ul><!-- End .widget-list -->
	            			</div><!-- End .widget -->
	            		</div><!-- End .col-sm-6 col-lg-3 -->

	            		<div class="col-sm-6 col-lg-3">
	            			<div class="widget">
	            				<h4 class="widget-title">Customer Service</h4><!-- End .widget-title -->

	            				<ul class="widget-list">
	            					<li><a href="#">Payment Methods</a></li>
	            					<li><a href="#">Returns</a></li>
	            					<li><a href="#">Shipping</a></li>
	            					<li><a href="#">Terms and conditions</a></li>
	            					<li><a href="#">Privacy Policy</a></li>
	            				</ul><!-- End .widget-list -->
	            			</div><!-- End .widget -->
	            		</div><!-- End .col-sm-6 col-lg-3 -->

	            		<div class="col-sm-6 col-lg-3">
	            			<div class="widget">
	            				<h4 class="widget-title">My Account</h4><!-- End .widget-title -->

	            				<ul class="widget-list">
	            					<li><a href="#">Sign In</a></li>
	            					<li><a href="cart.html">View Cart</a></li>
	            					<li><a href="#">Track My Order</a></li>
	            					<li><a href="#">Help</a></li>
	            				</ul><!-- End .widget-list -->
	            			</div><!-- End .widget -->
	            		</div><!-- End .col-sm-6 col-lg-3 -->
	            	</div><!-- End .row -->
	            </div><!-- End .container -->
	        </div><!-- End .footer-middle -->

	        <div class="footer-bottom">
	        	<div class="container">
	        		<p class="footer-copyright">Copyright © 2024 ISCMiners. All Rights Reserved.</p><!-- End .footer-copyright -->
	        		<figure class="footer-payments">
	        			<img src="assets/images/payments.png" alt="Payment methods" width="272" height="20">
	        		</figure><!-- End .footer-payments -->
	        	</div><!-- End .container -->
	        </div><!-- End .footer-bottom -->
        </footer><!-- End .footer -->
    </div><!-- End .page-wrapper -->
    <button id="scroll-top" title="Back to Top"><i class="icon-arrow-up"></i></button>

    <!-- Mobile Menu -->
    <div class="mobile-menu-overlay"></div><!-- End .mobil-menu-overlay -->

    <div class="mobile-menu-container mobile-menu-light">
        <div class="mobile-menu-wrapper">
            <span class="mobile-menu-close"><i class="icon-close"></i></span>
            
            <form action="#" method="get" class="mobile-search">
                <label for="mobile-search" class="sr-only">Search</label>
                <input type="search" class="form-control" name="mobile-search" id="mobile-search" placeholder="Search in..." required>
                <button class="btn btn-primary" type="submit"><i class="icon-search"></i></button>
            </form>

            <ul class="nav nav-pills-mobile nav-border-anim" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" id="mobile-menu-link" data-toggle="tab" href="#mobile-menu-tab" role="tab" aria-controls="mobile-menu-tab" aria-selected="true">Menu</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="mobile-cats-link" data-toggle="tab" href="#mobile-cats-tab" role="tab" aria-controls="mobile-cats-tab" aria-selected="false">Brands</a>
                </li>
            </ul>

            <div class="tab-content">
                <div class="tab-pane fade show active" id="mobile-menu-tab" role="tabpanel" aria-labelledby="mobile-menu-link">
                    <nav class="mobile-nav">
                        <ul class="mobile-menu">
                            <li class="active">
                                <a href="./">Home</a>
                            </li>
                            <li class="">
                                <a href="./">About Us</a>
                            </li>
                            <li>
                                <a href="./shop">Shop</a>
                                <ul>
                                    <li><a href="./shop">All Products</a></li>
                                    <li><a href="./shop?id=latest">Latest Products</a></li>
                                    <li><a href="./shop?id=trending">Trending Products</a></li>
                                    <li><a href="./shop?id=profitable">Most Profitable Products</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#signin-modal" data-toggle="modal" class="sf-with-ul">My Account</a>
                                <ul>
                                    <li><a href="#signin-modal" data-toggle="modal">Access Portal</a></li>
                                </ul>
                            </li>
                            <li class="">
                                <a href="./faqs">FAQs</a>
                            </li>
                            <li class="">
                                <a href="./contact">Contact Us</a>
                            </li>
                        </ul>
                    </nav><!-- End .mobile-nav -->
                </div><!-- .End .tab-pane -->
                <div class="tab-pane fade" id="mobile-cats-tab" role="tabpanel" aria-labelledby="mobile-cats-link">
                    <nav class="mobile-cats-nav">
                        <ul class="mobile-cats-menu">
                            <?php
                                $class->getBrand();
                            ?>
                        </ul><!-- End .mobile-cats-menu -->
                    </nav><!-- End .mobile-cats-nav -->
                </div><!-- .End .tab-pane -->
            </div><!-- End .tab-content -->

            <div class="social-icons">
                <?php
                    if($fetchsocials['facebook'] != ''){
                        ?>
                        <a href="<?php echo $fetchsocials['facebook']; ?>" class="social-icon" target="_blank" title="Facebook"><i class="icon-facebook-f"></i></a>
                        <?php
                    }
                ?>
                <?php
                    if($fetchsocials['whatsapp'] != ''){
                        ?>
                        <a href="<?php echo $fetchsocials['whatsapp']; ?>" class="social-icon" target="_blank" title="WhatsApp"><i class="icon-whatsapp"></i></a>
                        <?php
                    }
                ?>
                <?php
                    if($fetchsocials['mail'] != ''){
                        ?>
                        <a href="mailto:<?php echo $fetchsocials['mail']; ?>" class="social-icon" target="_blank" title="Email"><i class="icon-mailchimp"></i></a>
                        <?php
                    }
                ?>
                <?php
                    if($fetchsocials['instagram'] != ''){
                        ?>
                        <a href="<?php echo $fetchsocials['instagram']; ?>" class="social-icon" target="_blank" title="Instagram"><i class="icon-instagram"></i></a>
                        <?php
                    }
                ?>
                <?php
                    if($fetchsocials['phone'] != ''){
                        ?>
                        <a href="tel:<?php echo $fetchsocials['phone']; ?>" class="social-icon" target="_blank" title="Phone"><i class="icon-phone"></i></a>
                        <?php
                    }
                ?>
                <?php
                    if($fetchsocials['telegram'] != ''){
                        ?>
                        <a href="tel:<?php echo $fetchsocials['telegram']; ?>" class="social-icon" target="_blank" title="Telegram"><i class="icon-telegram"></i></a>
                        <?php
                    }
                ?>
            </div><!-- End .social-icons -->
        </div><!-- End .mobile-menu-wrapper -->
    </div><!-- End .mobile-menu-container -->

    <!-- Sign in / Register Modal -->
    <div class="modal fade" id="signin-modal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-body">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true"><i class="icon-close"></i></span>
                    </button>

                    <div class="form-box">
                        <div class="form-tab">
                            <ul class="nav nav-pills nav-fill nav-border-anim" role="tablist">
                                <li class="nav-item">
                                    <a class="nav-link active" id="signin-tab" data-toggle="tab" href="#signin" role="tab" aria-controls="signin" aria-selected="true">Sign In</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="register-tab" data-toggle="tab" href="#register" role="tab" aria-controls="register" aria-selected="false">Register</a>
                                </li>
                            </ul>
                            <div class="tab-content" id="tab-content-5">
                                <div class="tab-pane fade show active" id="signin" role="tabpanel" aria-labelledby="signin-tab">
                                    <form action="#">
                                        <div class="form-group">
                                            <label for="singin-email">Username or email address *</label>
                                            <input type="text" class="form-control" id="singin-email" name="singin-email" required>
                                        </div><!-- End .form-group -->

                                        <div class="form-group">
                                            <label for="singin-password">Password *</label>
                                            <input type="password" class="form-control" id="singin-password" name="singin-password" required>
                                        </div><!-- End .form-group -->

                                        <div class="form-footer">
                                            <button type="submit" class="btn btn-outline-primary-2">
                                                <span>LOG IN</span>
                                                <i class="icon-long-arrow-right"></i>
                                            </button>

                                            <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" id="signin-remember">
                                                <label class="custom-control-label" for="signin-remember">Remember Me</label>
                                            </div><!-- End .custom-checkbox -->

                                            <a href="#" class="forgot-link">Forgot Your Password?</a>
                                        </div><!-- End .form-footer -->
                                    </form>
                                    <div class="form-choice">
                                        <p class="text-center">or sign in with</p>
                                        <div class="row">
                                            <div class="col-sm-6">
                                                <a href="#" class="btn btn-login btn-g">
                                                    <i class="icon-google"></i>
                                                    Login With Google
                                                </a>
                                            </div><!-- End .col-6 -->
                                            <div class="col-sm-6">
                                                <a href="#" class="btn btn-login btn-f">
                                                    <i class="icon-facebook-f"></i>
                                                    Login With Facebook
                                                </a>
                                            </div><!-- End .col-6 -->
                                        </div><!-- End .row -->
                                    </div><!-- End .form-choice -->
                                </div><!-- .End .tab-pane -->
                                <div class="tab-pane fade" id="register" role="tabpanel" aria-labelledby="register-tab">
                                    <form action="#">
                                        <div class="form-group">
                                            <label for="register-email">Your email address *</label>
                                            <input type="email" class="form-control" id="register-email" name="register-email" required>
                                        </div><!-- End .form-group -->

                                        <div class="form-group">
                                            <label for="register-password">Password *</label>
                                            <input type="password" class="form-control" id="register-password" name="register-password" required>
                                        </div><!-- End .form-group -->

                                        <div class="form-footer">
                                            <button type="submit" class="btn btn-outline-primary-2">
                                                <span>SIGN UP</span>
                                                <i class="icon-long-arrow-right"></i>
                                            </button>

                                            <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" id="register-policy" required>
                                                <label class="custom-control-label" for="register-policy">I agree to the <a href="#">privacy policy</a> *</label>
                                            </div><!-- End .custom-checkbox -->
                                        </div><!-- End .form-footer -->
                                    </form>
                                    <div class="form-choice">
                                        <p class="text-center">or sign in with</p>
                                        <div class="row">
                                            <div class="col-sm-6">
                                                <a href="#" class="btn btn-login btn-g">
                                                    <i class="icon-google"></i>
                                                    Login With Google
                                                </a>
                                            </div><!-- End .col-6 -->
                                            <div class="col-sm-6">
                                                <a href="#" class="btn btn-login  btn-f">
                                                    <i class="icon-facebook-f"></i>
                                                    Login With Facebook
                                                </a>
                                            </div><!-- End .col-6 -->
                                        </div><!-- End .row -->
                                    </div><!-- End .form-choice -->
                                </div><!-- .End .tab-pane -->
                            </div><!-- End .tab-content -->
                        </div><!-- End .form-tab -->
                    </div><!-- End .form-box -->
                </div><!-- End .modal-body -->
            </div><!-- End .modal-content -->
        </div><!-- End .modal-dialog -->
    </div><!-- End .modal -->

    <!-- Start of HubSpot Embed Code --> <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/144249468.js"></script> <!-- End of HubSpot Embed Code -->
    <!-- Plugins JS File -->
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <script src="assets/js/jquery.hoverIntent.min.js"></script>
    <script src="assets/js/jquery.waypoints.min.js"></script>
    <script src="assets/js/superfish.min.js"></script>
    <script src="assets/js/owl.carousel.min.js"></script>
    <script src="assets/js/bootstrap-input-spinner.js"></script>
    <script src="assets/js/jquery.plugin.min.js"></script>
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <script src="assets/js/jquery.countdown.min.js"></script>
    <!-- Main JS File -->
    <script src="assets/js/main.js"></script>
    <script src="assets/js/demos/demo-4.js"></script>
</body>


<!-- molla/index-4.html  22 Nov 2019 09:54:18 GMT -->
</html>