1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <title>App Development Company - Prologic Web Solutions</title> 8 <meta name="description" content="Being an advent mobile app development company, we aim to build and deliver mobile apps with scalable backend infrastructure & premium designs."/> 9 <!--font-family--> 10 <link rel="stylesheet" type="text/css" href="https://www.prologicwebsolutions.com/css/bootstrap.min.css"> 11
11<script src="https://www.prologicwebsolutions.com/css/bootstrap.min.js"></script>
11 12
12<script src="https://www.prologicwebsolutions.com/js/jquery-3.6.0.js"></script>
12 13
13<script src="https://www.prologicwebsolutions.com/js/script.js"></script>
13 14 <link rel="stylesheet" type="text/css" href="https://www.prologicwebsolutions.com/css/style.css"> 15 <link rel="stylesheet" type="text/css" href="https://www.prologicwebsolutions.com/css/style2.css"> 16 <link rel="stylesheet" type="text/css" href="https://www.prologicwebsolutions.com/css/media2.css"> 17 <link rel="stylesheet" type="text/css" href="https://www.prologicwebsolutions.com/css/media.css"> 18 <link rel="preconnect" href="https://fonts.googleapis.com"> 19 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 20 <link rel="preconnect" href="https://fonts.googleapis.com"> 21 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 22<!-- <link rel="stylesheet" href= 23 "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.css"> 24 </link> --> 25 <link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Montserrat:wght@500&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet"> 26 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 27
27<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/wow.min.js"></script>
27 28 <link rel="preconnect" href="https://fonts.googleapis.com"> 29 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 30 <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet"> 31 <!-- <link href="http://www.owlcarousel.owlgraphic.com/assets/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet"> --> 32
32<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.0.0-beta.3/owl.carousel.min.js"></script>
32 33 <link rel="stylesheet" type="text/css" href="https://www.prologicwebsolutions.com/css/slick-theme.css"> 34 <link rel="stylesheet" type="text/css" href="https://www.prologicwebsolutions.com/css/slick.css"> 35 <link rel="stylesheet" href="https://www.prologicwebsolutions.com/css/animate.css"> 36 <link rel="icon" href="https://www.prologicwebsolutions.com/images/fav.ico"> 37 <link rel="stylesheet" href="https://www.prologicwebsolutions.com/css/owl.carousel.min.css"> 38 <link rel="stylesheet" href="https://www.prologicwebsolutions.com/css/owl.theme.default.min.css">
vendor: 70 bytes, lines 38-39
38 39 <script async src="https://www.googletagmanager.com/gtag/js?id=
39UA-76843566-1
vendor: 18 bytes, lines 39-40
39"></script> 40
40<script src="https://code.jquery.com/jquery-migrate-3.0.0.min.js"></script>
40 41
41<script> 42
vendor: 145 bytes, lines 42-45
42window.dataLayer = window.dataLayer || []; 43 function gtag(){dataLayer.push(arguments);} 44 gtag('js', new Date()); 45 gtag('config', '
45UA-76843566-1
vendor: 10 bytes, lines 45-46
45'); 46
46</script>
46 47 <meta name="google-site-verification" content="LUYPNymgp8OjwHBz50lB1ZTFo8FTtt8CwT71-RaaSSk" > 48 <meta name="facebook-domain-verification" content="ev333bmxw7li5z4pyd2zz7dvrxxlp9" /> 49 <link rel="canonical" href="https://www.prologicwebsolutions.com/mobile-app/"> 50 <meta property="og:locale" content="en_US" > 51 <meta property="og:type" content="website" > 52 <meta property="og:title" content="App Development Company - Prologic Web Solutions"> 53 <meta property="og:description" content="Being an advent mobile app development company, we aim to build and deliver mobile apps with scalable backend infrastructure & premium designs." > 54 <meta property="og:url" content="https://www.prologicwebsolutions.com/mobile-app/" > 55 <meta property="og:site_name" content="Prologic Web Solutions" > 56 <meta property="og:image" content="https://www.prologicwebsolutions.com/images/logo.png" > 57 <meta name="twitter:image" content="https://www.prologicwebsolutions.com/images/logo.png" > 58 <meta property="article:modified_time" content="2026-08-19T10:25:06+00:00" > 59 <meta name="twitter:card" content="summary_large_image" > 60 <meta name="google-site-verification" content="zIuyZsObUqjcaC_KD2VP7SRcX26nBiBUxh7D9nZ9vXY" /> 61 62 63<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 63-64
63 64<script async src="https://www.googletagmanager.com/gtag/js?id=
64G-VMJLJG2HRC
vendor: 12 bytes, line 64
64"></script>
65<script> 66
vendor: 134 bytes, lines 66-70
66window.dataLayer = window.dataLayer || []; 67 function gtag(){dataLayer.push(arguments);} 68 gtag('js', new Date()); 69 70 gtag('config', '
70G-VMJLJG2HRC
vendor: 4 bytes, line 70
70');
71</script>
71 72 73 </head> 74 <body> 75<!-- <div class="container-fluid strip-one" id="navbar-xda"> 76 <div class="diwali-txt"> 77 <div class="center-txt"> 78 <p>With <span style=" ">independence</span> in our thoughts and faith in our hearts, Letâs salute our Nation. Happy <span style=" font-weight: 600;">74th</span> Republic Day!</p> 79 <p>Best wishes for a joyous <span class="diwali">Christmas</span> and<span class="pro"> Happy New Year </span>filled with love, happiness, and prosperity<p> 80 </div> 81 </div> 82 </div> --> 83 <!--- Nav bar start --> 84 <div class="container-fluid b-1"> 85 <div class="row f-b"> 86 <div class="col-md-12 b-2"> 87 <nav class="navbar sticky-top navbar-expand-lg " id="navbar-xd"> 88 <a class="navbar-brand" href="https://www.prologicwebsolutions.com"><img src="https://www.prologicwebsolutions.com/images/logo.png" alt="Prologic Web Solutions"></a> 89 <button class="navbar-toggler second-button" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> 90 <div class="animated-icon2"><span></span><span></span><span></span><span></span></div> 91 </button> 92 <div class="collapse navbar-collapse" id="navbarSupportedContent"> 93 94 <ul class="navbar-nav mr-auto w-100 justify-content-end"> 95 <li class="nav-item active"> 96 <!-- <a class="nav-link" href="">Services<span class="sr-only">(current)</span></a> --> 97 <!-- <a class="nav-link" href=""></a> --> 98 <a class="nav-link dropdown-toggle" href="https://www.prologicwebsolutions.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Services</a> 99 <div class="main-nav"> 100 <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> 101 <ul class="ul-list"> 102 <li><a class="dropdown-item" href="https://www.prologicwebsolutions.com/mobile-app/">Mobile App Development</a></li> 103 <li><a class="dropdown-item" href="https://www.prologicwebsolutions.com/mobile-app/">Custom App Development</a></li> 104 <li><a class="dropdown-item" href="https://www.prologicwebsolutions.com/web-development/">Website Development</a></li> 105 <li><a class="dropdown-item" href="https://www.prologicwebsolutions.com/web-hosting/">Web Hosting</a></li> 106 <li><a class="dropdown-item" href="https://www.prologicwebsolutions.com/web-development/">eCommerce Development</a></li> 107 <li><span class="dropdown-item dropdown-item-static">Digital Marketing</span></li> 108 <li><span class="dropdown-item dropdown-item-static">Dedicated Hiring</span></li> 109 <li><a class="dropdown-item" href="https://www.prologicwebsolutions.com/api/">Fintech Development</a></li> 110 </ul> 111 </div> 112 </div> 113 </li> 114 <li class="nav-item"> 115 <a class="nav-link dropdown-toggle" href="https://www.prologicwebsolutions.com/expertise/" id="navbarDropdownMenuLinktwo" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 116 <span id="onclicktwo">Domain Expertise</span> 117 </a> 118 <div class="main-nav"> 119 <div class="dropdown-menu company" aria-labelledby="navbarDropdownMenuLinktwo"> 120 <ul class="ul-list comapy"> 121 <li><a class="dropdown-item" href="https://www.prologicwebsolutions.
121com/technology/">Technology Services</a></li> 122 <li><a class="dropdown-item" href="https://www.prologicwebsolutions.com/business/">Business Services</a></li> 123 124 </ul> 125 </div> 126 </div> 127 <li class="nav-item"> 128 <a class="nav-link" href="https://www.prologicwebsolutions.com/solutions/">Solutions</a> 129 <li class="nav-item"> 130 <a class="nav-link" href="https://www.prologicwebsolutions.com/api/">API Solutions</a> 131 <!-- <a class="nav-link" href="https://www.prologicwebsolutions.com/gst-suvidha-kendra/"> GST Suvidha Kendra </a>--> 132 133 <li class="nav-item"> 134 <a class="nav-link dropdown-toggle " href="https://www.prologicwebsolutions.com/about-us/" data-toggle="dropdown" id="navbarDropdownMenuLinkthree" aria-haspopup="true" aria-expanded="false"><span class="onclick">About Us</span> 135 </a> 136 <div class="main-nav"> 137 <div class="dropdown-menu company" aria-labelledby="navbarDropdownMenuLinkthree"> 138 <ul class="ul-list comapy"> 139 140 <li><a class="dropdown-item" href="https://www.prologicwebsolutions.com/portfolio/">Portfolio</a></li> 141 <!-- <li><a class="dropdown-item" href="https://www.prologicwebsolutions.com/blog-main/">Blog</a></li> --> 142 <li><a class="dropdown-item" href="https://www.prologicwebsolutions.com/career/">Careers</a></li> 143 <li><a class="dropdown-item" target="_blank" href="https://www.prologicwebsolutions.com/PrologicCompanyProfile.pdf">Company Profile</a></li> 144 145 <li><a class="dropdown-item" href="https://www.prologicwebsolutions.com/our-policy/">Our Policy</a></li> 146 147 148 </ul> 149 </div> 150 </div> 151 <!-- <li class="nav-item"> 152 <a class="nav-link" href="#time-line-section">Portfolio</a> 153 <li class="nav-item"> 154 <a class="nav-link" href="#faq-section">Blog</a> --> 155 </li> 156 <div class="banner-btn"> 157 <!-- <a href="">CONTACT US</a> --> 158 <a href="https://www.prologicwebsolutions.com/contact-us/" class="btn-4"> 159 <div class="btn-k">Contact Us</div> 160 </a> 161 </div> 162 </ul> 163 </div> 164 </nav> 165 166 </div> 167 </div> 168 </div> 169 </div> 170 </section> 171 <!--- Nav bar End --> 172<!-- about top section start --> 173 <section class="ios-banner-section mobile-app-section1"> 174 175 <div class="container-fluid ios-section"> 176 <div class="contact-white-bg"> 177 <img src="https://www.prologicwebsolutions.com/images/line_white_background.png" alt=""> 178 </div> 179 180 <div class="row main-ios-banner mobile-app-sec1"> 181 182 <div class="about-line"> 183 <img class="wow slideInLeft animated" data-wow-delay="0.4s" src="https://www.prologicwebsolutions.
183com/images/line-two.png" style="visibility: visible; animation-delay: 0.4s; animation-name: slideInLeft;" alt=""> 184 </div> 185 186 <div class=" col-md-6 ios-first-child mobile-head"> 187 188 <h1>Mobile App<br> 189 Development<br> 190 Company</h1> 191 </div> 192 <div class=" col-md-6 ios-second-child mobile-rgt-sec"> 193 <h4> Best Mobile App<br> Development Services</h4> 194 <p>Being an advent mobile app development company, we aim to build <br>and deliver mobile apps with scalable backend infrastructure & premium <br>designs. Our mobile app developers use the latest technologies to introduce<br> the best projects all across the globe. </p> 195 196 <div class="ios-child-btn"> 197 <a href="https://www.prologicwebsolutions.com/contact-us/">Letâs Connect<img src="https://www.prologicwebsolutions.com/images/white_arrow_icon.png" alt=""></a> 198 </div> 199 </div> 200 </div> 201 202 </div> 203 </section> 204 <!-- about top section end --> 205 <!-- about-slide-img --> 206 207 <section class="about-slide-img mobile-slide-img"> 208 <div class="container-fluid slider"> 209 210 <div class="row"> 211 212 <div class="col-md-11 slide-padding"> 213 214 <div class="slide-img"> 215 <img src="https://www.prologicwebsolutions.com/images/bmobile-img.png" alt="Mobile app development"> 216 </div> 217 </div> 218 <div class="col-md-1"> 219 220 </div> 221 </div> 222 </div> 223 </section> 224 <!-- about-slide-img --> 225<!-- Enthusiasts section --> 226<section class="enthu-section"> 227 <div class="container-fluid enthu-sec-con"> 228 <div class="enthu-top-sec"><h2>Most-preferred mobile app development services</h2></div> 229 <div class="enthu-main-sec"> 230 <div class="enthu-lft-sec"> 231 <p>At Prologic Web Solutions, we provide a wide range of services for all kinds of businesses. You can leverage your brand idea with our mobile app development services. The tailor-made & customized solutions that we offer are built to target your unique business model.</p> 232 </div> 233 <div class="enthu-rgt-sec"> 234 <p>Our top-of-the-line professionals provide highly tailored solutions that leverage the robust app development framework. They meticulously adhere to recent compliances & innovative solutions that make us a<b><i> Trusted Mobile App Development Partner in India.</i></b></p> 235 </div> 236 </div> 237 </div> 238</section> 239<!-- Enthusiasts section --> 240 241<!-- our mobile app development section --> 242<section class="dev-section"> 243 <div class="dev-mobile-line"> 244 <img class="wow slideInLeft animated animated" data-wow-delay="0.4s" src="https://www.prologicwebsolutions.com/images/line-two.png" style="visibility: visible; animation-delay: 0.4s; animation-name: slideInLeft;" alt=""> 245 </div> 246 <div class="container-fluid dev-sec-con"> 247 <div class ="dev-top-sec"> 248 <h2>Our Mobile App Development Services</h2> 249 <p>Prologic has helped hundreds of clients achieve business excellence by providing a superlative digital experience <br>to their audiences. We follow the recent trends in our mobile app development services.</p> 250 </div> 251 </div> 252</section> 253<!-- our mobile app development section --> 254<!-- ios app development section --> 255<section class="app-dev-sec"> 256 <div class="container-fluid app-dev-sec-con"> 257 <div class="app-main-dev-sec"> 258 <div class="app-lft-dev-sec"> 259 <img src="https://www.prologicwebsolutions.com/images/ios_app_development.png" alt="iOS app development"> 260 </div> 261 <div class="app-rgt-dev-sec"> 262 <h4><span class="solid-red-txt">01</span></h4> 263 <h2>iOS App Development</h2> 264 <p>Our adept iOS app developers boast great technical and communication skills. Our mobile app specialists listen carefully and understand precisely the <b>âHowsâ</b> and <b>âWhatsâ</b>. They will propose the best-fitting development solution with a lucid plan of action. The developers with us are masters of Objective-C, SwiftUI, XCode, etc. </p> 265 <p>With our iOS app developers, you can be relieved as we follow the <b>agile process</b> for iOS app development. The team with us will do the best job so that your app appears the same on all devices. </p> 266 <div class="btn-dev-rgt">
267 <a href="https://www.prologicwebsolutions.com/ios/">Read More<img src="https://www.prologicwebsolutions.com/images/arrow.png" alt=""></a> 268 </div> 269 </div> 270 </div> 271 </div> 272</section> 273<!-- ios app development section --> 274<!-- android app development section --> 275<section class="android-app-dev-sec"> 276 <div class="container-fluid android-app-dev-sec-con"> 277 <div class="android-app-main-dev-sec"> 278 <div class="android-app-lft-dev-sec"> 279 <img class="rept-img" src="https://www.prologicwebsolutions.com/images/android_app_development.png" alt="Android app development"> 280 <h4><span class="solid-red-txt">02</span></h4> 281 <h2>Android App Development</h2> 282 <p>Prologic is a leading Android app development company with experts who monitor response times, crash analytics and system uptime. Hence, you can be assured that your Android app complements the real objectives of your business. We employ time-tested software for Android app development to deliver intuitive and easy-to-use apps.</p> 283 <p>Our Android app developers are well aware of the secret formulae to build Android apps. Our skilled programmers & other experts deliver the best mobility solutions that suit your business. </p> 284 <div class="btn-dev-lft"> 285 <a href="https://www.prologicwebsolutions.com/android-app/">Read More<img src="https://www.prologicwebsolutions.com/images/arrow.png" alt=""></a> 286 </div> 287 </div> 288 <div class="android-app-rgt-dev-sec"> 289 <img src="https://www.prologicwebsolutions.com/images/android_app_development.png" alt="Android app development"> 290 </div> 291 </div> 292 </div> 293</section> 294<!-- android app development section --> 295<!-- Hybrid app development section --> 296<section class="hybrid-app-dev-sec"> 297 <div class="container-fluid hybrid-app-dev-sec-con"> 298 <div class="hybrid-app-main-dev-sec"> 299 <div class="hybrid-app-lft-dev-sec"> 300 <img src="https://www.prologicwebsolutions.com/images/hybrid_app_development.png" alt="Hybrid app development"> 301 </div> 302 <div class="hybrid-app-rgt-dev-sec"> 303 <h4><span class="solid-red-txt">03</span></h4> 304 <h2>Hybrid App Development</h2> 305 <p>Prologic is a top hybrid app development company in India. We are known for designing seamless experiences, strengthening viable solutions, elevating the best development strategy, etc. Our team plans, designs and develops custom hybrid apps for every business vertical. </p> 306 <p>We are a tech-driven hybrid app company with a perfect blend of technical developers, architects, and designers. Hire proficient hybrid app developers from us and get the best team that comes with mobile domain & service industry experience.</p> 307 <div class="hybrid-btn-dev-rgt"> 308 <a href="https://www.prologicwebsolutions.com/hybrid-app/">Read More<img src="https://www.prologicwebsolutions.com/images/arrow.png" alt=""></a> 309 </div> 310 </div> 311 </div> 312 </div> 313</section> 314<!-- Hybrid app development section --> 315<!-- cross platform section start --> 316 <section class="cross-platform-section"> 317 318 <div class="container-fluid cross-platform-section-con"> 319 <div class="cross-platform-top"> 320 <h3>Cross-platform App Development</h3> 321 <p>Planning to develop a single app to target both iOS and Android platform users? Contact our experts. We are a trusted <br>cross-platform mobile app development company. Our team will escalate solutions and ideas to accelerate time-to-market<br> and engineering velocity. Hire cross-platform mobile app developers at a very reasonable price and transform <br>your ideas into the best digital reality today!!</p> 322 </div> 323 <div class="cross-platform-logos"> 324 325 326 <div class="cross-platform-list-logo"> 327 <img src="https://www.prologicwebsolutions.com/images/ios-img-b.png" alt="iOS"> 328 <p>iOS</p> 329 </div> 330 <div class="cross-platform-list-logo"> 331 <img src="https://www.prologicwebsolutions.
331com/images/android-img-b.png" alt="Android"> 332 <p>Android</p> 333 </div> 334 <div class="cross-platform-list-logo"> 335 <img src="https://www.prologicwebsolutions.com/images/flutter-img-b.png" alt="Flutter"> 336 <p>Flutter</p> 337 </div> 338 <div class="cross-platform-list-logo"> 339 <img src="https://www.prologicwebsolutions.com/images/react-img-b.png" alt="React"> 340 <p>React</p> 341 </div> 342 </div> 343 </div> 344 </section> 345 346 <!-- repete tech section --> 347 348 <section class="cross-platform-section mobile"> 349 350 <div class="container-fluid cross-platform-section-con"> 351 <div class="cross-platform-top"> 352 <h3>Cross-platform App Development</h3> 353 <p>Prologic Web Solutions is a top cross-platform mobile app development company that helps you cover a wider user base by building highly-functional cross-platform mobile apps. Perfect for building an MVP, hire cross-platform app developers at the best prices to transform your business ideas into reality. Our mobile team consisting of the best app developers will guarantee the best ROI.</p> 354 </div> 355 <div class="cross-platform trending-tech"> 356 <ul class="t-list"> 357 <li><a href="https://www.prologicwebsolutions.com/contact-us/"><span class="tech-main"><img src="https://www.prologicwebsolutions.com/images/ios-img-b.png" alt="iOS"></span><span class="tech-txt mt-3">iOS</span></a></li> 358 <li><a href="https://www.prologicwebsolutions.com/contact-us/"><span class="tech-main"> <img src="https://www.prologicwebsolutions.com/images/android-img-b.png" alt="Android"></span><span class="tech-txt">Android</span></a></li> 359 <li><a href="https://www.prologicwebsolutions.com/contact-us/"><span class="tech-main"><img src="https://www.prologicwebsolutions.com/images/flutter-img-b.png" alt="Flutter"></span><span class="tech-txt">Flutter</span></a></li> 360 <li><a href="https://www.prologicwebsolutions.com/contact-us/"><span class="tech-main"> <img src="https://www.prologicwebsolutions.com/images/react-img-b.png" alt="React"></span><span class="tech-txt">React</span></a></li> 361 </ul> 362 </div> 363 364 </div> 365 </section> 366 367 368 <!-- repete tech section --> 369 370<!-- cross platform section end --> 371 372 373 374 <!-- Portfolio section --> 375 376 <section class="Portfolio-section"> 377 <div class="container-fluid port"> 378 <div class="portfolio-line"> 379 <img class="wow slideInLeft animated" data-wow-delay="0.4s" src="https://www.prologicwebsolutions.com/images/line-two.png" style="visibility: visible; animation-delay: 0.4s; animation-name: slideInLeft;" alt=""> 380 </div> 381 <div class="Portfolio-top-sec"> 382 <div class="sec-heading"><h2>Our Portfolio</h2></div> 383 <div class="Portfolio-btn"> 384 <a href="https://www.prologicwebsolutions.com/portfolio/" class="btn-5 desktop"> 385 <a class="btn-r" href="https://www.prologicwebsolutions.com/portfolio/">Browse Our Portfolio<img src="https://www.prologicwebsolutions.com/images/arrow-one.png" alt=""></a> 386 </a> 387 </div> 388 </div> 389 <div class="row"> 390 <div class="col-sm-4"> 391 <div class="Portfolio-main"> 392 <div class="img-Portfolio"> 393 <img src="https://www.prologicwebsolutions.
393com/images/BLOG-ONE.jpg" alt="Portfolio project preview"> 394 </div> 395 <div class="b-content"> 396 <h4><a href="https://www.prologicwebsolutions.com/portfolio/">Babysitter App</a></h4> 397 <p class="f1">iOS, Android, React Native</p> 398 <p class="f2">Events / Schedule / Explore / Map</p> 399 </div> 400 </div> 401 </div> 402 <div class="col-sm-4"> 403 <div class="Portfolio-main"> 404 <div class="img-Portfolio"> 405 <img src="https://www.prologicwebsolutions.com/images/BLOG-TWO.jpg" alt="Portfolio project preview"> 406 </div> 407 <div class="b-content"> 408 <h4><a href="https://www.prologicwebsolutions.com/portfolio/">Tennis App</a></h4> 409 <p class="f1">iOS, Android,</p> 410 <p class="f2">Events / Schedule / Explore / Map</p> 411 </div> 412 </div> 413 </div> 414 <div class="col-sm-4"> 415 <div class="Portfolio-main"> 416 <div class="img-Portfolio"> 417 <img src="https://www.prologicwebsolutions.com/images/BLOG-THREE.jpg" alt="Portfolio project preview"> 418 </div> 419 <div class="b-content"> 420 <h4><a href="https://www.prologicwebsolutions.com/portfolio/">Farm Store App</a></h4> 421 <p class="f1">Automotive & Transport / iOS, Android, React Native</p> 422 <p class="f2">Events / Schedule / Explore / Map</p> 423 </div> 424 </div> 425 </div> 426 <div class="Portfolio-btn"> 427 <a class="btn-5 mobile"> 428 <a class="btn-r" href="https://www.prologicwebsolutions.com/portfolio/">Browse Our Portfolio<img src="https://www.prologicwebsolutions.com/images/arrow-one.png" alt=""></a> 429 </a> 430 </div> 431 </div> 432 </div> 433 </section> 434 <!-- Portfolio section end --> 435<style type="text/css"> 436 @media(max-width: 767px){ 437.app-lft-dev-sec { 438 padding: 25px 0px; 439} 440} 441</style> 442<!-- contact section --> 443<section class="contact"> 444 <div class="container-fluid contact"> 445 446 <div class="main-contact"> 447 448 <div class="main-contact-one"> 449 450 <div class="main-top"> 451 <h2 class="main-top-title"><span class="say">Say</span> 452 <span class="hello">He<span class="ll">ll</span>o!</span></h2> 453 </div> 454 <div class="c-t"> 455 <div class="ct-2"> 456 <div class="d-link"> 457 <span><i class="fa fa-skype" aria-hidden="true"></i></span> 458 <p>Skype</p> 459 </div> 460 <a href="skype:prologicwebsolutions">prologicwebsolutions</a> 461 </div> 462 <div class="ct-2"> 463 <div class="d-link"> 464 <span ><i class="fa fa-envelope" aria-hidden="true"></i></span> 465 <p>Email</p> 466 </div> 467 <a href="mailto:[email protected]">[email protected]</a> 468 </div> 469 <div class="ct-2"> 470 <div class="d-link"> 471 <span><i class="fa fa-phone" aria-hidden="true"></i></span> 472 <p>Call</p> 473 </div> 474 <div class="county"> 475 <p style="color: #f3f3f3; margin-bottom: 5px;" >India</p> 476 <a href="tel:01206860760">0120 686 0760</a> 477 478 </div> 479 </div> 480 </div> 481 <div class="contact-details"> 482 </div> 483 484 </div> 485 <div class="main-contact-two"> 486 <style> 487input#notificationCheckbox { 488 display: block; 489 float: left; 490 margin-top: 6px; 491 margin-right: 10px; 492} 493label.labelauto { 494 color: white; 495 display: block; 496} 497/* Honeypot field - hidden from real users, visible to bots */ 498.hp-field { 499 position: absolute !important; 500 left: -9999px !important; 501 top: -9999px !important; 502 width: 1px !important; 503 height: 1px !important; 504 opacity: 0 !important; 505 pointer-events: none !important; 506} 507</style> 508<div class="conatct-one"> 509 <div class="form-sec"> 510 <h4>For Project Inquiries.</h4> 511 512 513 <form class="contactus-form msform" action="/contact-handler.php" method="POST" id="conform"> 514 <fieldset> 515 <div class="form-main row mt-lg-0 mt-3"> 516 517 <!-- HONEYPOT FIELDS - bots fill these, real users never see them --> 518 <div class="hp-field" aria-hidden="true"> 519 <label for="website_url">Leave this empty</label> 520 <input type="text" name="website_url" id="website_url" tabindex="-1" autocomplete="off" value=""> 521 <input type="text" name="company_name" id="company_name" tabindex="-1" autocomplete="off" value=""> 522 </div> 523 524 <div class="col-lg-12 col-md-12"> 525 <div class="form-list "> 526 <input style="outline: 0;border-width: 0 0 2px;border-color: #999999;" id="name" placeholder="Name" name="fname" type="text" class="text-white"> 527 <input type="hidden" name="ref" value="www.prologicwebsolutions.
527com/mobile-app/"> 528 <input type="hidden" name="ref_ip" value="81.16.3.32"> 529 <span class="text-danger " id="nerror"></span> 530 </div> 531 </div> 532 <div class="col-lg-12 col-md-12"> 533 <div class="form-list "> 534 <input style="outline: 0;border-width: 0 0 2px;border-color: #999999;" id="email" placeholder="Email Address" name="email" type="text" class="text-white emailValidation"> 535 <span class="text-danger" id="eerror"></span> 536 </div> 537 </div> 538 <div class="col-lg-3 col-md-3"> 539 <div class="form-list "> 540 <select name="country_ext" class="form-select"> 541 <option value="91">+91 (India)</option> 542 <option value="61">+61 (Australia)</option> 543 <option value="1">+1 (Canada / USA)</option> 544 <option value="49">+49 (Germany)</option> 545 <option value="44">+44 (UK)</option> 546 </select> 547 </div> 548 </div> 549 <div class="col-lg-9 col-md-9"> 550 <div class="form-list "> 551 <input style="outline: 0;border-width: 0 0 2px;border-color: #999999;" class="text-white mobileValidation" placeholder="Contact" name="contact" type="text" maxlength="15" id="phone"> 552 <span class="text-danger" id="merror"></span> 553 </div> 554 </div> 555 <div class="col-lg-12 col-md-12"> 556 <div class="form-list "> 557 <select name="location" class="form-select"> 558 <option value="India">India</option> 559 <option value="Australia">Australia</option> 560 <option value="Canada">Canada</option> 561 <option value="Germany">Germany</option> 562 <option value="United Kingdom">United Kingdom</option> 563 <option value="USA">USA</option> 564 </select> 565 </div> 566 </div> 567 568 <div class="col-lg-12 col-md-12"> 569 <div class="form-list "> 570 <input style=" outline: 0;border-width: 0 0 2px;border-color: #999999;" id="message" placeholder="Message" name="message" type="text" class="text-white" > 571 <span class="text-danger" id="meserror"></span> 572 </div> 573 </div> 574 <div class="col-lg-4 col-md-6"> 575 <div class="form-list text-center text-white "> 576 <label style="color:#999999;" class="mt-5" for="captcha">Spam check: what is 1 + 13?</label> 577 </div> 578 </div> 579 <div class="col-lg-8 col-md-6"> 580 <div class="form-list "> 581 <input class="quiz-control text-white" style="outline: 0;border-width: 0 0 2px;border-color: #999999;" placeholder="Captcha" name="captcha" type="text" id="captcha"> 582 <span class="text-danger " id="cerror"></span> 583 </div> 584 </div> 585 <div class="col-lg-12 col-md-12" style="margin-top: 20px;"> 586 <div class="form-list "> 587 <input type="checkbox" id="notificationCheckbox" name="notificationCheckbox" value="1" class="text-white"> 588 <label for="notificationCheckbox" class="labelauto">I authorise Prologic Web Solutions Private Limited to send me notifications via SMS, RCS, call, email or WhatsApp.</label> 589 <span class="text-danger" id="autherror"></span> 590 </div> 591 </div> 592 </div> 593 </fieldset> 594 <div class="btn-ser sec-one"> 595 <button data-res="14" type="submit" class="btn-2 con" id="submit" > 596 <div class="btn-i">Send Message</div> 597 </button> 598 </div> 599 </form> 600 601 </div> 602</div> 603
604<script> 605$('#conform').submit(function() { 606 var name = $('#name').val(); 607 var email = $('#email').val(); 608 var phone = $('#phone').val(); 609 var message = $('#message').val(); 610 var captcha = $('#captcha').val(); 611 var auth = $('#notificationCheckbox').is(':checked'); 612 var error = false; 613 614 // Reset all errors 615 $('#nerror, #merror, #eerror, #meserror, #cerror, #autherror').text(''); 616 617 if (name === '') { $('#nerror').text('Name is Required'); error = true; } 618 if (email === '') { $('#eerror').text('Email is Required'); error = true; } 619 if (phone === '') { $('#merror').text('Contact Number is Required'); error = true; } 620 if (message === '') { $('#meserror').text('Message is Required'); error = true; } 621 if (captcha === '') { $('#cerror').text('Captcha is Required'); error = true; } 622 if (!auth) { $('#autherror').text('Please authorize to proceed'); error = true; } 623 624 if (error) return false; 625}); 626</script>
626 627
628<script> 629const submitButton = document.querySelector('[type="submit"]'); 630const quizInput = document.querySelector(".quiz-control"); 631quizInput.addEventListener("input", function(e) { 632 const res = submitButton.getAttribute("data-res"); 633 if ( this.value == res ) { 634 $('#cerror').text(''); 635 submitButton.removeAttribute("disabled"); 636 } else { 637 $('#cerror').text('Captcha is Incorrect'); 638 submitButton.setAttribute("disabled", ""); 639 } 640}); 641</script>
641 642
643<script> 644$('#name').change(function() { 645 var thismobile = $('#name').val(); 646 let tr = thismobile.trim(); 647 if (tr === '') { 648 $('#name').val(''); 649 $('#nerror').text('Name is Required'); 650 } else { 651 $('#nerror').text(''); 652 } 653}); 654 655$('.mobileValidation').change(function() { 656 var thismobile = $(this); 657 var ext = $('select[name="country_ext"]').val(); 658 var val = thismobile.val().trim(); 659 660 if (val === '') { 661 $('#merror').text('Mobile Number Is Required'); 662 return; 663 } 664 if (!$.isNumeric(val)) { 665 thismobile.val(''); 666 $('#merror').text('Enter Valid Mobile Number'); 667 return; 668 } 669 // Stricter rule for India only; other countries: 7-15 digits 670 if (ext === '91') { 671 if (!/^[6789]\d{9}$/.test(val)) { 672 thismobile.val(''); 673 $('#merror').text('Enter Valid 10 digit Indian Mobile Number'); 674 return; 675 } 676 } else { 677 if (val.length < 7 || val.length > 15) { 678 $('#merror').text('Enter Valid Mobile Number (7-15 digits)'); 679 return; 680 } 681 } 682 $('#merror').text(''); 683}); 684 685$('.emailValidation').change(function() { 686 var thisemail = $(this); 687 thisemail.val(thisemail.val().toLowerCase()); 688 var pattern = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/; 689 if (!pattern.test(thisemail.val())) { 690 $('#eerror').text('Please enter a valid Email'); 691 thisemail.val(''); 692 } else { 693 $('#eerror').text(''); 694 } 695}); 696 697$('#message').change(function() { 698 var thismobile = $('#message').val(); 699 let tr = thismobile.trim(); 700 if (tr === '') { 701 $('#message').val(''); 702 $('#meserror').text('Message is Required'); 703 } else { 704 $('#meserror').text(''); 705 } 706}); 707</script>
707 708 <!-- <div class="conatct-one"> 709 710 <div class="form-sec"> 711 <h4>For Project Inquiries.</h4> 712 <form class="contactus-form msform" action="#" method="POST"> 713 <fieldset> 714 <div class="form-main row mt-lg-0 mt-3"> 715 <div class="col-lg-12 col-md-12"> 716 <div class="form-list "> 717 <input style="outline: 0;border-width: 0 0 2px;border-color: #999999;" placeholder="Name" name="fname" type="text" required /> 718 </div> 719 </div> 720 <div class="col-lg-12 col-md-12"> 721 <div class="form-list "> 722 <input style="outline: 0;border-width: 0 0 2px;border-color: #999999;" placeholder="Email Address" name="email" type="text" class="emailValidation" required /> 723 <span class="text-danger" id="eerror"></span> 724 </div> 725 </div> 726 <div class="col-lg-3 col-md-3"> 727 <div class="form-list "> 728 729 <select name="country_ext" class="form-select"> 730 <option value="91">+91</option> 731 <option value="15">+036</option> 732 <option value="16">+124</option> 733 <option value="17">+288</option> 734 <option value="18">+826</option> 735 </select> 736 </div> 737 </div> 738 <div class="col-lg-9 col-md-9"> 739 <div class="form-list "> 740 <input style="outline: 0;border-width: 0 0 2px;border-color: #999999;" class="mobileValidation" placeholder="Contact" name="contact" type="text" maxlength="10" required /> 741 <span class="text-danger" id="merror"></span> 742 </div> 743 </div> 744 <div class="col-lg-12 col-md-12"> 745 <div class="form-list "> 746 747 <select name="location" class="form-select"> 748 <option value="India">India</option> 749 <option value="Australia">Australia</option> 750 <option value="Canada">Canada</option> 751 <option value="Germany">Germany</option> 752 <option value="United Kingdom">United Kingdom</option> 753 </select> 754 </div> 755 </div> 756 757 <div class="col-lg-12 col-md-12"> 758 <div class="form-list "> 759 <input style=" outline: 0;border-width: 0 0 2px;border-color: #999999;" placeholder="Message" name="message" type="text" required/> 760 </div> 761 </div> 762 <div class="col-lg-6 col-md-6"> 763 <div class="form-list "> 764 <img style="margin-top:45px;" src="https://www.prologicwebsolutions.com/captcha.php" alt="Captcha"> 765 </div> 766 </div> 767 <div class="col-lg-6 col-md-6"> 768 <div class="form-list "> 769 <input style="outline: 0;border-width: 0 0 2px;border-color: #999999;" placeholder="Captcha" name="captcha" type="text" required /> 770 771 </div> 772 </div> 773 </div> 774 </fieldset> 775 <div class="btn-ser sec-one"> 776 777 <button type="submit" class="btn-2 con"><div class="btn-i">Send Message </button> 778 779 </div> 780 </form> 781 782 </div> 783 784 </div> --> 785 </div> 786 </div> 787 </div> 788 </section> 789 <!-- contact section --> 790 <!-- Footer section --> 791 <section class="footer"> 792 793 <div class="container-fluid footer"> 794 <div class="footer-wrap"> 795 796 <div class="footer-first-wrap mobile-menu"> 797 <a class="footer-logo" href="https://www.prologicwebsolutions.
797com/"><img src="https://www.prologicwebsolutions.com/images/logo.png" alt="prologic web solutions"></a> 798 </div> 799 <div class="footer-second-wrap mobile-menu"> 800 <h2 class="service-list">Who we are</h2> 801 <div class="footer-menu child-wrap"> 802 <ul class="footer-sub sub-ul link-effect grey-effect"> 803 <li><a href="https://www.prologicwebsolutions.com/about-us/">About Us</a></li> 804 <li><a href="https://www.prologicwebsolutions.com/about-us/">Founder</a></li> 805 <li><a href="https://www.prologicwebsolutions.com/about-us/">Testimonials</a></li> 806 807 <li class="d-flex"><a href="https://www.prologicwebsolutions.com/career/">Careers</a><span class="sticker"><em>HIRING</em></span></li> 808 <li><span class="footer-static">FAQs</span></li> 809 </ul> 810 <div class="defi"> <span class="d-block-xda"><strong class="footer-head dedicated-link">Dedicated Hiring</strong></span></div> 811 812 <a href="https://www.prologicwebsolutions.com/contact-us/" class="footer-link look-hire"><span class="link-break">Looking to hire for long-term </span><span class="link-break">or full-time assignments?</span></a> 813 </div> 814 </div> 815 <div class="footer-third-wrap mobile-menu"> 816 <h2 class="service-list">Industries</h2> 817 <div class="footer-menu child-wrap"> 818 <ul class="footer-sub sub-ul link-effect grey-effect"> 819 <li><a href="https://www.prologicwebsolutions.com/solutions/">Food</a></li> 820 <li><a href="https://www.prologicwebsolutions.com/solutions/">Health Care</a></li> 821 <li><a href="https://www.prologicwebsolutions.com/solutions/">Ecommerce</a></li> 822 <li><a href="https://www.prologicwebsolutions.com/solutions/">Real Estate</a></li> 823 <li class="d-flex"><a href="https://www.prologicwebsolutions.com/solutions/">Education</a></li> 824 <li><a href="https://www.prologicwebsolutions.com/solutions/">Finance</a></li> 825 </ul> 826 </div> 827 </div> 828 <div class="footer-fourth-wrap mobile-menu"> 829 <h2 class="service-list">Services</h2> 830 <div class="footer-menu child-wrap"> 831 <ul class="footer-sub sub-ul link-effect grey-effect"> 832 <li><a href="https://www.prologicwebsolutions.com/mobile-app/">Mobile App Development</a></li> 833 <li><a href="https://www.prologicwebsolutions.com/ios/">iOS App Development</a></li> 834 <li><a href="https://www.prologicwebsolutions.com/android-app/">Android App Development</a></li> 835 <li><a href="https://www.prologicwebsolutions.com/hybrid-app/">Flutter App Development</a></li> 836 <li class="d-flex"><a href="https://www.prologicwebsolutions.com/web-development/">Web Design</a></li> 837 <li><a href="https://www.prologicwebsolutions.com/web-development/">eCommerce Development</a></li> 838 <li><a href="https://www.prologicwebsolutions.com/web-development/">Magento Development</a></li> 839 <li><a href="https://www.prologicwebsolutions.com/back-end-web-development/">PHP Development</a></li> 840 <li><a href="https://www.prologicwebsolutions.com/web-development/">WordPress Development</a></li> 841 <li><span class="footer-static">Blockchain Development</span></li> 842 </ul> 843 </div> 844 </div> 845 846 <div class="footer-fifth-wrap mobile-menu"> 847 <h2 class="service-list">Contact</h2> 848 <div class="footer-menu"> 849 <div class="contact-block"> 850 <div class="wrap-country"> 851 <img src="https://www.prologicwebsolutions.com/images/flag_jpeg.jpg" alt="India Flag" title="India Flag">
852 <span class="country-name">India Office</span> 853 </div> 854 <address> 855 Prologic Web Solutions Pvt. Ltd.<br> 856 H-183, Sector 63, Noida<br> 857 Uttar Pradesh 201301, India 858 </address> 859 860 </div> 861 </div> 862 </div> 863 </div> 864 <div class="footer-strip"> 865 866 <div class="main-strip"> 867 <div class="strip-head"> 868 <h2>Looking for a<br> career opportunity?</h2> 869 </div> 870 <div class="strip-head-two"> 871 <li><div class="envo"><i class="fa fa-envelope" aria-hidden="true"></i></div><a href="mailto:[email protected]">[email protected]</a></li> 872 <li><div class="fone"><i class="fa fa-phone" aria-hidden="true"></i></div><a href="tel:01206860760">0120 686 0760</a></li> 873 </div> 874 <div class="main-strip-btn"> 875 <a href="https://www.prologicwebsolutions.com/contact-us/">Explore More <img src="https://www.prologicwebsolutions.com/images/black-arrow.png" alt=""></a> 876 </div> 877 </div> 878 </div> 879 <div class="bottom-strip"> 880 <div class="main-b-s"> 881 882 <div class="main-b-s-one"> 883 <p>©2010-2026 Prologic Web Solutions Pvt. Ltd. <br> 884 All Rights Reserved.</p> 885 886 </div> 887 <div class="term"> 888 <ul class="term-ul"> 889 <li class="policy-list"> 890 <a href="https://www.prologicwebsolutions.com/term-of-use/">Terms of Use</a> 891 </li> 892 <li class="policy-list"> 893 <a href="https://www.prologicwebsolutions.com/privacy-policy/">Privacy Policy</a> 894 </li> 895 </ul> 896 </div> 897 <ul class="social-media-icons"> 898 <li><a href="https://in.linkedin.com/company/prologic-web-solutions-llc" target="_blank" rel="nofollow"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li> 899 <li><a href="https://www.facebook.com/PrologicWebSolutions.Pvt.Ltd/" target="_blank" rel="nofollow"><i class="fa fa-facebook" aria-hidden="true"></i></a></li> 900 </ul> 901 </div> 902 <p class="designed-text">Designed and Developed by <a href="https://www.prologicwebsolutions.com/">Prologic Web Solutions Pvt. Ltd.</a></p> 903 </div> 904 </div> 905 </section> 906 <!-- Footer section --> 907 908
908<script src="https://www.prologicwebsolutions.com/js/slick.js"></script>
908 909
909<script src="https://www.prologicwebsolutions.com/js/wow.min.js"></script>
909 910 911
911<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
911 912
912<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
912 913
913<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
913 914
914<script src="https://www.prologicwebsolutions.com/js/owl.carousel.min.js"></script>
914 915
915<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
915 916
916<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/1.1.1/typed.min.js"></script>
916 917
917<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js" integrity="sha512-CEiA+78TpP9KAIPzqBvxUv8hy41jyI3f2uHi7DGp/Y/Ka973qgSdybNegWFciqh6GrN2UePx2KkflnQUbUhNIA==" crossorigin="anonymous"></script>
917 918
918<script src="https://cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0.0/jquery.counterup.min.js" integrity="sha512-d8F1J2kyiRowBB/8/pAWsqUl0wSEOkG5KATkVV4slfblq9VRQ6MyDZVxWl2tWd+mPhuCbpTB4M7uU/x9FlgQ9Q==" crossorigin="anonymous"></script>
918 919
919<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.0/TweenMax.min.js"></script>
919 920
920<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/ScrollMagic.js"></script>
920 921
921<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/plugins/animation.gsap.js"></script>
921 922
922<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/plugins/debug.addIndicators.min.js"></script>
922 923
923<script> 924 $('.counter-one').counterUp({ 925 delay: 10, 926 time: 1000 927 }); 928 </script>
928 929
929<script> 930 var prevScrollpos = window.pageYOffset; 931 window.onscroll = function() { 932 var currentScrollPos = window.pageYOffset; 933 if (prevScrollpos > currentScrollPos) { 934 document.getElementById("navbar-xd").style.top = "0px"; 935 } else { 936 document.getElementById("navbar-xd").style.top = "-90px"; 937 } 938 prevScrollpos = currentScrollPos; 939 } 940 </script>
940 941
941<script> 942 $('.mobileValidation').change(function() { 943 var thismobile = $(this); 944 if (thismobile.val() == '') { 945 thismobile.val(''); 946 failedAlert('Enter Mobile Number'); 947 } else if (!$.isNumeric(thismobile.val())) { 948 thismobile.val(''); 949 $('#merror').text('Enter Valid Mobile Number'); 950 } else if (!/^[6789]\d{9}$/.test(thismobile.val())) { 951 thismobile.val(''); 952 $('#merror').text('Enter Valid Mobile Number'); 953 } else if (thismobile.val().length != 10) { 954 thismobile.val(''); 955 $('#merror').text('Enter Valid 10 digit Mobile Number'); 956 } 957 }) 958 $('.emailValidation').change(function() { 959 var thisemail = $(this); 960 thisemail.val(thisemail.val().toLowerCase()); 961 var pattern = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/; 962 if (!pattern.test(thisemail.val())) { 963 $('#eerror').text('Please enter a valid Email'); 964 // failedAlert('Please enter a valid Email'); 965 thisemail.val(''); 966 } 967 }); 968 </script>
968 969
969<script > 970 function openCitytwo(evt, cityName) { 971 var i, tabcontenttwo, tablinkstwo; 972 tabcontenttwo = document.getElementsByClassName("tabcontenttwo"); 973 for (i = 0; i < tabcontenttwo.length; i++) { 974 tabcontenttwo[i].style.display = "none"; 975 } 976 tablinkstwo = document.getElementsByClassName("tablinkstwo"); 977 for (i = 0; i < tablinkstwo.length; i++) { 978 tablinkstwo[i].className = tablinkstwo[i].className.replace(" active", ""); 979 } 980 document.getElementById(cityName).style.display = "block"; 981 evt.currentTarget.className += " active"; 982 } 983 // Get the element with id="defaultOpen" and click on it 984 document.getElementById("defaultOpentwo").click(); 985 </script>
985 986
986<script > 987 988 989 function openCity(evt, cityName) { 990 var i, tabcontent, tablinks; 991 tabcontent = document.getElementsByClassName("tabcontent"); 992 for (i = 0; i < tabcontent.length; i++) { 993 tabcontent[i].style.display = "none"; 994 } 995 tablinks = document.getElementsByClassName("tablinks"); 996 for (i = 0; i < tablinks.length; i++) { 997 tablinks[i].className = tablinks[i].className.replace(" active", ""); 998 } 999 document.getElementById(cityName).style.display = "block"; 1000 evt.currentTarget.className += " active"; 1001 } 1002 // Get the element with id="defaultOpen" and click on it 1003 document.getElementById("defaultOpen").click(); 1004 </script>
1004 1005
1005<script> 1006 1007 $(document).ready(function(){ 1008 1009 $('ul.tabs li').click(function(){ 1010 var tab_id = $(this).attr('data-tab'); 1011 $('ul.tabs li').removeClass('current'); 1012 $('.tab-content').removeClass('current'); 1013 $(this).addClass('current'); 1014 $("#"+tab_id).addClass('current'); 1015 }) 1016 }) 1017 </script>
1017 1018
1018<script > 1019 1020 $(document).ready(function () { 1021 $("#testi").owlCarousel({ 1022 items: 1, 1023 loop: true, 1024 nav: true, 1025 dots: false, 1026 slideTransition: 'fadeIn', 1027 autoplaySpeed: 2000, 1028 smartSpeed: 2000, 1029 autoplay: 20000, 1030 autoPlayTimeout:1000, 1031 margin: 5, 1032 responsive: { 1033 0: { 1034 items: 1 1035 }, 1036 480: { 1037 items: 1 1038 }, 1039 600: { 1040 items: 1 1041 }, 1042 1024: { 1043 items: 1 1044 } 1045 } 1046 }); 1047 $(".owl-prev").html('<i class="fa fa-long-arrow-left" aria-hidden="true"></i>'); 1048 $(".owl-next").html('<i class="fa fa-long-arrow-right" aria-hidden="true"></i>'); 1049 }); 1050 </script>
1050 1051 <!--
1051<script> 1052 var swiper = new Swiper(".mySwiper", { 1053 direction: "vertical", 1054 slidesPerView: 1, 1055 spaceBetween: 30, 1056 // mousewheel: { 1057 // forceToAxis: true, 1058 // sensitivity: 1, 1059 // releaseOnEdges: true, 1060 // }, 1061 mousewheel: { 1062 releaseOnEdges: true, 1063 }, 1064 pagination: { 1065 el: ".swiper-pagination", 1066 clickable: true, 1067 }, 1068 }); 1069 </script>
1069 --> 1070
1070<script> 1071 1072 $(document).ready(function () { 1073 $("#testimonial-slider").owlCarousel({ 1074 items: 1, 1075 loop: true, 1076 nav: true, 1077 rtl:true, 1078 dots: false, 1079 slideTransition: 'fadeIn', 1080 autoplaySpeed: 2000, 1081 smartSpeed: 2000, 1082 autoplay: 20000, 1083 autoPlayTimeout:1000, 1084 margin: 5, 1085 responsive: { 1086 0: { 1087 items: 1 1088 }, 1089 480: { 1090 items: 1 1091 }, 1092 600: { 1093 items: 1 1094 }, 1095 1024: { 1096 items: 1 1097 } 1098 } 1099 }); 1100 1101 }); 1102 </script>
1102 1103 <!-- slider our-work --> 1104
1104<script > 1105 1106 $(document).ready(function () { 1107 $("#our-work").owlCarousel({ 1108 loop: true, 1109 autoplay: true, 1110 items: 1, 1111 nav: true, 1112 dots:true, 1113 }); 1114 }); 1115 </script>
1115 1116
1116<script > 1117 1118 $(document).ready(function () { 1119 $("#col-xda").owlCarousel({ 1120 items: 6, 1121 loop: true, 1122 nav: true, 1123 dots: false, 1124 slideTransition: 'fadeIn', 1125 autoplaySpeed: 2000, 1126 smartSpeed: 2000, 1127 autoplay: 20000, 1128 autoPlayTimeout:1000, 1129 margin: 5, 1130 responsive: { 1131 0: { 1132 items: 2 1133 }, 1134 480: { 1135 items:2 1136 }, 1137 600: { 1138 items: 3 1139 }, 1140 1024: { 1141 items: 6 1142 } 1143 } 1144 }); 1145 1146 }); 1147 </script>
1147 1148 1149
1149<script > 1150 wow = new WOW( 1151 { 1152 boxClass: 'wow', // default 1153 animateClass: 'animated', // default 1154 offset: 0, // default 1155 mobile: true, // default 1156 live: true // default 1157 } 1158 ) 1159 wow.init(); 1160 </script>
1160 1161
1161<script> 1162 1163 //hide all tabs first 1164 $('.tab-contentone').hide(); 1165 //show the first tab content 1166 $('#tabone-1').show(); 1167 $('#select-box').change(function () { 1168 dropdown = $('#select-box').val(); 1169 //first hide all tabs again when a new option is selected 1170 $('.tab-contentone').hide(); 1171 //then show the tab content of whatever option value was selected 1172 $('#' + "tabone-" + dropdown).show(); 1173 }); 1174 </script>
1174 1175
1175<script > 1176 1177 $('.mobile-menu').click(function () { 1178 if ($(this).hasClass("footer-active")) { 1179 $('.footer-active').removeClass('footer-active'); 1180 if ($(window).width() < 767) { 1181 $('.ul.footer-sub.sub-ul.link-effect.grey-effect').slideUp(); 1182 } 1183 } else { 1184 $('.footer-active').removeClass('footer-active'); 1185 $(this).addClass('footer-active'); 1186 if ($(window).width() < 767) { 1187 $('.ul.footer-sub.sub-ul.link-effect.grey-effect').slideUp(); 1188 $(this).next('.ul.footer-sub.sub-ul.link-effect.grey-effect').slideDown(); 1189 } 1190 } 1191 }); 1192 </script>
1192 1193
1193<script> 1194 $(document).ready(function(){ 1195 $(".faq-drawer").click(function(){ 1196 $("input").toggleClass("main"); 1197 }); 1198 }); 1199 </script>
1199 1200
1200<script> 1201 $(document).ready(function(){ 1202 $('.tab').on('click', function(evt) { 1203 evt.preventDefault(); 1204 $(this).toggleClass('active'); 1205 var sel = this.getAttribute('data-toggle-target'); 1206 $('.tab-content').removeClass('active').filter(sel).addClass('active'); 1207 }); 1208 }); 1209 </script>
1209 1210
1210<script > 1211 $(".onclick").on('click', function() { 1212 window.location = "https://www.prologicwebsolutions.com/about-us/"; 1213 }); 1214 </script>
1214 1215
1215<script > 1216 $("#onclicktwo").on('click', function() { 1217 window.location = "https://www.prologicwebsolutions.com/expertise/"; 1218 }); 1219 </script>
1219 1220
1220<script > 1221 $(document).ready(function () { 1222 $('.second-button').on('click', function () { 1223 $('.animated-icon2').toggleClass('open'); 1224 }); 1225 }); 1226 </script>
1226 1227
1227<script> 1228 var x = $(".one ").offset(); 1229 var one = $(".one").width(); 1230 var para = $(".one ").width(); 1231 var right = one - (x.left + para); 1232 var twoOffset = $(".two").offset(); 1233 var twoLeftOffset = twoOffset.left - one; 1234 var firstLine = twoLeftOffset + right; 1235 var leftPos = para + x.left; 1236 $(".horizontal-line").css({"top": x.top, "left": leftPos}); 1237 // init controller 1238 var controller = new ScrollMagic.Controller(); 1239 var controller = new ScrollMagic.Controller(); 1240 // define movement of panels 1241 var wipeAnimation = new TimelineMax() 1242 .to("#slideContainer", 1, {x:"-75%"}) 1243 // create scene to pin and link animation 1244 new ScrollMagic.Scene({ 1245 triggerElement: "#pinContainer", 1246 triggerHook: "onLeave", 1247 duration: "500%" 1248 }) 1249 .setPin("#pinContainer") 1250 .setTween(wipeAnimation) 1251 // .addIndicators() 1252 .addTo(controller); 1253 var horizontal = new ScrollMagic.Scene({ 1254 offset: 50, 1255 duration: 300, 1256 // reverse: false 1257 }).setTween(".horizontal-line", {width: firstLine}) // trigger a TweenMax.to tween 1258 // .addIndicators() 1259 .addTo(controller); 1260 </script>
1260 1261 <style > 1262 .intro-txt-rgt p a { 1263 color: #fff !important; 1264 font-size: 15px; 1265 font-family: 'Roboto'; 1266 margin-bottom: 6px; 1267 text-decoration: none; 1268 } 1269 1270 .j-img img { 1271 height: calc(100% - 70px); 1272 } 1273 .j-bottom-img { 1274 height: calc(100% - (20px + 14px)); 1275 } 1276 p.designed-text { 1277 text-align: center; 1278 color: #999999; 1279 font-size: 13px; 1280 padding-bottom: 20px; 1281 } 1282 p.designed-text a { 1283 color: #999999; 1284 font-size: 13px; 1285 } 1286 .float{ 1287 position:fixed; 1288 width:60px; 1289 height:60px; 1290 bottom:25px; 1291 right:30px; 1292 background-color: #e42c38; 1293 color:#FFF; 1294 border-radius:50px; 1295 text-align:center; 1296 font-size:30px; 1297 box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px; 1298 z-index:100; 1299 } 1300 .my-float{ 1301 margin-top:14px; 1302 } 1303 a.float:hover { 1304 color: #fff; 1305 } 1306 .main-b-s { 1307 display: flex; 1308 padding: 50px 0px 0px; 1309 align-items: center; 1310 justify-content: space-between; 1311 } 1312 .main-b-s-one p a { 1313 color: #999999; 1314 font-size: 13px; 1315 text-decoration: none; 1316 } 1317 section.ios-banner-section.mobile-app-section1 { 1318 background-color: #000000; 1319 padding-top: 14.5%; 1320 padding-bottom: 5%; 1321 } 1322 .row.main-ios-banner.mobile-app-sec1 { 1323 padding-top: 0px; 1324 } 1325 .line-effect { 1326 background: url(../images/bg_line.png); 1327 background-position: 100% 0%; 1328 background-repeat: no-repeat; 1329 } 1330 section.section-ios.choose-sec .border-one { 1331 width: 100%; 1332 } 1333 section.section-ios.andriod-main-section .border-one { 1334 width: 100%; 1335 } 1336 section.section-ios.mobile-ios-choose-sec .border-one { 1337 width: 100%; 1338 } 1339 .business-content-one.left-space { 1340 padding-left: 80px; 1341 } 1342 .col-lg-6.col-md-12.right-space { 1343 padding-right: 108px; 1344 } 1345 .web-img { 1346 padding-bottom: 40px; 1347 } 1348 .col-md-12.our-padding { 1349 padding: 0px; 1350 } 1351 .mob-img { 1352 padding-bottom: 40px; 1353 } 1354 .form-list.text-center.text-white { 1355 text-align: inherit ! important; 1356 } 1357 section.ios-banner-section.technology-section { 1358 background: #000000; 1359 padding-top: 14.5%; 1360 padding-bottom: 5%; 1361 } 1362 section.ios-banner-section.technology-section .row.main-ios-banner.b2c { 1363 padding-top: 0px; 1364 } 1365 section.ios-banner-section.business-main-sec { 1366 background-color: #000000; 1367 padding-top: 14.5%; 1368 padding-bottom: 5%; 1369 } 1370 section.ios-banner-section.business-main-sec .row.main-ios-banner.b2c { 1371 padding: 0px; 1372 } 1373 section.ios-banner-section.api-section { 1374 background-color: #000; 1375 padding-top: 14.5%; 1376 padding-bottom: 5%; 1377 } 1378 section.ios-banner-section.api-section .row.main-ios-banner.b2c { 1379 padding-top: 0px; 1380 } 1381 section.founder-section.bottom { 1382 padding-top: 340px; 1383} 1384.founder-mid-content.bottom { 1385 padding-left: 0px; 1386 padding-right: 80px; 1387 padding-top: 40px; 1388} 1389 section.ios-banner-section.about { 1390 background-color: #000000; 1391 padding-top: 14.5%; 1392 } 1393 h2.\31 1 { 1394 right: 0; 1395 position: absolute; 1396 top: 69px; 1397 left: 38%; 1398 font-family: 'Headline'; 1399 font-size: 46px; 1400} 1401 section.ios-banner-section.about .row.main-ios-banner.about{ 1402 padding-top: 0px; 1403 } 1404 section.section-ios.gst-custom .border-one { 1405 width: 100%; 1406 } 1407 1408 .tab::-webkit-scrollbar {
1409 display: none; 1410 } 1411 @media(max-width: 1400px){ 1412 section.business-service { 1413 padding: 100px 0px; 1414 } 1415 .col-lg-6.col-md-12.right-space { 1416 padding-right: 50px; 1417 } 1418 section.ios-banner-section.api-section .row.main-ios-banner.b2c { 1419 padding-top: 30px; 1420 } 1421 section.ios-banner-section.business-main-sec .row.main-ios-banner.b2c { 1422 padding: 30px; 1423 } 1424 section.ios-banner-section.technology-section .row.main-ios-banner.b2c { 1425 padding-top: 30px; 1426 } 1427 section.ios-banner-section.about .row.main-ios-banner.about{ 1428 padding-top: 30px; 1429 } 1430 } 1431 @media(max-width:991px){ 1432 .float { 1433 position: fixed; 1434 width: 55px; 1435 height: 55px; 1436 bottom: 26px; 1437 right: 14px;} 1438 .my-float { 1439 margin-top: 12px; 1440 } 1441 } 1442 @media(max-width:767px){ 1443 .float { 1444 position: fixed; 1445 width: 50px; 1446 height: 50px; 1447 bottom: 15px; 1448 right: 15px; 1449 background-color: #e42c38; 1450 color: #FFF; 1451 border-radius: 50px; 1452 text-align: center; 1453 font-size: 26px; 1454 box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px; 1455 z-index: 100; 1456 } 1457 .my-float { 1458 margin-top: 12px; 1459 } 1460 } 1461 </style> 1462</body> 1463</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.