<?php include 'include/menu.php'?>
<?php include 'include/header.php'?>
<!-- Hero -->
<div class="iner-Banner">
    <div class="swiper mySwiperHero">
        <!--<div class="parallax-bg" style="background-image: url(images/hero-bg.png);" data-swiper-parallax="-23%"></div>-->
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <section class="techVerse_hero hoverEffectSec" style="background-image: url(./images/banner-bg1.webp)">
                    <div class="techVerse_heroContent">
                        <div class="container-fluid">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="techVerse_hero_content About_Content">
                                        <h2 class="fill" data-text="portfolio">portfolio</h2>

                                        <!-- <h6>Welcome to Beyond browse</h6> -->
                                        <h1 data-aos="fade-right" data-aos-offset="0" data-aos-duration="1000"
                                            class="hen">

                                            <span class="color-lightBlue1">portfolio</span>
                                            <!-- <div class="d-blxk">
                                                    That Resonate, Inspire, and Endure!
                                                    </div> -->
                                        </h1>
                                        <p data-aos="fade-right" data-aos-offset="0" data-aos-duration="2000">
                                            We help people turn business ideas into earmarking market-ready solutions.
                                            Here’s a sneak peek into our work over the years.
                                        </p>
                                        <div class="techVerse_hero_btns" data-aos="fade-right" data-aos-offset="0"
                                            data-aos-duration="3000">

                                            <a href="javascript:;" class="btn_with_icon btn_secondary">
                                                <!-- <img class="btn_with_icon_img" src="images/chat-icon.png" alt="" /> -->
                                                <span class="btn_with_icon_text">More Explore</span>
                                            </a>
                                            <a href="tel:<?php echo $locNumber; ?>" class="btn_with_icon">
                                                <img class="btn_with_icon_img" src="images/phone-icon.png" alt="" />
                                                <span class="btn_with_icon_text"><?php echo $locNumber; ?></span>
                                            </a>
                                        </div>
                                        <div class="hero_brands" data-aos="fade-right" data-aos-offset="0"
                                            data-aos-duration="3000">
                                            <a href="javascript:;" class="hero_brands_img"><img src="images/clutch.png"
                                                    alt="" /></a>
                                            <a href="javascript:;" class="hero_brands_img"><img src="images/trus-pilot.png"
                                                    alt="" /></a>
                                            <a href="javascript:;" class="hero_brands_img"><img src="images/bbb.png" alt="" /></a>
                                        </div>
                                    </div>
                                </div>

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


    </div>
</div>
<?php include 'include/logosec.php'?>

