Mobile App & Web Development Company Chennai, India | MDQuality Apps/title> <meta name="description" content="Looking for the best mobile app and web development company in Chennai, India? MDQuality Apps builds scalable iOS, Android & web solutions. Get a free quote now!" /> <meta name="robots" content="max-image-preview:large" /> <link rel="canonical" href="https://www.mdqualityapps.com" /> <meta property="og:locale" content="en_US" /> <meta property="og:site_name" content="MDQuality Apps Solutions" /> <meta property="og:title" content="Leading Software Development Company in India, Dubai, USA" /> <meta property="og:description" content="Looking for the best mobile app and web development company in Chennai, India? MDQuality Apps builds scalable iOS, Android & web solutions. Get a free quote now!" /> <meta property="og:url" content="https://mdqualityapps.com/" /> <meta property="article:publisher" content="MDQuality Apps Solutions" /> <meta property="og:image" content="https://mdqualityapps.com/" /> <meta property="og:image:secure_url" content="https://mdqualityapps.com/" /> <meta property="og:image:width" content="1640px" /> <meta property="og:image:height" content="856px" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:description" content="Looking for the best mobile app and web development company in Chennai, India? MDQuality Apps builds scalable iOS, Android & web solutions. Get a free quote now!" /> <meta name="twitter:title" content="Leading Software Development Company in India, Dubai, USA" /> <meta name="twitter:image" content="https://mdqualityapps.com/" /> <meta name="google-site-verification" content="BtW4V-RlmV8H_H0J4GJ-0eJmEg8Sao375uqi40OB9KQ" /> <style> .swiper-container-1 { background: url(./images/our-work/mobile/mobileframe.png); background-position: center; background-size: cover; width: 250px; height: 500px; } .swiper-container-2 { background: url(./images/our-work/web/com-4.png); background-position: center; background-size: cover; width: 500px; height: 400px } .flip-card-container { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; margin-top: 20px; } .flip-card { width: 260px; height: 185px; perspective: 500px; } .content { position: absolute; width: 100%; height: 100%; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); transition: transform 1s; transform-style: preserve-3d; } .flip-card:hover .content { transform: rotateY(180deg); transition: transform 0.5s; } .front { position: absolute; display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; background: white; color: #03446A; text-align: center; border-radius: 5px; } .back { position: absolute; display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; background: white; color: #03446A; text-align: center; border-radius: 5px; backface-visibility: hidden; } .back { background: #1C46A8; color: white; transform: rotateY(180deg); } .zoom-in { position: relative; overflow: hidden; display: inline-block; } .zoom-in img { transition: transform 0.3s ease; } .zoom-in:hover img { transform: scale(1.2); } .swiperlogo-b { width: 600px; height: 215px; } .swiper-back-card { width: 580px; height: 215px; margin-left: -50px; margin-top: -47px; background-color: #1C46A8; border-radius: 0px; border-top: 30px solid; border-color: #081A48; border-left: 52px solid transparent; border-right: 52px solid transparent; } .zoom-In:hover img { transform: scale(1.2); } .zoom-In img { transition: 0.3s ease-out; } .mobile-center { display: flex; } .carousel-title-hide-2 { display: none; } @media (max-width:720px) { .mobile-center { display: inline-block; } /* .carousel-title { margin-top: -25px !important; } */ } .carousel-title-hide-2 { display: none; } .carousel-title-hide { font-size: 22px; } @media (max-width:620px) { .carousel-title-hide { font-size: 16px; } .carousel-title-hide-3 { display: none; } .carousel-title-hide-2 { display: inline-block; } h1.carousel-h1 { font-size: 20px; } } @media (max-width:768px) { .slider-margin { margin-bottom: 120px; } .carousel-title-size-3 { font-size: 15px !important; } } .mobile-background { background: url(./images/mobilebackground.png); background-position: 100% center; background-repeat: no-repeat; background-size: contain; width: 100%; } .we-card-margin { margin-top: 15% !important; } .carousel-indicators [data-bs-target] { display: none; } :root { --card-height: 235px; --card-width: 250px; } .port-animation-card { width: var(--card-width); height: var(--card-height); position: relative; display: flex; justify-content: center; align-items: flex-end; padding: 0 36px; perspective: 2500px; margin: 0 50px; } .cover-image { width: 100%; height: 100%; object-fit: cover; } .wrapper { transition: all 0.5s; position: absolute; width: 100%; z-index: -1; } .port-animation-card:hover .wrapper { transform: perspective(900px) translateY(-5%) rotateX(25deg) translateZ(0); box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75); -moz-box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75); } .wrapper::before, .wrapper::after { content: ""; opacity: 0; width: 100%; height: 80px; transition: all 0.5s; position: absolute; left: 0; } .wrapper::before { top: 0; height: 100%; background-image: linear-gradient(to top, transparent 46%, rgba(12, 13, 19, 0.5) 68%, rgba(12, 13, 19) 97%); } .wrapper::after { bottom: 0; opacity: 1; background-image: linear-gradient(to bottom, transparent 46%, rgba(12, 13, 19, 0.5) 68%, rgba(12, 13, 19) 97%); } .port-animation-card:hover .wrapper::before, .wrapper::after { opacity: 1; } .port-animation-card:hover .wrapper::after { height: 100%; } .title { width: 100%; transition: transform 0.5s; } .port-animation-card:hover .title { transform: translate3d(0%, -50px, 100px); } .character { opacity: 0; transition: all 0.5s; position: absolute; z-index: -1; } .port-animation-card:hover .character { opacity: 1; transform: translate3d(0%, -30%, 100px); } /*mobile responsive for carousel*/ /* General carousel styling for responsiveness */ .carousel-inner img { width: 100%; height: auto; /* Maintain aspect ratio */ } /* Adjust carousel titles for smaller screens */ @media (max-width: 768px) { .carousel-title { font-size: 18px; /* Reduce title size */ padding-left: 2%; /* Adjust padding */ } .carousel-h1 { font-size: 22px; /* Smaller header */ } .carousel-title-hide { font-size: 16px; /* Smaller subtitle */ padding-right: 20px; /* Adjust padding */ } .carousel-title-size-3 { font-size: 14px; /* Smaller email and phone */ } } /* Extra small screens (less than 576px) */ @media (max-width: 576px) { .carousel-title { font-size: 16px; /* Further reduce title size */ } .carousel-h1 { font-size: 20px; } .carousel-title-hide { font-size: 14px; padding-right: 10px; } .carousel-title-size-3 { font-size: 12px; } } </style>  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-11453263060"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-11453263060'); </script>  <script> gtag('event', 'conversion', { 'send_to': 'AW-11453263060/OueSCKa9nqEZENTZq9Uq', 'value': 1.0, 'currency': 'INR' }); </script>  <script> gtag('event', 'conversion', {'send_to': 'AW-11453263060/YeHTCMG6kc8ZENTZq9Uq'}); </script> </head> <body> <div class="website-background" style="background-color:#F7FDFF; padding-top:90px"> <div id="carouselExampleDark" style="background-color:#081A48;" class="carousel carousel-dark slide" data-bs-ride="carousel"> <div class="carousel-indicators"> <button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button> <button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="1" aria-current="false" aria-label="Slide 2"></button> <button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="2" aria-current="false" aria-label="Slide 3"></button> </div> <div class="carousel-inner"> <div class="carousel-item active" data-bs-interval="4000"> <img src="./images/carousel/mobile-development.webp" width="100%" class="d-block w-100" alt="mobile-development.webp"> <div class="card-img-overlay d-flex align-items-center"> <div class="row "> <div class="col-9 carousel-title" style="padding-left:4%"> <div> <h2 class="carousel-h1">Crafting apps that power your vision.</h2> <h3 class="carousel-title-hide carousel-title-hide-3 py-2" style="padding-right:100px; ">We are pioneer in Native and Hybrid Mobile App Development of Android and iOS</h3> <h4 class="carousel-title-size-3" style="font-size:20px"><a style="text-decoration: none; color:white" href="mailto:apps@mdqualityapps.com">apps@mdqualityapps.com</a><br><a style="text-decoration: none; color:white" href="tel:8838995745">+91 8838995745</a></h4> </div> </div> </div> </div> </div> <div class="carousel-item " data-bs-interval="4000"> <img src="./images/carousel/web-development.webp" width="100%" class="d-block w-100" alt="web-development.webp"> <div class="card-img-overlay d-flex align-items-center"> <div class="row "> <div class="col-9 carousel-title" style="padding-left:4%"> <div> <h2 class="carousel-h1">AI driven Digital Transformation company.</h2> <h3 class="carousel-title-hide carousel-title-hide-3 py-2" style="padding-right:100px; ">Automate your shop floor process with our AI driven app development team. </h3> <h4 class="carousel-title-size-3" style="font-size:20px"><a style="text-decoration: none; color:white" href="mailto:apps@mdqualityapps.com">apps@mdqualityapps.com</a><br><a style="text-decoration: none; color:white" href="tel:8838995745">+91 8838995745</a></h4> </div> </div> </div> </div> </div> <div class="carousel-item " data-bs-interval="4000"> <img src="./images/carousel/cyber-security.webp" width="100%" class="d-block w-100" alt="cyber-security.webp"> <div class="card-img-overlay d-flex align-items-center"> <div class="row "> <div class="col-9 carousel-title" style="padding-left:4%"> <div> <h2 class="carousel-h1">Accelerate Your Business with Custom Mobile & Web Apps.</h2> <h3 class="carousel-title-hide carousel-title-hide-3 py-2" style="padding-right:100px; ">Empower your business with a custom-built CRM or ERP and establish a strong digital presence with our expert digital transformation team.</h3> <h4 class="carousel-title-size-3" style="font-size:20px"><a style="text-decoration: none; color:white" href="mailto:apps@mdqualityapps.com">apps@mdqualityapps.com</a><br><a style="text-decoration: none; color:white" href="tel:8838995745">+91 8838995745</a></h4> </div> </div> </div> </div> </div> </div> </div>  <div class="d-flex justify-content-center m-4"> <div class="text-light col-12 col-md-8 col-lg-6 rounded text-center p-3 p-md-4" style="background:linear-gradient(to right, #1C46A8, #081A48);"> <h4 class="fw-bold">Do you have an Idea of building your Dream Product?</h4> <p>We have a digital transformation team to make your dream into reality!!!</p> <div class="web-button-div"> <a href="#contactus"> <button class="web-button my-3 my-md-4">Connect with us</button> </a> </div> </div> </div>   <div class="container-fluid"> <div class="row"> <div class="col-lg-6 pb-3" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100"> <h1 style="font-weight:700;color:#1C46A8; font-size: 27px;"> Mobile App & Web Development Company Delivering Digital Solutions in Chennai, India</h1> <h2 class="pt-3 fontweight" style="color:#081A48; font-weight:bold !important;"><b>Empowering Progress: Elevating Digital Solutions with MDQuality Apps</b> <h2 class="pt-3 fontweight" style="color:#081A48; font-weight:bold !important;"><b>WE ARE MDQ</b></h2> <p class="website-para">We are at the forefront of a new era in digital transformation. MDQuality Apps Solutions is one of the fastest-growing<a style="text-decoration:none; font-weight:600" href="https://mdqualityappsmobileapp.blogspot.com/2024/06/mobile-app-development-company-in.html" target="_blank">mobile app development companies in Chennai, India</a>, delivering innovative and scalable digital solutions for businesses.</p> <p class="website-para">As a leading <a style="text-decoration:none; font-weight:600" href="https://mdqualityappswebsitedevelopment.blogspot.com/2024/06/website-development-company-in-chennai.html" target="_blank">web application development company in Chennai, India</a>, MDQuality Apps Solutions specializes in building high-performance enterprise portals, custom software solutions, and scalable business websites. Our experienced development team focuses on delivering reliable and innovative digital solutions tailored to your business needs.<br><br> Whether you are looking for a trusted web development company in Chennai for custom web application development, a secure B2B web application, or a high-performance business website, our experts transform complex requirements into scalable digital products that help your brand grow in the global digital marketplace.</p> <div class="web-button-div"> <a href="./aboutus.php"> <button class="web-button my-4">About Us</button> </a> </div> </div> <div class="col-lg-6"> <div class="row mt-4"> <div class="col-lg-6"> <div class="d-flex justify-content-center"> <div> <div class="card fourth-sec-card mx-4 d-flex justify-content-center align-items-center" style="background-color:#6892D7"> <div class="card-body px-3 pb-5"> <img width="60" height="60" src="https://img.icons8.com/ios/100/ffffff/android.png" alt="android" /> </div> </div> <div class="card inner-card" data-aos="zoom-in" data-aos-duration="1500" data-aos-delay="100"> <div class="card-body"> <h6 style="color:#1C46A8; font-weight:600">ANDROID</h6> <p class="animation-no fs-2" style="font-weight:700; font-size: 45px !important;"><span id='0101'></span>+</p> <p>Extensive experience in delivering IT solutions & services.</p> </div> </div> </div> </div> <div class="d-flex justify-content-center"> <div class="my-5"> <div class="card fourth-sec-card mx-4 d-flex justify-content-center align-items-center" style="background-color:#5CB85C"> <div class="card-body"> <img width="60" height="60" src="https://img.icons8.com/ios/100/ffffff/mac-os--v1.png" alt="mac" /> </div> </div> <div class="card inner-card" data-aos="zoom-in" data-aos-duration="1500" data-aos-delay="100"> <div class="card-body"> <h6 style="color:#1C46A8; font-weight:600">iOS</h6> <p class="animation-no fs-2" style="font-weight:700; font-size: 45px !important;"><span id='0102'></span>+</p> <p>Extensive experience in delivering IT solutions & services.</p> </div> </div> </div> </div> </div> <div class="col-lg-6 we-card-margin"> <div class="d-flex justify-content-center"> <div class="mb-5"> <div class="card fourth-sec-card mx-4 d-flex justify-content-center align-items-center" style="background-color:#F15048"> <div class="card-body "> <img width="60" height="60" src="https://img.icons8.com/ios/100/ffffff/programming.png" alt="programming" /> </div> </div> <div class="card inner-card" data-aos="zoom-in" data-aos-duration="1500" data-aos-delay="100"> <div class="card-body"> <h6 style="color:#1C46A8; font-weight:600">WEBSITE</h6> <p class="animation-no fs-2" style="font-weight:700; font-size: 45px !important;"><span id='0103'></span>+</p> <p>Extensive experience in delivering IT solutions & services.</p> </div> </div> </div> </div> <div class="d-flex justify-content-center"> <div> <div class="card fourth-sec-card mx-4 d-flex justify-content-center align-items-center" style="background-color:#FB9056"> <div class="card-body"> <img width="60" height="60" src="https://img.icons8.com/ios/100/ffffff/administrator-male--v1.png" alt="administrator-male" /> </div> </div> <div class="card inner-card" data-aos="zoom-in" data-aos-duration="1500" data-aos-delay="100"> <div class="card-body"> <h6 style="color:#1C46A8; font-weight:600">CLIENTS</h6> <p class="animation-no fs-2" style="font-weight:700; font-size: 45px !important;"><span id='0104'></span>+</p> <p>Clients across the globe testifying our quality & processes.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style> .swiper-slide-clients { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); margin-top: 50px; margin-bottom: 50px; border-radius: 5px; background-color: white; width: 208px !important; height: 208px !important; } </style>  <div class="container-fluid"> <div class="swiperlogo" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100"> <h2 class="pt-3" style="color:#081A48; font-weight:700; text-transform:uppercase">Our Clients</h2> <h3 style="font-weight:700;color:#1C46A8">Our clients are at the heart of everything we do.</h3> <div class="container-fluid px-5"> <div class="swiper-container px-2" id="slider1"> <div class="swiper-wrapper"> <div class="swiper-slide p-4 swiper-slide-clients d-flex justify-content-center align-items-center"> <img src="./images/clients/algoshacklogo.pptx.png" alt="algoshack logo" width="100%"> </div> <div class="swiper-slide swiper-slide-clients p-4 d-flex justify-content-center align-items-center"> <img src="./images/clients/makro.png" alt="Makro Agency" width="100%"> </div> <div class="swiper-slide swiper-slide-clients p-4 d-flex justify-content-center align-items-center"> <img src="./images/clients/ARpower.jpg" alt="SAP Consultants" width="100%"> </div> <div class="swiper-slide swiper-slide-clients p-4 d-flex justify-content-center align-items-center"> <img src="./images/clients/igreen.png" alt="ERP Development Company" width="100%"> </div> <div class="swiper-slide swiper-slide-clients p-4 d-flex justify-content-center align-items-center"> <img src="./images/clients/sriradio.png" alt="Digital Marketing Company" width="100%"> </div> <div class="swiper-slide swiper-slide-clients p-4 d-flex justify-content-center align-items-center"> <img src="./images/clients/ARpower.jpg" alt="ARpower logo" width="100%"> </div> <div class="swiper-slide swiper-slide-clients p-4 d-flex justify-content-center align-items-center"> <img src="./images/clients/azonixlogo.pptx.png" alt="azonixlogo" width="100%"> </div> <div class="swiper-slide swiper-slide-clients p-4 d-flex justify-content-center align-items-center"> <img src="./images/clients/cartunez.jpg" alt="cartunez logo" width="100%"> </div> <div class="swiper-slide swiper-slide-clients p-4 d-flex justify-content-center align-items-center"> <img src="./images/clients/clubnoww.jpg" alt="clubnoww logo" width="100%"> </div> <div class="swiper-slide swiper-slide-clients p-4 d-flex justify-content-center align-items-center"> <img src="./images/clients/CMRAgency.jpg" alt="cmragency logo" width="100%"> </div> <div class="swiper-slide swiper-slide-clients p-4 d-flex justify-content-center align-items-center"> <img src="./images/clients/dulydecors.jpg" alt="dulydecors logo" width="100%"> </div> <div class="swiper-slide swiper-slide-clients p-4 d-flex justify-content-center align-items-center"> <img src="./images/clients/evtron.png" alt="evtron logo" width="100%"> </div> <div class="swiper-slide swiper-slide-clients p-4 d-flex justify-content-center align-items-center"> <img src="./images/clients/fujifilmlogo.pptx.png" alt="fujifilm logo" width="100%"> </div> <div class="swiper-slide swiper-slide-clients p-4 d-flex justify-content-center align-items-center"> <img src="./images/clients/imsklogo.pptx.png" alt="imsk logo" width="100%"> </div> <div class="swiper-slide swiper-slide-clients p-4 d-flex justify-content-center align-items-center"> <img src="./images/clients/nadilogo.png" alt="nadi logo" width="100%"> </div> <div class="swiper-slide swiper-slide-clients p-4 d-flex justify-content-center align-items-center"> <img src="./images/clients/pixellogo.pptx.png" alt="pixel logo" width="100%"> </div> <div class="swiper-slide swiper-slide-clients p-4 d-flex justify-content-center align-items-center"> <img src="./images/clients/vibrocarelogo.pptx.png" alt="vibrocare logo" width="100%"> </div> <div class="swiper-slide swiper-slide-clients p-4 d-flex justify-content-center align-items-center"> <img src="./images/clients/viscoperuse.jpg" alt="viscoperuse logo" width="100%"> </div> <div class="swiper-slide swiper-slide-clients p-4 d-flex justify-content-center align-items-center"> <img src="./images/clients/vkart.jpg" alt="vkart logo" width="100%"> </div> </div> </div> </div> </div> </div> <div class="container-fluid pt-5 my-1"> <div class="pb-2"> <h2 class="pt-3" style="color:#081A48; font-weight:700;">OUR SERVICES</h2> <h3 style="font-weight:700;color:#1C46A8">Providing a full range of services</h3> </div> <head> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> <link rel="stylesheet" href="./css/slider.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.5/css/swiper.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.5/js/swiper.min.js"> </script> </head> <body> <div class=""> <div class="blog-slider mt-3" style="background:linear-gradient(to right, #1C46A8, #081A48);"> <div class="blog-slider__wrp swiper-wrapper"> <div class="blog-slider__item swiper-slide"> <div class="blog-slider__img"> <img src="./images/app-development-mdq.webp" alt="app mdq development company"> </div> <div class="blog-slider__content">  <div class="blog-slider__title">Mobile App Development</div> <div class="blog-slider__text">We harness the latest technologies, tools, frameworks and SDKs to develop custom mobile applications for iPhone, iPad, and Android operating systems. Our clients have won awards and mobile apps have been featured in the App Store.</div> <a href="./offering-mobile-app.php"> <div class="web-button-1-div"> <button style="border-radius: 5px;box-shadow: 0px 14px 80px rgba(28, 196, 248, 1);" class="web-button-1">READ MORE</button> </div> </a> </div> </div> <div class="blog-slider__item swiper-slide"> <div class="blog-slider__img"> <img src="./images/web-development-mdq.webp" alt="mdq web development" style="width:100% !important"> </div> <div class="blog-slider__content">  <div class="blog-slider__title">Web Application Development</div> <div class="blog-slider__text">We have built secure web application development solutions that align with business long-term strategies. Focused on a collaborative approach, our team understands customers needs to unlock value, build generation-next capabilities.</div> <a href="./offering-web-application.php" "> <div class="web-button-1-div"> <button style="border-radius: 5px;box-shadow: 0px 14px 80px rgba(28, 196, 248, 1);" class="web-button-1">READ MORE</button> </div></a> </div> </div> <div class="blog-slider__item swiper-slide"> <div class="blog-slider__img"> <img src="./images/artificial-interligence-mdq.webp" alt="artificial mdq development"> </div> <div class="blog-slider__content">  <div class="blog-slider__title">Artificial Intelligence</div> <div class="blog-slider__text">With a proficiency in Artificial Intelligence technology & Machine Learning, we help businesses build intelligent solutions by providing AI consulting, deployment, and support. We guide enterprises to use AI solutions and improve ROI.</div> <a href="./trending-artificial-intelligence.php"> <div class="web-button-1-div"> <button style="border-radius: 5px;box-shadow: 0px 14px 80px rgba(28, 196, 248, 1);" class="web-button-1">READ MORE</button> </div> </a> </div> </div> <div class="blog-slider__item swiper-slide"> <div class="blog-slider__img"> <img src="./images/vr-ar.webp" alt="virtual reality development"> </div> <div class="blog-slider__content">  <div class="blog-slider__title">AR and VR App Development</div> <div class="blog-slider__text">Our team specializes in crafting AR and VR applications that transform ordinary processes into extraordinary, immersive experiences, catering to the demands of the next generation of users.</div> <a href="./trending-artificial-intelligence.php"> <div class="web-button-1-div"> <button style="border-radius: 5px;box-shadow: 0px 14px 80px rgba(28, 196, 248, 1);" class="web-button-1">READ MORE</button> </div> </a> </div> </div> </div> <div class="blog-slider__pagination"></div> </div> <script> var swiper = new Swiper('.blog-slider', { spaceBetween: 30, effect: 'fade', loop: true, mousewheel: { invert: false, }, // autoHeight: true, pagination: { el: '.blog-slider__pagination', clickable: true, } }); </script> </div> </body> </div> <div class="industries pt-4 container-fluid"> <h2 class="pt-3" style="color:#081A48; font-weight:700; text-transform:uppercase">Services We Offer</h2> <h3 style="font-weight:700;color:#1C46A8">You name it, we build it.</h3> <div class="row"> <div class="col-lg-3 col-md-6 d-flex justify-content-center"> <div class="flip-card-container" data-aos="flip-left" data-aos-duration="1500" data-aos-delay="100"> <a href="./offering-mobile-app.php"> <div class="flip-card"> <div class="content"> <div class="front"> <div class="d-flex justify-content-center align-items-center"> <img width="70" height="70" src="https://img.icons8.com/ios-filled/900/A73FC0/android-os.png" alt="android-os" /> </div> </div> <div class="back"> <p style="text-align:center">Android App Development</p> </div> </div> </div> </a> </div> </div> <div class="col-lg-3 col-md-6 d-flex justify-content-center"> <a href="./offering-mobile-app.php"> <div class="flip-card-container" data-aos="flip-left" data-aos-duration="1500" data-aos-delay="600"> <div class="flip-card"> <div class="content"> <div class="front"> <div class="d-flex justify-content-center align-items-center"> <img width="70" height="70" src="https://img.icons8.com/ios-filled/1000/000000/mac-os.png" alt="mac-os" /> </div> </div> <div class="back"> <p style="text-align:center">iOS App Development</p> </div> </div> </div> </div> </a> </div> <div class="col-lg-3 col-md-6 d-flex justify-content-center"> <div class="flip-card-container" data-aos="flip-left" data-aos-duration="1500" data-aos-delay="1100"> <a href="./offering-web-application.php"> <div class="flip-card"> <div class="content"> <div class="front"> <div class="d-flex justify-content-center align-items-center"> <img width="70" height="70" src="https://img.icons8.com/ios-filled/1000/333FE7/google-code.png" alt="google-code" /> </div> </div> <div class="back"> <p style="text-align:center">Web Design & Development</p> </div> </div> </div> </a> </div> </div> <div class="col-lg-3 col-md-6 d-flex justify-content-center"> <a href="./offering-ar-vr.php"> <div class="flip-card-container" data-aos="flip-left" data-aos-duration="1500" data-aos-delay="1600"> <div class="flip-card"> <div class="content"> <div class="front"> <div class="d-flex justify-content-center align-items-center"> <img width="70" height="70" src="https://img.icons8.com/ios-filled/1000/F92C2C/oculus-rift.png" alt="oculus-rift" /> </div> </div> <div class="back"> <p style="text-align:center">AR App Development</p> </div> </div> </div> </div> </a> </div> <div class="col-lg-3 col-md-6 d-flex justify-content-center"> <div class="flip-card-container" data-aos="flip-left" data-aos-duration="1500" data-aos-delay="1600"> <a href="industry-iot.php"> <div class="flip-card"> <div class="content"> <div class="front"> <div class="d-flex justify-content-center align-items-center"> <img width="70" height="70" src="https://img.icons8.com/external-solidglyph-m-oki-orlando/1000/1DD2BA/external-iot-web-services-solid-solidglyph-m-oki-orlando.png" alt="external-iot-web-services-solid-solidglyph-m-oki-orlando" /> </div> </div> <div class="back"> <p style="text-align:center">IoT App Development</p> </div> </div> </div> </a> </div> </div> <div class="col-lg-3 col-md-6 d-flex justify-content-center"> <div class="flip-card-container" data-aos="flip-left" data-aos-duration="1500" data-aos-delay="1100"> <a href="./offering-ar-vr.php"> <div class="flip-card"> <div class="content"> <div class="front"> <div class="d-flex justify-content-center align-items-center"> <img width="70" height="70" src="https://img.icons8.com/ios-filled/1000/5CB85C/virtual-reality.png" alt="virtual-reality" /> </div> </div> <div class="back"> <p style="text-align:center">VR App Development</p> </div> </div> </div> </a> </div> </div> <div class="col-lg-3 col-md-6 d-flex justify-content-center"> <div class="flip-card-container" data-aos="flip-left" data-aos-duration="1500" data-aos-delay="600"> <a href="#"> <div class="flip-card"> <div class="content"> <div class="front"> <div class="d-flex justify-content-center align-items-center"> <img width="70" height="70" src="https://img.icons8.com/ios-filled/1000/FB9056/settings-3.png" alt="best ios development company in india, dubai, usa" /> </div> </div> <div class="back"> <p style="text-align:center">Process Automation</p> </div> </div> </div> </a> </div> </div> <div class="col-lg-3 col-md-6 d-flex justify-content-center"> <div class="flip-card-container" data-aos="flip-left" data-aos-duration="1500" data-aos-delay="100"> <a href="#"> <div class="flip-card"> <div class="content"> <div class="front"> <div class="d-flex justify-content-center align-items-center"> <img width="70" height="70" src="https://img.icons8.com/ios-filled/300/1C46A8/robot.png" alt="robot" /> </div> </div> <div class="back"> <p style="text-align:center">Automation Testing</p> </div> </div> </div> </a> </div> </div> </div> </div> <div class="container-fluid pt-5"> <h2 class="pt-3" style="color:#081A48; font-weight:700;">TECHNOLOGY STACK</h2> <h3 style="font-weight:700;color:#1C46A8">Technologies we work with</h3> <div class="d-flex justify-content-center p-2"> <ul class="nav p-2 nav-pills mb-3" id="pills-tab" role="tablist" style="margin:0px !important;background-color:#1C46A8 !important; border-radius:30px"> <li class="nav-item" role="presentation"> <button class="nav-link nav-link-work active" id="pills-Front-End-tab" data-bs-toggle="pill" data-bs-target="#pills-Front-End" type="button" role="tab" aria-controls="pills-Front-End" aria-selected="true">Front-End</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link nav-link-work" id="pills-Back-End-tab" data-bs-toggle="pill" data-bs-target="#pills-Back-End" type="button" role="tab" aria-controls="pills-Back-End" aria-selected="false">Back-End</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link nav-link-work" id="pills-Mobile-tab" data-bs-toggle="pill" data-bs-target="#pills-Mobile" type="button" role="tab" aria-controls="pills-Mobile" aria-selected="false">Mobile</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link nav-link-work" id="pills-devops-tab" data-bs-toggle="pill" data-bs-target="#pills-devops" type="button" role="tab" aria-controls="pills-devops" aria-selected="false">DevOps / Clouds</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link nav-link-work" id="pills-Database-tab" data-bs-toggle="pill" data-bs-target="#pills-Database" type="button" role="tab" aria-controls="pills-Database" aria-selected="false">Database</button> </li> </ul> </div> <div class="tab-content px-5" id="pills-tabContent"> <div class="tab-pane fade show active" id="pills-Front-End" role="tabpanel" aria-labelledby="pills-Front-End-tab"> <div class="d-flex justify-content-center"> <div> <div class="row"> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/color/480/html-5--v1.png" alt="html-5--v1" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> HTML</p> </div> </div> </div> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/color/480/css3.png" alt="css3" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> CSS</p> </div> </div> </div> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/color/480/react-native.png" alt="react-native" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> React JS</p> </div> </div> </div> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/color/480/angularjs.png" alt="angularjs" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> Angular JS</p> </div> </div> </div> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/color/480/vue-js.png" alt="vue-js" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> Vue JS</p> </div> </div> </div> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/color/480/javascript--v1.png" alt="javascript--v1" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> JavaScript</p> </div> </div> </div> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/color/480/typescript.png" alt="typescript" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> TypeScript</p> </div> </div> </div> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/color/480/nuxt-jc.png" alt="nuxt-jc" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> NuxtJS</p> </div> </div> </div> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/color/480/tailwind_css.png" alt="tailwind_css" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> Tailwind CSS</p> </div> </div> </div> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/external-tal-revivo-color-tal-revivo/500/external-jquery-is-a-javascript-library-designed-to-simplify-html-logo-color-tal-revivo.png" alt="color-tal-revivo" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> jQuery</p> </div> </div> </div> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/color-glass/480/bootstrap.png" alt="bootstrap" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> Bootstrap</p> </div> </div> </div> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/color/480/nextjs.png" alt="nextjs" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> Next Js</p> </div> </div> </div> </div> </div> </div> </div> <div class="tab-pane fade" id="pills-Back-End" role="tabpanel" aria-labelledby="pills-Back-End-tab"> <div class="d-flex justify-content-center"> <div class="row"> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/officel/600/php-logo.png" alt="php-logo" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8">PHP </p> </div> </div> </div> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/color/480/python--v1.png" alt="python--v1" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> Python</p> </div> </div> </div> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/fluency/480/node-js.png" alt="node-js" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> Node JS</p> </div> </div> </div> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/fluency/480/laravel.png" alt="laravel" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> Laravel</p> </div> </div> </div> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/color/480/net-framework.png" alt="net-framework" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> .NET Core</p> </div> </div> </div> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/color/480/java-coffee-cup-logo--v1.png" alt="java-coffee-cup-logo--v1" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> Java</p> </div> </div> </div> </div> </div> </div> <div class="tab-pane fade" id="pills-Mobile" role="tabpanel" aria-labelledby="pills-Mobile-tab"> <div class="d-flex justify-content-center"> <div class="row"> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/color/480/flutter.png" alt="flutter" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> Flutter</p> </div> </div> </div> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/color/480/react-native.png" alt="react-native" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> React Native</p> </div> </div> </div> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/color/480/kotlin.png" alt="kotlin" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> Kotlin</p> </div> </div> </div> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/fluency/480/xamarin.png" alt="xamarin" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> Xamarin</p> </div> </div> </div> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/ios-filled/500/unity.png" alt="unity" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> Unity 3D</p> </div> </div> </div> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/color/480/swift.png" alt="swift" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> Swift</p> </div> </div> </div> </div> </div> </div> <div class="tab-pane fade" id="pills-devops" role="tabpanel" aria-labelledby="pills-devops-tab"> <div class="d-flex justify-content-center"> <div class="row"> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/color/480/amazon-web-services.png" alt="amazon-web-services" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8">AWS </p> </div> </div> </div> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/color/800/1C46A8/azure-1.png" alt="azure-1" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> Azure</p> </div> </div> </div> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/color/480/google-cloud.png" alt="google-cloud" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> Google Cloud</p> </div> </div> </div> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/fluency/480/docker.png" alt="docker" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> Docker</p> </div> </div> </div> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/color/480/jenkins.png" alt="jenkins" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> Jenkins</p> </div> </div> </div> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/color/480/kubernetes.png" alt="kubernetes" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> Kubernetes</p> </div> </div> </div> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/color/480/terraform.png" alt="terraform" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> Terraform</p> </div> </div> </div> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/color/480/openshift.png" alt="openshift" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> OpenShift</p> </div> </div> </div> </div> </div> </div> <div class="tab-pane fade" id="pills-Database" role="tabpanel" aria-labelledby="pills-Database-tab"> <div class="d-flex justify-content-center"> <div class="row"> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/external-tal-revivo-bold-tal-revivo/500/1C46A8/external-mongodb-a-cross-platform-document-oriented-database-program-logo-bold-tal-revivo.png" alt="mongodb logo" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> Mongo</p> </div> </div> </div> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/color/480/mysql-logo.png" alt="mysql-logo" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> MySQL</p> </div> </div> </div> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/color/480/microsoft-sql-server.png" alt="microsoft-sql-server" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> Microsoft SQL</p> </div> </div> </div> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="./images/pngwing.com.png" alt="maria-db" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> MariaDB</p> </div> </div> </div> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/color/480/postgreesql.png" alt="postgreesql" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> PostgreSQL</p> </div> </div> </div> <div class="col-lg-2 col-4 col-md-3 col-sm-4 col-xl-2 col-xxl-2 mobile-center d-flex justify-content-center"> <div class="d-flex"> <div> <img class="program-logo" width="70" height="70" src="https://img.icons8.com/color/480/redis.png" alt="redis" /> <p style="text-align:center; font-weight:600; font-size:14px; color:#1C46A8"> Redis</p> </div> </div> </div> </div> </div> </div> </div> <p class="website-para pt-4">We harness a diverse range of cutting-edge technologies and tools to engineer robust, scalable, and high-performance mobile and web applications. Our proficiency in these technologies allows us to remain at the forefront of the continuously evolving development landscape. </p> <p class="website-para">We are committed to staying updated with the latest advancements in both mobile and web technologies. Our team continuously explores and adopts emerging tools and frameworks to ensure that your mobile and web applications are built using the most efficient, reliable, and scalable solutions available in the industry.</p> </div> <div class="portfolio mt-5" style="background-color:#F7FDFF">  <div class="container-fluid"> <h2 class="pt-3" style="color:#081A48; font-weight:700;">OUR WORK</h2> <h3 style="font-weight:700;color:#1C46A8">We bring your ideas to life by creating intuitive, feature-rich mobile applications for iOS and Android platforms.</h3> <div class="row py-5"> <div class="col-lg-4 p-1 d-flex justify-content-center align-items-center" style=" overflow: hidden;"> <img src="./images/app-and-web.gif" alt="mdq app and web" style="width: 100%;"> </div> <div class="col-lg-8 d-flex justify-content-center align-items-center"> <div class=""> <h2 style="color:#1C46A8; font-weight:600;">Mobile Application and Web Development</h2> <p class="website-para">From concept to deployment, we specialize in crafting intuitive mobile applications for iOS and Android, complemented by seamless website development. As a leading mobile app development company in Chennai, our experienced team ensures captivating designs and seamless functionality. Emphasizing user-centric design, we create engaging experiences, leveraging the latest technologies for feature-rich applications. Quality assurance is paramount throughout development, guaranteeing bug-free, optimized mobile apps and websites. Let us elevate your digital presence, exceeding user expectations across both platforms as a premier mobile app and web development company in Chennai.</p> </div> </div>  </div> </div>  </div> <div> <style> .our-work-card-1 { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border: none; border-radius: 0px !important; width: 250px; height: 300px; } </style> <div class="container-fluid"> <div class="row"> <div class="col-lg-3 p-3 d-flex justify-content-center mt-5"> <div> <h5 style="font-weight:600">Our Beautiful Interfaces</h5> <p style="font-size:14px; color: rgba(0, 0, 0, 0.7)">Our interfaces are a symphony of design and functionality, seamlessly blending beauty with purpose to create a captivating user experience.</p> <a href="./portfolio.php"> <div class="web-button-div"> <button class="web-button mt-3" style="width:98%">Learn More</button> </div> </a> </div> </div> <div class="col-lg-9 p-1"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide d-flex justify-content-center"> <a href="./portfolio.php" style="color:black; text-decoration:none"> <div class=" port-animation-card"> <div class="wrapper"> <img src="./images/portfolio/4.png" class="cover-image" /> </div> <img src="./images/portfolio/evtronbanner.png" width="170px" class="character" /> </div> <div class="px-5" style="text-align:center"> <h4 style="color:#1C46A8" class=" fw-bold ">Evtron</h4> <h6 style="color:rgba(0, 0, 0, 0.7)"> Digital platform for charging car battery </h6> </div> </a> </div> <div class="swiper-slide d-flex justify-content-center"> <a href="./portfolio.php" style="color:black; text-decoration:none"> <div class=" port-animation-card"> <div class="wrapper"> <img src="./images/portfolio/3.png" class="cover-image" /> </div> <img src="./images/portfolio/codinabanner.png" width="170px" class="character" /> </div> <div class="px-5" style="text-align:center"> <h4 style="color:#1C46A8" class=" fw-bold ">Codina</h4> <h6 style="color:rgba(0, 0, 0, 0.7)">Codina based on saling Woven Wire </h6> </div> </a> </div> <div class="swiper-slide d-flex justify-content-center"> <a href="./portfolio.php" style="color:black; text-decoration:none"> <div class=" port-animation-card"> <div class="wrapper"> <img src="./images/portfolio/6.png" class="cover-image" /> </div> <img src="./images/portfolio/vkartbannner.png" width="170px" class="character" /> </div> <div class="px-5" style="text-align:center"> <h4 style="color:#1C46A8" class=" fw-bold ">Vkart</h4> <h6 style="color:rgba(0, 0, 0, 0.7)">World-fresh grocery items in Vkart</h6> </div> </a> </div> <div class="swiper-slide d-flex justify-content-center"> <a href="./portfolio.php" style="color:black; text-decoration:none"> <div class=" port-animation-card"> <div class="wrapper"> <img src="./images/portfolio/7.png" class="cover-image" /> </div> <img src="./images/portfolio/myfinalystbanner.png" width="170px" class="character" /> </div> <div class="px-5" style="text-align:center"> <h4 style="color:#1C46A8" class=" fw-bold ">Myfinalyst</h4> <h6 style="color:rgba(0, 0, 0, 0.7)">Myfinalyst_Application</h6> </div> </a> </div> <div class="swiper-slide d-flex justify-content-center"> <a href="./portfolio.php" style="color:black; text-decoration:none"> <div class=" port-animation-card"> <div class="wrapper"> <img src="./images/portfolio/2.png" class="cover-image" /> </div> <img src="./images/portfolio/beppersbanner.png" width="170px" class="character" /> </div> <div class="px-5" style="text-align:center"> <h4 style="color:#1C46A8" class=" fw-bold ">Beppers</h4> <h6 style="color:rgba(0, 0, 0, 0.7)">Beppers is a social media app </h6> </div> </a> </div> <div class="swiper-slide d-flex justify-content-center"> <a href="./portfolio.php" style="color:black; text-decoration:none"> <div class=" port-animation-card"> <div class="wrapper"> <img src="./images/portfolio/5.png" class="cover-image" /> </div> <img src="./images/portfolio/shopztrendlogo.png" width="170px" class="character" /> </div> <div class="px-5" style="text-align:center"> <h4 style="color:#1C46A8" class=" fw-bold ">Shopztrend</h4> <h6 style="color:rgba(0, 0, 0, 0.7)"> Shopztrend sells variety of products</h6> </div> </a> </div> <div class="swiper-slide d-flex justify-content-center"> <a href="./portfolio.php" style="color:black; text-decoration:none"> <div class=" port-animation-card"> <div class="wrapper"> <img src="./images/portfolio/8.png" class="cover-image" /> </div> <img src="./images/portfolio/audibanner.png" width="170px" class="character" /> </div> <div class="px-5" style="text-align:center"> <h4 style="color:#1C46A8" class=" fw-bold ">Audi LMS</h4> <h6 style="color:rgba(0, 0, 0, 0.7)">Audi LMS</h6> </div> </a> </div> <div class="swiper-slide d-flex justify-content-center"> <a href="./portfolio.php" style="color:black; text-decoration:none"> <div class=" port-animation-card"> <div class="wrapper"> <img src="./images/portfolio/9.png" class="cover-image" /> </div> <img src="./images/portfolio/auditbanner.png" width="170px" class="character" /> </div> <div class="px-5" style="text-align:center"> <h4 style="color:#1C46A8" class=" fw-bold ">Audit</h4> <h6 style="color:rgba(0, 0, 0, 0.7)">Audit</h6> </div> </a> </div> <div class="swiper-slide d-flex justify-content-center"> <a href="./portfolio.php" style="color:black; text-decoration:none"> <div class=" port-animation-card"> <div class="wrapper"> <img src="./images/portfolio/11.png" class="cover-image" /> </div> <img src="./images/portfolio/fresheuqbanner.png" width="170px" class="character" /> </div> <div class="px-5" style="text-align:center"> <h4 style="color:#1C46A8" class=" fw-bold ">Freshbags Enquiry</h4> <h6 style="color:rgba(0, 0, 0, 0.7)">Freshbags</h6> </div> </a> </div> <div class="swiper-slide d-flex justify-content-center"> <a href="./portfolio.php" style="color:black; text-decoration:none"> <div class=" port-animation-card"> <div class="wrapper"> <img src="./images/portfolio/12.png" class="cover-image" /> </div> <img src="./images/portfolio/freshordbanner.png" width="170px" class="character" /> </div> <div class="px-5" style="text-align:center"> <h4 style="color:#1C46A8" class=" fw-bold ">Freshbags Order</h4> <h6 style="color:rgba(0, 0, 0, 0.7)">Freshbags</h6> </div> </a> </div> <div class="swiper-slide d-flex justify-content-center"> <a href="./portfolio.php" style="color:black; text-decoration:none"> <div class=" port-animation-card"> <div class="wrapper"> <img src="./images/portfolio/13.png" class="cover-image" /> </div> <img src="./images/portfolio/igreenbanner.png" width="170px" class="character" /> </div> <div class="px-5" style="text-align:center"> <h4 style="color:#1C46A8" class=" fw-bold ">igreen</h4> <h6 style="color:rgba(0, 0, 0, 0.7)">igreen_Application</h6> </div> </a> </div> <div class="swiper-slide d-flex justify-content-center"> <a href="./portfolio.php" style="color:black; text-decoration:none"> <div class=" port-animation-card"> <div class="wrapper"> <img src="./images/portfolio/14.png" class="cover-image" /> </div> <img src="./images/portfolio/lmvbanner.png" width="170px" class="character" /> </div> <div class="px-5" style="text-align:center"> <h4 style="color:#1C46A8" class=" fw-bold ">LMW</h4> <h6 style="color:rgba(0, 0, 0, 0.7)">LMW_Application</h6> </div> </a> </div> <div class="swiper-slide d-flex justify-content-center"> <a href="./portfolio.php" style="color:black; text-decoration:none"> <div class=" port-animation-card"> <div class="wrapper"> <img src="./images/portfolio/15.png" class="cover-image" /> </div> <img src="./images/portfolio/nadibanner.png" width="170px" class="character" /> </div> <div class="px-5" style="text-align:center"> <h4 style="color:#1C46A8" class=" fw-bold ">Nadi</h4> <h6 style="color:rgba(0, 0, 0, 0.7)">Nadi_Application</h6> </div> </a> </div> <div class="swiper-slide d-flex justify-content-center"> <a href="./portfolio.php" style="color:black; text-decoration:none"> <div class=" port-animation-card"> <div class="wrapper"> <img src="./images/portfolio/16.png" class="cover-image" /> </div> <img src="./images/portfolio/partnerbanner.png" width="170px" class="character" /> </div> <div class="px-5" style="text-align:center"> <h4 style="color:#1C46A8" class=" fw-bold ">Montyr</h4> <h6 style="color:rgba(0, 0, 0, 0.7)">Montyr_Application</h6> </div> </a> </div> <div class="swiper-slide d-flex justify-content-center"> <a href="./portfolio.php" style="color:black; text-decoration:none"> <div class=" port-animation-card"> <div class="wrapper"> <img src="./images/portfolio/17.png" class="cover-image" /> </div> <img src="./images/portfolio/pedlabanner.png" width="170px" class="character" /> </div> <div class="px-5" style="text-align:center"> <h4 style="color:#1C46A8" class=" fw-bold ">Pedal</h4> <h6 style="color:rgba(0, 0, 0, 0.7)">Pedal_Application</h6> </div> </a> </div> <div class="swiper-slide d-flex justify-content-center"> <a href="./portfolio.php" style="color:black; text-decoration:none"> <div class=" port-animation-card"> <div class="wrapper"> <img src="./images/portfolio/18.png" class="cover-image" /> </div> <img src="./images/portfolio/resumebanner.png" width="170px" class="character" /> </div> <div class="px-5" style="text-align:center"> <h4 style="color:#1C46A8" class=" fw-bold ">Resume</h4> <h6 style="color:rgba(0, 0, 0, 0.7)">Resume_Application</h6> </div> </a> </div> <div class="swiper-slide d-flex justify-content-center"> <a href="./portfolio.php" style="color:black; text-decoration:none"> <div class=" port-animation-card"> <div class="wrapper"> <img src="./images/portfolio/19.png" class="cover-image" /> </div> <img src="./images/portfolio/srinarbanner.png" width="170px" class="character" /> </div> <div class="px-5" style="text-align:center"> <h4 style="color:#1C46A8" class=" fw-bold ">Srinar</h4> <h6 style="color:rgba(0, 0, 0, 0.7)">Srinar_Application</h6> </div> </a> </div> <div class="swiper-slide d-flex justify-content-center"> <a href="./portfolio.php" style="color:black; text-decoration:none"> <div class=" port-animation-card"> <div class="wrapper"> <img src="./images/portfolio/20.png" class="cover-image" /> </div> <img src="./images/portfolio/vendorbanner.png" width="170px" class="character" /> </div> <div class="px-5" style="text-align:center"> <h4 style="color:#1C46A8" class=" fw-bold ">Freshbags Vendor</h4> <h6 style="color:rgba(0, 0, 0, 0.7)">Freshbags</h6> </div> </a> </div> <div class="swiper-slide d-flex justify-content-center"> <a href="./portfolio.php" style="color:black; text-decoration:none"> <div class=" port-animation-card"> <div class="wrapper"> <img src="./images/portfolio/21.png" class="cover-image" /> </div> <img src="./images/portfolio/vibrobanner.png" width="170px" class="character" /> </div> <div class="px-5" style="text-align:center"> <h4 style="color:#1C46A8" class=" fw-bold ">Vibro Care</h4> <h6 style="color:rgba(0, 0, 0, 0.7)">Vibrocare_Application</h6> </div> </a> </div> </div> </div> <script> const reviewsCarousel1Options = { direction: 'horizontal', freeMode: true, grabCursor: true, speed: 600, a11y: false, loop: false, breakpoints: { 640: { slidesPerView: 1, spaceBetween: 5, }, 768: { slidesPerView: 2, spaceBetween: 10, }, 1024: { slidesPerView: 2, spaceBetween: 10, }, 1366: { slidesPerView: 3, spaceBetween: 20, }, 1500: { slidesPerView: 3, spaceBetween: 20, }, }, autoplay: { delay: 2000, }, loop: true, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }; const reviewsCarousel1 = new Swiper('.swiper-container', reviewsCarousel1Options); </script> </div> </div> </div> </div> <div class="industries container-fluid pb-5"> <h2 class="pt-3" style="color:#081A48; font-weight:700; text-transform:uppercase">Industries We Serve</h2> <h2 style="font-weight:700;line-height:50px;color:#1C46A8">Here, We make almost every genre of applications.</h2> <div class="row"> <div class="col-lg-3 d-flex justify-content-center"> <div class="card zoom-in mt-4" data-aos="zoom-in" data-aos-duration="1500" data-aos-delay="100" style="width:100%; border-radius:16px; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; border:none"> <div class="zoom-in pt-4 pb-3 d-flex justify-content-center align-items-center"> <img width="70" height="70" src="https://img.icons8.com/ios-filled/1000/A540BF/mobile-shopping-bag--v2.png" alt="mobile-shopping-bag--v2" /> </div> <p class="pb-4" style="text-align:center">E-Commerce</p> </div> </div> <div class="col-lg-3 d-flex justify-content-center"> <div class="card zoom-in mt-4" data-aos="zoom-in" data-aos-duration="1500" data-aos-delay="500" style="width:100%; border-radius:16px; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; border:none"> <div class="zoom-in pt-4 pb-3 d-flex justify-content-center align-items-center"> <img width="70" height="70" src="https://img.icons8.com/external-goofy-solid-kerismaker/960/DE9025/external-E-learning-education-goofy-solid-kerismaker.png" alt="external-E-learning-education-goofy-solid-kerismaker" /> </div> <p class="pb-4" style="text-align:center">Education & E-Learning</p> </div> </div> <div class="col-lg-3 d-flex justify-content-center"> <div class="card zoom-in mt-4" data-aos="zoom-in" data-aos-duration="1500" data-aos-delay="900" style="width:100%; border-radius:16px; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; border:none"> <div class="zoom-in pt-4 pb-3 d-flex justify-content-center align-items-center"> <img width="70" height="70" src="https://img.icons8.com/ios-filled/1000/6835AF/electric-vehicle.png" alt="electric-vehicle" /> </div> <p class="pb-4" style="text-align:center">Electric Vechicle</p> </div> </div> <div class="col-lg-3 d-flex justify-content-center"> <div class="card zoom-in mt-4" data-aos="zoom-in" data-aos-duration="1500" data-aos-delay="1400" style="width:100%; border-radius:16px; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; border:none"> <div class="zoom-in pt-4 pb-3 d-flex justify-content-center align-items-center"> <img width="70" height="70" src="https://img.icons8.com/external-solidglyph-m-oki-orlando/1000/1DD2BA/external-iot-web-services-solid-solidglyph-m-oki-orlando.png" alt="external-iot-web-services-solid-solidglyph-m-oki-orlando" /> </div> <p class="pb-4" style="text-align:center">IoT Apps</p> </div> </div> <div class="col-lg-3 d-flex justify-content-center"> <div class="card zoom-in mt-4" data-aos="zoom-in" data-aos-duration="1500" data-aos-delay="1400" style="width:100%; border-radius:16px; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; border:none"> <div class="zoom-in pt-4 pb-3 d-flex justify-content-center align-items-center"> <img width="70" height="70" src="https://img.icons8.com/ios-filled/1000/2963E2/soup-plate.png" alt="soup-plate" /> </div> <p class="pb-4" style="text-align:center">Food & Restaurants</p> </div> </div> <div class="col-lg-3 d-flex justify-content-center"> <div class="card zoom-in mt-4" data-aos="zoom-in" data-aos-duration="1500" data-aos-delay="900" style="width:100%; border-radius:16px; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; border:none"> <div class="zoom-in pt-4 pb-3 d-flex justify-content-center align-items-center"> <img width="70" height="70" src="https://img.icons8.com/glyph-neue/1000/DDB01A/trust--v1.png" alt="trust--v1" /> </div> <p class="pb-4" style="text-align:center">Healthcare & Fitness</p> </div> </div> <div class="col-lg-3 d-flex justify-content-center"> <div class="card zoom-in mt-4" data-aos="zoom-in" data-aos-duration="1500" data-aos-delay="500" style="width:100%; border-radius:16px; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; border:none"> <div class="zoom-in pt-4 pb-3 d-flex justify-content-center align-items-center"> <img width="70" height="70" src="https://img.icons8.com/pastel-glyph/1000/92DE1E/transport--delivery--logistics--cargo--parcel--box--service-28.png" alt="transport--delivery--logistics--cargo--parcel--box--service-28" /> </div> <p class="pb-4" style="text-align:center">Logistics & Distribution</p> </div> </div> <div class="col-lg-3 d-flex justify-content-center"> <div class="card zoom-in mt-4" data-aos="zoom-in" data-aos-duration="1500" data-aos-delay="100" style="width:100%; border-radius:16px; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; border:none"> <div class="zoom-in pt-4 pb-3 d-flex justify-content-center align-items-center"> <img width="70" height="70" src="https://img.icons8.com/ios-filled/1000/33DBB4/property.png" alt="property" /> </div> <p class="pb-4" style="text-align:center">Real Estate</p> </div> </div> </div> </div> <div id="testimonials"> <head> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> <style> .heading { position: relative; } .testimonials { background: url("./images/testimonial.png") center center no-repeat; background-size: cover; width: 100%; background-attachment: fixed; padding: 130px 0 150px; color: #000000; position: relative; } .testimonials:before { content: ""; background: rgba(0, 0, 0, 0.1); width: 100%; height: 100%; top: 0; position: absolute; left: 0; } .testimonials .heading h2 { font-size: 25px; font-weight: 700; color: #000000; } .testimonials .heading h2 span { color: #1C46A8; } .testimonials p { font-size: 15px; font-weight: 400; line-height: 1.7; color: #d1e5e7; margin: 20px 0; padding: 0; } /* Image */ .testimonials .carousel-inner .carousel-item .team { width: 100px; height: 100px; border: 2px solid #1C46A8; border-radius: 100%; padding: 5px; margin: 50px 0 15px; } .testimonials .carousel-inner .carousel-item h3 { font-size: 20px; color: #000000; font-weight: 600; } .testimonials .carousel-inner .carousel-item h4 { font-size: 14px; font-weight: 300; color: #e2e1e1; margin-bottom: 20px; } .testimonials .carousel-indicators { bottom: -30px; } .testimonials .carousel-indicators li { background-color: #b8b7b7; border-radius: 30px; height: 4px; width: 40px; } .testimonials .carousel-indicators .active { background-color: #1C46A8; } .testimonials .control span { cursor: pointer; } .testimonials .icon { height: 40px; width: 40px; background-size: 100%, 100%; border-radius: 50%; font-size: 30px; background-image: none; color: #000000; } </style> </head> <body> <section class="testimonials"> <div class="heading text-center"> <h2>What's <span>Clients</span> Says? </h2> </div> <div class="container"> <div class="row text-center"> <div class="col-md-12"> <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active" aria-current="true" class="active"></li> <li data-target="#carouselExampleIndicators" data-slide-to="1" aria-current="false" class="active"></li> <li data-target="#carouselExampleIndicators" data-slide-to="2" aria-current="false" class="active"></li> <li data-target="#carouselExampleIndicators" data-slide-to="3" aria-current="false" class="active"></li> </ol> <div class="carousel-inner"> <div class="carousel-item text-center active" data-bs-interval="4000"> <img src="images/testimonials/70fbf636-0928-4492-baff-f3d969b3fd25.png" width="100%" alt="app development" class="center-block team"> <h3>Jonathan T., COO, </h3> <h4 style="color:#000000">FlexiTrack Solutions</h4> <p style="color:#000000; padding-left:25%; padding-right:25%">We came in with a concept, and they delivered a complete digital solution — both web and mobile. It felt like having an in-house tech team that understood both the corporate need for stability and the startup hunger for speed and innovation.</p> </div> <div class="carousel-item text-center " data-bs-interval="4000"> <img src="images/testimonials/1516182064104.jpg" width="100%" alt="app development" class="center-block team"> <h3>Srinivasan Krishnamurthi</h3> <h4 style="color:#000000">COO-Nadi Airtechnics</h4> <p style="color:#000000; padding-left:25%; padding-right:25%">I had the opportunity to work with Divya and her team. Their team is highly proactive and professional in their approach. Right from the project start state, they collected all information that are needed to conceive the project, worked hard to deliver the project on time and did all that are needed to complete the project to my satisfaction. They are trustworthy, reliable and competent. They know what they are doing and I highly recommend their services.</p> </div> <div class="carousel-item text-center " data-bs-interval="4000"> <img src="images/testimonials/WhatsApp Image 2024-05-30 at 6.19.32 PM.jpeg" width="100%" alt="app development" class="center-block team"> <h3>Gowtham Balasubramanian</h3> <h4 style="color:#000000">Founder - VKART</h4> <p style="color:#000000; padding-left:25%; padding-right:25%">" I had worked on one of the Website security audit projects and found they are technically strong and has worked in every detail on the website with respect to vulnerability, and identified the gaps. "</p> </div> <div class="carousel-item text-center " data-bs-interval="4000"> <img src="images/testimonials/vadeesh.jpg" width="100%" alt="app development" class="center-block team"> <h3>Vadeesh Budramane</h3> <h4 style="color:#000000">CEO-Algoshack</h4> <p style="color:#000000; padding-left:25%; padding-right:25%">" We worked with her team on an UX improvement program. I find her very positive and highly enterprising. I wish her and her startup all the very best."</p> </div> </div> <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </div> </div> </div> </section> </body> </div>                             <script> const reviewsCarouselOptions = { direction: 'horizontal', freeMode: true, grabCursor: true, speed: 600, a11y: false, loop: false, breakpoints: { 640: { slidesPerView: 1, spaceBetween: 20, }, 768: { slidesPerView: 3, spaceBetween: 10, }, 1024: { slidesPerView: 4, spaceBetween: 10, }, 1366: { slidesPerView: 5, spaceBetween: 20, }, 1500: { slidesPerView: 6, spaceBetween: 20, }, 2000: { slidesPerView: 6, spaceBetween: 20, }, }, autoplay: { delay: 2000, }, loop: true, }; const reviewsCarousel = new Swiper('#slider1', reviewsCarouselOptions); const slider1Options = { direction: 'horizontal', freeMode: true, grabCursor: true, speed: 600, a11y: false, loop: false, breakpoints: { 640: { slidesPerView: 1, spaceBetween: 5, }, 768: { slidesPerView: 1, spaceBetween: 10, }, 1024: { slidesPerView: 1, spaceBetween: 10, }, 1366: { slidesPerView: 1, spaceBetween: 20, }, 1500: { slidesPerView: 1, spaceBetween: 20, }, }, autoplay: { delay: 2000, }, loop: true, }; const slider1 = new Swiper('#slider2', slider1Options); const slider2Options = { direction: 'horizontal', freeMode: true, grabCursor: true, speed: 600, a11y: false, loop: false, breakpoints: { 640: { slidesPerView: 1, spaceBetween: 5, }, 768: { slidesPerView: 1, spaceBetween: 10, }, 1024: { slidesPerView: 2, spaceBetween: 10, }, 1366: { slidesPerView: 3, spaceBetween: 20, }, 1500: { slidesPerView: 3, spaceBetween: 20, }, }, autoplay: { delay: 2000, }, loop: true, }; const slider2 = new Swiper('#slider2', slider2Options); </script> <script> function animate(obj, initVal, lastVal, duration) { let startTime = null; const step = (timestamp) => { if (!startTime) { startTime = timestamp; } const progress = Math.min((timestamp - startTime) / duration, 1); obj.innerHTML = Math.floor(progress * (lastVal - initVal) + initVal); if (progress < 1) { window.requestAnimationFrame(step); } }; window.requestAnimationFrame(step); } let text1 = document.getElementById('0101'); let text2 = document.getElementById('0102'); let text3 = document.getElementById('0103'); let text4 = document.getElementById('0104'); const load = () => { animate(text1, 0, 110, 7000); animate(text2, 0, 95, 7000); animate(text3, 0, 120, 7000); animate(text4, 0, 200, 7000); } window.addEventListener('load', load); </script> </div> </div> </body> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" integrity="sha384-3AB7yXWz4OeoZcPbieVW64vVXEwADiYyAEhwilzWsLw+9FgqpyjjStpPnpBO8o8S" crossorigin="anonymous"> <script src='https://kit.fontawesome.com/a076d05399.js' crossorigin='anonymous'></script> </head> <style> @font-face { font-family: 'Pacifico'; src: url('path_to_your_font_files/Pacifico-Regular.ttf') format('truetype'); /* Update the path to your font file */ } @font-face { font-family: 'Quicksand'; src: url('path_to_your_font_files/Quicksand-Regular.ttf') format('truetype'); /* Update the path to your font file */ /* You can also add additional font weights or styles here */ } .contact-card { height: 490px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(256, 256, 256, 0.25); border-radius: 0px !important; border: none; margin-bottom: -7%; } .last { background-color: #081A48; color: white; padding-top: 150px; } .last-first p { padding-top: 0px; } .last-second { list-style: none; margin-bottom: 5%; } .last-second h4 { font-weight: 600; } .last-second ul { list-style: none; line-height: 35px; color: white; } .last-second ul li a { color: white; text-decoration: none; } .last-second ul li a:hover { color: white; } .last-third { margin-top: 3%; } .lasthead { font-weight: 600; } .last-third a { color: white; text-decoration: none; } .last-third a:hover { color: white; } .soci-last { display: flex !important; align-items: center; } .so-icon { margin-right: 20px; padding: 5px 10px; border-radius: 100%; border-color: white; border-style: solid; border-width: 0.5px; } .design-but button { padding: 10px 40px; border-radius: 30px; border: none; color: white; background-image: linear-gradient(to top, #48A7ED, #0052D3); } .bw-head { color: #081A48; } .para { font-size: 17px; text-align: justify; } .best-work ul li a { color: #081A48; font-size: 14px; text-decoration: none; } .best-work ul li a:hover { color: black; } .lastline { color: white; text-align: end; } .lastline a { color: white; text-decoration: none; } .lastline a:hover { color: white; } .copyrights { background-color: #081A48; padding-top: 1.5%; padding-bottom: 0.7%; } .last-anchor { color: white; text-decoration: none; font-weight: 600; } .a-tag { color: white; font-weight: 600; } .title { font-family: 'Pacifico', cursive; color: white; font-size: 1.7rem; } .form-control { background-color: white; border-radius: 1rem; border: none; width: 90%; margin-left: 5%; box-shadow: 0px 7px 5px rgba(0, 0, 0, 0.2); &.thick { height: 1.3rem; } &:focus { border: 2px solid #1C46A8; box-shadow: 5px 10px 5px rgba(0, 0, 0, 0.09); } } .message .form-control { padding: 0.5rem 1.8rem; } ::placeholder { font-family: "Quicksand", sans-serif; font-weight: 600; font-size: 1.1rem; color: #081A48 !important; position: relative; left: 0; } .form-group input, textarea { font-family: "Quicksand", sans-serif; color: #081A48; font-size: 1.1rem; } .icon { position: absolute; left: 45px; top: 12px; } .btn.btn-primary { font-family: "Quicksand", sans-serif; font-weight: bold; height: 2.5rem; line-height: 2.5rem; padding: 0 3rem; border: 0; border-radius: 3rem; background-image: linear-gradient(131deg, #1C46A8, #1CC4F8); background-size: 300% 100%; transition: all 0.3s ease-in-out; } .btn.btn-primary:hover:enabled { box-shadow: 0 0.5em 0.5em -0.4em #ff923cba; background-size: 100% 100%; transform: translateY(-0.15em); } .back-img { background: url(./images/contactform.png); background-position: center; background-repeat: no-repeat; background-size: cover; } .anchor-footer { color: #B6C7D6; text-decoration: none; } .anchor-footer:hover { color: white; } .social-media .fb { position: relative; display: block; width: 45px; height: 45px; background-color: #f1f1f1; border-radius: 30%; overflow: hidden; text-align: center; text-decoration: none; box-shadow: 0 5px 15px -5px rgba(69, 69, 69, 0.5); color: #4267B2; } .social-media .fb i { line-height: 50px; font-size: 1.5rem; transition: .2s linear; } .social-media .fb:hover i { transform: scale(1.2); color: #f1f1f1; } .social-media .fb:hover::before { animation: icons .7s 1; top: -10%; left: -10%; } .social-media .fb::before { content: ''; position: absolute; width: 120%; height: 120%; background: #4267B2; transform: rotate(45deg); left: -110%; top: 90%; } @keyframes icons { 0% { left: -110%; top: 90%; } 50% { left: 10%; top: -30%; } 100% { left: -10%; top: -10%; } } /****************************linkedin***************/ .social-media .linkedin { position: relative; display: block; width: 45px; height: 45px; background-color: #f1f1f1; border-radius: 30%; /* margin: 10px; */ overflow: hidden; text-align: center; text-decoration: none; box-shadow: 0 5px 15px -5px rgba(69, 69, 69, 0.5); color: #0077b5; } .social-media .linkedin i { line-height: 50px; font-size: 1.5rem; transition: .2s linear; } .social-media .linkedin:hover i { transform: scale(1.2); color: #f1f1f1; } .social-media .linkedin:hover::before { animation: icons .7s 1; top: -10%; left: -10%; } .social-media .linkedin::before { content: ''; position: absolute; width: 120%; height: 120%; background: #0077b5; transform: rotate(45deg); left: -110%; top: 90%; } @keyframes icons { 0% { left: -110%; top: 90%; } 50% { left: 10%; top: -30%; } 100% { left: -10%; top: -10%; } } /********************************youtube************************/ .social-media .youtube { position: relative; display: block; width: 45px; height: 45px; background-color: #f1f1f1; border-radius: 30%; /* margin: 10px; */ overflow: hidden; text-align: center; text-decoration: none; box-shadow: 0 5px 15px -5px rgba(69, 69, 69, 0.5); color: #FF0000; } .social-media .youtube i { line-height: 50px; font-size: 1.5rem; transition: .2s linear; } .social-media .youtube:hover i { transform: scale(1.2); color: #f1f1f1; } .social-media .youtube:hover::before { animation: icons .7s 1; top: -10%; left: -10%; } .social-media .youtube::before { content: ''; position: absolute; width: 120%; height: 120%; background: #FF0000; transform: rotate(45deg); left: -110%; top: 90%; } @keyframes icons { 0% { left: -110%; top: 90%; } 50% { left: 10%; top: -30%; } 100% { left: -10%; top: -10%; } } /********************instragram***************/ .social-media .instagram { position: relative; display: block; width: 45px; height: 45px; background-color: #f1f1f1; border-radius: 30%; /* margin: 10px; */ overflow: hidden; text-align: center; text-decoration: none; box-shadow: 0 5px 15px -5px rgba(69, 69, 69, 0.5); color: rgb(251, 173, 80); } .social-media .instagram i { line-height: 50px; font-size: 1.5rem; transition: .2s linear; } .social-media .instagram:hover i { transform: scale(1.2); color: #f1f1f1; } .social-media .instagram:hover::before { animation: icons .7s 1; top: -10%; left: -10%; } .social-media .instagram::before { content: ''; position: absolute; width: 120%; height: 120%; background: #fbad50; transform: rotate(45deg); left: -110%; top: 90%; } @keyframes icons { 0% { left: -110%; top: 90%; } 50% { left: 10%; top: -30%; } 100% { left: -10%; top: -10%; } } /**************twitter****************/ .social-media .twitter { position: relative; display: block; width: 45px; height: 45px; background-color: #f1f1f1; border-radius: 30%; overflow: hidden; text-align: center; text-decoration: none; box-shadow: 0 5px 15px -5px rgba(69, 69, 69, 0.5); color: #1DA1F2; } .social-media .twitter i { line-height: 50px; font-size: 1.5rem; transition: .2s linear; } .social-media .twitter:hover i { transform: scale(1.2); color: #f1f1f1; } .social-media .twitter:hover::before { animation: icons .7s 1; top: -10%; left: -10%; } .social-media .twitter::before { content: ''; position: absolute; width: 120%; height: 120%; background: #1DA1F2; transform: rotate(45deg); left: -110%; top: 90%; } @keyframes icons { 0% { left: -110%; top: 90%; } 50% { left: 10%; top: -30%; } 100% { left: -10%; top: -10%; } } .cap-inp { border-radius: 1rem; outline: none; border: none; width: 150px; background-color: white; } .footer-address { color: #B6C7D6; } .footer-address:hover { color: #ffffff; } .india-image { width: 200px; position: relative; display: inline-block; } .india-image .img-top { display: none; position: absolute; top: 0; left: 0; z-index: 99; } .india-image:hover .img-top { display: inline; } .dubai-image { width: 200px; position: relative; display: inline-block; } .dubai-image .dubai-img-top { display: none; position: absolute; top: 0; left: 0; z-index: 99; } .dubai-image:hover .dubai-img-top { display: inline; } </style> <link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Quicksand&display=swap" rel="stylesheet"> <div class="pt-5" id="contactus" style="background-color:#F7FDFF"> <div class="card back-img contact-card mt-4" style="width: 80%; margin-left:10%">  <style> .popup { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; padding: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); z-index: 9999; } .overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 9998; } .popup-inputbox { border-radius: 15px; border: 1px solid #081A48; width: 100%; } .popup-inputbox::placeholder { color: #081A48 !important; font-size: 14px; } .popuptitle { font-weight: 700; color: #1C46A8; } .popup-submit { background-color: white; color: black; border: none; border-radius: 5px; } .close-icon { position: absolute; top: -4px; right: 10px; font-size: 30px; cursor: pointer; color: #1C46A8; } .cap-inpd { margin: 0; width: 100%; border: 1px solid #081A48; box-shadow: none; } </style> <div class="popup" id="popup" style="width:60%; border-radius:5px"> <span class="close-icon" onclick="closePopup()">×</span> <div class="row"> <div class="col-lg-6 d-flex justify-content-center align-items-center"> <img src="./images/contact-us-vector.png" alt="girl with contact us board" width="100%" style="border-radius:5px"> </div> <div class="col-lg-6"> <form method="POST" action="./messier97/upload-contactus.php" onsubmit="return checkInput()" enctype="multipart/form-data"> <h3 class="popuptitle mb-3">Contact Us!</h3> <div> <input class="popup-inputbox py-2 px-3 " placeholder="Name*" type="text" id="message" name="name" required> </div> <div> <input class="popup-inputbox py-2 px-3 my-3" placeholder="Phone*" type="text" id="phone" oninput="this.value = this.value.replace(/[^0-9]/g, '')" name="phone" required> </div> <div> <input class="popup-inputbox py-2 px-3 " placeholder="Email*" type="email" id="message" name="email" required> </div> <div> <input class="popup-inputbox py-4 px-3 my-3" placeholder="Message*" type="text" id="message" name="message" required> </div> <div id="user-input" class="inline"> <input class="cap-inpd py-2 my-2 form-control" type="text" id="submit_a" placeholder=" Enter Captcha" required /> </div> <div class="row"> <div class="col-lg-6"> <div class="d-flex mt-1"> <div class="inline" style="cursor: pointer; margin-right:10px" onclick="generate_a()"> <img width="25" height="25" src="https://img.icons8.com/ios-glyphs/90/1C46A8/refresh--v1.png" alt="refresh--v1" /> </div> <del style="text-decoration-thickness: 1.5px; text-decoration-color: #1C46A8;"> <div id="image_a" style="color: red; font-weight:bold; font-style:italic; font-size:18px" class="inline" selectable="False"> </div> </del><span style="padding-left: 10px;" id="key_a"></span> </div> </div> <div class="col-lg-6"> <div> <div class="web-button-div d-flex justify-content-center"> <button type="submit" name="upload" onclick="return printmsg_a()" class="web-button">Submit</button> </div> </div> </div> </div> </form> </div> </div> </div> <div class="overlay" id="overlay" onclick="closePopup()"></div>  <script> var popupOpened = false; window.onscroll = function() { scrollFunction() }; function scrollFunction() { if (!popupOpened && (document.body.scrollTop > 2500 || document.documentElement.scrollTop > 2500)) { openPopup(); popupOpened = true; } } // Function to open the popup function openPopup() { document.getElementById('popup').style.display = 'block'; document.getElementById('overlay').style.display = 'block'; } // Function to close the popup function closePopup() { document.getElementById('popup').style.display = 'none'; document.getElementById('overlay').style.display = 'none'; } function checkInput() { var message = document.getElementById('message').value; var restrictedChars = /[<>*\/]/; if (restrictedChars.test(message)) { alert('Please avoid using <, >, *, or / in your message.'); return false; } return true; } </script>  <div class="container py-3 px-5"> <div class="row"> <div class="col-lg-6"></div> <div class="col-lg-6"> <form method="POST" action="./messier97/upload-contactus.php"> <h2 class="title text-center mb-2">Talk to Us</h2>  <div class="form-group position-relative"> <input type="text" id="formName" name="name" class="form-control form-control-lg thick" placeholder="Name" required> </div>  <div class="form-group position-relative mt-2"> <input type="text" name="phone" class="form-control form-control-lg thick" placeholder="Phone" required oninput="this.value = this.value.replace(/[^0-9]/g, '');"> </div>  <div class="form-group position-relative my-2"> <input type="email" name="email" id="formEmail" class="form-control form-control-lg thick" placeholder="E-mail" required> </div>  <div class="form-group message"> <textarea id="formMessage" name="message" class="form-control form-control-lg" rows="4" placeholder="Message"></textarea> </div> <div class="row"> <div class="col-lg-6"> <div style="margin-left:20px"> <div id="user-input" class="inline"> <input class="cap-inp py-2 my-2 form-control" type="text" id="submit" placeholder=" Enter Captcha" required /> </div> <div class="d-flex mt-1"> <div class="inline mx-3 " onclick="generate()"> <img width="25" height="25" src="https://img.icons8.com/ios-glyphs/90/ffffff/refresh--v1.png" alt="refresh--v1" /> </div> <del style="text-decoration-thickness: 1.5px; text-decoration-color: #1C46A8;"> <div id="image" style="color: red; font-weight:bold; font-style:italic; font-size:18px" class="inline" selectable="False"> </div> </del><span style="padding-left: 20px;" id="key"></span> </div> </div> </div> <div class="col-lg-6">  <div class="text-center"> <div class="web-button-div"> <button style="border-radius: 1rem; padding: 7px 50px;" name="upload" type="submit" onclick="return printmsg()" class="web-button my-2">Submit</button> </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> </div> <script> let captcha; document.addEventListener('DOMContentLoaded', function() { captcha = document.getElementById("image"); let uniquechar = ""; const randomchar = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789"; for (let i = 1; i < 5; i++) { uniquechar += randomchar.charAt( Math.random() * randomchar.length) } captcha.innerHTML = uniquechar; }, false); let captcha_a; document.addEventListener('DOMContentLoaded', function() { captcha_a = document.getElementById("image_a"); let uniquechar_a = ""; const randomchar = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789"; for (let i = 1; i < 5; i++) { uniquechar_a += randomchar.charAt( Math.random() * randomchar.length) } captcha_a.innerHTML = uniquechar_a; }, false); function generate() { captcha = document.getElementById("image"); let uniquechar = ""; const randomchar = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789"; for (let i = 1; i < 5; i++) { uniquechar += randomchar.charAt( Math.random() * randomchar.length) } captcha.innerHTML = uniquechar; } function generate_a() { captcha_a = document.getElementById("image_a"); let uniquechar_a = ""; const randomchar = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789"; for (let i = 1; i < 5; i++) { uniquechar_a += randomchar.charAt( Math.random() * randomchar.length) } captcha_a.innerHTML = uniquechar_a; } function printmsg() { const usr_input = document .getElementById("submit").value; if (usr_input == captcha.innerHTML) { let s = document.getElementById("key") .innerHTML = '<div style="display:flex;"><img width="25" height="25" src="https://img.icons8.com/ios-glyphs/200/00A14F/checked--v1.png" alt="checked--v1"/><p style="color:#00A14F"> Verified</p></div>'; generate(); return true; } else { let s = document.getElementById("key") .innerHTML = '<div style="display:flex;"><img style="margin-top:-1px" width="25" height="25" src="https://img.icons8.com/material-sharp/96/EA0B0B/multiply.png" alt="multiply"/><span style="color:red">Invalid</span></div>'; generate(); return false; } } function printmsg_a() { const user_input = document .getElementById("submit_a").value; if (user_input == captcha_a.innerHTML) { let s = document.getElementById("key_a") .innerHTML = '<div style="display:flex;"><img width="25" height="25" src="https://img.icons8.com/ios-glyphs/200/00A14F/checked--v1.png" alt="checked--v1"/><p style="color:#00A14F"> Verified</p></div>'; generate_a(); return true; } else { let s = document.getElementById("key_a") .innerHTML = '<div style="display:flex;"><img style="margin-top:-1px" width="25" height="25" src="https://img.icons8.com/material-sharp/96/EA0B0B/multiply.png" alt="multiply"/><span style="color:red">Invalid</span></div>'; generate_a(); return false; } } </script>  <div class="last"> <div class="container-fluid last1"> <div class="row px-5"> <div class="col-lg-4 py-3 d-flex justify-content-center"> <div class="footer-address india-image"> <img src="./images/india.png" width="100%" alt="Card Back"> <img src="./images/india.png" class="img-top" width="100%" alt="Card Front"> <hr> <h6 class="mt-2 text-center" style="font-weight:600">HQ INDIA</h6> <p class="px-2" style="text-align:center">#2B, Vel Nagar, 6th Cross St,<br> Maduravoyal, Chennai,<br> Tamil Nadu - 600095.</p> </div> </div> <div class="col-lg-4 py-3 d-flex justify-content-center px-5"> <div class="footer-address dubai-image" style="margin-top:-35px"> <img src="./images/dubai.png" width="100%" alt="Card Back"> <img src="./images/dubai-1.png" class="dubai-img-top" width="100%" alt="Card Front"> <hr> <h6 class="mt-2 text-center" style="font-weight:600">DUBAI</h6> <p class="px-2" style="text-align:center">Office 13&14, Ground Floor, Iridium Building, Umm Suqeim Road,AI Barsha1, Dubai.</p> </div> </div> <div class="col-lg-4 py-3 d-flex justify-content-center px-5"> <div class="footer-address dubai-image" style="margin-top:-30px"> <img src="./images/canada.png" width="100%" alt="Card Back"> <img src="./images/canada-1.png" class="dubai-img-top" width="100%" alt="Card Front"> <hr> <h6 class="mt-2 text-center" style="font-weight:600">CANADA</h6> <p class="px-2" style="text-align:center">Calgary, Canada.</p> </div> <div class="footer-address"> <hr> </div> </div> </div> <hr> <div class="row">  <div class="col-lg-4 px-5 d-flex justify-content-center "> <div class="last-first"> <h4 class="mt-2">MDQ</h4> <p style="color:#B6C7D6; text-align:justify"> MDQuality Apps Solutions is a Website Development, Web Application, Digital Marketing and Mobile Application leading Company in Chennai. We are all about the web. You would like to do anything with online then, we are the ones you call. </p> <p> GST: 33ABPFM9307G1Z2 </p> <h4 class="mt-2">Social Networks</h4> <div class="row pt-3 gy-3"> <div class="col-lg-12"> <ul class="social-media d-flex" style="list-style-type:none; margin-left:-33px"> <li class="pe-2"><a style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);" href="https://www.facebook.com/MDQuality-Apps-Solutions-101922395234820" target="_blank" class="fb"><i class="fab fa-facebook-f" style="font-size:20px"></i></a> </li> <li class="pe-2 mx-1"><a style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);" href="https://www.linkedin.com/company/mdquality-apps-solutions/" target="_blank" class="linkedin"><i class="fa fa-linkedin" style="font-size:20px"></i></a> </li> <li class="pe-2 "><a style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);" href="https://twitter.com/mdqualityapps" target="_blank" class="twitter"><i class="fa fa-twitter" style="font-size:20px"></i></a> </li> <li class="pe-2 mx-1"><a style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);" href="https://www.instagram.com/mdqualityapps/" target="_blank" class="instagram"><i class="fa fa-instagram" style="font-size:20px"></i></a> </li> <li class="pe-2 "><a style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);" href="https://www.youtube.com/@MDQualityApps" target="_blank" class="youtube"><i class="fa fa-youtube-play" style="font-size:20px"></i></a></li> </ul> </div> </div> </div> </div>  <div class="col-lg-4" style=" display: flex; justify-content: center;"> <div style="margin-left:30px"> <iframe src="./linkeidn.php" width="100%" height="400px" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> </div> </div>  <div class="col-lg-4 py-4"> <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d1284.578782734799!2d80.17467962117463!3d13.059582507596213!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a52613d2014a4ab%3A0xd495655bdeb91fea!2s2B%2C%206th%20Cross%20St%2C%20Velu%20Nagar%2C%20Maduravoyal%2C%20Chennai%2C%20Tamil%20Nadu%20600095!5e0!3m2!1sen!2sin!4v1701947091680!5m2!1sen!2sin" width="100%" height="370px" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> </div> </div> </div>  <div class="container-fluid pb-3"> <hr> <div class="row"> <div class="col-lg-4"> <p style="color:#B6C7D6 ; text-align:center; font-weight:600; margin-bottom:0px;font-size:14px">Copyright © 2023 MDQuality Apps Solutions </p> </div> <div class="col-lg-4"> <p style="text-align:center; margin-bottom:0px"><a class="a-tag" href="./faq.php">T&M, FAQ</a></p> </div> <div class="col-lg-4"> <p style="text-align:center; margin-bottom:0px"><a class="a-tag" href="./privacy-policy.php">Privacy Policy</a></p> </div> </div> <div> </div> </div> </div>