/home/websdxuk/www/shopify-development.php
<?php
$currentPage = basename($_SERVER['PHP_SELF']);
$pageWithoutExtension = pathinfo($currentPage, PATHINFO_FILENAME);
$formattedPageName = ucwords(str_replace(['-', '_'], ' ', $pageWithoutExtension));
$pageTitle = ($pageWithoutExtension === 'index')  ? 'Home | Website Builders Official' : $formattedPageName . ' | Website Builders Official';
$description = 'We are Website Builders Official, a USA web design and Development firm. We offer web design, Brand Development, website management, and web development';
$author = 'Website Builders Official'; // No spaces for consistency
$keywords = '';
$baseUrl = 'https://websitebuildersofficial.com/';
$canonicalUrl = ($pageWithoutExtension === 'index') ? $baseUrl : $baseUrl . $pageWithoutExtension;
$ogImageUrl = $baseUrl . 'assets/images/url-1630492961529.webp';
include(__DIR__ . '/header.php');
?>





    <!-- banner -->
    <section class="banner">
        <img src="assets/images/shopify-banner.webp" alt="">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-6">
                    <div class="banner_textt" data-aos="fade-left" data-aos-duration="1000">
                        <span>Shopify Development</span>
                        <h1>Custom Shopify Solutions That Boost Sales and Growth</h1>
                        <p>We create custom Shopify solutions that enhance user experience, streamline operations, and
                            drive measurable sales growth for your online store.</p>

                     <?php include('./include/bannerForm.php')?>
                        <img src="assets/images/in-logos.webp" alt="img">
                    </div>
                </div>
                <div class="col-lg-6 col-md-6">
                    <div class="banner_imgg" data-aos="fade-right" data-aos-duration="1000">
                        <div class="ban_imgs_slider">
                            <div>
                                <div class="ban_imgs_box">
                                    <img src="assets/images/shopify-side-img.webp" alt="img">
                                </div>
                            </div>
                            <!-- <div>
                                <div class="ban_imgs_box">
                                    <img src="assets/images/wordpress/ban2.webp" alt="img">
                                </div>
                            </div>
                            <div>
                                <div class="ban_imgs_box">
                                    <img src="assets/images/wordpress/ban3.webp" alt="img">
                                </div>
                            </div>
                            <div>
                                <div class="ban_imgs_box">
                                    <img src="assets/images/wordpress/ban4.webp" alt="img">
                                </div>
                            </div>
                            <div>
                                <div class="ban_imgs_box">
                                    <img src="assets/images/wordpress/ban5.webp" alt="img">
                                </div>
                            </div> -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- banner -->
     <?php include('./include/marquee-text.php')?>
    <!-- Better faster sec -->
    <section class="better_faster_sec all-sec">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-12" data-aos="fade-left" data-aos-duration="1000">
                    <div class="theme_heading">
                        <span>Things Work </span>
                        <h2>From Setup to Launch, Complete <span>Shopify Store Services</span></h2>
                        <p>Website Builders Official offers complete Shopify store services, from initial setup to final launch,
                            ensuring a seamless, customized eCommerce experience that drives sales, engages customers,
                            and supports your brand’s growth every step of the way.</p>
                    </div>
                    <div class="better_faster_textbox">
                        <ul>
                            <li><span><img src="assets/images/icons/c1.webp" alt="img"></span>Fully Customized Store
                                Design and Branding</li>
                            <li><span><img src="assets/images/icons/c2.webp" alt="img"></span>Secure Payment Gateway
                                Integration </li>
                            <li><span><img src="assets/images/icons/c3.webp" alt="img"></span>Optimized for Speed and
                                Mobile Performance </li>
                        </ul>
                        <a href="javascript:;" class="btn2 btn-popup">Have a Project in Mind? <i
                                class="fa-solid fa-chevron-right"></i></a>
                    </div>
                </div>
                <div class="col-lg-6 col-md-12" data-aos="fade-right" data-aos-duration="1000">
                    <img src="assets/images/img4.webp" alt="img">
                </div>
            </div>
        </div>
    </section>
    <!-- Better faster sec -->
    <!-- cta three -->
    <section class="cta_three_secc all-sec">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="cta_three_box" data-aos="fade-up" data-aos-duration="1000">
                        <img src="assets/images/cta33.webp" class="cta33" alt="img">
                        <h2>Let’s Build Something Great <br> Together <span class="d-inline">Contact Us!</span></h2>
                        <div class="d-flex gap-3">
                            <a href="tel:+17372044979" class="btn2">+1 (737) 204-4979 <i
                                    class="fa-solid fa-phone"></i></a>
                            <a href="javascript:;" onclick="onclickchatCall();" class="btn2">Start Live Chat</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> <!-- cta three -->
    <!-- our process -->
    <section class="our_process all-sec">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="theme_heading text-center" data-aos="fade-up" data-aos-duration="1000">
                        <span>Our Process </span>
                        <h2>Our Proven Process for Delivering <span>Exceptional Shopify Solutions </span> </h2>
                    </div>
                    <div class="process_tabs" data-aos="fade-down" data-aos-duration="1000">
                        <ul>
                            <li data-tabb="briefing" class="curr">
                                <img src="assets/images/icons/p1.webp" alt="img" class="ptheme">
                                <img src="assets/images/icons/pw1.webp" alt="img" class="pwhite">
                                Discovery & Requirement Analysis
                            </li>
                            <li data-tabb="design">
                                <img src="assets/images/icons/p2.webp" alt="img" class="ptheme">
                                <img src="assets/images/icons/pw2.webp" alt="img" class="pwhite">
                                Custom Theme Design & Development
                            </li>
                            <li data-tabb="development">
                                <img src="assets/images/icons/p3.webp" alt="img" class="ptheme">
                                <img src="assets/images/icons/pw3.webp" alt="img" class="pwhite">
                                App Integration & Customization
                            </li>
                            <li data-tabb="testing">
                                <img src="assets/images/icons/p4.webp" alt="img" class="ptheme">
                                <img src="assets/images/icons/pw4.webp" alt="img" class="pwhite">
                                Testing & Quality Assurance
                            </li>
                            <li data-tabb="launch">
                                <img src="assets/images/icons/p5.webp" alt="img" class="ptheme">
                                <img src="assets/images/icons/pw5.webp" alt="img" class="pwhite">
                                Launch & Post-Launch Support
                            </li>
                        </ul>
                        <div class="tabs-openn briefing curr">
                            <div class="process_tabs_box">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6">
                                        <h3>Discovery & Requirement <span>Analysis</span></h3>
                                        <p>We collaborate with you to understand your brand, target audience, and
                                            eCommerce goals to craft a tailored Shopify development plan for your
                                            store’s success.</p>
                                        <ul>
                                            <li><a href="javascript:;" class="btn3 btn-popup">Get a Quote</a></li>
                                            <li><a href="tel:+17372044979" class="btn3">Discuss your project <i
                                                        class="fa-solid fa-phone"></i></a></li>
                                        </ul>
                                    </div>
                                    <div class="col-lg-6 col-md-6">
                                        <img src="assets/images/shopify-tab/1.webp" alt="img">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tabs-openn design">
                            <div class="process_tabs_box">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6">
                                        <h3>Custom Theme Design & <span>Development </span></h3>
                                        <p>Our team creates unique, responsive Shopify themes that reflect your brand
                                            identity while ensuring seamless navigation and optimized user experience
                                            across all devices.</p>
                                        <ul>
                                            <li><a href="javascript:;" class="btn3 btn-popup">Get a Quote</a></li>
                                            <li><a href="tel:+17372044979" class="btn3">Discuss your project <i
                                                        class="fa-solid fa-phone"></i></a></li>
                                        </ul>
                                    </div>
                                    <div class="col-lg-6 col-md-6">
                                        <img src="assets/images/shopify-tab/2.webp" alt="img">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tabs-openn development">
                            <div class="process_tabs_box">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6">
                                        <h3>App Integration & <span> Customization</span> </h3>
                                        <p>We integrate essential Shopify apps and build custom features to extend
                                            functionality, streamline operations, and enhance your store’s performance
                                            and scalability.</p>
                                        <ul>
                                            <li><a href="javascript:;" class="btn3 btn-popup">Get a Quote</a></li>
                                            <li><a href="tel:+17372044979" class="btn3">Discuss your project <i
                                                        class="fa-solid fa-phone"></i></a></li>
                                        </ul>
                                    </div>
                                    <div class="col-lg-6 col-md-6">
                                        <img src="assets/images/shopify-tab/3.webp" alt="img">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tabs-openn testing">
                            <div class="process_tabs_box">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6">
                                        <h3>Testing & Quality <span>Assurance</span> </h3>
                                        <p>Thorough testing ensures your Shopify store is fully functional, secure, and
                                            performs flawlessly across different browsers and devices before launch.</p>
                                        <ul>
                                            <li><a href="javascript:;" class="btn3 btn-popup">Get a Quote</a></li>
                                            <li><a href="tel:+17372044979" class="btn3">Discuss your project <i
                                                        class="fa-solid fa-phone"></i></a></li>
                                        </ul>
                                    </div>
                                    <div class="col-lg-6 col-md-6">
                                        <img src="assets/images/shopify-tab/4.webp" alt="img">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tabs-openn launch">
                            <div class="process_tabs_box">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6">
                                        <h3>Launch & Post-Launch <span>Support </span></h3>
                                        <p>We manage smooth store deployment and provide ongoing maintenance, updates,
                                            and optimization to keep your Shopify site running securely and efficiently.
                                        </p>
                                        <ul>
                                            <li><a href="javascript:;" class="btn3 btn-popup">Get a Quote</a></li>
                                            <li><a href="tel:+17372044979" class="btn3">Discuss your project <i
                                                        class="fa-solid fa-phone"></i></a></li>
                                        </ul>
                                    </div>
                                    <div class="col-lg-6 col-md-6">
                                        <img src="assets/images/shopify-tab/5.webp" alt="img">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- our process -->

    <!-- cta three -->
    <section class="cta_three_secc all-sec m-0">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="cta_three_box" data-aos="fade-up" data-aos-duration="1000">
                        <img src="assets/images/cta34.webp" class="cta34" alt="img" style="left: 0px;">
                        <h2>We have transformed <span class="d-inline">8000+<br> business</span> with our
                            Development<br> Expertise</h2>
                        <div class="d-flex gap-3">
                            <a href="tel:+17372044979" class="btn2">+1 (737) 204-4979 <i
                                    class="fa-solid fa-phone"></i></a>
                            <a href="javascript:;" onclick="onclickchatCall();" class="btn2">Start Live Chat</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> <!-- cta three -->

    <!-- Website feature -->
    <section class="website_feature_secc">
        <h2><span>Smart Features </span>Built to Elevate Online Presence</h2>
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-3">
                    <div class="website_feature_box" data-aos="fade-left" data-aos-duration="500">
                        <img src="assets/images/icons/f1.webp" alt="img">
                        <h3>Custom Shopify Theme Development</h3>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3">
                    <div class="website_feature_box" data-aos="fade-left" data-aos-duration="1000">
                        <img src="assets/images/icons/f2.webp" alt="img">
                        <h3>Mobile-Optimized Shopping Experience</h3>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3">
                    <div class="website_feature_box" data-aos="fade-right" data-aos-duration="500">
                        <img src="assets/images/icons/f3.webp" alt="img">
                        <h3>Seamless Payment Gateway Integration</h3>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3">
                    <div class="website_feature_box" data-aos="fade-right" data-aos-duration="1000">
                        <img src="assets/images/icons/f4.webp" alt="img">
                        <h3>Advanced Product Filtering and Search</h3>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3">
                    <div class="website_feature_box" data-aos="fade-left" data-aos-duration="500">
                        <img src="assets/images/icons/f5.webp" alt="img">
                        <h3>Third-Party App Integration</h3>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3">
                    <div class="website_feature_box" data-aos="fade-left" data-aos-duration="1000">
                        <img src="assets/images/icons/f6.webp" alt="img">
                        <h3>SEO-Friendly Store Structure</h3>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3">
                    <div class="website_feature_box" data-aos="fade-right" data-aos-duration="500">
                        <img src="assets/images/icons/f7.webp" alt="img">
                        <h3>Real-Time Inventory Management</h3>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3">
                    <div class="website_feature_box" data-aos="fade-right" data-aos-duration="1000">
                        <img src="assets/images/icons/f8.webp" alt="img">
                        <h3>Secure and Scalable Checkout Process</h3>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Website feature -->
  <?php include('./include/packages.php')?>


    <!-- portfolio -->
    <section class="portfolio_secc all-sec">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="theme_heading text-center" data-aos="fade-up" data-aos-duration="1000">
                        <h2>Explore Our Showcase of <span>Digital Masterpieces</span></h2>
                    </div>
                    <div class="cust_tabs" data-aos="fade-down" data-aos-duration="1000">
                        <ul>
                            <li class="curr" data-tab="ecommerce">Ecommerce</li>
                            <li data-tab="fitness">Fitness </li>
                            <li data-tab="food">Food </li>
                            <li data-tab="transport">Transport</li>
                            <li data-tab="technology">Technology</li>
                            <li data-tab="realestate">Real Estate</li>
                            <li data-tab="fintech">Fintech </li>
                            <li data-tab="construction">Construction </li>
                        </ul>
                        <div class="tabs-open ecommerce curr">
                            <div class="row justify-content-center">
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/ecommerce/1.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/ecommerce/1.webp" alt="websitebuildersofficial17">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/ecommerce/2.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/ecommerce/2.webp" alt="websitebuildersofficial18">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/ecommerce/3.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/ecommerce/3.webp" alt="websitebuildersofficial19">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/ecommerce/4.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/ecommerce/4.webp" alt="websitebuildersofficial20">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/ecommerce/5.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/ecommerce/5.webp" alt="websitebuildersofficial21">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/ecommerce/6.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/ecommerce/6.webp" alt="websitebuildersofficial22">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/ecommerce/7.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/ecommerce/7.webp" alt="websitebuildersofficial22">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/ecommerce/8.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/ecommerce/8.webp" alt="websitebuildersofficial22">
                                    </a>
                                </div>
                            </div>
                        </div>



                        <div class="tabs-open fitness">
                            <div class="row justify-content-center">
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/fitness/1.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/fitness/1.webp" alt="websitebuildersofficial17">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/fitness/2.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/fitness/2.webp" alt="websitebuildersofficial18">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/fitness/3.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/fitness/3.webp" alt="websitebuildersofficial19">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/fitness/4.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/fitness/4.webp" alt="websitebuildersofficial20">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/fitness/5.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/fitness/5.webp" alt="websitebuildersofficial21">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/fitness/6.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/fitness/6.webp" alt="websitebuildersofficial22">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/fitness/7.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/fitness/7.webp" alt="websitebuildersofficial22">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/fitness/8.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/fitness/8.webp" alt="websitebuildersofficial22">
                                    </a>
                                </div>
                            </div>
                        </div>



                        <div class="tabs-open food">
                            <div class="row justify-content-center">
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/food/1.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/food/1.webp" alt="websitebuildersofficial17">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/food/2.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/food/2.webp" alt="websitebuildersofficial18">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/food/3.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/food/3.webp" alt="websitebuildersofficial19">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/food/4.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/food/4.webp" alt="websitebuildersofficial20">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/food/5.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/food/5.webp" alt="websitebuildersofficial21">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/food/6.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/food/6.webp" alt="websitebuildersofficial22">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/food/7.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/food/7.webp" alt="websitebuildersofficial22">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/food/8.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/food/8.webp" alt="websitebuildersofficial22">
                                    </a>
                                </div>
                            </div>
                        </div>



                        <div class="tabs-open transport">
                            <div class="row justify-content-center">
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/transport/1.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/transport/1.webp" alt="websitebuildersofficial17">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/transport/2.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/transport/2.webp" alt="websitebuildersofficial18">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/transport/3.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/transport/3.webp" alt="websitebuildersofficial19">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/transport/4.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/transport/4.webp" alt="websitebuildersofficial20">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/transport/5.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/transport/5.webp" alt="websitebuildersofficial21">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/transport/6.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/transport/6.webp" alt="websitebuildersofficial22">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/transport/7.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/transport/7.webp" alt="websitebuildersofficial22">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/transport/8.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/transport/8.webp" alt="websitebuildersofficial22">
                                    </a>
                                </div>
                            </div>
                        </div>


                        <div class="tabs-open technology">
                            <div class="row justify-content-center">
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/technology/1.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/technology/1.webp"
                                            alt="websitebuildersofficial17">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/technology/2.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/technology/2.webp"
                                            alt="websitebuildersofficial18">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/technology/3.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/technology/3.webp"
                                            alt="websitebuildersofficial19">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/technology/4.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/technology/4.webp"
                                            alt="websitebuildersofficial20">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/technology/5.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/technology/5.webp"
                                            alt="websitebuildersofficial21">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/technology/6.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/technology/6.webp"
                                            alt="websitebuildersofficial22">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/technology/7.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/technology/7.webp"
                                            alt="websitebuildersofficial22">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/technology/8.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/technology/8.webp"
                                            alt="websitebuildersofficial22">
                                    </a>
                                </div>
                            </div>
                        </div>


                        <div class="tabs-open realestate">
                            <div class="row justify-content-center">
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/realestate/1.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/realestate/1.webp"
                                            alt="websitebuildersofficial17">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/realestate/2.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/realestate/2.webp"
                                            alt="websitebuildersofficial18">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/realestate/3.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/realestate/3.webp"
                                            alt="websitebuildersofficial19">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/realestate/4.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/realestate/4.webp"
                                            alt="websitebuildersofficial20">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/realestate/5.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/realestate/5.webp"
                                            alt="websitebuildersofficial21">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/realestate/6.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/realestate/6.webp"
                                            alt="websitebuildersofficial22">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/realestate/7.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/realestate/7.webp"
                                            alt="websitebuildersofficial22">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/realestate/8.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/realestate/8.webp"
                                            alt="websitebuildersofficial22">
                                    </a>
                                </div>
                            </div>
                        </div>


                        <div class="tabs-open fintech">
                            <div class="row justify-content-center">
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/fintech/1.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/fintech/1.webp" alt="websitebuildersofficial17">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/fintech/2.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/fintech/2.webp" alt="websitebuildersofficial18">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/fintech/3.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/fintech/3.webp" alt="websitebuildersofficial19">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/fintech/4.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/fintech/4.webp" alt="websitebuildersofficial20">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/fintech/5.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/fintech/5.webp" alt="websitebuildersofficial21">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/fintech/6.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/fintech/6.webp" alt="websitebuildersofficial22">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/fintech/7.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/fintech/7.webp" alt="websitebuildersofficial22">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/fintech/8.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/fintech/8.webp" alt="websitebuildersofficial22">
                                    </a>
                                </div>
                            </div>
                        </div>



                        <div class="tabs-open construction">
                            <div class="row justify-content-center">
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/construction/1.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/construction/1.webp"
                                            alt="websitebuildersofficial17">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/construction/2.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/construction/2.webp"
                                            alt="websitebuildersofficial18">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/construction/3.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/construction/3.webp"
                                            alt="websitebuildersofficial19">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/construction/4.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/construction/4.webp"
                                            alt="websitebuildersofficial20">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/construction/5.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/construction/5.webp"
                                            alt="websitebuildersofficial21">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/construction/6.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/construction/6.webp"
                                            alt="websitebuildersofficial22">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/construction/7.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/construction/7.webp"
                                            alt="websitebuildersofficial22">
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="assets/images/portfolio/construction/8.webp" data-fancybox="demo">
                                        <img class="lazy"
                                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                            data-src="assets/images/portfolio/construction/8.webp"
                                            alt="websitebuildersofficial22">
                                    </a>
                                </div>
                            </div>
                        </div>







                    </div>
                </div>
            </div>
        </div>
    </section><!-- portfolio -->


    <!-- Client Testimonials! -->
    <section class="client_testimonials_secc all-sec">
        <ul class="testi_sliderbtns">
            <li><i class="fa-solid fa-chevron-left"></i></li>
            <li><i class="fa-solid fa-chevron-right"></i></li>
        </ul>
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="theme_heading text-center" data-aos="fade-up" data-aos-duration="1000">
                        <h2>Our Client <span>Testimonials! </span></h2>
                    </div>
                </div>
                <div class="col-lg-6 col-md-12">
                    <div class="testi_slider">
                        <div>
                            <div class="testi_box">
                                <ul>
                                    <li><span>Sarah Thompson</span></li>
                                    <li>
                                        <ul>
                                            <li><i class="fa-solid fa-star"></i></li>
                                            <li><i class="fa-solid fa-star"></i></li>
                                            <li><i class="fa-solid fa-star"></i></li>
                                            <li><i class="fa-solid fa-star"></i></li>
                                            <li><i class="fa-solid fa-star"></i></li>
                                        </ul>
                                    </li>
                                </ul>
                                <p>Website Builders Official absolutely transformed our old website. It now looks cutting-edge,
                                    loads fast, and converts higher than ever. Highly inspired by their creativity and
                                    professionalism!</p>
                            </div>
                        </div>
                        <div>
                            <div class="testi_box">
                                <ul>
                                    <li><span>Michael Reynolds</span></li>
                                    <li>
                                        <ul>
                                            <li><i class="fa-solid fa-star"></i></li>
                                            <li><i class="fa-solid fa-star"></i></li>
                                            <li><i class="fa-solid fa-star"></i></li>
                                            <li><i class="fa-solid fa-star"></i></li>
                                            <li><i class="fa-solid fa-star"></i></li>
                                        </ul>
                                    </li>
                                </ul>
                                <p>From layout to improvement, they nailed every element. Website Builders Official helped us
                                    develop our online presence and honestly understood our brand’s vision. Fantastic
                                    enjoy!</p>
                            </div>
                        </div>
                        <div>
                            <div class="testi_box">
                                <ul>
                                    <li><span>Olivia Bennett</span></li>
                                    <li>
                                        <ul>
                                            <li><i class="fa-solid fa-star"></i></li>
                                            <li><i class="fa-solid fa-star"></i></li>
                                            <li><i class="fa-solid fa-star"></i></li>
                                            <li><i class="fa-solid fa-star"></i></li>
                                            <li><i class="fa-solid fa-star"></i></li>
                                        </ul>
                                    </li>
                                </ul>
                                <p>We needed a fast, responsive eCommerce site, and they delivered. Website Builders Official
                                    made everything seamless. Communication was clear and turnaround time was better
                                    than expected.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-12">
                    <div class="testi_img_slider">
                        <div>
                            <img src="assets/images/test-img/home/1.webp" alt="img">
                        </div>
                        <div>
                            <img src="assets/images/test-img/home/2.webp" alt="img">
                        </div>
                        <div>
                            <img src="assets/images/test-img/home/3.webp" alt="img">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section><!-- Client Testimonials! -->
<?php include('./footer.php')?>
XML-RPC server accepts POST requests only.