/home/websdxuk/public_html/professional-website-design/footer.php
<section class="footer">
<div class="container">
<div class="row">
<div class="col-sm-12 p0">
<div class="col-sm-4">
<div class="ftr-sec-st ftr-col-1">
<h2>About</h2>
<p>We believe that a website’s uniqueness is the cornerstone of success in today’s digital landscape. At
Website Builders Official, our dedicated team delivers responsive systems and engaging interfaces that
set your brand apart.
</p>
<div class="col-sm-12 pay-img-st">
<!-- <img src="images/paymnet-img.webp"> -->
</div>
</div>
</div>
<div class="col-sm-5">
<div class="ftr-sec-st ftr-col-2">
<div class="col-sm-12 pay-img-st">
<img src="images/paymnet-img.webp">
</div>
</div>
</div>
<div class="col-sm-3">
<div class="ftr-sec-st ftr-col-3">
<h2>Information</h2>
<ul>
<li class="numb-font"><span>Phone:</span><a href="tel:+17372044979"> +1 (737) 204-4979</a></li>
<li><span>Email: </span><a href="mailto:support@websitebuildersofficial.com" class="f-s-11">
support@websitebuildersofficial.com</a>
</li>
<li class="numb-font"><span>
Address:
</span> 5900 Balcones Dr STE 100, Austin, TX, 78731, USA</li>
</ul>
</div>
</div>
</div>
<div class="col-sm-12 registr-div">
<div class="txt-register">
<p>Copyright © 2025. All Rights Reserved.</p>
</div>
<div class="link-cond">
<ul class="ftr-ul">
<li class="li-1 li-one"><a href="https://websitebuildersofficial.com/terms-and-condition"> Term &
Conditions</a>
</li>
<li class="li-1"><a href="https://websitebuildersofficial.com/privacy-policy"> Privacy Policy</a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<div style="display: none;" class="popupform" id="popupform">
<h2>We are here to help!</h2>
<p>Providing you the perfect solution for your business needs. Let's work together and unlock doors to success.</p>
<form class="validate-popupform" id="WBO-lp-three">
<div class="row">
<div class="col-md-12">
<ul>
<li> <i class="fa fa-user" aria-hidden="true"></i>
<input type="text" class="" placeholder="Full Name *" name="name">
</li>
</ul>
</div>
<div class="col-md-6">
<ul>
<li> <i class="fa fa-envelope-o" aria-hidden="true"></i>
<input type="email" class=" email" placeholder="Email Address *" name="email">
</li>
</ul>
</div>
<div class="col-md-6">
<ul>
<li> <i class="fa fa-phone" aria-hidden="true"></i>
<input type="text" class=" number" minlength="10" placeholder="Phone No. *" name="phone">
</li>
</ul>
</div>
<div class="col-md-12">
<ul>
<li> <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
<textarea name="message" class=""
placeholder="To help us understand better, enter a brief description about your project."></textarea>
</li>
</ul>
</div>
<div class="col-md-12">
<ul>
<li>
<input type="submit" value="Submit" id="WBO-lp-three-btn">
</li>
</ul>
</div>
</div>
</form>
</div>
<div class="overlay-bg"></div>
<div class="popupform-main">
<div class="pop-form ta-center">
<div id="pop-form" class="col-sm-offset-5 col-sm-7">
<h3>Professional Website </h3>
<h4>Upto 70% Discount</h4>
<a href="javascript:;" class="close-btn ta-center">X</a>
<div class="clearfix"></div>
<form class="jform main-pop" id="WBO-lp-four">
<div class="col-md-12">
<div class="control-group">
<input type="text" placeholder="Name" name="name" class="">
</div>
</div>
<div class="col-md-12">
<div class="control-group">
<input type="email" name="email" class=" email" placeholder="Enter your email here" />
</div>
</div>
<div class="col-md-12 phonecode">
<div class="control-group clearfix">
<div class="numberarea">
<input type="number" name="phone" id="phone" class="number " placeholder="Phone Number" />
</div>
</div>
</div>
<div class="col-md-12 ">
<div class="control-group clearfix">
<div class="textarea_auto">
<textarea class="form-control" name="message" placeholder="Talk about your project" ></textarea>
</div>
</div>
</div>
<div class="col-md-12">
<div class="control-group clearfix ">
<input type="submit" class="btn btn-default pop_btn submit-btn fspx-23 ls-medium d-block w-100 fw-bold"
value="Submit" id="WBO-lp-four-btn">
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.validate.min.js"></script>
<!-- <script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@12.0.0/dist/lazyload.min.js"></script> -->
<script src="js/bootstrap.min.js"></script>
<script src="js/slick.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/fancybox.js"></script>
<script src="js/custom.js"></script>
<!-- Start of Tawk.to Script-->
<!-- <script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/6834b4f91a9645190cc35ad6/1is6u5sdm';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script> -->
<!--End of Tawk.to Script-->
<script>
window.__lc = window.__lc || {};
window.__lc.license = 19222395;
window.__lc.integration_name = "manual_channels";
window.__lc.product_name = "livechat";;
(function (n, t, c) {
function i(n) {
return e._h ? e._h.apply(null, n) : e._q.push(n)
}
var e = {
_q: [],
_h: null,
_v: "2.0",
on: function () {
i(["on", c.call(arguments)])
},
once: function () {
i(["once", c.call(arguments)])
},
off: function () {
i(["off", c.call(arguments)])
},
get: function () {
if (!e._h) throw new Error("[LiveChatWidget] You can't use getters before load.");
return i(["get", c.call(arguments)])
},
call: function () {
i(["call", c.call(arguments)])
},
init: function () {
var n = t.createElement("script");
n.async = !0, n.type = "text/javascript", n.src = "https://cdn.livechatinc.com/tracking.js", t.head.appendChild(n)
}
};
!n.__lc.asyncInit && e.init(), n.LiveChatWidget = n.LiveChatWidget || e
}(window, document, [].slice));
// Initialize chat state variable
var isLiveChatOpen = localStorage.getItem('liveChatOpen') === 'true' || false;
document.querySelectorAll(".chat").forEach(function (element) {
element.addEventListener("click", function (e) {
toggleLiveChat();
});
});
function toggleLiveChat() {
if (typeof LiveChatWidget !== 'undefined') {
if (isLiveChatOpen) {
LiveChatWidget.call('minimize');
} else {
LiveChatWidget.call('maximize');
}
isLiveChatOpen = !isLiveChatOpen;
localStorage.setItem('liveChatOpen', isLiveChatOpen);
} else {
console.log("LiveChatWidget not loaded yet");
}
}
function maximizeChat() {
if (typeof LiveChatWidget !== "undefined") {
LiveChatWidget.call("maximize");
console.log("🔓 Chat Maximized!");
isLiveChatOpen = true;
localStorage.setItem('liveChatOpen', true);
} else {
console.log("❌ LiveChatWidget not loaded yet.");
}
}
function onNewEvent(event) {
switch (event.type) {
case "message":
case "rich_message":
case "file":
maximizeChat();
break;
default:
break;
}
}
// Initialize LiveChat listeners when DOM is ready
document.addEventListener("DOMContentLoaded", function () {
var checkLiveChat = setInterval(function () {
if (typeof LiveChatWidget !== "undefined" && LiveChatWidget.on) {
console.log("✅ LiveChat API Loaded! Listening for new messages...");
clearInterval(checkLiveChat);
LiveChatWidget.on("new_event", onNewEvent);
LiveChatWidget.on("customer_message", function (data) {
console.log("📨 Customer sent a message!", data);
maximizeChat();
});
// Initialize chat state based on localStorage
isLiveChatOpen = localStorage.getItem('liveChatOpen') === 'true' || false;
}
}, 500);
});
</script>
<noscript><a href="https://www.livechat.com/chat-with/19222395/" rel="nofollow">Chat with us</a>, powered by <a
href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript>
<!-- Start of HubSpot Embed Code -->
<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/244182223.js?v=1.0.4"></script>
<!-- End of HubSpot Embed Code -->
</body>
</html>