| Dir : /home/distinctdesign/codenwebz.com/website-designer/ |
| Server: Linux premium131.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 IP: 162.0.232.53 |
| Dir : /home/distinctdesign/codenwebz.com/website-designer/index.php |
<?php include '../config.php' ?>
<!doctype html>
<html lang="en">
<head>
<title>#1 Web Design & Development Expert - <?php echo WEBSITE_NAME ?></title>
<meta name="description" content="<?php echo WEBSITE_NAME ?> is a digital design agency specializing in branding, animation, mobile and web design and development." />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" href="/images/favicon.png" type="images/png">
<link href="assets/css/animate.css" rel="stylesheet">
<link href="assets/slick/slick-theme.css" rel="stylesheet" type="text/css">
<link href="assets/slick/slick.css" rel="stylesheet" type="text/css">
<link href="assets/css/slicknav.css" rel="stylesheet" type="text/css">
<link href="assets/css/fancybox.css" rel="stylesheet" type="text/css">
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/custom.css" rel="stylesheet">
<link href="assets/css/responsive.css" rel="stylesheet">
<link rel="stylesheet" d-href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css" />
</head>
<body>
<div class="n_headder">
<!-- header strat -->
<header>
<div class="top-head">
<div class="container">
<div class="row d-flex">
<div class="top-left col-md-7">
<h4>Limited Time Offer -Activate Your 50% off Coupon!</h4>
<a href="javascript:;" id="formload" data-fancybox="" data-src="#popupform" class="">Activate Your Coupon Now</a>
</div>
<div class="top-right col-md-5">
<ul>
<li>
<a class="toll_icon" href="<?php echo PHONE_HREF ?>">Toll Free <?php echo PHONE ?></a>
</li>
<li>
<a class="chat_icon chat" onclick="setButtonURL();" href="javascript:;">Live Chat with Expert </a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="head">
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="logodiv">
<a href="/">
<img class="logo-img" src="/images/logo.png" alt="">
</a>
</div>
</div>
<div class="col-md-9">
<div class="scroll-div">
<div class="scroll-dinn">
<a href="javascript:;" data-fancybox="" data-src="#popupform" class="dinn-scr"> Get Free Consultation <span>Today</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- header strat -->
</div>
<section class="banner">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-7 col-md-7 col-12 banner-left">
<h1>Web Designs Starts <br> from <span>$199 ONLY</span>
</h1>
<p>From personal websites to online stores, to company websites and to custom web applications, CodenWebz is a multi services agency where you find the perfect solution for creating beautiful, interactive websites that get your visitors hooked and convert.</p>
<ul>
<li>
Bring the World to Your Website
</li>
<li>
Responsive and User-Centric Websites
</li>
<li>
Reach and grow your audience
</li>
<li>
Complete 100% Ownership
</li>
</ul>
<div class="banner-btn">
<a href="javascript:;" class="various red" name="149" title="Start Up Website Package - $149" onclick="setButtonURL();">Avail <span>50% </span> Discount </a>
<a href="<?php echo PHONE_HREF ?>" class="various white" name="149" title="Start Up Website Package - $149"><?php echo PHONE ?></a>
</div>
</div>
<div class="col-lg-5 col-md-5 col-12">
<div class="head-form">
<div class="form-head">
<h2>Chat With Us to Avail <span>50%</span> Discount </h2>
</div>
<div class="inner-pages-form">
<!--novalidate="novalidate"-->
<form class="form-get-quote form_submission" action="javascript:void(0)" data-recaptcha="<?php echo GOOGLE_RECAPTCHA_SITE_KEY; ?>">
<input type="hidden" name="url" value='<?php echo (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? "https" : "http") . "://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]"; ?>'>
<input type="hidden" name="domain" value="<?php echo $_SERVER['SERVER_NAME']; ?>">
<input type="hidden" name="subject" value="LP Form (<?php echo $_SERVER['SERVER_NAME']; ?>)">
<div class="row">
<div class="form-group col-md-12">
<input type="text" class="form-control" name="cn" placeholder="Name" required="">
</div>
<div class="form-group col-md-12">
<input type="email" class="form-control" name="em" placeholder="Email" required="">
</div>
<div class="form-group col-md-12">
<input id="phone-country" type="tel" class="form-control phone" name="pn" placeholder="Phone" required="" maxlength="10">
</div>
<div class="form-group col-md-12">
<textarea name="msg" cols="30" rows="3" class="form-control" placeholder="Message" required=""></textarea>
</div>
<div class="col-md-12">
<button type="submit" name="banner_form_submit">Submit Now</button>
</div>
<div class="col-md-12">
<div class="error mt-3 alert alert-danger text-left mb-0" style="display: none"></div>
<div class="success mt-3 alert alert-success text-left mb-0" style="display: none"></div>
<div class="loader" style="display: none">
<img alt="loader" src="loader.gif">
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="spon-images">
<div class="container">
<div class="row">
<h4>We Work Across All Platforms</h4>
<img class="sponsor-thumb " src="assets/images/sponsor.webp" alt="img" style="width: 1146px;height: 38px;">
</div>
</div>
</div>
</section>
<section class="our-pricing-plans" id="price">
<div class="container text-center">
<h3>My Packages</h3>
<p>CodenWebz can help visualize even the craziest ideas converting them into elegant designs, awesome experiences and catchy brands. All web developer and website builder services are available in competitive price ranges and practical solutions for your idea. Choose your package to get started or contact us for a suggestion.</p>
<div>
<div class="packk">
<div class="owl-item">
<div class="package video">
<div class="head">
<div class="left">
<i>
<img class="" src="assets/images/logo-package-vector.webp" alt="img">
</i>
</div>
<div class="right">
<h5>Start Up Website Package</h5>
<h6>Best Value for Money Guaranteed!</h6>
</div>
</div>
<div class="price">
<div class="left">
<h2>
<sup>$</sup>199
</h2>
</div>
<div class="right">
<strike>$398</strike>
<span>Only</span>
</div>
</div>
<div class="content mCustomScrollbar">
<div class="listing">
<ul>
<li>3 Page Website </li>
<li>Custom Layout Design </li>
<li>Contact/Query Form </li>
<li>1 Banner Design </li>
<li>2 Stock Photos </li>
<li><span>FREE Favicon Design</span></li>
<li>Cross Browser Compatible </li>
<li> Complete W3C Certified HTML </li>
<li><span>Website Initial Concepts in 48 Hours</span></li>
<li>Complete Design & Deployment </li>
<li>Complete Source Files </li>
<li>Dedicated Project Manager </li>
<li>Value Added Services </li>
<li>Mobile Responsive will be Additional $149* </li>
</ul>
</div>
</div>
<a name="199" data-fancybox="" title="Start Up Website Package - $199" data-src="#popupform" href="javascript:;" class="custom-btn small-btn various">
<span>Start Project</span>
</a>
</div>
</div>
<div class="owl-item">
<div class="package video">
<div class="head">
<div class="left">
<i>
<img class="" src="assets/images/website-package-vector.webp" alt="img">
</i>
</div>
<div class="right">
<h5>Professional Website Package</h5>
<h6>Best Value for Money Guaranteed!</h6>
</div>
</div>
<div class="price">
<div class="left">
<h2>
<sup>$</sup>349
</h2>
</div>
<div class="right">
<strike>$698</strike>
<span>Only</span>
</div>
</div>
<div class="content mCustomScrollbar">
<div class="listing">
<ul>
<li>5 Page Website </li>
<li>Custom Layout Design </li>
<li>Contact/Query Form </li>
<li>3 Banner Designs </li>
<li>5 Stock Photos</li>
<li><span>FREE Favicon Design</span></li>
<li>FREE Google Friendly Sitemap</li>
<li><span>Unlimited Revisions</span></li>
<li>Complete W3C Certified HTML </li>
<li>Website Initial Concepts in 48 Hours </li>
<li>Complete Design & Deployment </li>
<li>Complete Source Files </li>
<li>Dedicated Project Manager </li>
<li>Value Added Services </li>
<li>Mobile Responsive will be Additional $149* </li>
</ul>
</div>
</div>
<a name="349" data-fancybox="" title="Professional Website Package - $349" data-src="#popupform" href="javascript:;" class="custom-btn small-btn various">
<span>Start Project</span>
</a>
</div>
</div>
<div class="owl-item">
<span class="strip best-seller">Best Seller</span>
<div class="package website">
<div class="head">
<div class="left">
<i>
<img class="" src="assets/images/video-package-vector.webp" alt="img">
</i>
</div>
<div class="right">
<h5>Business Pro Website Package</h5>
<h6>Best Value for Money Guaranteed!</h6>
</div>
</div>
<div class="price">
<div class="left">
<h2>
<sup>$</sup>649
</h2>
</div>
<div class="right">
<strike>$1,298</strike>
<span>Only</span>
</div>
</div>
<div class="content mCustomScrollbar">
<div class="listing">
<ul>
<li>Up to 10 Unique Pages Website </li>
<li>CMS /Admin Panel Integration </li>
<li>5+ Stock Photos & Banner Designs </li>
<li>FREE Social Media Integration </li>
<li>FREE Favicon Design </li>
<li>FREE Google Friendly Sitemap</li>
<li>Unlimited Revisions</li>
<li>Cross Browser Compatible </li>
<li>Complete W3C Certified HTML </li>
<li>Website Initial Concepts in 48 Hours</li>
<li>Complete Design & Deployment</li>
<li>Custom, Interactive & Dynamic Web Design </li>
<li>Industry specified Team of Expert Designers and Developers
</li>
<li>Complete Source Files </li>
<li>Dedicated Project Manager </li>
<li>Value Added Services </li>
<li>Mobile Responsive will be Additional $149* </li>
</ul>
</div>
</div>
<a name="649" data-fancybox="" title="Business Pro Website Package - $649" data-src="#popupform" href="javascript:;" class="custom-btn small-btn various">
<span>Start Project</span>
</a>
</div>
</div>
<div class="owl-item">
<div class="package website">
<div class="head">
<div class="left">
<i>
<img class="" src="assets/images/logo-package-vector.webp" alt="img">
</i>
</div>
<div class="right">
<h5>Ecommerce Website Package</h5>
<h6>Best Value for Money Guaranteed!</h6>
</div>
</div>
<div class="price">
<div class="left">
<h2>
<sup>$</sup>699
</h2>
</div>
<div class="right">
<strike>$1,398</strike>
<span>Only</span>
</div>
</div>
<div class="content mCustomScrollbar">
<div class="listing">
<ul>
<li>Custom Ecommerce Website </li>
<li>Up to 100 Products </li>
<li>CMS /Admin Panel Integration </li>
<li>Fully Mobile Responsive </li>
<li>Shopping Cart Integration </li>
<li>Payment Gateway Integration</li>
<li><span>Product Listing & Management</span></li>
<li>Order Management & Tracking </li>
<li>Banner Designs </li>
<li>Unlimited Revisions</li>
<li><span>FREE Social Media Integration</span></li>
<li>FREE Favicon Design </li>
<li>FREE Google Friendly Sitemap Search Engine Submission </li>
<li>Complete W3C Certified HTML </li>
<li>Industry specified Team of Expert Designers and Developers
</li>
<li>Complete Deployment </li>
<li>Complete Source Files </li>
<li>Dedicated Project Manager </li>
</ul>
</div>
</div>
<a name="699" data-fancybox="" title="Ecommerce Website Package - $699" data-src="#popupform" href="javascript:;" class="custom-btn small-btn various">
<span>Start Project</span>
</a>
</div>
</div>
<div class="owl-item">
<div class="package website">
<div class="head">
<div class="left">
<i>
<img class="" src="assets/images/website-package-vector.webp" alt="img">
</i>
</div>
<div class="right">
<h5>Corporate Website Package</h5>
<h6>Best Value for Money Guaranteed!</h6>
</div>
</div>
<div class="price">
<div class="left">
<h2>
<sup>$</sup>899
</h2>
</div>
<div class="right">
<strike>$1,798</strike>
<span>Only</span>
</div>
</div>
<div class="content mCustomScrollbar">
<div class="listing">
<ul>
<li>Up to 15 Unique Pages Website </li>
<li>Custom Made, Interactive & Dynamic Design </li>
<li>Customized WordPress or PHP Development </li>
<li>Fully Mobile Responsive </li>
<li>Interactive Sliding Banners </li>
<li>Up to 10 Custom Made Banner Designs </li>
<li><span>10 Stock Images</span> </li>
<li>Unlimited Revisions </li>
<li><span>Content Management System</span> </li>
<li>Online Signup Area (For Newsletters, Offers etc.) </li>
<li>Search Bar </li>
<li>Live Feeds of Social Networks integration (Optional) </li>
<li>Google Friendly Sitemap </li>
<li>Search Engine Submission </li>
<li>Cross Browser Compatible </li>
<li>Complete W3C Certified HTML </li>
<li>Industry specified Team of Expert Designers and Developers
</li>
<li>Complete Deployment </li>
<li>Complete Source Files </li>
<li>Dedicated Project Manager </li>
</ul>
</div>
</div>
<a name="899" data-fancybox="" title="Pro Ecommerce Website Package - $899" data-src="#popupform" href="javascript:;" class="custom-btn small-btn various">
<span>Start Project</span>
</a>
</div>
</div>
<div class="owl-item">
<div class="package logo">
<div class="head">
<div class="left">
<i>
<img class="" src="assets/images/video-package-vector.webp" alt="img">
</i>
</div>
<div class="right">
<h5>Titanium Website Package</h5>
<h6>Best Value for Money Guaranteed!</h6>
</div>
</div>
<div class="price">
<div class="left">
<h2>
<sup>$</sup>1099
</h2>
</div>
<div class="right">
<strike>$2,198</strike>
<span>Only</span>
</div>
</div>
<div class="content mCustomScrollbar">
<div class="listing">
<ul>
<li>Up to 20 Unique Pages Website </li>
<li>Custom Made, Interactive, Dynamic & High-End Design
</li>
<li>Customized WordPress or PHP Development </li>
<li>Fully Mobile Responsive </li>
<li>Interactive Sliding Banners </li>
<li>Up to 15 Custom Made Banner Designs</li>
<li><span>15 Stock Images</span></li>
<li>Unlimited Revisions</li>
<li><span>Content Management System</span></li>
<li><span>Online Appointment/Booking/Scheduling/Online Ordering
Integration (Optional)</span></li>
<li>Online Payment Integration (Optional) </li>
<li>Multi Lingual (Optional) </li>
<li>Custom Dynamic Forms (Optional) </li>
<li>Signup Area (For Newsletters, Offers etc.)</li>
<li><span>Search Bar</span></li>
<li>Live Feeds of Social Networks integration (Optional) </li>
<li>Up to 15 Professional Email ID’s </li>
<li>Google Friendly Sitemap </li>
<li>Search Engine Submission </li>
<li>Cross Browser Compatible </li>
<li>Complete W3C Certified HTML </li>
<li>Industry specified Team of Expert Designers and Developers
</li>
<li>Complete Deployment </li>
<li>Complete Source Files </li>
<li>Dedicated Project Manager </li>
</ul>
</div>
</div>
<a name="1099" data-fancybox="" title="Titanium Website Package - $1099" data-src="#popupform" href="javascript:;" class="custom-btn small-btn various">
<span>Start Project</span>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="works-wrap workpage">
<section class="applications">
<div class="container-fluid">
<div class="works__info mbpx-0 myport">
<h2 class="page-title">CodenWebz Are Proud to Share its Portfolio</h2>
<p class="portfolioparagraph">Get the perfect web design - or any design in over 90 categories! All built by sought after professional web developers<br>and layouts created strategically by our expert website designers. Whatever your business needs or your budget, we'll help get it done. </p>
</div>
<div class="row">
<div class="col-md-12">
<div class="port_tabs">
<ul class="tbing d-flex align-items-center justify-content-center">
<li class="current" data-targetit="tabs-all">All</li>
<li data-targetit="tabs-beauty">Beauty</li>
<li data-targetit="tabs-auto">Auto</li>
<li data-targetit="tabs-realestate">Real Estate</li>
<li data-targetit="tabs-cbd">CBD</li>
<li data-targetit="tabs-education">Education</li>
<li data-targetit="tabs-fitness">Fitness</li>
<li data-targetit="tabs-food">Food</li>
<li data-targetit="tabs-health">Health</li>
<li data-targetit="tabs-nonprofit">Non Profit</li>
</ul>
</div>
</div>
<div class="col-md-12">
<div class="">
<div class="tabs-all mytabs current">
<div class="row portfoliooz combo">
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/ecommerce/1.webp" data-fancybox="demo">
<img class="" src="assets/images/portfolio/ecommerce/1.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/ecommerce/2.webp" data-fancybox="demo">
<img class="" src="assets/images/portfolio/ecommerce/2.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/ecommerce/3.webp" data-fancybox="demo">
<img class="" src="assets/images/portfolio/ecommerce/3.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/ecommerce/4.webp" data-fancybox="demo">
<img class="" src="assets/images/portfolio/ecommerce/4.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/ecommerce/5.webp" data-fancybox="demo">
<img class="" src="assets/images/portfolio/ecommerce/5.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/ecommerce/6.webp" data-fancybox="demo">
<img class="" src="assets/images/portfolio/ecommerce/6.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/ecommerce/7.webp" data-fancybox="demo">
<img class="" src="assets/images/portfolio/ecommerce/7.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/ecommerce/8.webp" data-fancybox="demo">
<img class="" src="assets/images/portfolio/ecommerce/8.webp" alt="">
</a>
</div>
</div> </div>
<div class="tabs-beauty mytabs">
<div class="row portfoliooz combo">
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/beauty/1.webp" data-fancybox="demo">
<img src="assets/images/portfolio/beauty/1.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/beauty/2.webp" data-fancybox="demo">
<img src="assets/images/portfolio/beauty/2.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/beauty/3.webp" data-fancybox="demo">
<img src="assets/images/portfolio/beauty/3.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/beauty/4.webp" data-fancybox="demo">
<img src="assets/images/portfolio/beauty/4.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/beauty/5.webp" data-fancybox="demo">
<img src="assets/images/portfolio/beauty/5.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/beauty/6.webp" data-fancybox="demo">
<img src="assets/images/portfolio/beauty/6.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/beauty/7.webp" data-fancybox="demo">
<img src="assets/images/portfolio/beauty/7.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/beauty/8.webp" data-fancybox="demo">
<img src="assets/images/portfolio/beauty/8.webp" alt="">
</a>
</div>
</div> </div>
<div class="tabs-auto mytabs">
<div class="row portfoliooz combo">
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/auto/1.webp" data-fancybox="demo">
<img src="assets/images/portfolio/auto/1.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/auto/2.webp" data-fancybox="demo">
<img src="assets/images/portfolio/auto/2.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/auto/3.webp" data-fancybox="demo">
<img src="assets/images/portfolio/auto/3.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/auto/4.webp" data-fancybox="demo">
<img src="assets/images/portfolio/auto/4.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/auto/5.webp" data-fancybox="demo">
<img src="assets/images/portfolio/auto/5.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/auto/6.webp" data-fancybox="demo">
<img src="assets/images/portfolio/auto/6.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/auto/7.webp" data-fancybox="demo">
<img src="assets/images/portfolio/auto/7.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/auto/8.webp" data-fancybox="demo">
<img src="assets/images/portfolio/auto/8.webp" alt="">
</a>
</div>
</div> </div>
<div class="tabs-realestate mytabs">
<div class="row portfoliooz combo">
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/real-estate/1.webp" data-fancybox="demo">
<img src="assets/images/portfolio/real-estate/1.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/real-estate/2.webp" data-fancybox="demo">
<img src="assets/images/portfolio/real-estate/2.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/real-estate/3.webp" data-fancybox="demo">
<img src="assets/images/portfolio/real-estate/3.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/real-estate/4.webp" data-fancybox="demo">
<img src="assets/images/portfolio/real-estate/4.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/real-estate/5.webp" data-fancybox="demo">
<img src="assets/images/portfolio/real-estate/5.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/real-estate/6.webp" data-fancybox="demo">
<img src="assets/images/portfolio/real-estate/6.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/real-estate/7.webp" data-fancybox="demo">
<img src="assets/images/portfolio/real-estate/7.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/real-estate/8.webp" data-fancybox="demo">
<img src="assets/images/portfolio/real-estate/8.webp" alt="">
</a>
</div>
</div> </div>
<div class="tabs-cbd mytabs">
<div class="row portfoliooz combo">
<div class="col-md-3 owl-item">
<a href="assets/images/portfolio/cbd/1.webp" data-fancybox="demo">
<img src="assets/images/portfolio/cbd/1.webp" alt="">
</a>
</div>
<div class="col-md-3 owl-item">
<a href="assets/images/portfolio/cbd/2.webp" data-fancybox="demo">
<img src="assets/images/portfolio/cbd/2.webp" alt="">
</a>
</div>
<div class="col-md-3 owl-item">
<a href="assets/images/portfolio/cbd/3.webp" data-fancybox="demo">
<img src="assets/images/portfolio/cbd/3.webp" alt="">
</a>
</div>
<div class="col-md-3 owl-item">
<a href="assets/images/portfolio/cbd/4.webp" data-fancybox="demo">
<img src="assets/images/portfolio/cbd/4.webp" alt="">
</a>
</div>
<div class="col-md-3 owl-item">
<a href="assets/images/portfolio/cbd/5.webp" data-fancybox="demo">
<img src="assets/images/portfolio/cbd/5.webp" alt="">
</a>
</div>
<div class="col-md-3 owl-item">
<a href="assets/images/portfolio/cbd/6.webp" data-fancybox="demo">
<img src="assets/images/portfolio/cbd/6.webp" alt="">
</a>
</div>
<div class="col-md-3 owl-item">
<a href="assets/images/portfolio/cbd/7.webp" data-fancybox="demo">
<img src="assets/images/portfolio/cbd/7.webp" alt="">
</a>
</div>
<div class="col-md-3 owl-item">
<a href="assets/images/portfolio/cbd/8.webp" data-fancybox="demo">
<img src="assets/images/portfolio/cbd/8.webp" alt="">
</a>
</div>
</div> </div>
<div class="tabs-education mytabs">
<div class="row portfoliooz combo">
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/education/1.webp" data-fancybox="demo">
<img src="assets/images/portfolio/education/1.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/education/2.webp" data-fancybox="demo">
<img src="assets/images/portfolio/education/2.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/education/3.webp" data-fancybox="demo">
<img src="assets/images/portfolio/education/3.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/education/4.webp" data-fancybox="demo">
<img src="assets/images/portfolio/education/4.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/education/5.webp" data-fancybox="demo">
<img src="assets/images/portfolio/education/5.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/education/6.webp" data-fancybox="demo">
<img src="assets/images/portfolio/education/6.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/education/7.webp" data-fancybox="demo">
<img src="assets/images/portfolio/education/7.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/education/8.webp" data-fancybox="demo">
<img src="assets/images/portfolio/education/8.webp" alt="">
</a>
</div>
</div> </div>
<div class="tabs-fitness mytabs">
<div class="row portfoliooz combo">
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/fitness/1.webp" data-fancybox="demo">
<img src="assets/images/portfolio/fitness/1.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/fitness/2.webp" data-fancybox="demo">
<img src="assets/images/portfolio/fitness/2.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/fitness/3.webp" data-fancybox="demo">
<img src="assets/images/portfolio/fitness/3.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/fitness/4.webp" data-fancybox="demo">
<img src="assets/images/portfolio/fitness/4.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/fitness/5.webp" data-fancybox="demo">
<img src="assets/images/portfolio/fitness/5.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/fitness/6.webp" data-fancybox="demo">
<img src="assets/images/portfolio/fitness/6.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/fitness/7.webp" data-fancybox="demo">
<img src="assets/images/portfolio/fitness/7.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/fitness/8.webp" data-fancybox="demo">
<img src="assets/images/portfolio/fitness/8.webp" alt="">
</a>
</div>
</div> </div>
<div class="tabs-food mytabs">
<div class="row portfoliooz combo">
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/food/1.webp" data-fancybox="demo">
<img src="assets/images/portfolio/food/1.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/food/2.webp" data-fancybox="demo">
<img src="assets/images/portfolio/food/2.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/food/3.webp" data-fancybox="demo">
<img src="assets/images/portfolio/food/3.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/food/4.webp" data-fancybox="demo">
<img src="assets/images/portfolio/food/4.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/food/5.webp" data-fancybox="demo">
<img src="assets/images/portfolio/food/5.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/food/6.webp" data-fancybox="demo">
<img src="assets/images/portfolio/food/6.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/food/7.webp" data-fancybox="demo">
<img src="assets/images/portfolio/food/7.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/food/8.webp" data-fancybox="demo">
<img src="assets/images/portfolio/food/8.webp" alt="">
</a>
</div>
</div> </div>
<div class="tabs-health mytabs">
<div class="row portfoliooz combo">
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/health/1.webp" data-fancybox="demo">
<img src="assets/images/portfolio/health/1.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/health/2.webp" data-fancybox="demo">
<img src="assets/images/portfolio/health/2.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/health/3.webp" data-fancybox="demo">
<img src="assets/images/portfolio/health/3.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/health/4.webp" data-fancybox="demo">
<img src="assets/images/portfolio/health/4.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/health/5.webp" data-fancybox="demo">
<img src="assets/images/portfolio/health/5.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/health/6.webp" data-fancybox="demo">
<img src="assets/images/portfolio/health/6.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/health/7.webp" data-fancybox="demo">
<img src="assets/images/portfolio/health/7.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/health/8.webp" data-fancybox="demo">
<img src="assets/images/portfolio/health/8.webp" alt="">
</a>
</div>
</div> </div>
<div class="tabs-nonprofit mytabs">
<div class="row portfoliooz combo">
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/non-profit/1.webp" data-fancybox="demo">
<img src="assets/images/portfolio/non-profit/1.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/non-profit/2.webp" data-fancybox="demo">
<img src="assets/images/portfolio/non-profit/2.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/non-profit/3.webp" data-fancybox="demo">
<img src="assets/images/portfolio/non-profit/3.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/non-profit/4.webp" data-fancybox="demo">
<img src="assets/images/portfolio/non-profit/4.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/non-profit/5.webp" data-fancybox="demo">
<img src="assets/images/portfolio/non-profit/5.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/non-profit/6.webp" data-fancybox="demo">
<img src="assets/images/portfolio/non-profit/6.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/non-profit/7.webp" data-fancybox="demo">
<img src="assets/images/portfolio/non-profit/7.webp" alt="">
</a>
</div>
<div class="col-md-3 p-0 owl-item">
<a href="assets/images/portfolio/non-profit/8.webp" data-fancybox="demo">
<img src="assets/images/portfolio/non-profit/8.webp" alt="">
</a>
</div>
</div> </div>
</div>
</div>
</div>
</div>
</section>
</div>
<section class="cta2 mygrid">
<div class="container">
<div class="row">
<div class="col-md-7">
<div class="wrap">
<h6>We have a better plan for your new business!</h6>
<h3>We provide full-circle services for entrepreneurs, funded startups and fund-seeking start-ups</h3>
<div class="btn-pack">
<a class="various black" onclick="setButtonURL();" href="javascript:;">AVAIL 50% DISCOUNT </a>
<a href="javascript:" data-src="#popupform" data-fancybox class="various blue">
<span>Get Custom Quote</span>
</a>
<a href="<?php echo PHONE_HREF ?>" class="various white">
<span><?php echo PHONE ?></span>
</a>
</div>
</div>
</div>
<div class="col-md-5">
<div class="cta-img">
<img class="" src="assets/images/cta.webp">
</div>
</div>
</div>
</div>
</section>
<section class="services-sec">
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="box">
<img class="" src="assets/images/branding-1.webp">
<h3>Branding Strategy</h3>
<p>Customers identify with specific brands for a variety of reasons and we work with full dedication as if its our own.</p>
</div>
</div>
<div class="col-md-3">
<div class="box">
<img class="" src="assets/images/digital-marketing-2.webp">
<h3>Digital Marketing</h3>
<p>Our marketing experts give priority to each of our customers because their business success means we grow with them. </p>
</div>
</div>
<div class="col-md-3">
<div class="box">
<img class="" src="assets/images/website-development.webp">
<h3>Website Development</h3>
<p>Term website development falls into theme building, customization, custom code and we offer customized solutions for all. </p>
</div>
</div>
<div class="col-md-3">
<div class="box">
<img class="" src="assets/images/mobile-app-development.webp">
<h3>Mobile Apps Development</h3>
<p>We have offered countless UI/UX designing and custom coding for mobile apps of iOS and Android, all infused with our blood and sweat over the years.</p>
</div>
</div>
</div>
</div>
</section>
<section class="strugglesec">
<div class="container">
<div class="row">
<div class="col-lg-7">
<div class="paright">
<h2>In a digital world where attention is scarce.</h2>
<p><?php echo WEBSITE_NAME ?> helps to build amazing brand experiences to inspire the audiences that matter.</p>
</div>
<ul>
<li> Custom Website Design</li>
<li>Web App Development</li>
<li>Mobile App Development</li>
<li>E-commerce Solutions</li>
<li>Web Copywriting</li>
<li>Digital Strategy Consulting</li>
</ul>
<div class="mtpx-30">
<a href="javascript:;" onclick="setButtonURL();" class="various red">AVAIL 50% DISCOUNT </a>
<a href="javascript:" data-fancybox="" data-src="#popupform" class="various yellow">
<span>Get Custom Quote</span>
</a>
<a href="<?php echo PHONE_HREF ?>" class="various white">
<span><?php echo PHONE ?></span>
</a>
</div>
</div>
<div class="col-lg-5 my-auto">
<img class="" src="assets/images/second-fold-img.webp">
</div>
</div>
</div>
</section>
<section class="testimonial-sec">
<div class="container">
<h3 class="wow fadeInDown">Brilliant Responsive Work</h3>
<p class="font20">“We talk regarding web design services for our website and how it was affecting our rankings. The team provided us responsive web design services and SEO consultation too!”</p>
<div class="row">
<div class="col-md-12">
<section class="testimonial slider testslidenew">
<div class="item wow fadeInDown subscription-list mCustomScrollbar _mCS_1 ">
<div class="itext">
<div class="icli">
<div class="cliimg">
<span>JW</span>
<!-- -->
</div>
<div class="cliname">
<h6>Johnny Woods,</h6>
<p> Project Head</p>
</div>
</div>
<p class="cstm">The website they developed for me looks amazing!! I couldn’t have asked for a better team to work with. They are responsive and did an incredible job. My project was completed with ease.</p>
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="item wow fadeInDown ">
<div class="itext">
<div class="icli">
<div class="cliimg">
<span>SG</span>
</div>
<div class="cliname">
<h6>Sheryl Gibson,</h6>
<p> Project Owner</p>
</div>
</div>
<p class="cstm">Wow! They turned my dream into reality and brought it to life. Starting with the logo design all the way to the website development, they’ve been rocking through it all! They have a talented and trust worthy team.</p>
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="item wow fadeInDown ">
<div class="itext">
<div class="icli">
<div class="cliimg">
<span>AL</span>
</div>
<div class="cliname">
<h6>Anna Lavon,</h6>
<p>Operations Manager</p>
</div>
</div>
<p class="cstm">I want to thanks the team at <?php echo WEBSITE_NAME ?> for the amazing job they did on my project. It was easy and efficient. Thank you all very much.</p>
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</section>
<section class="contacts hmpage contactwithvideo">
<div class="overlaynew3"></div>
<div class="container">
<div class="contacts-wrap">
<div class="row d-flex justify-content-center">
<div class="col-lg-5 my-auto">
<div class="contact-form">
<div class="content">
<h2 class="form-name">Looking for a reliable and skilled digital agency to get started?</h2>
<p>Our team at CodenWebz is waiting to help our clients effectively and efficiently implement their business ideas. Every project begins with a conversation, making sure your vision aligns perfectly with our professional website designer and developer expertise. Fill up the form below to help us know more about your ideas.</p>
</div>
</div>
</div>
<div class="col-lg-7">
<div class="contact-form">
<div class="content"></div>
<div role="form">
<form class="form-get-quote form_submission" action="javascript:void(0)" data-recaptcha="<?php echo GOOGLE_RECAPTCHA_SITE_KEY; ?>">
<input type="hidden" name="url" value='<?php echo (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? "https" : "http") . "://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]"; ?>'>
<input type="hidden" name="domain" value="<?php echo $_SERVER['SERVER_NAME']; ?>">
<input type="hidden" name="subject" value="LP Form (<?php echo $_SERVER['SERVER_NAME']; ?>)">
<div class="app-input-group full">
<span>
<input type="text" name="cn" value="" size="40" class="input" placeholder="Name" required />
</span>
</div>
<div class="app-input-group full">
<span>
<input type="email" name="em" value="" size="40" placeholder="Email" class="input" required />
</span>
</div>
<div class="app-input-group full">
<input id="phone-country" name="pn" type="text" placeholder="Phone Number" maxlength="10" onkeypress="return isNumberKey(event);" class="input newphe" required />
</div>
<div class="app-input-group full">
<span>
<textarea name="msg" cols="40" rows="1" class="textarea" placeholder="Message" required></textarea>
</span>
</div>
<div class="send-wrap">
<p>
<input type="submit" value="Submit Now" class="wpcf7-form-control wpcf7-submit submit" />
</p>
<div class="error mt-3 alert alert-danger text-left mb-0" style="display: none"></div>
<div class="success mt-3 alert alert-success text-left mb-0" style="display: none"></div>
<div class="loader" style="display: none">
<img alt="loader" src="loader.gif">
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="chexck">
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="f-logo">
<img class=" f-logo" src="/images/logo.png" alt="img" style="width: 250px;">
<br>
<img class="visa-img des-lo" src="assets/images/visa.webp" alt="img">
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="contact-info">
<h5>CONTACT INFO</h5>
<p>
<strong>Mailing Address:</strong> <?php echo ADDRESS ?>
</p>
<p>
<strong>Mailing Address:</strong> <?php echo ADDRESS2 ?>
</p>
<a href="<?php echo PHONE_HREF ?>">
<strong>Contact :</strong> <?php echo PHONE ?> </a>
<a href="<?php echo EMAIL_HREF ?>">
<strong>Email Us:</strong> <?php echo EMAIL ?> </a>
<img class=" f-logo mbl-f-logo" src="assets/images/visa.webp" alt="img">
</div>
</div>
<div class="col-md-12 col-sm-12">
<div class="copy-right text-center">
<p style="font-size: 14px;">© Copyrights <?php echo date('Y') ?> | All Rights Reserved <?php echo WEBSITE_NAME ?> </p>
</div>
</div>
</div>
</div>
</div>
</footer>
<div style="display: none;" class="popupform" id="popupform">
<div class="row">
<div class="col-md-12">
<div class="left-form-banner">
<div class="pop-head">
<h3>Activate Your <span class="cole">70%</span> Off Coupon! </h3>
<h2>Everywhere & Every Device, <br> Your Site Should Flow Seamlessly! </h2>
</div>
<form class="form-get-quote form_submission" action="javascript:void(0)" novalidate="novalidate" data-recaptcha="<?php echo GOOGLE_RECAPTCHA_SITE_KEY; ?>">
<input type="hidden" name="url" value='<?php echo (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? "https" : "http") . "://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]"; ?>'>
<input type="hidden" name="domain" value="<?php echo $_SERVER['SERVER_NAME']; ?>">
<input type="hidden" name="subject" value="LP Form (<?php echo $_SERVER['SERVER_NAME']; ?>)">
<div class="row">
<div class="col-md-12">
<ul>
<li>
<input type="text" class="required placeholder1" placeholder="Full Name *" name="cn" required="">
</li>
</ul>
</div>
<div class="col-md-12">
<ul>
<li>
<input type="email" class="required email placeholder1" required placeholder="Email Address *" name="em">
</li>
</ul>
</div>
<div class="col-md-12">
<ul>
<li>
<input id="phone-country popip" type="tel" class="required number placeholder1" maxlength="10" onkeypress="validate(event)" required placeholder="Phone No. *" name="pn">
</li>
</ul>
</div>
<div class="col-md-12">
<ul>
<li>
<textarea name="msg" class="required placeholder1" required 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" name="" id='save_form-btn' value="Activate Your Coupon Now">
</li>
</ul>
</div>
<div class="col-md-12">
<div class="error mt-3 alert alert-danger text-left mb-0" style="display: none"></div>
<div class="success mt-3 alert alert-success text-left mb-0" style="display: none"></div>
<div class="loader" style="display: none">
<img alt="loader" src="loader.gif">
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header justify-content-between align-items-center d-flex">
<h5 class="modal-title">Get a Fast Free Quote</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body smmStepsForm">
</button>
<div class="progressBar">
<div class="step"></div>
<div class="step"></div>
<div class="step"></div>
<div class="step"></div>
<div class="step"></div>
<div class="step"></div>
<div class="step"></div>
<div class="step"></div>
</div>
<div class="form-outer">
<form class="quoteForm form_submission" data-recaptcha="<?php echo GOOGLE_RECAPTCHA_SITE_KEY; ?>">
<input type="hidden" name="url" value='<?php echo (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? "https" : "http") . "://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]"; ?>'>
<input type="hidden" name="domain" value="<?php echo $_SERVER['SERVER_NAME']; ?>">
<input type="hidden" name="subject" value="Step Form (<?php echo $_SERVER['SERVER_NAME']; ?>)">
<div class="page slide-page">
<div class="title">What would you like done?</div>
<div class="fieldSet">
<div class="field">
<label class="checkbox path">
<input type="radio" name="subject" value="New Website" data-name="subject">
New Website
</label>
</div>
<div class="field">
<label class="checkbox path">
<input type="radio" name="subject" value="Website Redesign" data-name="subject">
Website Redesign
</label>
</div>
<div class="field">
<label class="checkbox path">
<input type="radio" name="subject" value="Updates to an existing website" data-name="subject">
Updates to an existing website
</label>
</div>
</div>
<!-- <div class="field firstBtn">
<button class="firstNext next">Next</button>
</div> -->
</div>
<div class="page">
<button class="prev-1 prev" type="button" id="prev"></button>
<div class="title">What type of website do you want?</div>
<div class="fieldSet">
<div class="field">
<label class="checkbox path">
<input type="radio" name="goals" value="Business Website" data-name="goals">
Business Website
</label>
</div>
<div class="field">
<label class="checkbox path">
<input type="radio" name="goals" value="Ecommerce / Online Store Website" data-name="goals">
Ecommerce / Online Store Website
</label>
</div>
<div class="field">
<label class="checkbox path">
<input type="radio" name="goals" value="Booking / Event Website" data-name="goals">
Booking / Event Website
</label>
</div>
<div class="field">
<label class="checkbox path">
<input type="radio" name="goals" value="Non-Profit Website" data-name="goals">
Non-Profit Website
</label>
</div>
<div class="field">
<label class="checkbox path">
<input type="radio" name="goals" value="Blog / News Website" data-name="goals">
Blog / News Website
</label>
</div>
<div class="field">
<label class="checkbox path">
<input type="radio" name="goals" value="Other" data-name="goals">
Other
</label>
</div>
</div>
</div>
<div class="page">
<button class="prev-1 prev" type="button"></button>
<div class="title">When are you looking to get started?</div>
<div class="fieldSet">
<div class="field">
<label class="checkbox path">
<input type="radio" name="plan" value="As soon as possible" data-name="plan">
As soon as possible
</label>
</div>
<div class="field">
<label class="checkbox path">
<input type="radio" name="plan" value="Within a week or two" data-name="plan">
Within a week or two
</label>
</div>
<div class="field">
<label class="checkbox path">
<input type="radio" name="plan" value="Within a month" data-name="plan">
Within a month
</label>
</div>
<div class="field">
<label class="checkbox path">
<input type="radio" name="plan" value="Not sure" data-name="plan">
Not sure
</label>
</div>
</div>
</div>
<div class="page">
<button class="prev-1 prev" type="button"></button>
<div class="title">How much are you open to spending?</div>
<div class="fieldSet">
<div class="field">
<label class="checkbox path">
<input type="radio" name="budget" value="Under $500" data-name="budget">
Under $500
</label>
</div>
<div class="field">
<label class="checkbox path">
<input type="radio" name="budget" value="$500 - $1,000" data-name="budget">
$500 - $1,000
</label>
</div>
<div class="field">
<label class="checkbox path">
<input type="radio" name="budget" value="$1,000 - $3,000" data-name="budget">
$1,000 - $3,000
</label>
</div>
<div class="field">
<label class="checkbox path">
<input type="radio" name="budget" value="$3,000 - $5,000" data-name="budget">
$3,000 - $5,000
</label>
</div>
<div class="field">
<label class="checkbox path">
<input type="radio" name="budget" value="More than $5,000" data-name="budget">
More than $5,000
</label>
</div>
</div>
</div>
<div class="page">
<button class="prev-1 prev" type="button"></button>
<div class="title">Additional details about your website</div>
<div class="fieldSet">
<div class="field">
<textarea class="form-control" name="msg" placeholder="Enter a brief description of your website." required></textarea>
</div>
</div>
<div class="field btns">
<button class="next-1 next btn btn-theme w-100">Next</button>
</div>
</div>
<div class="page">
<button class="prev-1 prev" type="button"></button>
<div class="title">Do you already have a website?</div>
<div class="fieldSet">
<div class="field">
<label class="checkbox path">
<input type="radio" name="website" value="Yes" data-name="website">
Yes
</label>
</div>
<div class="field">
<label class="checkbox path">
<input type="radio" name="website" value="No" data-name="website">
No
</label>
</div>
</div>
</div>
<div class="page">
<button class="prev-1 prev" type="button"></button>
<div class="title">What's your website name?</div>
<div class="fieldSet">
<div class="field">
<textarea class="form-control" name=website_name"" data-name="website_name" required placeholder="Enter Your Website Name or URL"></textarea>
</div>
</div>
<div class="field btns">
<button class="next-1 next btn btn-theme w-100">Next</button>
</div>
</div>
<div class="page lastPage">
<button class="prev-1 prev" type="button"><i class="fa fa-arrow-left" aria-hidden="true"></i></button>
<div class="title">Submit your information</div>
<div class="field">
<input type="text" class="form-control" name="cn" placeholder="Full Name" />
</div>
<div class="field">
<input type="text" class="form-control" name="em" placeholder="Email Address" />
</div>
<div class="field">
<input type="text" class="form-control" name="pn" placeholder="Phone Number" />
</div>
<div class="field btns">
<button type="submit" class="submit">Submit</button>
<div class="error mt-3 alert alert-danger text-left mb-0" style="display: none"></div>
<div class="success mt-3 alert alert-success text-left mb-0" style="display: none"></div>
<div class="loader" style="display: none">
<img alt="loader" src="loader.gif">
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<script src="assets/js/jquery-3.6.0.min.js"></script>
<script src="assets/js/wow.js"></script>
<script src="assets/slick/slick.js"></script>
<script src="assets/slick/slick.min.js"></script>
<script src="assets/js/jquery.slicknav.js"></script>
<script src="assets/js/fancybox.js"></script>
<script src="assets/js/bootstrap.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/cleave.js/1.6.0/cleave.min.js"></script>
<script src="assets/js/custom.js"></script>
<script src="../js/form-submit.js"></script>
<script id="ze-snippet"
src="https://static.zdassets.com/ekr/snippet.js?key=720d3002-e8b4-4f4a-aaef-283f5285777c"
async>
</script>
<script src="../js/chat.js"></script>
<script>
initMultiStepForm();
function initMultiStepForm() {
const progressNumber = document.querySelectorAll(".step").length;
const slidePage = document.querySelector(".slide-page");
const submitBtn = document.querySelector(".submit");
const progressText = document.querySelectorAll(".step");
const progressCheck = document.querySelectorAll(".step .check");
const bullet = document.querySelectorAll(".step .bullet");
const pages = document.querySelectorAll(".page");
const fieldMain = document.querySelectorAll(".field");
const input = document.querySelectorAll(".field input[type='radio']");
const nextButtons = document.querySelectorAll(".next");
const prevButtons = document.querySelectorAll(".prev");
const stepsNumber = pages.length;
if (progressNumber !== stepsNumber) {
console.warn(
"Error, number of steps in progress bar do not match number of pages"
);
}
document.documentElement.style.setProperty("--stepNumber", stepsNumber);
let current = 1;
for(let i = 0; i < input.length; i++){
input[i].addEventListener('change', function() {
if (this.checked) {
const allFields = this.closest('.page').querySelectorAll('.field');
allFields.forEach(field => field.classList.remove('active'));
this.closest('.field').classList.add('active');
slidePage.style.marginLeft = `-${(100 / stepsNumber) * current}%`;
progressText[current - 1].classList.add("active");
current += 1;
}
})
}
for (let i = 0; i < prevButtons.length; i++) {
prevButtons[i].addEventListener("click", function (event) {
event.preventDefault();
slidePage.style.marginLeft = `-${
(100 / stepsNumber) * (current - 2)
}%`;
progressText[current - 2].classList.remove("active");
current -= 1;
});
}
for (let i = 0; i < nextButtons.length; i++) {
nextButtons[i].addEventListener("click", function (event) {
event.preventDefault();
const currentPage = this.closest(".page");
const inputs = currentPage.querySelectorAll("input[required], textarea[required]");
let inputsValid = true;
inputs.forEach(el => {
if (!el.value.trim()) {
el.classList.add("invalid-input");
inputsValid = false;
} else {
el.classList.remove("invalid-input");
}
});
if (!inputsValid) {
return;
}
slidePage.style.marginLeft = `-${(100 / stepsNumber) * current}%`;
progressText[current - 1].classList.add("active");
current += 1;
});
}
function validateInputs(ths) {
let inputsValid = true;
const inputs =
ths.parentElement.parentElement.querySelectorAll("input");
for (let i = 0; i < inputs.length; i++) {
const valid = inputs[i].checkValidity();
if (!valid) {
inputsValid = false;
inputs[i].classList.add("invalid-input");
} else {
inputs[i].classList.remove("invalid-input");
}
}
return inputsValid;
}
}
setTimeout(function() {
$("#exampleModalCenter").modal("toggle");
}, 3000);
///// gallery simple end
//*****************************
// Tabbing
//*****************************
$('[data-targetit]').on('click',function () {
$(this).siblings().removeClass('current');
$(this).addClass('current');
var target = $(this).data('targetit');
$('.'+target).siblings('[class^="tabs"]').removeClass('current');
$('.'+target).addClass('current');
$('.slick-slider').slick('setPosition', 0);
});
////// thumb gallery slider end
</script>
<script type="text/javascript">
var cleave = new Cleave('#phone-country', {
numericOnly: true,
delimiters: [' '],
blocks: [10]
});
</script>
<script type="text/javascript">
var cleave = new Cleave('.number', {
numericOnly: true,
delimiters: [' '],
blocks: [10]
});
var cleave = new Cleave('.phone', {
numericOnly: true,
delimiters: [' '],
blocks: [10]
});
var cleave = new Cleave('.newphe', {
numericOnly: true,
delimiters: [' '],
blocks: [10]
});
</script>
<script>
$('.package [data-src="#popupform"]').click(function(){
$("<input>", {type:"hidden",name: "quote[package_name]", value: $(this).closest('.package').find('.right h5').text() }).appendTo($('.form-get-quote'));
})
function setButtonURL() {
$zopim.livechat.window.toggle();
}
// function setButtonURL() {
// window.LC_API.open_chat_window();
// }
</script>
</body>
</html>