<!-- About Sec -->
<div class="Sec-011">
    <section class="techVerse_about hoverEffectSec" id="particles-js1">
        <div class="icon-container-hover">
            <img class="techVerse_about_icon1 animation11" src="images/pink-capsol.png" alt="" />
            <img class="techVerse_about_icon2 animation33" src="images/Pill.png" alt="" />
            <img class="techVerse_about_icon3 animation11" src="images/green-cube.png" alt="" />
            <img class="techVerse_about_icon4 animation11" src="images/donat-orange.png" alt="" />
        </div>
        <div class="techVerse_aboutContent width-1600">
            <div class="container-fluid">
                <div class="row flex-row-reverse">
                    <div class="col-md-6">
                        <div class="techVerse_about_content">
                            <div class="sec_title">
                                <h2 class="sec_title_head " data-aos="fade-up" data-aos-offset="0"
                                    data-aos-duration="1000">
                                    About
                                    <span class="color-lightBlue2">the Crowd </span>
                                    <div class="dlb">

                                    </div>

                                </h2>
                                <p data-aos="fade-up" data-aos-offset="0" data-aos-duration="2000">
                                    This is a virtual one-stop shop for companies starting anew on the internet and
                                    those considering a brand revamp to spice things up. We’re a team of website
                                    designers, mobile application developers, logo animators, SEO experts, and branding
                                    specialists that offer round-the-clock support for online reputation management.
                                    Let’s redefine your online presence with our award-winning services!
                                </p>
                                <!-- <p>
                                        What sets us apart is our commitment to creating enduring relationships. We work closely with our clients to build transparent and cooperative relationships, making sure that their vision is central to each project. Our talented team of engineers and designers is dedicated to producing outstanding work and is passionate about what they do. We aim to surpass rather than merely meet expectations.
                                        </p> -->
                                <ul class="newb">
                                    <li>
                                        <p>Following the latest technology trends to ensure digital modernization.</p>
                                    </li>
                                    <li>
                                        <p>Over 324 running websites and 540 completed projects with 500+ satisfied
                                            customers</p>
                                    </li>
                                    <li>
                                        <p>Guaranteeing 100 percent success and results for startups, SMEs, and
                                            enterprises</p>
                                    </li>
                                </ul>
                                <div class="techVerse_hero_btns" data-aos="fade-up" data-aos-offset="0"
                                    data-aos-duration="3000">
                                    <a href="tel:<?php echo $locNumber; ?>" class="btn_with_icon">
                                        <img class="btn_with_icon_img" src="images/phone-icon.png" alt="" />
                                        <span class="btn_with_icon_text">Call Now</span>
                                    </a>
                                    <a href="javascript:;" data-toggle="modal" data-target="#staticBackdrop" class="btn_with_icon btn_secondary blackcl">
                                        <img class="btn_with_icon_img" src="images/chat-icon.png" alt="" />
                                        <span class="btn_with_icon_text">Chat Now</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="techVerse_about_img">
                            <div class="techVerse_about_laptop_img ">
                                <img src="images/nn1.png" class="about-laptopImg" data-aos="fade-right"
                                    data-aos-offset="0" data-aos-duration="1000" />
                                <img src="images/laptop-1.png" class="laptop-Frame frm-1" data-aos="fade-left"
                                    data-aos-offset="0" data-aos-duration="1000" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
<!-- Web Solution -->
<section class="techVerse_webSolution hoverEffectSec">
    <div class="techVerse_webSolution-bg"></div>
    <div class="icon-container-hover">
        <img class="techVerse_webSolution_icon1 animation11" src="images/donate-white.png" alt="" />
        <img class="techVerse_webSolution_icon2 animation22" src="images/peramid-icon.png" alt="" />
    </div>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="techVerse_webSolution_content">
                    <div class="sec_title">
                        <h2 class="sec_title_head headerin" data-aos="fade-up" data-aos-offset="0"
                            data-aos-duration="1000">
                            Take brand revamping off the table <br> and on the charts.

                        </h2>
                        <!-- <p data-aos="fade-up" data-aos-offset="0" data-aos-duration="2000">
                                        Our expert team combines cutting-edge technology with creative finesse to craft custom websites that not only enhance user experience but also drive tangible results.
                                    </p> -->
                        <div class="techVerse_hero_btns" data-aos="fade-up" data-aos-offset="0"
                            data-aos-duration="3000">
                            <a href="tel:+(1) 23456-7890" class="btn_with_icon">
                                <img class="btn_with_icon_img" src="images/phone-icon-green.png" alt="" />
                                <span class="btn_with_icon_text">+(1) 23456-7890</span>
                            </a>
                            <a href="javascript:;" class="nostyle btn_with_icon btn_secondary">
                                <img class="nofilter btn_with_icon_img" src="images/chat-icon-blue.png    " alt="" />
                                <span class="btn_with_icon_text">Start A Live Chat</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Services -->

