/home/websdxuk/www/custom-website-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/web-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>Web Design And Development</span>
<h1>Scalable, Secure, and Fully Custom Website Solutions </h1>
<p>Website Builders Official delivers scalable, secure, and fully custom software solutions tailored to
your business needs and growth.</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/web-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>Responsive. Intuitive. <span>Designed</span> Around Your Audience</h2>
<p>Website Builders Official crafts responsive, intuitive websites designed with your audience in mind,
ensuring seamless experiences, better engagement, and real results across all devices and
screen sizes.</p>
</div>
<div class="better_faster_textbox">
<ul>
<li><span><img src="assets/images/icons/c1.webp" alt="img"></span>Tailored Designs That
Reflect Your Brand</li>
<li><span><img src="assets/images/icons/c2.webp" alt="img"></span>Pixel-Perfect Frontend
Craftsmanship </li>
<li><span><img src="assets/images/icons/c3.webp" alt="img"></span>Clean Code with Scalable
Architecture </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/img2.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>The Strategy Behind Our <span>Innovative </span> <br> and <span>Impactful Work</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">
Wireframing & UI/UX Design
</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">
Frontend & Backend Development
</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">
Deployment & Ongoing 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 closely with you to understand your goals, target audience,
and technical needs, ensuring the project roadmap aligns perfectly with your
business vision.</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/web-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>Wireframing & <span>UI/UX Design </span></h3>
<p>Our designers create intuitive wireframes and engaging user interfaces
focused on seamless navigation and optimal user experience across all
devices and screen sizes.</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/web-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>Frontend & Backend <span>Development</span> </h3>
<p>Skilled developers build responsive, fast-loading frontends paired with
robust backend systems, integrating APIs and ensuring scalable, secure
architecture tailored to your requirements.</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/web-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 across browsers and devices ensures flawless functionality,
fast performance, and bug-free user experience before the website goes live.
</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/web-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>Deployment & Ongoing <span>Support </span></h3>
<p>We handle smooth deployment, monitor performance, and provide continuous
maintenance and security updates to keep your website running efficiently
and safely.</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/web-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>Innovative Features </span>Built for a Perfect Experience</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>Lightning-Fast Loading Speeds</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>Intuitive User Navigation</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>Mobile-Optimized Responsiveness</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>Secure Payment Integration</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>Customizable Design Elements</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 Architecture</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 Analytics Dashboard</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>Seamless Social Media Integration</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')?>