<?php
$page = 'Home';
$pageDesc = '""';
include 'includes/header.php';
?>


<section class="small-banner banner about-banner"
    style="background-image:url(assets/images/app-showcase-img-06.png)">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <div class="bannertext">
                    <h1 class="banner-heading">Portfolio</h1>
                </div>
            </div>

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



<section class="section-padding portfolio-sec pt-0">
    <div class="container">
        <div class="tabs">
            <ul class="units-categories">
                <li class="tab-item active" data-content-target="all"><span>All</span></li>
                <li class="tab-item" data-content-target="iot"><span>IoT</span></li>
                <li class="tab-item" data-content-target="logistics"><span>Logistics</span></li>
                <li class="tab-item" data-content-target="delivery"><span>Delivery</span></li>
                <li class="tab-item" data-content-target="horeca"><span>Horeca</span></li>
                <li class="tab-item is_need_to_hide" data-content-target="edtech"><span>EdTech</span></li>
                <li class="tab-item is_need_to_hide" data-content-target="social-media"><span>Social Media</span>
                </li>
                <li class="tab-item is_need_to_hide" data-content-target="booking-systems"><span>Booking
                        systems</span></li>
                <li class="tab-item is_need_to_hide" data-content-target="e-commerce"><span>E-commerce</span></li>
                <li class="tab-item is_need_to_hide" data-content-target="transport"><span>Transport</span></li>
                <li class="tab-item is_need_to_hide" data-content-target="social-item"><span>Social</span></li>
                <li class="tab-item is_need_to_hide" data-content-target="health-care"><span>healthcare</span></li>
                <li class="tab-item is_need_to_hide" data-content-target="wordpress"><span>WordPress</span></li>
                <li class="tab-item is_need_to_hide" data-content-target="ecommerce"><span>eCommerce</span></li>
                <li class="less-more-handler">
                    <span class="less">Less <i class="fa-solid fa-angle-up"></i></span>
                    <span class="more">More <i class="fa-solid fa-angle-down"></i></span>
                </li>
            </ul>
        </div>
        <div class="tab-content">
            <ul>
                <li class="porfolio-item" data-content-port="iot delivery">
                    <a class="my-custom-links" data-gall="portfolio" data-maxwidth="800px"
                        href="assets/images/portfolio/iot/1.png">
                        <figure><img class="img-fluid" src="assets/images/portfolio/iot/1.png" alt=""></figure>

                    </a>
                </li>
                <!--<li class="porfolio-item" data-content-port="iot">-->
                <!--    <a class="my-custom-links" data-gall="portfolio" data-maxwidth="800px" href="assets/images/portfolio/iot/2.jpg">-->
                <!--        <img class="img-fluid" src="assets/images/portfolio/iot/2.jpg" alt="">-->

                <!--    </a>-->
                <!--</li>-->
                <li class="porfolio-item" data-content-port="logistics e-commerce transport">
                    <a class="my-custom-links" data-gall="portfolio" data-maxwidth="800px"
                        href="assets/images/portfolio/logistics/1.png">
                        <figure><img class="img-fluid" src="assets/images/portfolio/logistics/1.png" alt=""></figure>

                    </a>
                </li>
                <li class="porfolio-item" data-content-port="logistics delivery">
                    <a class="my-custom-links" data-gall="portfolio" data-maxwidth="800px"
                        href="assets/images/portfolio/logistics/2.png">
                        <figure><img class="img-fluid" src="assets/images/portfolio/logistics/2.png" alt=""></figure>

                    </a>
                </li>
                <li class="porfolio-item" data-content-port="logistics transport ecommerce wordpress">
                    <a class="my-custom-links" data-gall="portfolio" data-maxwidth="800px"
                        href="assets/images/portfolio/logistics/3.png">
                        <figure><img class="img-fluid" src="assets/images/portfolio/logistics/3.png" alt=""></figure>

                    </a>
                </li>
                <li class="porfolio-item" data-content-port="logistics wordpress transport">
                    <a class="my-custom-links" data-gall="portfolio" data-maxwidth="800px"
                        href="assets/images/portfolio/logistics/4.jpg">
                        <figure><img class="img-fluid" src="assets/images/portfolio/logistics/4.jpg" alt=""></figure>

                    </a>
                </li>
                <li class="porfolio-item" data-content-port="horeca booking-systems">
                    <a class="my-custom-links" data-gall="portfolio" data-maxwidth="800px"
                        href="assets/images/portfolio/horeca/1.jpg">
                        <figure><img class="img-fluid" src="assets/images/portfolio/horeca/1.jpg" alt=""></figure>

                    </a>
                </li>
                <li class="porfolio-item" data-content-port="horeca booking-systems wordpress ecommerce">
                    <a class="my-custom-links" data-gall="portfolio" data-maxwidth="800px"
                        href="assets/images/portfolio/horeca/2.jpg">
                        <figure><img class="img-fluid" src="assets/images/portfolio/horeca/2.jpg" alt=""></figure>

                    </a>
                </li>
                <li class="porfolio-item" data-content-port="horeca">
                    <a class="my-custom-links" data-gall="portfolio" data-maxwidth="800px"
                        href="assets/images/portfolio/horeca/3.png">
                        <figure><img class="img-fluid" src="assets/images/portfolio/horeca/3.png" alt=""></figure>

                    </a>
                </li>
                <li class="porfolio-item" data-content-port="edtech social-media">
                    <a class="my-custom-links" data-gall="portfolio" data-maxwidth="800px"
                        href="assets/images/portfolio/adtech/1.png">
                        <figure><img class="img-fluid" src="assets/images/portfolio/adtech/1.png" alt=""></figure>

                    </a>
                </li>
                <li class="porfolio-item" data-content-port="edtech">
                    <a class="my-custom-links" data-gall="portfolio" data-maxwidth="800px"
                        href="assets/images/portfolio/adtech/2.png">
                        <figure><img class="img-fluid" src="assets/images/portfolio/adtech/2.png" alt=""></figure>

                    </a>
                </li>
                <li class="porfolio-item" data-content-port="edtech booking-systems">
                    <a class="my-custom-links" data-gall="portfolio" data-maxwidth="800px"
                        href="assets/images/portfolio/adtech/3.png">
                        <figure><img class="img-fluid" src="assets/images/portfolio/adtech/3.png" alt=""></figure>

                    </a>
                </li>
                <li class="porfolio-item" data-content-port="edtech">
                    <a class="my-custom-links" data-gall="portfolio" data-maxwidth="800px"
                        href="assets/images/portfolio/adtech/4.jpg">
                        <figure><img class="img-fluid" src="assets/images/portfolio/adtech/4.jpg" alt=""></figure>

                    </a>
                </li>
                <li class="porfolio-item" data-content-port="edtech">
                    <a class="my-custom-links" data-gall="portfolio" data-maxwidth="800px"
                        href="assets/images/portfolio/Social-media/1.png">
                        <figure><img class="img-fluid" src="assets/images/portfolio/Social-media/1.png" alt="">
                        </figure>

                    </a>
                </li>
                <li class="porfolio-item" data-content-port="social-media">
                    <a class="my-custom-links" data-gall="portfolio" data-maxwidth="800px"
                        href="assets/images/portfolio/Social-media/2.png">
                        <figure><img class="img-fluid" src="assets/images/portfolio/Social-media/2.png" alt="">
                        </figure>

                    </a>
                </li>
                <li class="porfolio-item" data-content-port="social-media booking-systems">
                    <a class="my-custom-links" data-gall="portfolio" data-maxwidth="800px"
                        href="assets/images/portfolio/Social-media/3.png">
                        <figure><img class="img-fluid" src="assets/images/portfolio/Social-media/3.png" alt="">
                        </figure>

                    </a>
                </li>
                <li class="porfolio-item" data-content-port="social-media">
                    <a class="my-custom-links" data-gall="portfolio" data-maxwidth="800px"
                        href="assets/images/portfolio/Social-media/5.png">
                        <figure><img class="img-fluid" src="assets/images/portfolio/Social-media/5.png" alt="">
                        </figure>

                    </a>
                </li>
                <li class="porfolio-item" data-content-port="social-media">
                    <a class="my-custom-links" data-gall="portfolio" data-maxwidth="800px"
                        href="assets/images/portfolio/Social-media/6.png">
                        <figure><img class="img-fluid" src="assets/images/portfolio/Social-media/6.png" alt="">
                        </figure>

                    </a>
                </li>
                <li class="porfolio-item" data-content-port="social-media booking-systems">
                    <a class="my-custom-links" data-gall="portfolio" data-maxwidth="800px"
                        href="assets/images/portfolio/Social-media/7.png">
                        <figure><img class="img-fluid" src="assets/images/portfolio/Social-media/7.png" alt="">
                        </figure>

                    </a>
                </li>
                <li class="porfolio-item" data-content-port="social-media">
                    <a class="my-custom-links" data-gall="portfolio" data-maxwidth="800px"
                        href="assets/images/portfolio/Social-media/8.png">
                        <figure><img class="img-fluid" src="assets/images/portfolio/Social-media/8.png" alt="">
                        </figure>

                    </a>
                </li>
                <li class="porfolio-item" data-content-port="social-media booking-systems">
                    <a class="my-custom-links" data-gall="portfolio" data-maxwidth="800px"
                        href="assets/images/portfolio/Social-media/9.jpg">
                        <figure><img class="img-fluid" src="assets/images/portfolio/Social-media/9.jpg" alt="">
                        </figure>

                    </a>
                </li>
                <li class="porfolio-item" data-content-port="social-media health-care">
                    <a class="my-custom-links" data-gall="portfolio" data-maxwidth="800px"
                        href="assets/images/portfolio/Social-media/10.png">
                        <figure><img class="img-fluid" src="assets/images/portfolio/Social-media/10.png" alt="">
                        </figure>

                    </a>
                </li>
                <li class="porfolio-item" data-content-port="social-media booking-systems">
                    <a class="my-custom-links" data-gall="portfolio" data-maxwidth="800px"
                        href="assets/images/portfolio/Social-media/11.png">
                        <figure><img class="img-fluid" src="assets/images/portfolio/Social-media/11.png" alt="">
                        </figure>

                    </a>
                </li>
                <li class="porfolio-item" data-content-port="social-media wordpress">
                    <a class="my-custom-links" data-gall="portfolio" data-maxwidth="800px"
                        href="assets/images/portfolio/Social-media/12.png">
                        <figure><img class="img-fluid" src="assets/images/portfolio/Social-media/12.png" alt="">
                        </figure>

                    </a>
                </li>
                <li class="porfolio-item" data-content-port="e-commerce social-item">
                    <a class="my-custom-links" data-gall="portfolio" data-maxwidth="800px"
                        href="assets/images/portfolio/e-commerce/2.jpg">
                        <figure><img class="img-fluid" src="assets/images/portfolio/e-commerce/2.jpg" alt="">
                        </figure>

                    </a>
                </li>
                <li class="porfolio-item" data-content-port="e-commerce">
                    <a class="my-custom-links" data-gall="portfolio" data-maxwidth="800px"
                        href="assets/images/portfolio/e-commerce/3.png">
                        <figure><img class="img-fluid" src="assets/images/portfolio/e-commerce/3.png" alt="">
                        </figure>

                    </a>
                </li>
                <li class="porfolio-item" data-content-port="e-commerce">
                    <a class="my-custom-links" data-gall="portfolio" data-maxwidth="800px"
                        href="assets/images/portfolio/e-commerce/4.png">
                        <figure><img class="img-fluid" src="assets/images/portfolio/e-commerce/4.png" alt="">
                        </figure>

                    </a>
                </li>
                <li class="porfolio-item" data-content-port="e-commerce wordpress">
                    <a class="my-custom-links" data-gall="portfolio" data-maxwidth="800px"
                        href="assets/images/portfolio/e-commerce/5.png">
                        <figure><img class="img-fluid" src="assets/images/portfolio/e-commerce/5.png" alt="">
                        </figure>

                    </a>
                </li>
                <li class="porfolio-item" data-content-port="e-commerce">
                    <a class="my-custom-links" data-gall="portfolio" data-maxwidth="800px"
                        href="assets/images/portfolio/e-commerce/6.png">
                        <figure><img class="img-fluid" src="assets/images/portfolio/e-commerce/6.png" alt="">
                        </figure>

                    </a>
                </li>
                <li class="porfolio-item" data-content-port="e-commerce">
                    <a class="my-custom-links" data-gall="portfolio" data-maxwidth="800px"
                        href="assets/images/portfolio/e-commerce/7.png">
                        <figure><img class="img-fluid" src="assets/images/portfolio/e-commerce/7.png" alt="">
                        </figure>

                    </a>
                </li>
                <li class="porfolio-item" data-content-port="health-care">
                    <a class="my-custom-links" data-gall="portfolio" data-maxwidth="800px"
                        href="assets/images/portfolio/health-care/2.png">
                        <figure><img class="img-fluid" src="assets/images/portfolio/health-care/2.png" alt="">
                        </figure>

                    </a>
                </li>
                <li class="porfolio-item" data-content-port="health-care">
                    <a class="my-custom-links" data-gall="portfolio" data-maxwidth="800px"
                        href="assets/images/portfolio/health-care/3.png">
                        <figure><img class="img-fluid" src="assets/images/portfolio/health-care/3.png" alt="">
                        </figure>

                    </a>
                </li>
                <li class="porfolio-item" data-content-port="wordpress">
                    <a class="my-custom-links" data-gall="portfolio" data-maxwidth="800px"
                        href="assets/images/portfolio/wordpress/4.png">
                        <figure><img class="img-fluid" src="assets/images/portfolio/wordpress/4.png" alt=""></figure>

                    </a>
                </li>
                <li class="porfolio-item" data-content-port="wordpress">
                    <a class="my-custom-links" data-gall="portfolio" data-maxwidth="800px"
                        href="assets/images/portfolio/wordpress/6.jpg">
                        <figure><img class="img-fluid" src="assets/images/portfolio/wordpress/6.jpg" alt=""></figure>

                    </a>
                </li>
            </ul>
        </div>



    </div>
</section>


<section class="theme-change section-padding">
    <div class="container">
        <div class="row">
            <div class="col-lg-4 align-self-center text-center">
                <img class="img-fluid logo" src="assets/images/logo-white.png" alt="" />

            </div>
            <div class="col-lg-4 align-self-center text-center">
                <label class="vertical-switch">
                    <input checked="" type="checkbox">
                    <span class="vertical-switch__slider"></span>
                </label>
            </div>
            <div class="col-lg-4 align-self-center text-center">
                <!-- <span class="subheading">Creative Ideas</span> -->
                <h1 class="">Click On <?php  echo $name;?> To Turn The Lights On</h1>

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

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