Working on hover effects

assets/css/style-new.css

@@ -73,7 +73,7 @@
 
 
 .p-top {
-    padding-top: 180px;
+    padding-top: 180px !important;
 }
 
 .strategic-sec {
@@ -655,6 +655,7 @@ section.dual-slider .col-lg-10 {
     justify-content: center;
 }
 
+
 .look-app-dev .mid-para {
     font-size: 1.8rem;
     color: #fff;
@@ -762,18 +763,22 @@ section.dual-slider .col-lg-10 {
 }
 
 
-/* .innovating-box-main {
+.innovating-box-main {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     grid-gap: 40px;
     margin: 40px 0;
-} */
+}
 
-.innovating-box-main {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    grid-gap: 40px 60px;
-    margin: 40px 0;
+.innovating-box {
+    padding: 20px;
+    border-radius: 8px;
+    border: 1px solid transparent;
+    transition: border 0.3s ease;
+}
+
+.innovating-box:hover {
+    border: 1px solid #E5195E;
 }
 
 
@@ -826,7 +831,7 @@ section.dual-slider .col-lg-10 {
 .home-form .lets_talk {
     display: flex;
     justify-content: center;
-    margin: 50px 0 30px 0;
+    margin: 50px 0;
 }
 
 .home-form .lets_talk a {
@@ -845,7 +850,7 @@ section.dual-slider .col-lg-10 {
     border: none;
     background-color: transparent;
     resize: none;
-    padding: 12px 12px 20px 12px;
+    padding: 12px;
     border-bottom: 1px solid #4b4b4b;
     width: 100%;
     border-radius: 0;
@@ -1744,6 +1749,8 @@ p.btn-sym {
     justify-content: space-between;
 }
 
+
+
 .solution-tab-main .sol-tab-first-content ul {
     padding-left: 1rem;
     display: flex;
@@ -1802,20 +1809,34 @@ p.btn-sym {
 }
 
 
-.consulting-look {
-    margin-top: 80px;
+.consulting-look-sec {
+    margin: 80px 0;
+    background-image: url(../images/new-img/app-dev-bg.png);
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-position: right;
 }
 
-.consulting-look .look-side-img {
-    position: relative;
+.consulting-content {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
 }
 
-.consulting-look .look-side-img img {
-    position: absolute;
-    right: 5%;
-    width: 300px;
-    height: 250px;
-    bottom: -155px;
+.consulting-look-sec .mid-para {
+    font-weight: 500;
+    font-size: 28px;
+}
+
+.consulting-look-sec .left-sec {
+    max-width: 70%;
+}
+
+
+.consulting-look-sec .consulting-side-img img {
+    width: 330px;
+    height: 300px;
+    mix-blend-mode: lighten;
 }
 
 
@@ -1867,6 +1888,7 @@ p.btn-sym {
     align-items: start;
     justify-content: end;
     height: 100%;
+    padding-bottom: 40px;
 }
 
 .company-banner-side-content .group-side {
@@ -2355,10 +2377,16 @@ p.btn-sym {
 }
 
 .solution-tab .inn_data {
-    box-shadow: inset 0px 2px 5px rgba(255, 255, 255, 0.25);
+    box-shadow: inset 0px 2px 5px rgba(255, 255, 255, 0.1);
     border-radius: 8px;
     margin-bottom: 20px;
     background-color: #2b2b2b;
+    transition: transform 0.3s ease;
+}
+
+.solution-tab .inn_data:hover {
+    transform: scale(1.01);
+    box-shadow: inset 0px 2px 5px rgba(255, 255, 255, 0.25);
 }
 
 .solution-tab .accordion_content {
@@ -2456,8 +2484,14 @@ p.btn-sym {
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
+    transition: all 0.3s ease;
 }
 
+.industries-we-serve-box:hover {
+    scale: 1.03;
+}
+
+
 .industries-we-serve-box .mid-para {
     font-weight: 500;
 }
@@ -2702,6 +2736,11 @@ p.btn-sym {
 }
 
 @media (max-width:1199px) {
+
+    .four-grid .transform-box-main {
+        grid-template-columns: repeat(2, 1fr);
+    }
+
     .block-main {
         grid-template-columns: repeat(2, 1fr);
     }
@@ -2710,6 +2749,30 @@ p.btn-sym {
         left: 42%;
     }
 
+    .solution-tab {
+        padding: 20px 12px;
+    }
+
+    .solution-tab .nav-link {
+        padding: 6px 10px;
+        flex: none;
+        font-size: 13px;
+    }
+
+    .solution-tab .nav-link:hover {
+        padding: 6px 10px;
+    }
+
+    .solution-tab .nav-tabs .nav-item.show .nav-link,
+    .solution-tab .nav-tabs .nav-link.active {
+        padding: 8px 12px;
+    }
+
+    .solution-tab .nav-link img {
+        width: 16px;
+        height: 16px;
+    }
+
 }
 
 @media (max-width:1080px) {
@@ -2717,6 +2780,22 @@ p.btn-sym {
         width: 100%;
         height: 170px;
     }
+
+    .dual-slider .bg-img img {
+        object-fit: fill;
+    }
+
+    section.dual-slider .col-lg-10 {
+        bottom: 10%;
+    }
+
+    div#card_slide .prev_arrow {
+        bottom: -45%;
+    }
+
+    div#card_slide .next_arrow {
+        bottom: -45%;
+    }
 }
 
 @media (max-width:1024px) {
@@ -2724,13 +2803,72 @@ p.btn-sym {
         width: 100%;
         height: 180px;
     }
-
-    section.dual-slider .col-lg-10 {
-        bottom: 30%;
-    }
 }
 
 @media (max-width:991px) {
+
+    .why-hire-sec .transform-box-main {
+        grid-template-columns: repeat(2, 1fr);
+    }
+
+    .dual-slider .bg-img img {
+        height: 100vh;
+    }
+
+    .develope-ai-sec .row {
+        flex-direction: column-reverse;
+    }
+
+    .we-see-solution-sec .row {
+        flex-direction: column;
+        gap: 20px;
+    }
+
+    .develope-ai-sec .col-md-7,
+    .develope-ai-sec .col-md-5,
+    .we-see-solution-sec .col-md-6 {
+        width: 100%;
+    }
+
+    .develope-ai-sec .col-md-5 img {
+        scale: 1;
+    }
+
+    .why-choose-us-content-main {
+        grid-template-columns: repeat(2, 1fr);
+    }
+
+    .look-app-dev .col-md-6:last-child {
+        position: relative;
+    }
+
+    .look-app-dev .look-side-img {
+        position: absolute;
+        bottom: 0;
+    }
+
+    .craft-scalable-sec .row {
+        flex-direction: column;
+        gap: 20px;
+    }
+
+    .craft-scalable-sec .row .col-md-7,
+    .craft-scalable-sec .row .col-md-5 {
+        width: 100%;
+    }
+
+    .craft-scalable-sec .row .col-md-5 {
+        width: 100%;
+    }
+
+    .craft-scalable-content-main {
+        margin-bottom: 22px;
+    }
+
+    .industries-we-serve-box-main {
+        grid-template-columns: repeat(2, 1fr);
+    }
+
     .choose-your-path-main {
         grid-template-columns: repeat(2, 1fr);
     }
@@ -2741,9 +2879,9 @@ p.btn-sym {
         padding: 30px 0;
     }
 
-    .dual-slider .bg-img {
+    /* .dual-slider .bg-img {
         height: 145vh;
-    }
+    } */
 
     .content-download-sec {
         gap: 10px;
@@ -2762,9 +2900,9 @@ p.btn-sym {
 
     }
 
-    .dual-slider .bg-img img {
+    /* .dual-slider .bg-img img {
         height: 69%;
-    }
+    } */
 
     div#card_slide .next_arrow {
         right: 40%;
@@ -2782,6 +2920,153 @@ p.btn-sym {
         display: none;
     }
 
+    .section {
+        padding: 40px 0;
+    }
+
+    .solution-tab-main .nav-tabs {
+        width: 100%;
+        flex-wrap: nowrap;
+        overflow-x: auto;
+        overflow-y: hidden;
+        padding-bottom: 1px;
+    }
+
+    .solution-tab-main .nav-tabs .nav-item {
+        flex-grow: 1;
+        text-align: center;
+        white-space: nowrap;
+    }
+
+    .steps-main {
+        grid-template-columns: repeat(2, 1fr);
+    }
+
+    .why-hire-sec .transform-box-main {
+        grid-template-columns: repeat(1, 1fr);
+    }
+
+    .consulting-look-sec .container {
+        max-width: 720px;
+    }
+
+    .consulting-look-sec .consulting-side-img img {
+        width: 225px;
+        height: 200px;
+    }
+
+
+    .digital-transform .transform-box:last-child {
+        grid-column: span 1;
+    }
+
+    .futuretech-sec .pink-txt {
+        padding-left: 0 !important;
+        padding-top: 20px !important;
+    }
+
+    .our-flutter-team-left-img {
+        width: 100%;
+        height: auto;
+    }
+
+    .built-for-left-img img {
+        width: 100%;
+    }
+
+    .our-flutter-team-sec .row,
+    .app-built-for .row {
+        gap: 20px;
+    }
+
+    .our-flutter-team-side-content {
+        margin-top: 20px;
+    }
+
+    .futuretech-sec .col-md-7 {
+        border-left: none;
+    }
+
+    .learn-ai-sec .row,
+    .app-built-for .row {
+        flex-direction: column-reverse;
+    }
+
+    .learn-ai-sec .col-md-6 .head {
+        font-size: 2.5rem;
+        margin-top: 20px;
+    }
+
+    .how_we_leverage .main_box {
+        grid-template-columns: repeat(2, 1fr);
+    }
+
+    .why-choose-us-content-main {
+        grid-template-columns: repeat(1, 1fr);
+    }
+
+    .fintech-sec {
+        padding-top: 20px;
+    }
+
+    .fintech-right-box-main {
+        padding: 0;
+    }
+
+    .fintech-sec .row .col-md-8 {
+        border-left: none;
+    }
+
+    .our-values-box-main {
+        grid-template-columns: repeat(2, 1fr);
+        border-top: none;
+    }
+
+    .our-values-box:last-child {
+        border-right: 1px solid #262626;
+    }
+
+    .web-dev .transform-box-main .transform-box:first-child {
+        grid-column: span 1;
+    }
+
+    .look-side-img {
+        display: none;
+    }
+
+    .built-for-scale-sec .row {
+        padding: 0 20px;
+    }
+
+    .built-for-scale-sec .built-for-ios img {
+        scale: 1.2;
+    }
+
+    .company-sets-apart .transform-box-main {
+        grid-template-columns: repeat(1, 1fr);
+    }
+
+    .dual-slider .bg-img {
+        height: 100vh;
+    }
+
+    .cl-downside-img {
+        position: inherit;
+    }
+
+    .solution-tab .nav {
+        overflow-x: auto;
+        width: 100%;
+        flex-wrap: nowrap;
+        border: none;
+        height: 100%;
+        overflow-y: hidden;
+    }
+
+    .solution-tab .nav {
+        padding-bottom: 16px;
+    }
+
     .portfolio-box-main {
         grid-template-columns: repeat(1, 1fr);
     }
@@ -2833,10 +3118,6 @@ p.btn-sym {
         width: 100%;
     }
 
-    .dual-slider .bg-img img {
-        object-fit: fill;
-    }
-
 
     .crafting-sec .row,
     .cloud-sec .row,
@@ -2884,7 +3165,7 @@ p.btn-sym {
     .cmm-inputs-main input,
     .cmm-inputs-main select,
     .cmm-inputs-main textarea {
-        padding: 12px;
+        padding: 12px 12px 20px 10px;
         margin-bottom: 20px;
     }
 
@@ -2952,13 +3233,70 @@ p.btn-sym {
 
 @media (max-width:576px) {
 
+    .head {
+        font-size: 2.4rem;
+        line-height: 120%;
+    }
+
+    .comp-count-main .comp-count {
+        padding-right: 0px;
+        padding-top: 20px;
+    }
+
+    .consulting-content {
+        flex-direction: column-reverse;
+    }
+
+    .consulting-look-sec .left-sec {
+        max-width: 100%;
+    }
+
+    .crafting-sec .box {
+        padding: 12px 18px;
+    }
+
+    .our-values-box {
+        padding-right: 20px;
+        padding-top: 20px;
+    }
+
+    .built-for-scale-sec .built-for-ios img {
+        scale: 1;
+    }
+
+    .flutter-exp-main {
+        grid-template-columns: repeat(1, 1fr);
+        grid-gap: 36px 40px;
+    }
+
+    .four-grid .transform-box-main {
+        grid-template-columns: repeat(1, 1fr);
+    }
+
+    .choose-your-path-box {
+        backdrop-filter: blur(-1px) saturate(180%);
+        -webkit-backdrop-filter: blur(-1px) saturate(180%);
+    }
+
+    .industries-we-serve-box {
+        padding: 28px 20px;
+    }
+
+    .industries-we-serve-box .mid-para {
+        margin-bottom: 24px;
+    }
+
+    .industries-we-serve-box-main {
+        grid-template-columns: repeat(1, 1fr);
+    }
+
     .choose-your-path-main {
         grid-template-columns: repeat(1, 1fr);
 
     }
 
     .dual-slider .bg-img {
-        height: 160vh;
+        height: 100vh;
     }
 
     div#card_slide .prev_arrow {
@@ -2993,7 +3331,7 @@ p.btn-sym {
     }
 
     .dual-slider .bg-img img {
-        height: 62%;
+        height: -webkit-fill-available;
     }
 
     .mobile-download-main {
@@ -3022,6 +3360,9 @@ p.btn-sym {
         bottom: 12%;
     }
 
+    .how_we_leverage .main_box {
+        grid-template-columns: repeat(1, 1fr);
+    }
 }
 
 @media (max-width:420px) {
@@ -3030,4 +3371,8 @@ p.btn-sym {
         grid-template-columns: repeat(1, 1fr);
     }
 
+    .fintech-right-box-main {
+        grid-template-columns: repeat(1, 1fr);
+    }
+
 }

assets/css/style.css

@@ -1872,6 +1872,78 @@ button.pdf.btn {
 
 
 
+.home-form {
+    margin-top: 50px;
+}
+.home-form .form-group {
+    position: relative;
+    margin-bottom: 20px;
+}
+
+.home-form .form-group input,
+.home-form .form-group select,
+.home-form .form-group textarea {
+    width: 100%;
+    outline: none;
+    background: none;
+    resize: none; 
+}
+
+.home-form .form-group label {
+    position: absolute;
+    top: 50%;
+    left: 10px;
+    transform: translateY(-50%);
+    font-size: 14px;
+    color: #ccc;
+    pointer-events: none;
+    transition: all 0.3s ease;
+}
+
+.home-form .form-group input:focus + label,
+.home-form .form-group input:not(:placeholder-shown) + label,
+.home-form .form-group select:focus + label,
+.home-form .form-group select:not([value=""]) + label,
+.home-form .form-group textarea:focus + label,
+.home-form .form-group textarea:not(:placeholder-shown) + label {
+    top: -10px;
+    font-size: 16px;
+    color: #969696;
+}
+
+
+
+
+  /* for all social containers*/
+  .socialContainer {
+    width: 50px;
+    height: 50px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+    transition-duration: 1s;
+    cursor: pointer;
+  }
+  
+
+  .socialContainer:hover .socialSvg {
+    animation: slide-in-top 0.3s both;
+  }
+  
+  @keyframes slide-in-top {
+    0% {
+      transform: translateY(-50px);
+      opacity: 0;
+    }
+  
+    100% {
+      transform: translateY(0);
+      opacity: 1;
+    }
+  }
+
 
 
 /* mobile responsive start  */
@@ -2367,8 +2439,7 @@ button.pdf.btn {
     }
 
     .why_wdipl_section .container {
-        gap: 50px;
-        flex-direction: column;
+        gap: 20px;
     }
 
     .why_wdipl_section .why_inner,
@@ -2397,7 +2468,7 @@ button.pdf.btn {
     }
 
     .why_choose_other_sec .lighting_hand img {
-        width: 100%;
+        width: 50%;
     }
 
 }
@@ -2407,7 +2478,9 @@ button.pdf.btn {
     .request_the_price_sec .radio_btn_side ul {
         grid-template-columns: repeat(1, 1fr);
     }
-
+    .lets_talk a, .lets_talk button {
+        font-size: 15px;
+    }
    
 }
 

assets/js/custom.js

@@ -79,18 +79,6 @@ window.addEventListener("scroll", () => {
 
 // navigate-bar start
 
-const navigate = document.querySelector("#top_navigate_bar");
-
-window.addEventListener("scroll", () => {
-  const currentScroll = window.scrollY;
-  if (currentScroll > 100) {
-    navigate.classList.add("other_class");
-  } else {
-    navigate.classList.remove("other_class");
-  }
-});
-
-// navigate-bar end
 
 // header accordion start
 

components/footer.php

@@ -89,21 +89,21 @@
             <div class=" foot2">
                 <h2 class="">Services</h2>
                 <ul>
-                    <li><a href="services-mobile-app-development.php">Mobile App Development</a></li>
-                    <li><a href="services-ios-app-development.php">iOS App Development</a></li>
-                    <li><a href="services-android-app-development.php">Android App Development</a></li>
-                    <li><a href="services-native-app-development.php">Native App Development</a></li>
-                    <li><a href="">Hybrid App Development</a></li>
+                    <li><a href="mobile-app-development.php">Mobile App Development</a></li>
+                    <li><a href="ios.php">iOS App Development</a></li>
+                    <li><a href="android.php">Android App Development</a></li>
+                    <li><a href="hybrid.php">Native App Development</a></li>
+                    <li><a href="native.php">Hybrid App Development</a></li>
                 </ul>
             </div>
             <div class=" foot2">
                 <h2 class="">Expertise</h2>
                 <ul>
                     <li><a href="technology.php">Technology</a></li>
-                    <li><a href="solutions.php">Solutions</a></li>
+                    <li><a href="consulting.php">Solutions</a></li>
                 </ul>
 
-                <h2 class="pt-3 ">Success Stories</h2>
+                <h2 class="pt-3">Success Stories</h2>
                 <ul>
                     <li><a href="">Client</a></li>
                     <li><a href="">Case Studies</a></li>
@@ -115,7 +115,7 @@
                     <li><a href="">Fintech</a></li>
                     <li><a href="">Healthcare</a></li>
                     <li><a href="">Real Estate</a></li>
-                    <li><a href="industries-education-and-online.php">Education</a></li>
+                    <li><a href="">Education</a></li>
                 </ul>
             </div>
             <div class=" foot2 text-align-center">
@@ -147,10 +147,10 @@
             <div class=" foot2 mb-0">
                 <h2 class="">Company</h2>
                 <ul>
-                    <li><a href="services.php">Services</a></li>
-                    <li><a href="hire-developers.php">Hire Developers</a></li>
-                    <li><a href="technology.php">Technologies</a></li>
-                    <li><a href="solutions.php">Solutions</a></li>
+                    <li><a href="">Services</a></li>
+                    <li><a href="">Hire Developers</a></li>
+                    <li><a href="">Technologies</a></li>
+                    <li><a href="">Solutions</a></li>
                 </ul>
             </div>
             <div class=" foot2 mb-0">
@@ -164,7 +164,7 @@
                 </ul>
             </div>
             <div class=" foot2 mb-0 copyright">
-                <a href="index.php">
+                <a href="homepage.php">
                     <img loading="lazy" class="mb-3" src="../assets/images/new-img/wdi_logo.svg" alt="image" />
                 </a>
                 <p>©Copyright 2023 WDIPL – Software company. All rights reserved</p>

components/footer2.php

@@ -1,150 +0,0 @@
-<footer>
-    <div class="footer2">
-        <!-- <div class="container footer_contact_us">
-            <h3 class="h3_heading">
-                Transform your business with our custom <br> app development solutions.
-            </h3>
-            <div class="lets_talk">
-                <a href="">
-                    <span class="one"></span>
-                    <span class="two"></span>
-                    Contact Us
-                </a>
-            </div>
-    
-        </div> -->
-        <div class="container m-auto footer_grid">
-            <div class="foot2">
-                <h2 class="">Services</h2>
-                <ul>
-                    <li><a href="services-mobile-app-development.php">Mobile App Development</a></li>
-                    <li><a href="services-ios-app-development.php">iOS App Development</a></li>
-                    <li><a href="services-android-app-development.php">Android App Development</a></li>
-                    <li><a href="services-native-app-development.php">Native App Development</a></li>
-                    <li><a href="">Hybrid App Development</a></li>
-                </ul>
-            </div>
-            <div class="foot2">
-                <h2 class="">Expertise</h2>
-                <ul>
-                    <li><a href="technology.php">Technology</a></li>
-                    <li><a href="solutions.php">Solutions</a></li>
-                </ul>
-                <br>
-                <h2 class="pt-3 ">Success Stories</h2>
-                <ul>
-                    <li><a href="">Client</a></li>
-                    <li><a href="">Case Studies</a></li>
-                </ul>
-            </div>
-            <div class="foot2">
-                <h2 class="">Industries</h2>
-                <ul>
-                    <li><a href="">Fintech</a></li>
-                    <li><a href="">Healthcare</a></li>
-                    <li><a href="">Real Estate</a></li>
-                    <li><a href="industries-education-and-online.php">Education</a></li>
-                </ul>
-            </div>
-            <div class="foot2 text-align-center">
-                <div class="social-btns">
-                    <h3 class="">Download Corporate Profile</h3>
-                    <button class="pdf btn">
-                        <img loading="lazy" src="../assets/images/pdf.webp" alt="pdf" />
-                        Corporateprofile.pdf
-                        <!-- <img loading="lazy" src="../assets/images/download(1).webp" alt="download" /> -->
-                    </button>
-                </div>
-                <div class="clutch d-block">
-                    <div class="social-icons">
-                        <a href=""><img loading="lazy" src="../assets/images/linkedin.webp" alt="linkedin" /></a>
-                        <a href=""><img loading="lazy" src="../assets/images/twitter.webp" alt="twitter" /></a>
-                        <a href=""><img loading="lazy" src="../assets/images/facebook.webp" alt="facebook" /></a>
-                        <a href=""><img loading="lazy" src="../assets/images/instagram.webp" alt="instagram" /></a>
-                    </div>
-                    <!-- <a href="" class=border-btn>Contact US</a> -->
-                    <div class="lets_talk">
-                        <a href="contact-us.php" class=border-btn>
-                            <span class="one"></span>
-                            <span class="two"></span>
-                            Contact Us
-                        </a>
-                    </div>
-                </div>
-
-            </div>
-            <div class="foot2 mb-0">
-                <h2 class="">Company</h2>
-                <ul>
-                    <li><a href="services.php">Services</a></li>
-                    <li><a href="hire-developers.php">Hire Developers</a></li>
-                    <li><a href="technology.php">Technologies</a></li>
-                    <li><a href="solutions.php">Solutions</a></li>
-                    <li><a href="">Blogs</a></li>
-                    <li><a href="">Podcast</a></li>
-                </ul>
-            </div>
-            <div class="foot2 mb-0">
-                <h2 class="">Insights</h2>
-                <ul>
-                    <li><a href="">Fintech</a></li>
-                    <li><a href="">Healthcare</a></li>
-                    <li><a href="">Real Estate</a></li>
-                    <li><a href="">Education</a></li>
-                    <li><a href="">Travel</a></li>
-                </ul>
-            </div>
-            <div class="foot2 mb-0 copyright">
-                <a href="index.php">
-                    <img loading="lazy" class="mb-3" src="../assets/images/image30.webp" alt="image" />
-                </a>
-                <p>©Copyright 2023 WDIPL – Software company. All rights reserved</p>
-                <a href="">Cookies Policy</a>
-                <a href="">Privacy Policy</a>
-            </div>
-            <div class="foot2 text-align-center foot_cluch">
-                <div class="clutch">
-                    <img loading="lazy" src="../assets/images/image31.webp" alt="image" />
-                    <div class="rates">
-                        <div class="rating">
-                            <Span>5.0</Span>
-                            <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>
-                        <h3>WDIPL rating on clutch</h3>
-                    </div>
-                </div>
-                <div class="social-btns">
-                    <h3 class="">Subscribe to our Newsletter</h3>
-                    <input type="email" placeholder="Enter email" />
-                    <div class="lets_talk">
-                        <a href="">
-                            <span class="one"></span>
-                            <span class="two"></span>
-                            Subscribe*
-                        </a>
-                    </div>
-                </div>
-
-            </div>
-        </div>
-    </div>
-</footer>
-
-<div id="progress_bar">
-        <span id="pro_value">
-            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-                <path d="m12 6.414 7.293 7.293 1.414-1.414L12 3.586l-8.707 8.707 1.414 1.414L12 6.414z"></path>
-                <path d="m3.293 18.293 1.414 1.414L12 12.414l7.293 7.293 1.414-1.414L12 9.586l-8.707 8.707z"></path>
-            </svg>
-        </span>
-    </div>
-
-
-
-
-
-<?php include('../components/footer-link.php') ?>

pages/ai-app.php

@@ -18,7 +18,7 @@
                         challenges</p>
 
                     <div class="lets_talk mt-4">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Let’s build an App
@@ -451,7 +451,7 @@
                                 sections, adaptable to various web projects.</p>
                         </div>
                         <div class="lets_talk">
-                            <a href="https://www.wdipl.com/mobile-app-development">
+                            <a href="#">
                                 <span class="one"></span>
                                 <span class="two"></span>
                                 Transform your App into High performing Solution
@@ -623,64 +623,76 @@
             <p class="grey-para">Our talented team of developers, designers, and engineers has consistently demonstrated
                 a dedication to pushing the <br> boundaries of what is possible in the digital landscape.</p>
 
-            <div class="home-form">
+                <div class="home-form">
                 <div class="cmm-inputs-main">
                     <div class="row">
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your name">
+                            <div class="form-group">
+                                <input type="text" id="name" placeholder=" " required>
+                                <label for="name">Enter your name</label>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your email address">
+                            <div class="form-group">
+                                <input type="email" id="email" placeholder=" " required>
+                                <label for="email">Enter your email address</label>
+                            </div>
                         </div>
                     </div>
                     <div class="row">
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your country</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="country" required>
+                                    <option value="" disabled selected>Select your country</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your contact number ">
+                            <div class="form-group">
+                                <input type="text" id="contact" placeholder=" " required>
+                                <label for="contact">Enter your contact number</label>
+                            </div>
                         </div>
                     </div>
                     <div class="row">
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your services</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="services" required>
+                                    <option value="" disabled selected>Select your services</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your budget</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="budget" required>
+                                    <option value="" disabled selected>Select your budget</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                     </div>
-
                     <div class="row">
                         <div class="col-md-12">
-                            <textarea name="" id=""
-                                placeholder="Tell us about your project and business challenge."></textarea>
+                            <div class="form-group">
+                                <textarea id="project" placeholder=" " required></textarea>
+                                <label for="project">Tell us about your project and business challenge</label>
+                            </div>
                         </div>
                     </div>
-
                 </div>
-
                 <div class="lets_talk">
-                    <a href="https://www.wdipl.com/mobile-app-development">
+                    <a href="">
                         <span class="one"></span>
                         <span class="two"></span>
                         Submit
-                        <!-- <img loading="lazy" src="https://www.wdipl.com/public/img/arrow-up-right.webp" class="arrow_up"
-                        alt="arrow-up"> -->
                     </a>
                 </div>
             </div>

pages/ai-ml.php

@@ -34,7 +34,7 @@
                 </div>
 
                 <div class="lets_talk">
-                    <a href="https://www.wdipl.com/mobile-app-development">
+                    <a href="#">
                         <span class="one"></span>
                         <span class="two"></span>
                         It’s Time to Move Forward—Let’s Talk
@@ -61,7 +61,7 @@
             <div class="col-md-6">
                 <p class="mid-para">Looking for the Best in App Development?</p>
                 <div class="lets_talk">
-                    <a href="https://www.wdipl.com/mobile-app-development">
+                    <a href="#">
                         <span class="one"></span>
                         <span class="two"></span>
                         Let’s Connect
@@ -733,68 +733,80 @@
         <p class="grey-para">Our talented team of developers, designers, and engineers has consistently demonstrated
             a dedication to pushing the <br> boundaries of what is possible in the digital landscape.</p>
 
-        <div class="home-form">
-            <div class="cmm-inputs-main">
-                <div class="row">
-                    <div class="col-md-6">
-                        <input type="text" placeholder="Enter your name">
+            <div class="home-form">
+                <div class="cmm-inputs-main">
+                    <div class="row">
+                        <div class="col-md-6">
+                            <div class="form-group">
+                                <input type="text" id="name" placeholder=" " required>
+                                <label for="name">Enter your name</label>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="form-group">
+                                <input type="email" id="email" placeholder=" " required>
+                                <label for="email">Enter your email address</label>
+                            </div>
+                        </div>
                     </div>
-                    <div class="col-md-6">
-                        <input type="text" placeholder="Enter your email address">
+                    <div class="row">
+                        <div class="col-md-6">
+                            <div class="form-group">
+                                <select id="country" required>
+                                    <option value="" disabled selected>Select your country</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="form-group">
+                                <input type="text" id="contact" placeholder=" " required>
+                                <label for="contact">Enter your contact number</label>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-md-6">
+                            <div class="form-group">
+                                <select id="services" required>
+                                    <option value="" disabled selected>Select your services</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="form-group">
+                                <select id="budget" required>
+                                    <option value="" disabled selected>Select your budget</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-md-12">
+                            <div class="form-group">
+                                <textarea id="project" placeholder=" " required></textarea>
+                                <label for="project">Tell us about your project and business challenge</label>
+                            </div>
+                        </div>
                     </div>
                 </div>
-                <div class="row">
-                    <div class="col-md-6">
-                        <select class="custom-select " aria-label="Default select example">
-                            <option selected disabled="disabled">Select your country</option>
-                            <option value="1">One</option>
-                            <option value="2">Two</option>
-                            <option value="3">Three</option>
-                        </select>
-                    </div>
-                    <div class="col-md-6">
-                        <input type="text" placeholder="Enter your contact number ">
-                    </div>
+                <div class="lets_talk">
+                    <a href="">
+                        <span class="one"></span>
+                        <span class="two"></span>
+                        Submit
+                    </a>
                 </div>
-                <div class="row">
-                    <div class="col-md-6">
-                        <select class="custom-select " aria-label="Default select example">
-                            <option selected disabled="disabled">Select your services</option>
-                            <option value="1">One</option>
-                            <option value="2">Two</option>
-                            <option value="3">Three</option>
-                        </select>
-                    </div>
-                    <div class="col-md-6">
-                        <select class="custom-select " aria-label="Default select example">
-                            <option selected disabled="disabled">Select your budget</option>
-                            <option value="1">One</option>
-                            <option value="2">Two</option>
-                            <option value="3">Three</option>
-                        </select>
-                    </div>
-                </div>
-
-                <div class="row">
-                    <div class="col-md-12">
-                        <textarea name="" id=""
-                            placeholder="Tell us about your project and business challenge."></textarea>
-                    </div>
-                </div>
-
             </div>
 
-            <div class="lets_talk">
-                <a href="https://www.wdipl.com/mobile-app-development">
-                    <span class="one"></span>
-                    <span class="two"></span>
-                    Submit
-                    <!-- <img loading="lazy" src="https://www.wdipl.com/public/img/arrow-up-right.webp" class="arrow_up"
-                        alt="arrow-up"> -->
-                </a>
-            </div>
-        </div>
-
     </div>
 </section>
 

pages/android.php

@@ -20,7 +20,7 @@
                         landscape.</p>
 
                     <div class="lets_talk mt-4">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Let’s build an App
@@ -163,7 +163,7 @@
                         established business aiming to expand, our Flutter experience ensures innovative,
                         cost-effective, and scalable solutions tailored to your goals.</p>
                     <div class="lets_talk">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Let’s Connect
@@ -252,7 +252,7 @@
                     </p>
 
                     <div class="lets_talk">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Let’s build an App
@@ -295,7 +295,7 @@
             </div>
 
             <div class="lets_talk d-flex justify-content-center">
-                <a href="https://www.wdipl.com/mobile-app-development">
+                <a href="#">
                     <span class="one"></span>
                     <span class="two"></span>
                     Let’s Team Up!
@@ -446,7 +446,7 @@
                         scans.
                         Hosted behind a VPC. Data encryption at rest and transit.</p>
                     <div class="lets_talk mt-4">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Explore Services
@@ -472,64 +472,76 @@
             <p class="grey-para">Our talented team of developers, designers, and engineers has consistently demonstrated
                 a dedication to pushing the <br> boundaries of what is possible in the digital landscape.</p>
 
-            <div class="home-form">
+                <div class="home-form">
                 <div class="cmm-inputs-main">
                     <div class="row">
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your name">
+                            <div class="form-group">
+                                <input type="text" id="name" placeholder=" " required>
+                                <label for="name">Enter your name</label>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your email address">
+                            <div class="form-group">
+                                <input type="email" id="email" placeholder=" " required>
+                                <label for="email">Enter your email address</label>
+                            </div>
                         </div>
                     </div>
                     <div class="row">
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your country</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="country" required>
+                                    <option value="" disabled selected>Select your country</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your contact number ">
+                            <div class="form-group">
+                                <input type="text" id="contact" placeholder=" " required>
+                                <label for="contact">Enter your contact number</label>
+                            </div>
                         </div>
                     </div>
                     <div class="row">
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your services</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="services" required>
+                                    <option value="" disabled selected>Select your services</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your budget</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="budget" required>
+                                    <option value="" disabled selected>Select your budget</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                     </div>
-
                     <div class="row">
                         <div class="col-md-12">
-                            <textarea name="" id=""
-                                placeholder="Tell us about your project and business challenge."></textarea>
+                            <div class="form-group">
+                                <textarea id="project" placeholder=" " required></textarea>
+                                <label for="project">Tell us about your project and business challenge</label>
+                            </div>
                         </div>
                     </div>
-
                 </div>
-
                 <div class="lets_talk">
-                    <a href="https://www.wdipl.com/mobile-app-development">
+                    <a href="">
                         <span class="one"></span>
                         <span class="two"></span>
                         Submit
-                        <!-- <img loading="lazy" src="https://www.wdipl.com/public/img/arrow-up-right.webp" class="arrow_up"
-                        alt="arrow-up"> -->
                     </a>
                 </div>
             </div>

pages/app-modernization.php

@@ -20,7 +20,7 @@
                         landscape.</p>
 
                     <div class="lets_talk mt-4">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Let’s build an App
@@ -179,7 +179,7 @@
     <!-- FutureTech Features end  -->
 
 
-    
+
 
     <!-- Why Choose Us start  -->
 
@@ -211,7 +211,7 @@
             </div>
 
             <div class="lets_talk">
-                <a href="https://www.wdipl.com/mobile-app-development">
+                <a href="#">
                     <span class="one"></span>
                     <span class="two"></span>
                     Do you have a project
@@ -227,9 +227,9 @@
 
 
 
-     <!-- How We Work start  -->
+    <!-- How We Work start  -->
 
-     <section class="how-we-work section">
+    <section class="how-we-work section">
         <div class="container">
             <p class="mid-head">How We Work</p>
             <p class="grey-para">Our talented team of developers, designers, and engineers has consistently demonstrated
@@ -432,7 +432,7 @@
             </div>
 
             <div class="lets_talk">
-                <a href="https://www.wdipl.com/mobile-app-development">
+                <a href="#">
                     <span class="one"></span>
                     <span class="two"></span>
                     Do you have a project
@@ -448,7 +448,7 @@
 
     <!-- Built for scale and enterprise start  -->
 
-    <section class="built-for-scale-sec section pb-0">
+    <section class="built-for-scale-sec section pb-0 app-built-for">
         <div class="container">
             <div class="row">
                 <div class="col-md-5">
@@ -457,7 +457,7 @@
                     <p class="grey-para">Enterpret will integrate directly with any feedback channel.
                         Take advantage of our CSV importer or API</p>
                     <div class="lets_talk mt-4">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Explore Services
@@ -496,60 +496,72 @@
                 <div class="cmm-inputs-main">
                     <div class="row">
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your name">
+                            <div class="form-group">
+                                <input type="text" id="name" placeholder=" " required>
+                                <label for="name">Enter your name</label>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your email address">
+                            <div class="form-group">
+                                <input type="email" id="email" placeholder=" " required>
+                                <label for="email">Enter your email address</label>
+                            </div>
                         </div>
                     </div>
                     <div class="row">
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your country</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="country" required>
+                                    <option value="" disabled selected>Select your country</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your contact number ">
+                            <div class="form-group">
+                                <input type="text" id="contact" placeholder=" " required>
+                                <label for="contact">Enter your contact number</label>
+                            </div>
                         </div>
                     </div>
                     <div class="row">
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your services</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="services" required>
+                                    <option value="" disabled selected>Select your services</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your budget</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="budget" required>
+                                    <option value="" disabled selected>Select your budget</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                     </div>
-
                     <div class="row">
                         <div class="col-md-12">
-                            <textarea name="" id=""
-                                placeholder="Tell us about your project and business challenge."></textarea>
+                            <div class="form-group">
+                                <textarea id="project" placeholder=" " required></textarea>
+                                <label for="project">Tell us about your project and business challenge</label>
+                            </div>
                         </div>
                     </div>
-
                 </div>
-
                 <div class="lets_talk">
-                    <a href="https://www.wdipl.com/mobile-app-development">
+                    <a href="">
                         <span class="one"></span>
                         <span class="two"></span>
                         Submit
-                        <!-- <img loading="lazy" src="https://www.wdipl.com/public/img/arrow-up-right.webp" class="arrow_up"
-                        alt="arrow-up"> -->
                     </a>
                 </div>
             </div>

pages/company-about-us.php

@@ -42,7 +42,7 @@
                         <p class="mini-head-para">Explore 1000+ resources</p>
                         <p class="grey-para">Over 1,000 articles on emerging tech trends and breakthroughs.</p>
                         <div class="lets_talk">
-                            <a href="https://www.wdipl.com/mobile-app-development">
+                            <a href="#">
                                 <span class="one"></span>
                                 <span class="two"></span>
                                 Explore Resources
@@ -328,7 +328,7 @@
                     <p class="mid-head">Ready to Lead the Financial Revolution?</p>
                     <p class="grey-para">Get in touch with our fintech experts to build solutions that power your business <br> forward.</p>
                     <div class="lets_talk">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Let’s Connect

pages/complete-digital-transformation.php

@@ -20,7 +20,7 @@
                         landscape.</p>
 
                     <div class="lets_talk mt-4">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Let’s build an App
@@ -651,9 +651,9 @@
     <!-- Fintech end  -->
 
 
-   <!-- Portfolio slider start  -->
+    <!-- Portfolio slider start  -->
 
-   <section class="dual-slider">
+    <section class="dual-slider">
         <div class="bg-slider" id="bg_slide">
             <div class="bg-img">
                 <img loading="lazy" src="../assets/images/new-img/imgs/bg-regroup.webp" alt="">
@@ -800,7 +800,7 @@
             </div>
 
             <div class="lets_talk">
-                <a href="https://www.wdipl.com/mobile-app-development">
+                <a href="#">
                     <span class="one"></span>
                     <span class="two"></span>
                     Do you have a project
@@ -862,60 +862,72 @@
                 <div class="cmm-inputs-main">
                     <div class="row">
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your name">
+                            <div class="form-group">
+                                <input type="text" id="name" placeholder=" " required>
+                                <label for="name">Enter your name</label>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your email address">
+                            <div class="form-group">
+                                <input type="email" id="email" placeholder=" " required>
+                                <label for="email">Enter your email address</label>
+                            </div>
                         </div>
                     </div>
                     <div class="row">
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your country</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="country" required>
+                                    <option value="" disabled selected>Select your country</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your contact number ">
+                            <div class="form-group">
+                                <input type="text" id="contact" placeholder=" " required>
+                                <label for="contact">Enter your contact number</label>
+                            </div>
                         </div>
                     </div>
                     <div class="row">
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your services</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="services" required>
+                                    <option value="" disabled selected>Select your services</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your budget</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="budget" required>
+                                    <option value="" disabled selected>Select your budget</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                     </div>
-
                     <div class="row">
                         <div class="col-md-12">
-                            <textarea name="" id=""
-                                placeholder="Tell us about your project and business challenge."></textarea>
+                            <div class="form-group">
+                                <textarea id="project" placeholder=" " required></textarea>
+                                <label for="project">Tell us about your project and business challenge</label>
+                            </div>
                         </div>
                     </div>
-
                 </div>
-
                 <div class="lets_talk">
-                    <a href="https://www.wdipl.com/mobile-app-development">
+                    <a href="">
                         <span class="one"></span>
                         <span class="two"></span>
                         Submit
-                        <!-- <img loading="lazy" src="https://www.wdipl.com/public/img/arrow-up-right.webp" class="arrow_up"
-                        alt="arrow-up"> -->
                     </a>
                 </div>
             </div>

pages/consulting.php

@@ -20,7 +20,7 @@
                         landscape.</p>
 
                     <div class="lets_talk">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Let’s build an App
@@ -447,7 +447,7 @@
                 </div>
             </div>
             <div class="lets_talk">
-                <a href="https://www.wdipl.com/mobile-app-development">
+                <a href="#">
                     <span class="one"></span>
                     <span class="two"></span>
                     Hire Now
@@ -482,7 +482,7 @@
                     </p>
 
                     <div class="lets_talk">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Let’s build an App
@@ -538,7 +538,7 @@
             </div>
 
             <!-- <div class="lets_talk d-flex justify-content-center">
-                <a href="https://www.wdipl.com/mobile-app-development">
+                <a href="#">
                     <span class="one"></span>
                     <span class="two"></span>
                     Let’s Team Up!
@@ -582,7 +582,7 @@
             </div>
 
             <div class="lets_talk">
-                <a href="https://www.wdipl.com/mobile-app-development">
+                <a href="#">
                     <span class="one"></span>
                     <span class="two"></span>
                     Do you have a project
@@ -599,14 +599,14 @@
 
     <!-- Looking for the Best start  -->
 
-    <section class="look-app-dev consulting-look section">
+    <section class="consulting-look-sec section">
         <div class="container">
-            <div class="row">
-                <div class="col-md-7">
+            <div class="consulting-content">
+                <div class="left-sec">
                     <p class="mid-para mb-4">Partner with us to transform your ideas into a successful, scalable
                         business.</p>
                     <div class="lets_talk">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Let’s Connect
@@ -615,8 +615,8 @@
                         </a>
                     </div>
                 </div>
-                <div class="col-md-5">
-                    <div class="look-side-img">
+                <div class="right-sec">
+                    <div class="consulting-side-img">
                         <img src="../assets/images/manav1.webp" alt="">
                     </div>
                 </div>

pages/contact-us.php

@@ -7,7 +7,7 @@
 
     <!-- Get in touch with start  -->
 
-    <section class="get-in-touch-sec p-top">
+    <section class="get-in-touch-sec p-top section">
         <div class="container">
             <div class="row">
                 <div class="col-md-10">
@@ -15,66 +15,94 @@
                 </div>
                 <div class="col-md-2">
                     <div class="get-in-icons">
-                        <div class="get-in-icon">
-                            <img src="../assets/images/new-img/fb.svg" alt="">
+                        <div class="get-in-icon socialContainer containerOne">
+                            <img class="socialSvg" src="../assets/images/new-img/fb.svg" alt="">
                         </div>
-                        <div class="get-in-icon">
-                            <img src="../assets/images/new-img/insta.svg" alt="">
+                        <div class="get-in-icon socialContainer containerTwo">
+                            <img class="socialSvg" src="../assets/images/new-img/insta.svg" alt="">
                         </div>
-                        <div class="get-in-icon">
-                            <img src="../assets/images/new-img/twitter.svg" alt="">
+                        <div class="get-in-icon socialContainer containerThree">
+                            <img class="socialSvg" src="../assets/images/new-img/twitter.svg" alt="">
                         </div>
                     </div>
                 </div>
             </div>
 
-            <div class="cmm-inputs-main">
-                <div class="row">
-                    <div class="col-md-6">
-                        <input type="text" placeholder="Your Name">
-                    </div>
-                    <div class="col-md-6">
-                        <input type="text" placeholder="Email Address">
-                    </div>
-                </div>
-                <div class="row">
-                    <div class="col-md-6">
-                        <select class="custom-select " aria-label="Default select example">
-                            <option hidden>Select your country </option>
-                            <option value="1">One</option>
-                            <option value="2">Two</option>
-                            <option value="3">Three</option>
-                        </select>
-                    </div>
-                    <div class="col-md-6">
-                        <input type="text" placeholder="Enter your contact number ">
-                    </div>
-                </div>
-                <div class="row">
-                    <div class="col-md-6">
-                        <select class="custom-select " aria-label="Default select example">
-                            <option selected disabled="disabled">Select service</option>
-                            <option value="1">One</option>
-                            <option value="2">Two</option>
-                            <option value="3">Three</option>
-                        </select>
-                    </div>
-                    <div class="col-md-6">
-                        <select class="custom-select " aria-label="Default select example">
-                            <option selected disabled="disabled">Your Budget</option>
-                            <option value="1">One</option>
-                            <option value="2">Two</option>
-                            <option value="3">Three</option>
-                        </select>
-                    </div>
-                </div>
 
-                <div class="row">
-                    <div class="col-md-12">
-                        <textarea name="" id="" placeholder="Message"></textarea>
+
+
+            <div class="home-form">
+                <div class="cmm-inputs-main">
+                    <div class="row">
+                        <div class="col-md-6">
+                            <div class="form-group">
+                                <input type="text" id="name" placeholder=" " required>
+                                <label for="name">Enter your name</label>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="form-group">
+                                <input type="email" id="email" placeholder=" " required>
+                                <label for="email">Enter your email address</label>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-md-6">
+                            <div class="form-group">
+                                <select id="country" required>
+                                    <option value="" disabled selected>Select your country</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="form-group">
+                                <input type="text" id="contact" placeholder=" " required>
+                                <label for="contact">Enter your contact number</label>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-md-6">
+                            <div class="form-group">
+                                <select id="services" required>
+                                    <option value="" disabled selected>Select your services</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="form-group">
+                                <select id="budget" required>
+                                    <option value="" disabled selected>Select your budget</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-md-12">
+                            <div class="form-group">
+                                <textarea id="project" placeholder=" " required></textarea>
+                                <label for="project">Tell us about your project and business challenge</label>
+                            </div>
+                        </div>
                     </div>
                 </div>
-
+                <div class="lets_talk">
+                    <a href="">
+                        <span class="one"></span>
+                        <span class="two"></span>
+                        Submit
+                    </a>
+                </div>
             </div>
 
             <p class="mb-3">What is the current stage of your software development process?</p>
@@ -137,22 +165,22 @@
                     <label class="form-check-label" for="flexCheckDefault">
                         I want to protect my data by signing an NDA
                     </label>
-                  </div>
-                  <div class="form-check">
+                </div>
+                <div class="form-check">
                     <input class="form-check-input" type="checkbox" value="" id="flexCheckChecked" checked>
                     <label class="form-check-label" for="flexCheckChecked">
                         Agree to terms & conditions
                     </label>
-                  </div>
+                </div>
             </div>
 
             <div class="lets_talk">
-                <a href="https://www.wdipl.com/mobile-app-development">
+                <a href="#">
                     <span class="one"></span>
                     <span class="two"></span>
                     Submit
-                    <img loading="lazy" src="https://www.wdipl.com/public/img/arrow-up-right.webp"
-                        class="arrow_up" alt="arrow-up">
+                    <img loading="lazy" src="https://www.wdipl.com/public/img/arrow-up-right.webp" class="arrow_up"
+                        alt="arrow-up">
                 </a>
             </div>
 
@@ -176,7 +204,7 @@
                         out to us for support, inquiries, or collaboration opportunities, and we’ll get back to you
                         promptly."</p>
                     <div class="lets_talk">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Book Appointment
@@ -219,7 +247,7 @@
                     </div>
                 </div>
                 <div class="lets_talk">
-                    <a href="https://www.wdipl.com/mobile-app-development">
+                    <a href="#">
                         <span class="one"></span>
                         <span class="two"></span>
                         Share Details Now
@@ -238,7 +266,7 @@
 
     <!--Join Our Team! start  -->
 
-   <section class="join-our-team-sec section">
+    <section class="join-our-team-sec section">
         <div class="container">
             <div class="row">
                 <div class="col-md-6">
@@ -249,7 +277,7 @@
                 </div>
                 <div class="col-md-6">
                     <div class="lets_talk">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Apply Here

pages/hire-mobile-app-developer.php

@@ -20,7 +20,7 @@
                         landscape.</p>
 
                     <div class="lets_talk">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Let’s build an App
@@ -151,7 +151,7 @@
                 </div>
             </div>
             <div class="lets_talk">
-                <a href="https://www.wdipl.com/mobile-app-development">
+                <a href="#">
                     <span class="one"></span>
                     <span class="two"></span>
                     Hire Now
@@ -282,7 +282,7 @@
                     </p>
 
                     <div class="lets_talk">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Let’s build an App
@@ -325,7 +325,7 @@
             </div>
 
             <div class="lets_talk d-flex justify-content-center">
-                <a href="https://www.wdipl.com/mobile-app-development">
+                <a href="#">
                     <span class="one"></span>
                     <span class="two"></span>
                     Let’s Team Up!
@@ -475,7 +475,7 @@
             </div>
 
             <div class="lets_talk">
-                <a href="https://www.wdipl.com/mobile-app-development">
+                <a href="#">
                     <span class="one"></span>
                     <span class="two"></span>
                     Do you have a project
@@ -880,7 +880,7 @@
             </div>
 
             <!-- <div class="lets_talk">
-                <a href="https://www.wdipl.com/mobile-app-development">
+                <a href="#">
                     <span class="one"></span>
                     <span class="two"></span>
                     Get Pricing

pages/homepage.php

@@ -17,7 +17,7 @@
                     <p class="grey-para">Mind blowing solutions deployed at lightning speeds. We can start a project
                         within 3 days and deliver the MVP in less than 10 weeks.</p>
                     <div class="lets_talk">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="contact-us.php">
                             <span class="one"></span>
                             <span class="two"></span>
                             Talk to our Experts. Book an Appointment
@@ -169,7 +169,7 @@
                                 sections, adaptable to various web projects.</p>
                         </div>
                         <div class="lets_talk">
-                            <a href="https://www.wdipl.com/mobile-app-development">
+                            <a href="contact-us.php">
                                 <span class="one"></span>
                                 <span class="two"></span>
                                 Book a 60-minute Success Strategy Session
@@ -651,8 +651,7 @@
                         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et massa mi.
                     </p>
                     <div class="lets_talk">
-                        <a href="https://www.wdipl.com/mobile-app-development"
-                            aria-label="Connect with us for mobile app development">
+                        <a href="" aria-label="Connect with us for mobile app development">
                             <span class="one"></span>
                             <span class="two"></span>
                             Explore Services
@@ -670,8 +669,7 @@
                         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et massa mi.
                     </p>
                     <div class="lets_talk">
-                        <a href="https://www.wdipl.com/mobile-app-development"
-                            aria-label="Connect with us for mobile app development">
+                        <a href="" aria-label="Connect with us for mobile app development">
                             <span class="one"></span>
                             <span class="two"></span>
                             Explore Services
@@ -689,8 +687,7 @@
                         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et massa mi.
                     </p>
                     <div class="lets_talk">
-                        <a href="https://www.wdipl.com/mobile-app-development"
-                            aria-label="Connect with us for mobile app development">
+                        <a href="" aria-label="Connect with us for mobile app development">
                             <span class="one"></span>
                             <span class="two"></span>
                             Explore Services
@@ -720,60 +717,72 @@
                 <div class="cmm-inputs-main">
                     <div class="row">
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your name">
+                            <div class="form-group">
+                                <input type="text" id="name" placeholder=" " required>
+                                <label for="name">Enter your name</label>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your email address">
+                            <div class="form-group">
+                                <input type="email" id="email" placeholder=" " required>
+                                <label for="email">Enter your email address</label>
+                            </div>
                         </div>
                     </div>
                     <div class="row">
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your country</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="country" required>
+                                    <option value="" disabled selected>Select your country</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your contact number ">
+                            <div class="form-group">
+                                <input type="text" id="contact" placeholder=" " required>
+                                <label for="contact">Enter your contact number</label>
+                            </div>
                         </div>
                     </div>
                     <div class="row">
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your services</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="services" required>
+                                    <option value="" disabled selected>Select your services</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your budget</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="budget" required>
+                                    <option value="" disabled selected>Select your budget</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                     </div>
-
                     <div class="row">
                         <div class="col-md-12">
-                            <textarea name="" id=""
-                                placeholder="Tell us about your project and business challenge."></textarea>
+                            <div class="form-group">
+                                <textarea id="project" placeholder=" " required></textarea>
+                                <label for="project">Tell us about your project and business challenge</label>
+                            </div>
                         </div>
                     </div>
-
                 </div>
-
                 <div class="lets_talk">
-                    <a href="https://www.wdipl.com/mobile-app-development">
+                    <a href="">
                         <span class="one"></span>
                         <span class="two"></span>
                         Submit
-                        <!-- <img loading="lazy" src="https://www.wdipl.com/public/img/arrow-up-right.webp" class="arrow_up"
-                        alt="arrow-up"> -->
                     </a>
                 </div>
             </div>

pages/hybrid.php

@@ -20,7 +20,7 @@
                         landscape.</p>
 
                     <div class="lets_talk mt-4">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Let’s build an App
@@ -163,7 +163,7 @@
                         established business aiming to expand, our Flutter experience ensures innovative,
                         cost-effective, and scalable solutions tailored to your goals.</p>
                     <div class="lets_talk">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Let’s Connect
@@ -252,7 +252,7 @@
                     </p>
 
                     <div class="lets_talk">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Let’s build an App
@@ -295,7 +295,7 @@
             </div>
 
             <div class="lets_talk d-flex justify-content-center">
-                <a href="https://www.wdipl.com/mobile-app-development">
+                <a href="#">
                     <span class="one"></span>
                     <span class="two"></span>
                     Let’s Team Up!
@@ -446,7 +446,7 @@
                         scans.
                         Hosted behind a VPC. Data encryption at rest and transit.</p>
                     <div class="lets_talk mt-4">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Explore Services
@@ -476,60 +476,72 @@
                 <div class="cmm-inputs-main">
                     <div class="row">
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your name">
+                            <div class="form-group">
+                                <input type="text" id="name" placeholder=" " required>
+                                <label for="name">Enter your name</label>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your email address">
+                            <div class="form-group">
+                                <input type="email" id="email" placeholder=" " required>
+                                <label for="email">Enter your email address</label>
+                            </div>
                         </div>
                     </div>
                     <div class="row">
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your country</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="country" required>
+                                    <option value="" disabled selected>Select your country</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your contact number ">
+                            <div class="form-group">
+                                <input type="text" id="contact" placeholder=" " required>
+                                <label for="contact">Enter your contact number</label>
+                            </div>
                         </div>
                     </div>
                     <div class="row">
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your services</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="services" required>
+                                    <option value="" disabled selected>Select your services</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your budget</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="budget" required>
+                                    <option value="" disabled selected>Select your budget</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                     </div>
-
                     <div class="row">
                         <div class="col-md-12">
-                            <textarea name="" id=""
-                                placeholder="Tell us about your project and business challenge."></textarea>
+                            <div class="form-group">
+                                <textarea id="project" placeholder=" " required></textarea>
+                                <label for="project">Tell us about your project and business challenge</label>
+                            </div>
                         </div>
                     </div>
-
                 </div>
-
                 <div class="lets_talk">
-                    <a href="https://www.wdipl.com/mobile-app-development">
+                    <a href="">
                         <span class="one"></span>
                         <span class="two"></span>
                         Submit
-                        <!-- <img loading="lazy" src="https://www.wdipl.com/public/img/arrow-up-right.webp" class="arrow_up"
-                        alt="arrow-up"> -->
                     </a>
                 </div>
             </div>

pages/ios.php

@@ -20,7 +20,7 @@
                         landscape.</p>
 
                     <div class="lets_talk mt-4">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Let’s build an App
@@ -163,7 +163,7 @@
                         established business aiming to expand, our Flutter experience ensures innovative,
                         cost-effective, and scalable solutions tailored to your goals.</p>
                     <div class="lets_talk">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Let’s Connect
@@ -252,7 +252,7 @@
                     </p>
 
                     <div class="lets_talk">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Let’s build an App
@@ -295,7 +295,7 @@
             </div>
 
             <div class="lets_talk d-flex justify-content-center">
-                <a href="https://www.wdipl.com/mobile-app-development">
+                <a href="#">
                     <span class="one"></span>
                     <span class="two"></span>
                     Let’s Team Up!
@@ -446,7 +446,7 @@
                         scans.
                         Hosted behind a VPC. Data encryption at rest and transit.</p>
                     <div class="lets_talk mt-4">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Explore Services
@@ -476,60 +476,72 @@
                 <div class="cmm-inputs-main">
                     <div class="row">
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your name">
+                            <div class="form-group">
+                                <input type="text" id="name" placeholder=" " required>
+                                <label for="name">Enter your name</label>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your email address">
+                            <div class="form-group">
+                                <input type="email" id="email" placeholder=" " required>
+                                <label for="email">Enter your email address</label>
+                            </div>
                         </div>
                     </div>
                     <div class="row">
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your country</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="country" required>
+                                    <option value="" disabled selected>Select your country</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your contact number ">
+                            <div class="form-group">
+                                <input type="text" id="contact" placeholder=" " required>
+                                <label for="contact">Enter your contact number</label>
+                            </div>
                         </div>
                     </div>
                     <div class="row">
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your services</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="services" required>
+                                    <option value="" disabled selected>Select your services</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your budget</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="budget" required>
+                                    <option value="" disabled selected>Select your budget</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                     </div>
-
                     <div class="row">
                         <div class="col-md-12">
-                            <textarea name="" id=""
-                                placeholder="Tell us about your project and business challenge."></textarea>
+                            <div class="form-group">
+                                <textarea id="project" placeholder=" " required></textarea>
+                                <label for="project">Tell us about your project and business challenge</label>
+                            </div>
                         </div>
                     </div>
-
                 </div>
-
                 <div class="lets_talk">
-                    <a href="https://www.wdipl.com/mobile-app-development">
+                    <a href="">
                         <span class="one"></span>
                         <span class="two"></span>
                         Submit
-                        <!-- <img loading="lazy" src="https://www.wdipl.com/public/img/arrow-up-right.webp" class="arrow_up"
-                        alt="arrow-up"> -->
                     </a>
                 </div>
             </div>

pages/mobile-app-development.php

@@ -158,7 +158,7 @@
                         app development <br> services. </p>
 
                     <div class="lets_talk">
-                        <a href="">
+                        <a href="contact-us.php">
                             <span class="one"></span>
                             <span class="two"></span>
                             Let's build an App
@@ -530,7 +530,7 @@
                                 sections, adaptable to various web projects.</p>
                         </div>
                         <div class="lets_talk">
-                            <a href="https://www.wdipl.com/mobile-app-development">
+                            <a href="">
                                 <span class="one"></span>
                                 <span class="two"></span>
                                 Transform your App into High performing Solution
@@ -815,7 +815,7 @@
                     delivering high-quality</p>
 
                 <div class="lets_talk">
-                    <a href="">
+                    <a href="contact-us.php">
                         <span class="one"></span>
                         <span class="two"></span>
                         Let’s Connect
@@ -845,70 +845,80 @@
                 a dedication to pushing the <br> boundaries of what is possible in the digital landscape.</p>
 
             <div class="home-form">
-                <div class="text-center br-txt">
-                    <span class="mid-para">Let's Collaborate to Shape your Vision into Reality </span>
-                </div>
                 <div class="cmm-inputs-main">
                     <div class="row">
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your name">
+                            <div class="form-group">
+                                <input type="text" id="name" placeholder=" " required>
+                                <label for="name">Enter your name</label>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your email address">
+                            <div class="form-group">
+                                <input type="email" id="email" placeholder=" " required>
+                                <label for="email">Enter your email address</label>
+                            </div>
                         </div>
                     </div>
                     <div class="row">
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your country</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="country" required>
+                                    <option value="" disabled selected>Select your country</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your contact number ">
+                            <div class="form-group">
+                                <input type="text" id="contact" placeholder=" " required>
+                                <label for="contact">Enter your contact number</label>
+                            </div>
                         </div>
                     </div>
                     <div class="row">
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your services</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="services" required>
+                                    <option value="" disabled selected>Select your services</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your budget</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="budget" required>
+                                    <option value="" disabled selected>Select your budget</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                     </div>
-
                     <div class="row">
                         <div class="col-md-12">
-                            <textarea name="" id=""
-                                placeholder="Tell us about your project and business challenge."></textarea>
+                            <div class="form-group">
+                                <textarea id="project" placeholder=" " required></textarea>
+                                <label for="project">Tell us about your project and business challenge</label>
+                            </div>
                         </div>
                     </div>
-
                 </div>
-
                 <div class="lets_talk">
-                    <a href="https://www.wdipl.com/mobile-app-development">
+                    <a href="">
                         <span class="one"></span>
                         <span class="two"></span>
                         Submit
-                        <!-- <img loading="lazy" src="https://www.wdipl.com/public/img/arrow-up-right.webp" class="arrow_up"
-                        alt="arrow-up"> -->
                     </a>
                 </div>
             </div>
 
+
         </div>
     </section>
 

pages/native.php

@@ -20,7 +20,7 @@
                         landscape.</p>
 
                     <div class="lets_talk mt-4">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Let’s build an App
@@ -163,7 +163,7 @@
                         established business aiming to expand, our Flutter experience ensures innovative,
                         cost-effective, and scalable solutions tailored to your goals.</p>
                     <div class="lets_talk">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Let’s Connect
@@ -252,7 +252,7 @@
                     </p>
 
                     <div class="lets_talk">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Let’s build an App
@@ -295,7 +295,7 @@
             </div>
 
             <div class="lets_talk d-flex justify-content-center">
-                <a href="https://www.wdipl.com/mobile-app-development">
+                <a href="#">
                     <span class="one"></span>
                     <span class="two"></span>
                     Let’s Team Up!
@@ -446,7 +446,7 @@
                         scans.
                         Hosted behind a VPC. Data encryption at rest and transit.</p>
                     <div class="lets_talk mt-4">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Explore Services
@@ -476,60 +476,72 @@
                 <div class="cmm-inputs-main">
                     <div class="row">
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your name">
+                            <div class="form-group">
+                                <input type="text" id="name" placeholder=" " required>
+                                <label for="name">Enter your name</label>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your email address">
+                            <div class="form-group">
+                                <input type="email" id="email" placeholder=" " required>
+                                <label for="email">Enter your email address</label>
+                            </div>
                         </div>
                     </div>
                     <div class="row">
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your country</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="country" required>
+                                    <option value="" disabled selected>Select your country</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your contact number ">
+                            <div class="form-group">
+                                <input type="text" id="contact" placeholder=" " required>
+                                <label for="contact">Enter your contact number</label>
+                            </div>
                         </div>
                     </div>
                     <div class="row">
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your services</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="services" required>
+                                    <option value="" disabled selected>Select your services</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your budget</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="budget" required>
+                                    <option value="" disabled selected>Select your budget</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                     </div>
-
                     <div class="row">
                         <div class="col-md-12">
-                            <textarea name="" id=""
-                                placeholder="Tell us about your project and business challenge."></textarea>
+                            <div class="form-group">
+                                <textarea id="project" placeholder=" " required></textarea>
+                                <label for="project">Tell us about your project and business challenge</label>
+                            </div>
                         </div>
                     </div>
-
                 </div>
-
                 <div class="lets_talk">
-                    <a href="https://www.wdipl.com/mobile-app-development">
+                    <a href="">
                         <span class="one"></span>
                         <span class="two"></span>
                         Submit
-                        <!-- <img loading="lazy" src="https://www.wdipl.com/public/img/arrow-up-right.webp" class="arrow_up"
-                        alt="arrow-up"> -->
                     </a>
                 </div>
             </div>

pages/new-technology.php

@@ -20,7 +20,7 @@
                         landscape.</p>
 
                     <div class="lets_talk">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Let’s build an App
@@ -170,7 +170,7 @@
                         established business aiming to expand, our Flutter experience ensures innovative,
                         cost-effective, and scalable solutions tailored to your goals.</p>
                     <div class="lets_talk">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Let’s Connect
@@ -295,7 +295,7 @@
                 </div>
             </div>
             <div class="lets_talk">
-                <a href="https://www.wdipl.com/mobile-app-development">
+                <a href="#">
                     <span class="one"></span>
                     <span class="two"></span>
                     Hire Now
@@ -414,7 +414,7 @@
                     </p>
 
                     <div class="lets_talk">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Let’s build an App
@@ -457,7 +457,7 @@
             </div>
 
             <div class="lets_talk d-flex justify-content-center">
-                <a href="https://www.wdipl.com/mobile-app-development">
+                <a href="#">
                     <span class="one"></span>
                     <span class="two"></span>
                     Let’s Team Up!
@@ -501,7 +501,7 @@
             </div>
 
             <div class="lets_talk">
-                <a href="https://www.wdipl.com/mobile-app-development">
+                <a href="#">
                     <span class="one"></span>
                     <span class="two"></span>
                     Do you have a project

pages/portfolio.php

@@ -18,7 +18,7 @@
                         landscape.</p>
 
                     <div class="lets_talk">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Let’s build an App

pages/product-development.php

@@ -18,7 +18,7 @@
                         design.</p>
 
                     <div class="lets_talk mt-4">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Let’s build an App
@@ -210,9 +210,9 @@
     <!-- FutureTech Features end  -->
 
 
-   <!-- Portfolio slider start  -->
+    <!-- Portfolio slider start  -->
 
-   <section class="dual-slider">
+    <section class="dual-slider">
         <div class="bg-slider" id="bg_slide">
             <div class="bg-img">
                 <img loading="lazy" src="../assets/images/new-img/imgs/bg-regroup.webp" alt="">
@@ -359,7 +359,7 @@
             </div>
 
             <div class="lets_talk">
-                <a href="https://www.wdipl.com/mobile-app-development">
+                <a href="#">
                     <span class="one"></span>
                     <span class="two"></span>
                     Do you have a project
@@ -421,60 +421,72 @@
                 <div class="cmm-inputs-main">
                     <div class="row">
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your name">
+                            <div class="form-group">
+                                <input type="text" id="name" placeholder=" " required>
+                                <label for="name">Enter your name</label>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your email address">
+                            <div class="form-group">
+                                <input type="email" id="email" placeholder=" " required>
+                                <label for="email">Enter your email address</label>
+                            </div>
                         </div>
                     </div>
                     <div class="row">
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your country</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="country" required>
+                                    <option value="" disabled selected>Select your country</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your contact number ">
+                            <div class="form-group">
+                                <input type="text" id="contact" placeholder=" " required>
+                                <label for="contact">Enter your contact number</label>
+                            </div>
                         </div>
                     </div>
                     <div class="row">
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your services</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="services" required>
+                                    <option value="" disabled selected>Select your services</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your budget</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="budget" required>
+                                    <option value="" disabled selected>Select your budget</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                     </div>
-
                     <div class="row">
                         <div class="col-md-12">
-                            <textarea name="" id=""
-                                placeholder="Tell us about your project and business challenge."></textarea>
+                            <div class="form-group">
+                                <textarea id="project" placeholder=" " required></textarea>
+                                <label for="project">Tell us about your project and business challenge</label>
+                            </div>
                         </div>
                     </div>
-
                 </div>
-
                 <div class="lets_talk">
-                    <a href="https://www.wdipl.com/mobile-app-development">
+                    <a href="">
                         <span class="one"></span>
                         <span class="two"></span>
                         Submit
-                        <!-- <img loading="lazy" src="https://www.wdipl.com/public/img/arrow-up-right.webp" class="arrow_up"
-                        alt="arrow-up"> -->
                     </a>
                 </div>
             </div>

pages/project-management.php

@@ -20,7 +20,7 @@
                         landscape.</p>
 
                     <div class="lets_talk mt-4">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Let’s build an App
@@ -170,7 +170,7 @@
                         established business aiming to expand, our Flutter experience ensures innovative,
                         cost-effective, and scalable solutions tailored to your goals.</p>
                     <div class="lets_talk">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Let’s Connect
@@ -431,7 +431,7 @@
                         scans.
                         Hosted behind a VPC. Data encryption at rest and transit.</p>
                     <div class="lets_talk mt-4">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Explore Services
@@ -461,60 +461,72 @@
                 <div class="cmm-inputs-main">
                     <div class="row">
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your name">
+                            <div class="form-group">
+                                <input type="text" id="name" placeholder=" " required>
+                                <label for="name">Enter your name</label>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your email address">
+                            <div class="form-group">
+                                <input type="email" id="email" placeholder=" " required>
+                                <label for="email">Enter your email address</label>
+                            </div>
                         </div>
                     </div>
                     <div class="row">
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your country</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="country" required>
+                                    <option value="" disabled selected>Select your country</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your contact number ">
+                            <div class="form-group">
+                                <input type="text" id="contact" placeholder=" " required>
+                                <label for="contact">Enter your contact number</label>
+                            </div>
                         </div>
                     </div>
                     <div class="row">
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your services</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="services" required>
+                                    <option value="" disabled selected>Select your services</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your budget</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="budget" required>
+                                    <option value="" disabled selected>Select your budget</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                     </div>
-
                     <div class="row">
                         <div class="col-md-12">
-                            <textarea name="" id=""
-                                placeholder="Tell us about your project and business challenge."></textarea>
+                            <div class="form-group">
+                                <textarea id="project" placeholder=" " required></textarea>
+                                <label for="project">Tell us about your project and business challenge</label>
+                            </div>
                         </div>
                     </div>
-
                 </div>
-
                 <div class="lets_talk">
-                    <a href="https://www.wdipl.com/mobile-app-development">
+                    <a href="">
                         <span class="one"></span>
                         <span class="two"></span>
                         Submit
-                        <!-- <img loading="lazy" src="https://www.wdipl.com/public/img/arrow-up-right.webp" class="arrow_up"
-                        alt="arrow-up"> -->
                     </a>
                 </div>
             </div>

pages/ui-ux.php

@@ -21,7 +21,7 @@
                         landscape.</p>
 
                     <div class="lets_talk mt-4">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Let’s build an App
@@ -114,7 +114,7 @@
                 <div class="row">
                     <div class="col-md-5">
                         <div class="our-flutter-team-side-content">
-                        <p class="pt-5 pink-txt">Benefits</p>
+                            <p class="pt-5 pink-txt">Benefits</p>
                             <div class="our-flutter-team-side">
                                 <img src="../assets/images/new-img/pink-check.svg" alt="">
                                 <div>
@@ -213,7 +213,7 @@
             </div>
 
             <div class="lets_talk">
-                <a href="https://www.wdipl.com/mobile-app-development">
+                <a href="#">
                     <span class="one"></span>
                     <span class="two"></span>
                     Do you have a project
@@ -285,9 +285,9 @@
 
 
 
-   <!-- Portfolio slider start  -->
+    <!-- Portfolio slider start  -->
 
-   <section class="dual-slider">
+    <section class="dual-slider">
         <div class="bg-slider" id="bg_slide">
             <div class="bg-img">
                 <img loading="lazy" src="../assets/images/new-img/imgs/bg-regroup.webp" alt="">
@@ -434,7 +434,7 @@
             </div>
 
             <div class="lets_talk">
-                <a href="https://www.wdipl.com/mobile-app-development">
+                <a href="#">
                     <span class="one"></span>
                     <span class="two"></span>
                     Do you have a project
@@ -497,60 +497,72 @@
                 <div class="cmm-inputs-main">
                     <div class="row">
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your name">
+                            <div class="form-group">
+                                <input type="text" id="name" placeholder=" " required>
+                                <label for="name">Enter your name</label>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your email address">
+                            <div class="form-group">
+                                <input type="email" id="email" placeholder=" " required>
+                                <label for="email">Enter your email address</label>
+                            </div>
                         </div>
                     </div>
                     <div class="row">
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your country</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="country" required>
+                                    <option value="" disabled selected>Select your country</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <input type="text" placeholder="Enter your contact number ">
+                            <div class="form-group">
+                                <input type="text" id="contact" placeholder=" " required>
+                                <label for="contact">Enter your contact number</label>
+                            </div>
                         </div>
                     </div>
                     <div class="row">
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your services</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="services" required>
+                                    <option value="" disabled selected>Select your services</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                         <div class="col-md-6">
-                            <select class="custom-select " aria-label="Default select example">
-                                <option selected disabled="disabled">Select your budget</option>
-                                <option value="1">One</option>
-                                <option value="2">Two</option>
-                                <option value="3">Three</option>
-                            </select>
+                            <div class="form-group">
+                                <select id="budget" required>
+                                    <option value="" disabled selected>Select your budget</option>
+                                    <option value="1">One</option>
+                                    <option value="2">Two</option>
+                                    <option value="3">Three</option>
+                                </select>
+                            </div>
                         </div>
                     </div>
-
                     <div class="row">
                         <div class="col-md-12">
-                            <textarea name="" id=""
-                                placeholder="Tell us about your project and business challenge."></textarea>
+                            <div class="form-group">
+                                <textarea id="project" placeholder=" " required></textarea>
+                                <label for="project">Tell us about your project and business challenge</label>
+                            </div>
                         </div>
                     </div>
-
                 </div>
-
                 <div class="lets_talk">
-                    <a href="https://www.wdipl.com/mobile-app-development">
+                    <a href="">
                         <span class="one"></span>
                         <span class="two"></span>
                         Submit
-                        <!-- <img loading="lazy" src="https://www.wdipl.com/public/img/arrow-up-right.webp" class="arrow_up"
-                        alt="arrow-up"> -->
                     </a>
                 </div>
             </div>

pages/web-app-development.php

@@ -20,7 +20,7 @@
                         experiences.</p>
 
                     <div class="lets_talk mt-4">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Let’s build an App
@@ -539,7 +539,7 @@
                             sections, adaptable to various web projects.</p>
                     </div>
                     <div class="lets_talk">
-                        <a href="https://www.wdipl.com/mobile-app-development">
+                        <a href="#">
                             <span class="one"></span>
                             <span class="two"></span>
                             Transform your App into High performing Solution
@@ -624,85 +624,85 @@
 
 
 
-    <!-- Portfolio slider start  -->
+<!-- Portfolio slider start  -->
 
-    <section class="dual-slider">
-        <div class="bg-slider" id="bg_slide">
-            <div class="bg-img">
-                <img loading="lazy" src="../assets/images/new-img/imgs/bg-regroup.webp" alt="">
-            </div>
-            <div class="bg-img">
-                <img loading="lazy" src="../assets/images/new-img/imgs/bg-woka.webp" alt="">
-            </div>
-            <div class="bg-img">
-                <img loading="lazy" src="../assets/images/new-img/imgs/bg-seezun.webp" alt="">
-            </div>
-            <div class="bg-img">
-                <img loading="lazy" src="../assets/images/new-img/imgs/bg-simpletend.webp" alt="">
-            </div>
-            <div class="bg-img">
-                <img loading="lazy" src="../assets/images/new-img/imgs/bg-gsf.webp" alt="">
-            </div>
-            <div class="bg-img">
-                <img loading="lazy" src="../assets/images/new-img/imgs/bg-tanami.webp" alt="">
-            </div>
-            <div class="bg-img">
-                <img loading="lazy" src="../assets/images/new-img/imgs/bg-prosperty.webp" alt="">
-            </div>
-            <div class="bg-img">
-                <img loading="lazy" src="../assets/images/new-img/imgs/bg-sai-service.webp" alt="">
-            </div>
-            <div class="bg-img">
-                <img loading="lazy" src="../assets/images/new-img/imgs/bg-good-times.webp" alt="">
-            </div>
-            <div class="bg-img">
-                <img loading="lazy" src="../assets/images/new-img/imgs/bg-tc.webp" alt="">
-            </div>
+<section class="dual-slider">
+    <div class="bg-slider" id="bg_slide">
+        <div class="bg-img">
+            <img loading="lazy" src="../assets/images/new-img/imgs/bg-regroup.webp" alt="">
         </div>
-        <div class="two_slider_main">
-            <div class="container">
-                <div class="row two_slider">
-                    <div class="col-lg-10">
-                        <div class="slider-project-card" id="card_slide">
-                            <div class="card-img">
-                                <img loading="lazy" src="../assets/images/new-img/imgs/logo-regroup.webp" alt="">
-                            </div>
-                            <div class="card-img">
-                                <img loading="lazy" src="../assets/images/new-img/imgs/logo-woka.webp" alt="">
-                            </div>
-                            <div class="card-img">
-                                <img loading="lazy" src="../assets/images/new-img/imgs/logo-seezun.webp" alt="">
-                            </div>
+        <div class="bg-img">
+            <img loading="lazy" src="../assets/images/new-img/imgs/bg-woka.webp" alt="">
+        </div>
+        <div class="bg-img">
+            <img loading="lazy" src="../assets/images/new-img/imgs/bg-seezun.webp" alt="">
+        </div>
+        <div class="bg-img">
+            <img loading="lazy" src="../assets/images/new-img/imgs/bg-simpletend.webp" alt="">
+        </div>
+        <div class="bg-img">
+            <img loading="lazy" src="../assets/images/new-img/imgs/bg-gsf.webp" alt="">
+        </div>
+        <div class="bg-img">
+            <img loading="lazy" src="../assets/images/new-img/imgs/bg-tanami.webp" alt="">
+        </div>
+        <div class="bg-img">
+            <img loading="lazy" src="../assets/images/new-img/imgs/bg-prosperty.webp" alt="">
+        </div>
+        <div class="bg-img">
+            <img loading="lazy" src="../assets/images/new-img/imgs/bg-sai-service.webp" alt="">
+        </div>
+        <div class="bg-img">
+            <img loading="lazy" src="../assets/images/new-img/imgs/bg-good-times.webp" alt="">
+        </div>
+        <div class="bg-img">
+            <img loading="lazy" src="../assets/images/new-img/imgs/bg-tc.webp" alt="">
+        </div>
+    </div>
+    <div class="two_slider_main">
+        <div class="container">
+            <div class="row two_slider">
+                <div class="col-lg-10">
+                    <div class="slider-project-card" id="card_slide">
+                        <div class="card-img">
+                            <img loading="lazy" src="../assets/images/new-img/imgs/logo-regroup.webp" alt="">
+                        </div>
+                        <div class="card-img">
+                            <img loading="lazy" src="../assets/images/new-img/imgs/logo-woka.webp" alt="">
+                        </div>
+                        <div class="card-img">
+                            <img loading="lazy" src="../assets/images/new-img/imgs/logo-seezun.webp" alt="">
+                        </div>
 
-                            <div class="card-img">
-                                <img loading="lazy" src="../assets/images/new-img/imgs/logo-simpletend.webp" alt="">
-                            </div>
-                            <div class="card-img">
-                                <img loading="lazy" src="../assets/images/new-img/imgs/logo-gsf.webp" alt="">
-                            </div>
-                            <div class="card-img">
-                                <img loading="lazy" src="../assets/images/new-img/imgs/logo-tanami.webp" alt="">
-                            </div>
-                            <div class="card-img">
-                                <img loading="lazy" src="../assets/images/new-img/imgs/logo-prosperty.webp" alt="">
-                            </div>
-                            <div class="card-img">
-                                <img loading="lazy" src="../assets/images/new-img/imgs/logo-sai-service.webp" alt="">
-                            </div>
-                            <div class="card-img">
-                                <img loading="lazy" src="../assets/images/new-img/imgs/logo-good-times.webp" alt="">
-                            </div>
-                            <div class="card-img">
-                                <img loading="lazy" src="../assets/images/new-img/imgs/logo-tc.webp" alt="">
-                            </div>
+                        <div class="card-img">
+                            <img loading="lazy" src="../assets/images/new-img/imgs/logo-simpletend.webp" alt="">
+                        </div>
+                        <div class="card-img">
+                            <img loading="lazy" src="../assets/images/new-img/imgs/logo-gsf.webp" alt="">
+                        </div>
+                        <div class="card-img">
+                            <img loading="lazy" src="../assets/images/new-img/imgs/logo-tanami.webp" alt="">
+                        </div>
+                        <div class="card-img">
+                            <img loading="lazy" src="../assets/images/new-img/imgs/logo-prosperty.webp" alt="">
+                        </div>
+                        <div class="card-img">
+                            <img loading="lazy" src="../assets/images/new-img/imgs/logo-sai-service.webp" alt="">
+                        </div>
+                        <div class="card-img">
+                            <img loading="lazy" src="../assets/images/new-img/imgs/logo-good-times.webp" alt="">
+                        </div>
+                        <div class="card-img">
+                            <img loading="lazy" src="../assets/images/new-img/imgs/logo-tc.webp" alt="">
                         </div>
                     </div>
                 </div>
             </div>
         </div>
-    </section>
+    </div>
+</section>
 
-    <!-- Portfolio slider end  -->
+<!-- Portfolio slider end  -->
 
 
 <!-- WDI Guarantee start  -->
@@ -992,66 +992,75 @@
             a dedication to pushing the <br> boundaries of what is possible in the digital landscape.</p>
 
         <div class="home-form">
-            <div class="text-center br-txt">
-                <span class="mid-para">Let's Collaborate to Shape your Vision into Reality </span>
-            </div>
             <div class="cmm-inputs-main">
                 <div class="row">
                     <div class="col-md-6">
-                        <input type="text" placeholder="Enter your name">
+                        <div class="form-group">
+                            <input type="text" id="name" placeholder=" " required>
+                            <label for="name">Enter your name</label>
+                        </div>
                     </div>
                     <div class="col-md-6">
-                        <input type="text" placeholder="Enter your email address">
+                        <div class="form-group">
+                            <input type="email" id="email" placeholder=" " required>
+                            <label for="email">Enter your email address</label>
+                        </div>
                     </div>
                 </div>
                 <div class="row">
                     <div class="col-md-6">
-                        <select class="custom-select " aria-label="Default select example">
-                            <option selected disabled="disabled">Select your country</option>
-                            <option value="1">One</option>
-                            <option value="2">Two</option>
-                            <option value="3">Three</option>
-                        </select>
+                        <div class="form-group">
+                            <select id="country" required>
+                                <option value="" disabled selected>Select your country</option>
+                                <option value="1">One</option>
+                                <option value="2">Two</option>
+                                <option value="3">Three</option>
+                            </select>
+                        </div>
                     </div>
                     <div class="col-md-6">
-                        <input type="text" placeholder="Enter your contact number ">
+                        <div class="form-group">
+                            <input type="text" id="contact" placeholder=" " required>
+                            <label for="contact">Enter your contact number</label>
+                        </div>
                     </div>
                 </div>
                 <div class="row">
                     <div class="col-md-6">
-                        <select class="custom-select " aria-label="Default select example">
-                            <option selected disabled="disabled">Select your services</option>
-                            <option value="1">One</option>
-                            <option value="2">Two</option>
-                            <option value="3">Three</option>
-                        </select>
+                        <div class="form-group">
+                            <select id="services" required>
+                                <option value="" disabled selected>Select your services</option>
+                                <option value="1">One</option>
+                                <option value="2">Two</option>
+                                <option value="3">Three</option>
+                            </select>
+                        </div>
                     </div>
                     <div class="col-md-6">
-                        <select class="custom-select " aria-label="Default select example">
-                            <option selected disabled="disabled">Select your budget</option>
-                            <option value="1">One</option>
-                            <option value="2">Two</option>
-                            <option value="3">Three</option>
-                        </select>
+                        <div class="form-group">
+                            <select id="budget" required>
+                                <option value="" disabled selected>Select your budget</option>
+                                <option value="1">One</option>
+                                <option value="2">Two</option>
+                                <option value="3">Three</option>
+                            </select>
+                        </div>
                     </div>
                 </div>
-
                 <div class="row">
                     <div class="col-md-12">
-                        <textarea name="" id=""
-                            placeholder="Tell us about your project and business challenge."></textarea>
+                        <div class="form-group">
+                            <textarea id="project" placeholder=" " required></textarea>
+                            <label for="project">Tell us about your project and business challenge</label>
+                        </div>
                     </div>
                 </div>
-
             </div>
-
             <div class="lets_talk">
-                <a href="https://www.wdipl.com/mobile-app-development">
+                <a href="">
                     <span class="one"></span>
                     <span class="two"></span>
                     Submit
-                    <!-- <img loading="lazy" src="https://www.wdipl.com/public/img/arrow-up-right.webp" class="arrow_up"
-                        alt="arrow-up"> -->
                 </a>
             </div>
         </div>