1#@!#!123s

: / home / shubmkcj / designpitara.com /
Filename : website-design-service.php
back
<?php include 'dash/config.php'; ?>
<!doctype html>
<html class="no-js" lang="en">
   <head>
      <meta charset="utf-8">
      <meta http-equiv="x-ua-compatible" content="ie=edge">
      <title>Website Designing Company in Gurgaon | Website Development</title>
      <meta name="robots" content="index,follow" />
      <meta name="description" content="Design Pitara is a Website Designing Company in Gurgaon. We are delivering Website Design projects with latest tech features as dynamic, responsive and SEO friendly etc.">
      <meta name="keywords" content="website design, web design in gurgaon, e-commerce website gurgaon, website design company in gurgaon, website designing company in gurgaon, website development,website">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta property="og:title" content="Website Designing Company in Gurgaon | Website Development"/>
      <meta property="og:type" content="website"/>
      <meta property="og:description" content="Design Pitara is a Website Designing Company in Gurgaon. We are delivering Website Design projects with latest tech features as dynamic, responsive and SEO friendly etc."/>
      <meta property="og:url" content="https://www.designpitara.com/website-designing"/>
      <meta property="og:site_name" content="DesignPitara"/>
      <meta property="og:image" content="https://designpitara.com/img/logo_new.png"/>
      <meta name="twitter:card" content="summary"/>
      <meta name="twitter:site" content="@designpitara"/>
      <meta name="twitter:title" content="Website Designing Company in Gurgaon | Website Development">
      <meta name="twitter:description" content="Design Pitara is a Website Designing Company in Gurgaon. We are delivering Website Design projects with latest tech features as dynamic, responsive and SEO friendly etc.">
      <meta name="twitter:url" content="https://www.designpitara.com/website-designing">
      <meta name="twitter:image" content="https://designpitara.com/img/iconx200.png">
      <link rel="canonical" href="https://www.designpitara.com/website-designing" />
      <!-- favicon -->
      <link rel="shortcut icon" type="image/x-icon" href="img/logo/favicon.ico">
      <!-- all css here -->
      <!-- bootstrap v3.3.6 css -->
      <link rel="stylesheet" href="css/bootstrap.min.css">
      <!-- owl.carousel css -->
      <link rel="stylesheet" href="css/owl.carousel.css">
      <link rel="stylesheet" href="css/owl.transitions.css">
      <!-- meanmenu css -->
      <link rel="stylesheet" href="css/meanmenu.min.css">
      <!-- font-awesome css -->
      <link rel="stylesheet" href="css/font-awesome.min.css">
      <link rel="stylesheet" href="css/icon.css">
      <link rel="stylesheet" href="css/flaticon.css">
      <!-- magnific css -->
      <link rel="stylesheet" href="css/magnific.min.css">
      <!-- venobox css -->
      <link rel="stylesheet" href="css/venobox.css">
      <!-- style css -->
      <link rel="stylesheet" href="style.css">
      <!-- responsive css -->
      <link rel="stylesheet" href="css/responsive.css">
      <style>
         .bg-img {
         /* The image used */
         background-image: url("images/b2.png");
         min-height: 380px;
         /* Center and scale the image nicely */
         background-position: center;
         background-repeat: no-repeat;
         background-size: cover;
         position: relative;
         padding: 4% 10% 2% 8%;
         }
         /* Add styles to the form container */
         .container-form { 
         width: 60%;
         padding: 16px;
         background-color: #6f696969;
         float: right;
         }
         .certi-hero-data {
         padding-right: 10%;
         margin-top: 8%;
         }
         .certi-hero-data h1 {
         font-size: 30px;
         font-family: 'geosansLight';
         line-height: 48px;
         letter-spacing: 0.02px;
         color: #fff;
         }
         .bannerul {
         list-style: none;
         padding-left:25px;
         }
         .bannerul li{
         color: #fff;
         }
         .bannerul li:before {
         position: absolute;
         left: 6px;
         content: '✓';
         border-radius: 50%;
         color: #fff;
         font-weight: bold;
         /* font-size: 21px; */
         background: red;
         padding: 1px 6px;
         }
         .contact-page p{
         color:#fff;
         }
         @media only screen and (max-width: 768px){ 
         .certi-hero-data h1 {
         font-size: 15px;
         line-height: 26px;
         font-weight: bolder;
         }     
         .container-form { 
         width: 100%;
         padding: 16px;
         background-color: #6f696969;
         float: right;
         }
         .bg-img {
         padding: 4% 0% 2% 0%;
         background-image: url("images/b1_mobile.png");
         }
         }
         .ratingfont {
         font-size: 24px !important;
         color: orange;
         }
         .circle{
         list-style: circle;
         }
      </style>
      <!-- modernizr css -->
      <script src="js/vendor/modernizr-2.8.3.min.js"></script>
      <script src="https://www.google.com/recaptcha/api.js"></script>
      <!-- Global site tag (gtag.js) - Google Analytics -->
      <script async src="https://www.googletagmanager.com/gtag/js?id=UA-113540344-1"></script>
      <script>
         window.dataLayer = window.dataLayer || [];
         function gtag(){dataLayer.push(arguments);}
         gtag('js', new Date());
         
         gtag('config', 'UA-113540344-1');
      </script> 
      <!-- Global site tag (gtag.js) - Google Ads: 1013283210 --> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-1013283210"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-1013283210'); </script>
   </head>
   <body class="font">
      <header class="header-one">
         <!-- header-area start -->
         <div id="sticker" class="header-area hidden-xs">
            <div class="container">
               <div class="row">
                  <!-- logo start -->
                  <div class="col-md-3 col-sm-3">
                     <div class="logo">
                        <!-- Brand -->
                        <a class="navbar-brand page-scroll sticky-logo" href="https://www.designpitara.com/">
                        <img src="/img/logo/logo2.png" alt="Design Pitara Logo">
                        </a>
                     </div>
                  </div>
                  <!-- logo end -->
                  <div class="col-md-9 col-sm-9">
                     <!-- mainmenu start -->
                     <nav class="navbar navbar-default">
                        <div class="collapse navbar-collapse" id="navbar-example">
                           <div class="main-menu">
                              <ul class="nav navbar-nav navbar-right">
                                 <li><a href="/about-us">About us</a></li>
                                 <li><a href="/blog">Blog</a></li>
                                 <li><a href="/portfolio">Portfolio</a></li>
                                 <li><a href="/contact-us">Contact Us</a></li>
                                 <li>
                                    <a href="tel:9811477138">
                                       <h5 style="font-weight: bold;color: #e32228;"><i class="fa fa-phone"></i> 9811477138</h5>
                                    </a>
                                 </li>
                              </ul>
                           </div>
                        </div>
                     </nav>
                     <!-- mainmenu end -->
                  </div>
               </div>
            </div>
         </div>
         <!-- header-area end -->
         <!-- mobile-menu-area start -->
         <div class="mobile-menu-area hidden-lg hidden-md hidden-sm">
            <div class="container">
               <div class="row">
                  <div class="col-md-12">
                     <div class="mobile-menu">
                        <div class="logo">
                           <a href="https://www.designpitara.com/"><img src="/img/logo/logo2.png" alt="Design Pitara Logo" /></a>
                        </div>
                        <nav id="dropdown">
                           <ul>
                              <li><a href="https://www.designpitara.com/">Home</a></li>
                              <li><a href="/about-us">About us</a></li>
                              <li>
                                 <a class="pagess" href="#">Corporate Branding</a>
                                 <ul class="sub-menu">
                                    <li><a href="/logo-design">Logo Design</a></li>
                                    <li><a href="/marketing-material-services">Marketing Material</a></li>
                                    <li><a href="/packaging-design-services">Packaging / Label Designing</a></li>
                                    <li><a href="/3d-product-packaging-mockup">3D Mockups</a></li>
                                    <li><a href="/explainer-animation-video">Explainer Animation / Video</a></li>
                                    <li><a href="/product-photography-services">Product Photography</a></li>
                                 </ul>
                              </li>
                              <li>
                                 <a class="pagess" href="#">Website Designing</a>
                                 <ul class="sub-menu">
                                    <li><a href="/static-website-design">Static Website Design</a></li>
                                    <li><a href="/dynamic-website-design">Dynamic Website Design</a></li>
                                    <li><a href="/e-commerce-website-service">E-Commerce</a></li>
                                    <li><a href="/blog-maintenance">Blog Maintenance</a></li>
                                    <li><a href="/website-redesign">Website Redesign</a></li>
                                 </ul>
                              </li>
                              <li>
                                 <a class="pagess" href="#">Digital Marketing</a>
                                 <ul class="sub-menu">
                                    <li><a href="/search-engine-optimization-services">Search Engine Optimization</a></li>
                                    <li><a href="/social-media-marketing-services">Social Media Marketing</a></li>
                                    <li><a href="/pay-per-click-service">Pay-Per-Click</a></li>
                                    <li><a href="/facebook-marketing-services">Facebook Marketing</a></li>
                                    <li><a href="/content-writing">Content Writing</a></li>
                                    <li><a href="/google-business-listing">Google Business Listing</a></li>
                                 </ul>
                              </li>
                              <li>
                                 <a class="pagess" href="#">Retainership Modules</a>
                                 <ul class="sub-menu">
                                    <li><a href="/graphic-design-services">Graphic Design</a></li>
                                    <li><a href="/website-maintenance">Website Maintenance</a></li>
                                 </ul>
                              </li>
                              <li>
                                 <a class="pagess" href="#">Infographic Designs</a>
                                 <ul class="sub-menu">
                                    <li><a href="/infographic-resume">Infographic Resume</a></li>
                                    <li><a href="/business-infographic">Business Infographic</a></li>
                                 </ul>
                              </li>
                              <li><a href="/portfolio">Portfolio</a></li>
                              <li><a href="/blog">Blog</a></li>
                              <li><a href="/contact-us">contact Us</a></li>
                           </ul>
                        </nav>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <!-- mobile-menu-area end -->		
      </header>
      <!-- Start breadcumb Area --> 
      <div class="row bg-img contact-page">
         <div class="col-md-6 p-2">
            <div class="certi-hero-data">
               <h1>We are creating your Digital Identity with Engaging and Innovative Website for your brand</h1>
               <ul class="bannerul">
                  <li class="p-1">Fully customise website design</li>
                  <li class="p-1">Mobile responsive and SEO friendly website</li>
                  <li class="p-1">Free Domain, Hosting, 2 email IDs and SSL certificate</li>
                  <li class="p-1">Can manage your website with personalized editing dashboard</li>
               </ul>
               <div class="col-md-12 pt-5 px-0" >
                  <span>
                     <a target="blank" href="https://www.google.com/search?q=design+pitara&rlz=1C1CHBD_enIN911IN911&oq=design+pitara&aqs=chrome..69i57j46i20i175i199i263i395j46i20i175i199i263i275i395i422i424j69i57j69i59j69i60l3.1498j1j4&sourceid=chrome&ie=UTF-8#lrd=0x390d177f98d94d97:0x12bb3ce91434417d,1">
                        <p>                    
                           <span class="ratingfont fa fa-star "></span>
                           <span class="ratingfont fa fa-star "></span>
                           <span class="ratingfont fa fa-star "></span>
                           <span class="ratingfont fa fa-star "></span>
                           <span class="ratingfont fa fa-star "></span> 
                           &nbsp;&nbsp;&nbsp; <small class="text-muted">5* Rated With 57 Google Reviews</small>
                        </p>
                     </a>
                  </span>
               </div>
            </div>
         </div>
         <div class="col-md-6 p-2">
            <form action="#" class="container-form contact-form" method="post">
               <div class="form-group">
                  <label class="text-white">Name <span class="text-danger">*</span></label>
                  <input class="form-control" name="name" type="text" placeholder="Enter your name *" required>
               </div>
               <div class="form-group">
                  <label class="text-white">Phone <span class="text-danger">*</span></label>
                  <input class="form-control" name="phone" type="text" placeholder="Enter your phone *" pattern="^\d{4}\d{4}\d{2}$" required>
               </div>
               <div class="form-group">
                  <label class="text-white">E-Mail</label>
                  <input class="form-control" name="email" type="email" placeholder="Enter your E-Mail">
               </div>
               <div class="form-group">
                  <label class="text-white">What is your project requirements</label><br>
                  <div class="row">
                     <div class="col-md-6"><input type="checkbox" name="project[]" id="project"> <label for="project" class="text-white">Website Designing </label></div>
                     <div class="col-md-6"><input type="checkbox" name="project[]" id="project1"> <label for="project1" class="text-white">E-Commerce Project</label></div>
                  </div>
               </div>
               <div  class="form-group">
                  <div class="g-recaptcha recaptcha_size" data-sitekey="6Lcsmr4UAAAAADlMKSq0TSFphIUl49qObVBzLDsG" style="transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;"  data-callback="verifyCaptcha"></div>
                  <div id="g-recaptcha-error"></div>
               </div>
               <div class="form-group">
                  <button type="submit" id="submit" name="submit" class="contact-btn w-100">Submit</button>
                  <div id="msgSubmit" class="h3 text-center hidden"></div>
                  <div class="clearfix"></div>
               </div>
            </form>
         </div>
      </div>
      <script>
         window.onload = function() {
             var $recaptcha = document.querySelector('#g-recaptcha-response');
             
             if($recaptcha) {
                $recaptcha.setAttribute("required", "required");
             }
         }; 
      </script>
      <div class="about-feature-area bg-color area-padding">
         <div class="container">
            <div class="col-md-12">
               <div class="col-md-12 text-center">
                  <h3 class="font heading">   Website   <span class="heading-color"> Designing </span> </h3>
               </div>
               <p>Being a best website designing company based in Gurgaon, we have to cater to and work with people across different industries such as large corporates, real estate companies, e-commerce firms, tourism and travel industry, social media and HR consultancy firms. These are just a few names out of the many. In today’s times, all these companies need a website or a web application to market it’s products and generate business, but we can actually distinguish them by the way the user perceives the website. So, an attractive designing of a website is very essential to get the right audience. Here are few of the categories of website designing which are very important and we should have the knowledge of the following:</p>
            </div>
            <div class="row">
               <div class="col-md-1"></div>
               <div class="col-lg-2 col-sm-12 mb-5 p-1">
                  <div class="bg-color p-3 text-center card blog_hover p-1">
                     <div class="mt-4 mb-4 content-height">
                        <img src="/img/website-icon/corporate-website.png" alt="personal blog styled website">
                     </div>
                     <h2 class="font heading">
                        Corporate  <span class="heading-color">Website</span>
                     </h2>
                  </div>
               </div>
               <div class="col-lg-2 col-sm-12 mb-5 p-1">
                  <div class="bg-color p-3 text-center card blog_hover p-1">
                     <div class="mt-4 mb-4 content-height">
                        <img src="/img/website-icon/personal-blog.png" alt="personal blog styled website">
                     </div>
                     <h2 class="font heading">
                        Real <span class="heading-color">Estate</span> Website
                     </h2>
                  </div>
               </div>
               <div class="col-lg-2 col-sm-12 mb-5 p-1">
                  <div class="bg-color p-3 text-center card blog_hover p-1">
                     <div class="mt-4 mb-4 content-height">
                        <img src="/img/website-icon/e-commerce-website.png" alt="personal blog styled website">
                     </div>
                     <h2 class="font heading">
                        E-Commerce <span class="heading-color"> Website</span>
                     </h2>
                  </div>
               </div>
               <div class="col-lg-2 col-sm-12 mb-5 p-1">
                  <div class="bg-color p-3 text-center card blog_hover p-1">
                     <div class="mt-4 mb-4 content-height">
                        <img src="/img/website-icon/personal-blog.png" alt="personal blog styled website">
                     </div>
                     <h2 class="font heading">
                        <span class="heading-color">  Personal </span> Blog Websites
                     </h2>
                  </div>
               </div>
               <div class="col-lg-2 col-sm-12 mb-5 p-1">
                  <div class="bg-color p-3 text-center card blog_hover p-1">
                     <div class="mt-4 mb-4 content-height">
                        <img src="/img/website-icon/personal-blog.png" alt="personal blog styled website">
                     </div>
                     <h2 class="font heading">
                        Custom <span class="heading-color"> Website</span>
                     </h2>
                  </div>
               </div>
               <div class="col-md-1"></div>
            </div>
         </div>
      </div>
      <div class="welcome-area area-padding">
         <div class="container">
            <div class="row">
               <div class="col-md-12">
                  <h5><b>Why Website Design is important: </b>Website is important because of various benefits which are</h5>
               </div>
               <div class="col-md-4 text-center p-1">
                  <div class="card p-1 mission_vission_box">
                     <div class="mt-4 mb-4 content-height">
                        <img src="/img/website-icon/brand_identity.png" alt="personal blog styled website">
                     </div>
                     <b>Brand Identity</b> 
                     <p>Attractive websites creates a brand identity of your product and company. Brand identity is the visible element of a brand, like the colour, design and logo, with which one can identify and distinguish the brand.</p>
                  </div>
               </div>
               <div class="col-md-4 text-center p-1">
                  <div class="card p-1 mission_vission_box">
                     <div class="mt-4 mb-4 content-height">
                        <img src="/img/website-icon/availability.png" alt="personal blog styled website">
                     </div>
                     <b>Availability</b> 
                     <p>Website is available all the time and throughout the year almost at a very nominal cost as compared to the huge benefits it provide to the people.</p>
                  </div>
               </div>
               <div class="col-md-4 text-center p-1">
                  <div class="card p-1 mission_vission_box">
                     <div class="mt-4 mb-4 content-height">
                        <img src="/img/website-icon/digital_identity.png" alt="personal blog styled website">
                     </div>
                     <b>Digital Identity</b> 
                     <p>Website helps immensely in creating a very strong and long lasting digital identity. Your digital identity means compiling of all the information about you that exists in the digital form, which can be everything from your date of birth to something you like on facebook, twitter etc.</p>
                  </div>
               </div>
               <div class="col-md-2 text-center p-1"></div>
               <div class="col-md-4 text-center p-1">
                  <div class="card p-1 mission_vission_box">
                     <div class="mt-4 mb-4 content-height">
                        <img src="/img/website-icon/wider-reach.png" alt="personal blog styled website">
                     </div>
                     <b>Wider reach</b> 
                     <p>  It has a wider reach because the web can be accessed from anywhere and everywhere in the world. </p>
                  </div>
               </div>
               <div class="col-md-4 text-center p-1">
                  <div class="card p-1 mission_vission_box">
                     <div class="mt-4 mb-4 content-height">
                        <img src="/img/website-icon/lead-generation.png" alt="personal blog styled website">
                     </div>
                     <b>Lead Generation</b> 
                     <p> Websites help a lot in generating leads for your business and in turn result in more profitability and growth for the company.</p>
                  </div>
               </div>
               <div class="col-md-2 text-center p-1"></div>
            </div>
         </div>
      </div>
      <div class="welcome-area area-padding">
         <div class="container">
            <div class="row">
               <div class="col-md-12 text-center">
                  <h5><b>Features of Website Designing: </b></h5>
               </div>
               <div class="col-md-12">
                  <ul class="circle">
                     <li><b>Dashboard:</b> A dashboard is usually the index page of the control panel for a website's content management system. The dashboard indicates all the items which require urgent actions at the top of the page, moving onto the less important items at the bottom.</li>
                     <li><b>SEO Friendly:</b> We at Design Pitara, make sure that the websites we design follow the google guidelines so that you get the edge when you start your SEO campaign.</li>
                     <li><b>Quick Loading: </b> While the loading speed of your website might not seem like a big deal, but your website should load as fast as possible. The ideal website load time for mobile is 1 to 2 seconds. If pages take longer than 3 seconds to load, then 53% of mobile site visits are abandoned. </li>
                     <li><b>Annual Maintenance Contract (AMC for website):</b> Website maintenance contract refers to the tasks required to keep your website functioning properly in exchange of a fixed charge to be paid annually. It includes checking your website regularly for issues, correcting any faults and running updates.</li>
                  </ul>
               </div>
            </div>
         </div>
      </div>
      <div class="welcome-area area-padding">
         <div class="container">
            <div class="row">
               <div class="col-md-12 text-center">
                  <h5><b>Why choose us as a Website Designing Company </b></h5>
               </div>
               <div class="col-md-6 text-center p-1">
                  <div class="card p-1 mission_vission_box">
                     <div class="mt-4 mb-4 content-height">
                        <img src="/img/website-icon/personal-blog.png" alt="personal blog styled website">
                     </div>
                     <b>Professional Team</b> 
                     <p>  At Design Pitara, we have a team of extremely hard working, qualified, skilled and thorough professionals. They are always dedicated towards a single cause to deliver their best all the time and provide the best customer experience.</p>
                  </div>
               </div>
               <div class="col-md-6 text-center p-1">
                  <div class="card p-1 mission_vission_box">
                     <div class="mt-4 mb-4 content-height">
                        <img src="/img/website-icon/personal-blog.png" alt="personal blog styled website">
                     </div>
                     <b> Timely Delivery</b> 
                     <p>  Design Pitara values your time the most. Just as “Justice delayed is Justice denied”, we at Design Pitara believe “Delivery delayed is Delivery denied.”</p>
                  </div>
               </div>
               <div class="col-md-6 text-center p-1">
                  <div class="card p-1 mission_vission_box">
                     <div class="mt-4 mb-4 content-height">
                        <img src="/img/website-icon/personal-blog.png" alt="personal blog styled website">
                     </div>
                     <b> Dedicated Executives: </b> 
                     <p>  At Design Pitara, you will be assigned a particular project executive for your assignment, who will answer all your queries and respond to all your calls and resolve the issues. There will always be a single point of contact for all your needs about your project.</p>
                  </div>
               </div>
               <div class="col-md-6 text-center p-1">
                  <div class="card p-1 mission_vission_box">
                     <div class="mt-4 mb-4 content-height">
                        <img src="/img/website-icon/personal-blog.png" alt="personal blog styled website">
                     </div>
                     <b>  Total Transparency</b> 
                     <p>  Transparency is what we believe in all theings we do at design Pitara. We will always give you the true picture of your assignment, no matter what the status might be we will always tell you the truth. We don’t break the trust.</p>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="welcome-area area-padding">
         <div class="container">
            <div class="row">
               <div class="all-services-top">
                  <!-- single-well end-->
                  <div class="col-md-4 col-sm-6 col-xs-12">
                     <div class="well-services  card bg--theme-danger">
                        <span class="number">S</span>
                        <div class="well-icon">
                           <a href="#"><img src="/img/website-icon/standard-pack.png"></i></a>
                        </div>
                        <div class="well-content">
                           <h4 class="text-white">Standard</h4>
                           <p><b class="text-white">FOR INDIVIDUAL & SMALL BUSINESSES</b></p>
                           <ul class="marker-list">
                              <li class="text-white">Upto 6 pages</li>
                              <li class="text-white">Design Features</li>
                              <li class="text-white">SEO Features</li>
                              <li class="text-white">Conversion Boosters</li>
                              <li class="text-white">Launch & Support</li>
                           </ul>
                        </div>
                     </div>
                  </div>
                  <!-- single-well end-->
                  <div class="col-md-4 col-sm-6 col-xs-12">
                     <div class="well-services bg-theme-grren card">
                        <span class="number">P</span>
                        <div class="well-icon">
                           <a href="#"><img src="/img/website-icon/popular-pack.png"></a>
                        </div>
                        <div class="well-content">
                           <h4 class="text-white">Popular</h4>
                           <p><b class="text-white">FOR SMALL & MEDIUM BUSINESSES</b></p>
                           <ul class="marker-list">
                              <li  class="text-white">Upto 10 pages</li>
                              <li  class="text-white">Design Features</li>
                              <li  class="text-white">SEO Features</li>
                              <li  class="text-white">Conversion Boosters</li>
                              <li  class="text-white">Launch & Support</li>
                           </ul>
                        </div>
                     </div>
                  </div>
                  <!-- single-well end-->
                  <div class="col-md-4 col-sm-6 col-xs-12">
                     <div class="well-services bg-theme-bleu  card">
                        <span class="number">E</span>
                        <div class="well-icon">
                           <a href="#"><img src="/img/website-icon/elite-pack.png"></a>
                        </div>
                        <div class="well-content">
                           <h4 class="text-white">Elite</h4>
                           <p><b class="text-white">FOR MEDIUM & LARGE BUSINESSES</b></p>
                           <ul class="marker-list">
                              <li class="text-white">Upto 18 pages</li>
                              <li class="text-white">Design Features</li>
                              <li class="text-white">SEO Features</li>
                              <li class="text-white">Conversion Boosters</li>
                              <li class="text-white">Launch & Support</li>
                           </ul>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="about-feature-area bg-color area-padding  contact-page ">
         <div class="container">
            <div class="col-md-12">
               <h3 class="font heading">  DON’T WAIT <span class="heading-color">ANY FURTHER AND GET YOUR WEBSITE</span> DESIGNED TODAY!   </h3>
            </div>
            <div class="row">
               <div class="row m-0 contact-form">
                  <form method="POST" action="" class="contact-form">
                     <div class="col-md-6 col-sm-6 col-xs-12">
                        <input type="text" id="name" class="form-control" name="name" placeholder="Name" required="" data-error="Please enter your name">
                        <div class="help-block with-errors"></div>
                     </div>
                     <div class="col-md-6 col-sm-6 col-xs-12">
                        <input type="tel" class="email form-control" name="phone" placeholder="Phone (format: xxxxxxxxxx)" required="" data-error="Please enter your phone" pattern="^\d{4}\d{4}\d{2}$">
                        <div class="help-block with-errors"></div>
                     </div>
                     <div class="col-md-12 col-sm-12 col-xs-12">
                        <input type="email" id="email" class="form-control" name="email" placeholder="Email" required="" data-error="Please enter your name">
                     </div>
                     <div class="col-md-12 col-sm-12 col-xs-12">
                        <textarea type="text" class="form-control" name="message" rows="4" placeholder="Message" required="" data-error="Please enter your message Name"></textarea>
                        <div class="help-block with-errors"></div>
                     </div>
                     <div class="col-md-12 col-sm-12 col-xs-12">
                        <div class="g-recaptcha recaptcha_size" data-sitekey="6Lcsmr4UAAAAADlMKSq0TSFphIUl49qObVBzLDsG" data-callback="verifyCaptcha"></div>
                        <div id="g-recaptcha-error"></div>
                     </div>
                     <div class="col-md-12 col-sm-12 col-xs-12 text-center">
                        <button type="submit" id="submit" name="submit" class="contact-btn">Submit</button>
                        <div id="msgSubmit" class="h3 text-center hidden"></div>
                        <div class="clearfix"></div>
                     </div>
                  </form>
               </div>
            </div>
         </div>
      </div>
      <div class="bg-purple">
         <?php include 'website-project.php'; ?>
      </div>
      <script type="application/ld+json">
         {
           "@context": "https://schema.org",
           "@type": "Organization",
           "name": "Design Pitara",
           "alternateName": "Design Pitara",
           "url": "https://www.designpitara.com/website-designing",
           "logo": "https://designpitara.com/img/logo/logo2.png",
           "contactPoint": {
             "@type": "ContactPoint",
             "telephone": "9811477138",
             "contactType": "technical support",
             "areaServed": "IN",
             "availableLanguage": "en"
           },
           "sameAs": [
             "https://www.facebook.com/designpitara/",
             "https://twitter.com/designpitara",
             "https://www.linkedin.com/company/designpitara",
             "https://designpitara.tumblr.com/",
             "https://in.pinterest.com/designpitara/",
             "https://www.instagram.com/designpitaralive/"
           ]
         }
      </script>
      <script>
         window.onload = function() {
         var $recaptcha = document.querySelector('#g-recaptcha-response');
         
         if($recaptcha) {
         $recaptcha.setAttribute("required", "required");
         }
         };
         
      </script>
      <?php include 'footer.php'; ?>
      <?php
         if(isset($_POST['submit'])){
             
             $name = $_POST['name'];
             $phone = $_POST['phone'];
             $message = $_POST['message']; 
             $email = $_POST['email']; 
             $project = implode(',',$_POST['project']); 
             
             
            $insert = "INSERT INTO `query_data`(`name`, `phone`, `email`, `service`, `message`) VALUES ('$name','$phone','$email','$project','$message')";
             mysqli_query($conn,$insert);
             
             $to = 'johhnyrajput24@gmail.com'; 
             $from = 'contact@designpitara.com'; 
             $fromName = 'DesignPitara'; 
         
             $subject = "Website Page Enquery"; 
         
             $htmlContent = ' 
             <html> 
             <head> 
                 <title>Welcome to DesignPitara</title> 
             </head> 
             <body>   
                 <table cellspacing="0" style="border: 2px dashed #FB4314; width: 100%;"> 
                     <tr> 
                         <th>Name:</th><td>'.$name.'</td> 
                     </tr> 
                     <tr style="background-color: #e0e0e0;"> 
                         <th>Email:</th><td>'.$phone.'</td> 
                     </tr> 
                     <tr> 
                         <th>Message:</th><td>'.$message.'</td> 
                     </tr>    
                     <tr style="background-color: #e0e0e0;"> 
                         <th>Email:</th><td>'.$email.'</td> 
                     </tr> 
                 </table> 
             </body> 
             </html>'; 
              
             // Set content-type header for sending HTML email 
             $headers = "MIME-Version: 1.0" . "\r\n"; 
             $headers .= "Content-type:text/html;charset=UTF-8" . "\r\n"; 
              
             // Additional headers 
             $headers .= 'From: '.$fromName.'<'.$from.'>' . "\r\n";  
             
             // Send email 
             if(mail($to, $subject, $htmlContent, $headers)){ 
               echo "<script>alert('Your Request Submit Successfully ! Our Team Contact You As Soon As Possible')</script>"; 
             }else{ 
                 echo '<script>alert("Email has sent successfully.")</script>'; 
             } 
         } 
         
         ?>