<!-- Portfolio -->
<section class="techVerse_portfolio">
    <div class="techVerse_portfolioContent width-1600">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">
                    <div class="sec_title">
                        <h2 class="sec_title_head color-lightBlue2" data-aos="fade-up" data-aos-offset="0"
                            data-aos-duration="1000">
                            <span class="color-darkBlue"> Our </span>
                            Portfolio

                        </h2>
                        <p class="SEci" data-aos="fade-up" data-aos-offset="0" data-aos-duration="2000">
                            Our Company has worked with thousands of businesses all across the world and has developed
                            highly functional, responsive, and feature-rich applications. Check out some of our best
                            works:
                        </p>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="portfolio_tabs nav nav-tabs" id="myTab" role="tablist" data-aos="fade-up"
                        data-aos-offset="0" data-aos-duration="3000">
                        <a class="nav-link active" id="cms_tab" data-toggle="tab" href="#cms-tab" role="tab">All
                            Design</a>
                        <a class="nav-link " id="mobile_apps" data-toggle="tab" href="#mobile-app" role="tab">Mobile
                            Apps</a>
                        <a class="nav-link" id="websites_tab" data-toggle="tab" href="#website-tab"
                            role="tab">Websites</a>

                    </div>
                    <div class="tab-content" id="portfolioTabs">
                        <div class="tab-pane fade " id="mobile-app" role="tabpanel" aria-labelledby="mobile_apps">
                            <div class="mobile_app_carousel">
                                <div class="swiper mobileAppCarousel">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <img src="images/portfolio-mockup-1.png" alt="" />
                                        </div>

                                        <div class="swiper-slide">
                                            <img src="images/portfolio-mockup-2.png" alt="" />
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="images/portfolio-mockup-3.png" alt="" />
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="images/portfolio-mockup-4.png" alt="" />
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="images/portfolio-mockup-5.png" alt="" />
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="images/portfolio-mockup-1.png" alt="" />
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="images/portfolio-mockup-2.png" alt="" />
                                        </div>
                                    </div>
                                </div>
                                <div class="our-slider-img">
                                    <img src="images/mobile-frame.webp" alt="" />
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="website-tab" role="tabpanel" aria-labelledby="websites_tab">
                            <div class="web_app_carousel">
                                <div class="swiper webAppCarousel">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <img src="images/website-1.png" alt="" />
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="images/website-2.png" alt="" />
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="images/website-3.png" alt="" />
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="images/website-4.png" alt="" />
                                        </div>


                                        <!--<div class="swiper-slide">-->
                                        <!--  <img src="images/car-buying.png" alt="" />-->
                                        <!--</div>-->
                                        <!--<div class="swiper-slide">-->
                                        <!--  <img src="images/jeff-wilson.png" alt="" />-->
                                        <!--</div>-->
                                        <!--<div class="swiper-slide">-->
                                        <!--  <img src="images/lll-reptile.png" alt="" />-->
                                        <!--</div>-->
                                        <!--<div class="swiper-slide">-->
                                        <!--  <img src="images/private-astrology.png" alt="" />-->
                                        <!--</div>-->
                                        <!--<div class="swiper-slide">-->
                                        <!--  <img src="images/car-buying.png" alt="" />-->
                                        <!--</div>-->
                                        <!--<div class="swiper-slide">-->
                                        <!--  <img src="images/jeff-wilson.png" alt="" />-->
                                        <!--</div>-->
                                        <!--<div class="swiper-slide">-->
                                        <!--  <img src="images/lll-reptile.png" alt="" />-->
                                        <!--</div>-->
                                        <!--<div class="swiper-slide">-->
                                        <!--  <img src="images/private-astrology.png" alt="" />-->
                                        <!--</div>-->
                                    </div>
                                </div>
                                <div class="our-slider-webframe">
                                    <img src="images/Macbook.png" alt="" />
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade show active" id="cms-tab" role="tabpanel" aria-labelledby="cms_tab">
                            <div class="web_app_carousel">
                                <div class="techVerse_caseStudies-Content">
                                    <div class="container-fluid">
                                        <div class="row">

                                            <!-- New -->
                                            <div class="col-lg-4 col-md-6">
                                                <div class="techVerse_caseStudy_img bgOrange"
                                                    style="background-image: url(images/irving-segal-bg.png);"
                                                    data-aos="fade-right" data-aos-offset="0" data-aos-duration="1000">
                                                    <img src="images/irving-segal-img.png" alt="" />
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="techVerse_caseStudy_img bgOrange"
                                                    style="background-image: url(images/brain-carlisle-bg.png);"
                                                    data-aos="fade-right" data-aos-offset="0" data-aos-duration="1000">
                                                    <img src="images/brain-carlisle-img.png" alt="" />
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="techVerse_caseStudy_img bgOrange"
                                                    style="background-image: url(images/angle-body-bg.png);"
                                                    data-aos="fade-right" data-aos-offset="0" data-aos-duration="1000">
                                                    <img src="images/angle-body-img.png" alt="" />
                                                </div>
                                            </div>
                                            <!--<div class="col-lg-4 col-md-6">-->
                                            <!--  <div class="techVerse_caseStudy_img bgOrange" style="background-image: url(images/frame-with-photo-bg.png);" data-aos="fade-right" data-aos-offset="0" data-aos-duration="1000">-->
                                            <!--    <img src="images/frame-with-photo-img.png" alt="" />-->
                                            <!--  </div>-->
                                            <!--</div>-->



                                            <!-- Old -->
                                            <div class="col-lg-4 col-md-6">
                                                <div class="techVerse_caseStudy_img bgOrange"
                                                    style="background-image: url(images/p2-bg.png);"
                                                    data-aos="fade-right" data-aos-offset="0" data-aos-duration="1000">
                                                    <img src="images/p1.png" alt="" />
                                                </div>
                                            </div>

                                            <!--<div class="col-lg-4 col-md-6">-->
                                            <!--  <div class="techVerse_caseStudy_img bgOrange" style="background-image: url(images/p2-bg.png);" data-aos="fade-up" data-aos-offset="0" data-aos-duration="2000">-->
                                            <!--    <img src="images/p2.png" alt="" />-->
                                            <!--  </div>-->
                                            <!--</div>-->
                                            <div class="col-lg-4 col-md-6">
                                                <div class="techVerse_caseStudy_img bgOrange"
                                                    style="background-image: url(images/p3-bg.png);"
                                                    data-aos="fade-left" data-aos-offset="0" data-aos-duration="3000">
                                                    <img src="images/p3.png" alt="" />
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="techVerse_caseStudy_img bgOrange"
                                                    style="background-image: url(images/p4-bg.png);"
                                                    data-aos="fade-right" data-aos-offset="0" data-aos-duration="1000">
                                                    <img src="images/p4.png" alt="" />
                                                </div>
                                            </div>
                                            <!--<div class="col-lg-4 col-md-6">-->
                                            <!--  <div class="techVerse_caseStudy_img bgOrange" style="background-image: url(images/p5-bg.png);" data-aos="fade-up" data-aos-offset="0" data-aos-duration="2000">-->
                                            <!--    <img src="images/p5.png" alt="" />-->
                                            <!--  </div>-->
                                            <!--</div>-->
                                            <!--<div class="col-lg-4 col-md-6">-->
                                            <!--  <div class="techVerse_caseStudy_img bgOrange" style="background-image: url(images/p6-bg.png);" data-aos="fade-left" data-aos-offset="0" data-aos-duration="3000">-->
                                            <!--    <img src="images/p6.png" alt="" />-->
                                            <!--  </div>-->
                                            <!--</div>-->
                                        </div>
                                    </div>
                                </div>
                                <!-- <div class="swiper webAppCarousel">
                                                    <div class="swiper-wrapper">
                                                        <div class="swiper-slide">
                                                            <img src="images/Cms-1.png" alt="" />
                                                        </div>
                                                        <div class="swiper-slide">
                                                            <img src="images/CMS-2.png" alt="" />
                                                        </div>
                                                        <div class="swiper-slide">
                                                            <img src="images/CMS-3.png" alt="" />
                                                        </div>
                                                        <div class="swiper-slide">
                                                            <img src="images/CMS-4.png" alt="" />
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="our-slider-webframe">
                                                    <img src="images/Macbook.png" alt="" />
                                                </div> -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Case Studies -->
<?php include 'include/testi.php'?>
<?php include 'include/footer.php'?>