MMCT TEAM
Server IP : 103.191.208.50  /  Your IP : 216.73.216.53
Web Server : LiteSpeed
System : Linux orion.herosite.pro 4.18.0-553.53.1.lve.el8.x86_64 #1 SMP Wed May 28 17:01:02 UTC 2025 x86_64
User : celkcksm ( 1031)
PHP Version : 7.4.33
Disable Function : show_source, system, shell_exec, passthru, popen, exec
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : ON
Directory (0750) :  /home/celkcksm/www/

[  Home  ][  C0mmand  ][  Upload File  ]

Current File : /home/celkcksm/www/interface.html
<!DOCTYPE html>
<html lang="en">


<head>
    <meta charset="UTF-8">
    <meta name="theme-color" content="#0034f7">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <link rel="shortcut icon" href="frontend/assets/img/icons/favicon/favicon.ico" />
    <link rel="icon" type="image/png" href="frontend/assets/img/icons/favicon/favicon-32x32.png" sizes="32x32" />
    <link rel="icon" type="image/png" href="frontend/assets/img/icons/favicon/favicon-16x16.png" sizes="16x16" />
    <title>
        Best Website Development Services in India - Interface
    </title>
    <meta name="keywords" content="website development, website development company, website development agency, ecommerce website development, website development company in kolkata, website development india, website design and development services, website developer in kolkata, website development services​, website design and development company
    
" />
    <meta name="description" content="We offer modern, mobile-friendly website development that’s fast, affordable, and designed for optimal UI/UX, high conversion rates, and SEO!
    
" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="Article" />
<meta property="og:title" content="Ncriptech is a top software development company" />
<meta property="og:site_name" content="Ncriptech is a top software development company" />
<meta property="og:description" content="Ncriptech is a top software development company in Kolkata, specializing in web and mobile apps for over 12 years. Contact us for a free consultation." />
<meta property="og:image" content="frontend/assets/img/icons/favicon/favicon-32x32.png" />

<style>
    @import url("frontend/assets/vendors/swiper@8.0.7/swiper-bundle.min.css?v=1.1.8");
    @import url("frontend/assets/dart-scss/style.min.css?v=1.1.8");
</style>
<script src="frontend/assets/js/jquery-3.5.1.min.js?v=1.1.8"></script>
<script src="frontend/assets/js/jquery.validate.min.js?v=1.1.8" async></script>
<style type="text/css">
    .grecaptcha-badge {
        visibility: hidden;
    }
</style>
<script src="frontend/assets/js/scripts.js?v=1.1.8" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.7.0/ScrollToPlugin.min.js"></script>
<script src="frontend/assets/js/ScrollSmoother.min.js?v=1.1.8" defer></script>
<script src="frontend/assets/js/gsap/DrawSVGPlugin.min.js?v=1.1.8" defer></script>
<script src="frontend/assets/js/gsap/MotionPathPlugin.min.js?v=1.1.8" defer></script>
<script src="frontend/assets/js/gsap/Draggable.min.js?v=1.1.8" defer></script>
<script src="frontend/assets/js/gsap/SplitText.min.js?v=1.1.8" defer></script>
<script src="frontend/assets/js/offerings-anim.js?v=1.1.8" defer></script>

<style>
    @import url("frontend/assets/js/intl-tel/css/intlTelInput.min.css?v=1.1.8");
</style>
<script type="text/javascript" src="frontend/assets/js/intl-tel/js/intlTelInput.min.js?v=1.1.8" defer></script>
<script>
    let smoother;
    window.addEventListener('DOMContentLoaded', () => {
        gsap.config({
            autoSleep: 0,
            force3D: false,
            nullTargetWarn: false,
            trialWarn: false
        });

        function recursion(x) {

            if (x >= 1000000000000)
                return;
            recursion(x + 1);
        }

        function Geeks() {
            try {
                recursion(0);
                console.log("Too much recursion" +
                    " error not occurred");
            } catch (e) {
                console.log("Too much recursion" +
                    " error occurred");
            }
        }

        Geeks();

        gsap.registerPlugin(ScrollTrigger, ScrollSmoother, MotionPathPlugin, SplitText);

        ScrollTrigger.matchMedia({
            "(min-width: 1200px)": function() {

                ScrollTrigger.refresh();
                ScrollTrigger.normalizeScroll(true)
                smoother = ScrollSmoother.create({
                    smooth: 1.5, // how long (in seconds) it takes to "catch up" to the native scroll position
                    speed: 1,
                    effects: true, // looks for data-speed and data-lag attributes on elements
                    smoothTouch: 0.1, // much shorter smoothing time on touch devices (default is NO smoothing on touch devices)
                    normalizeScroll: true,
                    ignoreMobileResize: true
                });
            }
        });
    });
</script>
<script type="text/javascript" src="frontend/assets/js/career.js?v=1.1.8" defer></script>

<script async src="https://www.googletagmanager.com/gtag/js?id=G-GWY3L8QZ8L"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'G-GWY3L8QZ8L');
</script>
    <!-- Meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    
    <meta name="author" content="ncriptech"/>
    <meta name="robots" content="User-agent: * 
Disallow:
Allow: *.js
Allow: *.css"/>

        <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DLNMGE1LJY"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'G-DLNMGE1LJY');
</script>
<script src="https://cdn-in.pagesense.io/js/60024912285/24b834379f704b1790c66d2bbf482aae.js"></script>

<!--Start of Tawk.to Script-->
<script type="text/javascript">
    var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
    (function(){
    var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
    s1.async=true;
    s1.src='https://embed.tawk.to/685275c1bd63f1190f54a100/1iu11nv8m';
    s1.charset='UTF-8';
    s1.setAttribute('crossorigin','*');
    s0.parentNode.insertBefore(s1,s0);
    })();
</script>
<!--End of Tawk.to Script-->
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '2256038881582580');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=2256038881582580&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
</head>

<body id="ncriptech">
    <div data-scroll-container>
        <span class="drag-cursor">Swipe ⟶</span>

        <header class="theme-white">
            <div class="fulls--request-cta">
                <a href="contact" class="c2a-underline c--blak b-0">
                    <span>Request for Quote</span>
                </a>
            </div>
            <div class="mainX2-container">
                <div class="inner-container">
                    <a class="ncriptech--logo-mobile" href="#" tabindex="0">
                        <i icon="ncriptech"></i>
                        <img src="/frontend/assets/img/common/ncriptech_logo.webp" alt="Best Software Development Company in Kolkata - Ncriptech" title="Best Software Development Company in Kolkata - Ncriptech">
                    </a>
                    <a class="ncriptech--logo d-inline-block" href="index" aria-label="ncriptech Home Page" tabindex="1">
                        <!-- <i icon="ncriptech"></i> -->
                        <img src="/frontend/assets/img/common/ncriptech_logo2.webp" alt="Best Software Development Company in Kolkata - Ncriptech" title="Best Software Development Company in Kolkata - Ncriptech">
                        <!-- <img src="frontend/assets/js/new logo2.png" alt=""> -->
                    </a>
                    <nav>
                        <ul>
                            <!-- COMPANY COMPANY ====  -->
                            <li class="has-submenu has-submenu--company company--menu">
                                <span>Company</span>
                                <div class="submenu">
                                    <div class="submenu--company">
                                        <figure class="submenu--company-fig">
                                            <img src="frontend/assets/img/common/nav-menu/aboutMenuHero.jpg" alt="ncriptech" title="ncriptech" />
                                        </figure>
                                        <div class="submenu--company-items">
                                            <ul role="list">
                                                <li><a href="about" aria-label="About Us Page">About Us <i icon="arwR4"></i> </a></li>
                                                <!-- <li><a href="coming-soon" aria-label="Our Leadership Page">Our Leadership <i icon="arwR4"></i> </a></li> -->
                                                <li><a href="news" aria-label="ncriptech-news">News <i icon="arwR4"></i> </a></li>
                                                <li><a href="success_stories" aria-label="Success Stories Page">Success Stories <i icon="arwR4"></i> </a></li>
                                            </ul>
                                        </div>
                                        <div class="submenu--company-btm">
                                            <a href="contact" class="c2a outline c2a-arw c2a--inline hvr:bg--ncriptechblu hvr:c--whitee"> <span>Let's Connect</span> <i icon="arwR"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <!-- SERVICES SERVICES ====  -->
                            <li class="has-submenu has-submenu--practice">
                                <a href="services"><span>Services</span></a>
                                <div class="submenu">
                                    <div class="submenu--practice">
                                        <div class="submenu--practice-item flip-animate">
                                            <div class="submenu--practice-item-heading">
                                                <h4><a href="mobile-application-development"><span data-hover="Mobile Application Development">Mobile Application Development</span></a></h4>
                                            </div>
                                            <ul role="list">
                                                <li><a href="android-application-services" aria-label="Android Application Development">Android Application Development <i icon="arwR4"></i></a></li>
                                                <li><a href="crossplatform-application-services" aria-label="Cross Platform Application Development">Cross Platform App Development <i icon="arwR4"></i></a></li>
                                                <li><a href="ios-application-services" aria-label="IOS Application Development">IOS Application Development <i icon="arwR4"></i></a></li>
                                                <li><a href="custom-application-services" aria-label="Custom Application Development">Custom Application Development <i icon="arwR4"></i></a></li>
                                            </ul>
                                        </div>
                                        <div class="submenu--practice-item flip-animate">
                                            <div class="submenu--practice-item-heading">
                                                <h4><a href="website-development"><span data-hover="Website Development">Website Development</span></a></h4>
                                            </div>
                                            <ul role="list">
                                                <li><a href="web-application-services" aria-label="Web Application Development">Web Application Development <i icon="arwR4"></i></a></li>
                                                <li><a href="website-services" aria-label="Website Development">Website Development <i icon="arwR4"></i></a></li>
                                                <li><a href="uiux-services" aria-label="UI/UX Design">UI/UX Design <i icon="arwR4"></i></a></li>
                                                <li><a href="custom-website-services" aria-label="Custom Website Development">Custom Website Development <i icon="arwR4"></i></a></li>
                                            </ul>
                                        </div>
                                        <div class="submenu--practice-item flip-animate">
                                            <div class="submenu--practice-item-heading">
                                                <h4><a href="digital-marketing"><span data-hover="Digital Marketing">Digital Marketing</span></a></h4>
                                            </div>
                                            <ul role="list">
                                                <li><a href="seo-services" aria-label="SEO-Search Engine Optimization">SEO-Search Engine Optimization <i icon="arwR4"></i></a></li>
                                                <li><a href="facebook-marketing-services" aria-label="Social Media Marketing">Social Media Marketing <i icon="arwR4"></i></a></li>
                                                <li><a href="smo-services" aria-label="SMO - Social Media Optimization">SMO - Social Media Optimization <i icon="arwR4"></i></a></li>
                                                <li><a href="ecommerce-marketing-services" aria-label="E-Commerce Marketing">E-Commerce Marketing <i icon="arwR4"></i></a></li>
                                            </ul>
                                        </div>
                                        <div class="submenu--practice-item flip-animate">
                                            <div class="submenu--practice-item-heading">
                                                <h4><a href="custom-software-development"><span data-hover="Custom Software Development">Custom Software Development</span></a></h4>
                                            </div>
                                            <ul role="list">
                                                <li><a href="wordpress-services" aria-label="Wordpress Development">Wordpress Development <i icon="arwR4"></i></a></li>
                                                <li><a href="codeigniter-services" aria-label="CodeIgniter Development">CodeIgniter Development <i icon="arwR4"></i></a></li>
                                                <li><a href="magento-services" aria-label="Agile Transformation Page">Magento Development <i icon="arwR4"></i></a></li>
                                                <li><a href="opencart-services" aria-label="Opencart Development">Opencart Development <i icon="arwR4"></i></a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <!-- PRODUCTS PRODUCTS ====  -->
                            <li class="has-submenu has-submenu--industries">
                                <span>Products</span>
                                <div class="submenu">
                                    <div class="submenu--industries">
                                        <div class="submenu--industries-fig">
                                            <figure class="submenu--company-fig">
                                                <img src="frontend/assets/img/common/nav-menu/industryMenuHero.webp" alt="ncriptech" title="ncriptech" />
                                            </figure>
                                            <figcaption>Products We Offer</figcaption>
                                        </div>
                                        <div class="submenu--industries-items">
                                            <ul role="list">
                                                <li><a href="interface"> INTERFACE<i icon="arwR4"></i></a></li>
                                                <li><a href="mobidev"> MOBI DEV<i icon="arwR4"></i></a></li>
                                                <li><a href="codex"> CODEX <i icon="arwR4"></i></a></li>
                                                <li><a href="keywords"> KEYWORDS <i icon="arwR4"></i></a></li>
                                                <li><a href="pixelplus"> PIXEL PLUS <i icon="arwR4"></i></a></li>
                                                <li><a href="impulse"> IMPULSE <i icon="arwR4"></i></a></li>
                                                <li><a href="thinktank"> THINKTANK <i icon="arwR4"></i></a></li>
                                                <li><a href="cloudcampus"> CLOUD CAMPUS <i icon="arwR4"></i></a></li>
                                                <li><a href="sims"> SIMS4.0 <i icon="arwR4"></i></a></li>
                                                <li><a href="ehm"> EHM <i icon="arwR4"></i></a></li>
                                                <li><a href="flexibook"> FLEXIBOOK <i icon="arwR4"></i></a></li>
                                            </ul>
                                        </div>
                                        <div class="submenu--industries-btm">
                                            <a href="contact" class="c2a outline c2a-arw c2a--inline hvr:bg--ncriptechblu hvr:c--whitee"> <span>Let's Connect</span> <i icon="arwR"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li><a aria-label="CONNECT Page" href="contact">Contact</a></li>
                        </ul>
                        <div class="menu-icon">
                            <span class="menu-icon__line menu-icon__line-left"></span>
                            <span class="menu-icon__line"></span>
                            <span class="menu-icon__line menu-icon__line-right"></span>
                        </div>
                    </nav>
                    <figure class="gptw--logo">
                        <a href="https://g.page/r/CVcPvSUCkP04EBE/review" target="_blank"><img src="frontend/assets/img/common/nav-menu/google-review.png" alt="google-reviews" title="Google Review" /></a>
                    </figure>
                </div>
            </div>
        </header>
        <!-- .-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.- -->
        <div class="nav-container">
            <div class="nav-overflow">
                <div class="menu-close">
                    <svg width="634" height="634" viewBox="0 0 634 634" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M317 617C277.603 617 238.593 609.24 202.195 594.163C165.797 579.087 132.726 556.99 104.868 529.133C77.0103 501.273 54.9127 468.203 39.836 431.807C24.7597 395.407 17 356.397 17 317C17 277.603 24.7597 238.593 39.836 202.195C54.9127 165.797 77.0103 132.726 104.868 104.868C132.726 77.0103 165.797 54.9127 202.195 39.836C238.593 24.7597 277.603 17 317 17C356.397 17 395.407 24.7597 431.807 39.836C468.203 54.9127 501.273 77.0103 529.133 104.868C556.99 132.726 579.087 165.797 594.163 202.195C609.24 238.593 617 277.603 617 317C617 356.397 609.24 395.407 594.163 431.807C579.087 468.203 556.99 501.273 529.133 529.133C501.273 556.99 468.203 579.087 431.803 594.163C395.407 609.24 356.397 617 317 617Z" stroke="currentColor" stroke-width="33.3333" stroke-linecap="round" />
        <path d="M217 217L417 417" stroke="currentColor" stroke-width="33.3333" stroke-linecap="round" />
        <path d="M417 217L217 417" stroke="currentColor" stroke-width="33.3333" stroke-linecap="round" />
                    </svg>
                </div>
        
                <nav class="menu menu-grid">
                    <!-- LEFT SIDE EXTREME -->
                    <div class="menu-f-grid text-center">
                        <a class="ncriptech--logo d-inline-block" href="#" aria-label="ncriptech Home Page" tabindex="1">
                            <img src="/frontend/assets/img/common/ncriptech_logo2.webp" alt="">
                        </a>
                        <div class="menu-copy-social">
                            <h6>&copy; 2024 </h6>
                            <p>Ncriptch. All Rights Reserved.</p>
                            <ul class="ncriptech__social--links">
                                <li><a class="c--facebook" target="_blank" href="https://www.facebook.com/ncriptechglobal/"><img src="frontend/assets/img/icons/social-icons/facebook.svg" alt="Facebook" title="Facebook"><span>Facebook</span></a></li>
                                <li><a class="c--instagramorange" target="_blank" href="https://www.instagram.com/ncriptechglobal/"><img src="frontend/assets/img/icons/social-icons/instagram.svg" alt="Instagram" title="Instagram"><span>Instagram</span></a></li>
                                <li><a class="c--linkedin" target="_blank" href="#"><img src="frontend/assets/img/icons/social-icons/linkedin.svg" alt="LinkedIn" title="LinkedIn"><span>LinkedIn</span></a></li>
                                <li><a class="c--twitter" target="_blank" href="#"><img src="frontend/assets/img/icons/social-icons/x.svg" alt="Twitter" title="Twitter"><span>Twitter</span></a></li>
                                <li><a class="c--youtube" target="_blank" href="#"><img src="frontend/assets/img/icons/social-icons/youtube.svg" alt="YouTube" title="YouTube"><span>YouTube</span></a></li>
                            </ul>
                        </div>
                        <a href="contact" class="c2a c2a--inline c2a--arw bg--blu c--whitee hvr:bg--ylw hvr:c--blak">
                            <span>Request for Quote</span> <i icon="arwR4"></i>
                        </a>
                    </div>
                    <!-- MIDDLE PART -->
                    <div class="menu-inner-grid">
                        <div class="menu-item menu-item-full">
                            <h6 class="menu__heading">OUR SERVICES</h6>
                            <div class="menu__item-heading">
                                <a href="javascript:;" class="menu__item-link" href="#MobileApplicationDevelopment" data-hover-content="Mobile Application DevelopmentMobile Application DevelopmentMobile Application DevelopmentMobile Application DevelopmentMobile Application DevelopmentMobile Application Development"
                                    data-href="#MobileApplicationDevelopment" data-link="Mobile Application Development">Mobile Application Development <i icon="arwR4"></i></a>
                            </div>
                            <div class="menu__item-heading">
                                <a href="javascript:;" class="menu__item-link" href="#WebsiteDevelopment" data-hover-content="Website DevelopmentWebsite DevelopmentWebsite DevelopmentWebsite DevelopmentWebsite DevelopmentWebsite Development"
                                    data-href="#WebsiteDevelopment" data-link="Website Development">Website Development <i icon="arwR4"></i></a>
                            </div>
                            <div class="menu__item-heading">
                                <a href="javascript:;" class="menu__item-link" href="#DigitalMarketing" data-hover-content="Digital MarketingDigital MarketingDigital MarketingDigital MarketingDigital MarketingDigital Marketing"
                                    data-href="#DigitalMarketing" data-link="Digital Marketing">Digital Marketing <i icon="arwR4"></i></a>
                            </div>
                            <div class="menu__item-heading">
                                <a href="javascript:;" class="menu__item-link" href="#CustomSoftwareDevelopment" data-hover-content="Custom Software DevelopmentCustom Software DevelopmentCustom Software DevelopmentCustom Software DevelopmentCustom Software DevelopmentCustom Software Development"
                                    data-href="#CustomSoftwareDevelopment" data-link="Custom Software Development">Custom Software Development <i icon="arwR4"></i></a>
                            </div>
                        </div>
                        <div class="menu-item-accord-cont">
                            <div class="menu-item menu-item-accord">
                                <h6 class="menu__heading">Company</h6>
                                <ul class="menu__item--sub arrow--cta" role="list">
                                    <li><a href="about"><i icon="arwR4"></i> About Us</a></li>
                                    <!-- <li><a href="coming-soon"><i icon="arwR4"></i> Our Leadership</a></li> -->
                                    <li><a href="#"><i icon="arwR4"></i> Success Stories</a></li>
                                </ul>
                            </div>
                            <div class="menu-item menu-item-accord">
                                <h6 class="menu__heading">Stay Connected</h6>
                                <ul class="menu__item--sub arrow--cta" role="list">
                                    <li><a href="contact"><i icon="arwR4"></i> Contact Us</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- RIGHT SIDE EXTREME -->
                    <div class="industries-full-menu">
                        <div class="menu-item">
                            <h6 class="menu__heading">Our Products</h6>
                            <ul class="menu__item--sub arrow--cta" role="list">
                                <li><a href="interface"> INTERFACE<i icon="arwR4"></i></a></li>
                                                <li><a href="mobidev"> MOBI DEV<i icon="arwR4"></i></a></li>
                                                <li><a href="codex"> CODEX <i icon="arwR4"></i></a></li>
                                                <li><a href="keywords"> KEYWORDS <i icon="arwR4"></i></a></li>
                                                <li><a href="pixelplus"> PIXEL PLUS <i icon="arwR4"></i></a></li>
                                                <li><a href="impulse"> IMPULSE <i icon="arwR4"></i></a></li>
                                                <li><a href="thinktank"> THINKTANK <i icon="arwR4"></i></a></li>
                                                <li><a href="cloudcampus"> CLOUD CAMPUS <i icon="arwR4"></i></a></li>
                                                <li><a href="sims"> SIMS4.0 <i icon="arwR4"></i></a></li>
                                                <li><a href="ehm"> EHM <i icon="arwR4"></i></a></li>
                                                <li><a href="flexibook"> FLEXIBOOK <i icon="arwR4"></i></a></li>
                                
                            </ul>
                        </div>
                    </div>
                </nav>
                <div class="nav--content">
                    <div class="close--content">
                        <i icon="arwR"></i>
                    </div>
                    <div id="MobileApplicationDevelopment">
                        <div>
                            <div class="menu-heading-marquee">
                                <span>
                                    Mobile Application Development
                                    Mobile Application Development
                                    Mobile Application Development
                                    Mobile Application Development
                                    Mobile Application Development
                                    Mobile Application Development
                                    Mobile Application Development
                                    Mobile Application Development
                                    Mobile Application Development
                                    Mobile Application Development
                                    Mobile Application Development
                                    Mobile Application Development
                                    Mobile Application Development
                                    Mobile Application Development
                                    Mobile Application Development
                                    Mobile Application Development
                                    Mobile Application Development
                                    Mobile Application Development
                                    Mobile Application Development
                                    Mobile Application Development
                                    Mobile Application Development
                                    Mobile Application Development
                                    Mobile Application Development
                                    Mobile Application Development
                                    Mobile Application Development
                                    Mobile Application Development
                                    Mobile Application Development
                                    Mobile Application Development
                                    Mobile Application Development
                                    Mobile Application Development
                                    Mobile Application Development
                                </span>
                            </div>
                            <ul class="arrow--cta" role="list">
                                <li><a href="android-application-services"><i icon="arwR"></i> Android Application Development</a></li>
                                <li><a href="ios-application-services"><i icon="arwR"></i> IOS Application Development</a></li>
                                <li><a href="crossplatform-application-services"><i icon="arwR"></i> Cross Platform Application Development</a></li>
                                <li><a href="custom-software-development"><i icon="arwR"></i> Custom Software Development</a></li>
                            </ul>
                        </div>
                        <button type="button" class="c2a c2a--inline c2a--arw bg--blu c--whitee hvr:bg--ylw hvr:c--blak show-on-mobL" onclick="openContactModal();">
                            <span>Request for Quote</span> <i icon="arwR4"></i>
                        </button>
                    </div>
                    <div id="WebsiteDevelopment">
                        <div>
                            <div class="menu-heading-marquee">
                                <span>
                                    Website Development
                                    Website Development
                                    Website Development
                                    Website Development
                                    Website Development
                                    Website Development
                                    Website Development
                                    Website Development
                                    Website Development
                                    Website Development
                                    Website Development
                                    Website Development
                                    Website Development
                                    Website Development
                                    Website Development
                                    Website Development
                                    Website Development
                                    Website Development
                                    Website Development
                                    Website Development
                                    Website Development
                                    Website Development
                                    Website Development
                                    Website Development
                                    Website Development
                                    Website Development
                                    Website Development
                                    Website Development
                                    Website Development
                                    Website Development
                                </span>
                            </div>
                            <ul class="arrow--cta" role="list">
                                <li><a href="web-application-services"><i icon="arwR"></i> Web Application Development</a></li>
                                <li><a href="uiux-services"><i icon="arwR"></i> UI/UX Development</a></li>
                                <li><a href="website-services"><i icon="arwR"></i> Website Development</a></li>
                                <li><a href="custom-website-services"><i icon="arwR"></i> Custom Website Development</a></li>
                            </ul>
                        </div>
                        <button type="button" class="c2a c2a--inline c2a--arw bg--blu c--whitee hvr:bg--ylw hvr:c--blak show-on-mobL" onclick="openContactModal();">
                            <span>Request for Quote</span> <i icon="arwR4"></i>
                        </button>
                    </div>
                    <div id="DigitalMarketing">
                        <div>
                            <div class="menu-heading-marquee">
                                <span>
                                    Digital Marketing
                                    Digital Marketing
                                    Digital Marketing
                                    Digital Marketing
                                    Digital Marketing
                                    Digital Marketing
                                    Digital Marketing
                                    Digital Marketing
                                    Digital Marketing
                                    Digital Marketing
                                    Digital Marketing
                                    Digital Marketing
                                    Digital Marketing
                                    Digital Marketing
                                    Digital Marketing
                                    Digital Marketing
                                    Digital Marketing
                                    Digital Marketing
                                    Digital Marketing
                                    Digital Marketing
                                    Digital Marketing
                                    Digital Marketing
                                    Digital Marketing
                                    Digital Marketing
                                    Digital Marketing
                                    Digital Marketing
                                    Digital Marketing
                                    Digital Marketing
                                    Digital Marketing
                                    Digital Marketing
                                </span>
                            </div>
                            <ul class="arrow--cta" role="list">
                                <li><a href="seo-services"><i icon="arwR"></i> SEO-Search Engine Optimization</a></li>
                                <li><a href="facebook-marketing-services"><i icon="arwR"></i> Social Media Marketing</a></li>
                                <li><a href="smo-services"><i icon="arwR"></i> SMO-Social Media Optimization</a></li>
                                <li><a href="ecommerce-marketing-services"><i icon="arwR"></i> E-Commerce Marketing</a></li>
                            </ul>
                        </div>
                        <button type="button" class="c2a c2a--inline c2a--arw bg--blu c--whitee hvr:bg--ylw hvr:c--blak show-on-mobL" onclick="openContactModal();">
                            <span>Request for Quote</span> <i icon="arwR4"></i>
                        </button>
                    </div>
                    <div id="CustomSoftwareDevelopment">
                        <div>
                            <div class="menu-heading-marquee">
                                <span>
                                    Custom Software Development
                                    Custom Software Development
                                    Custom Software Development
                                    Custom Software Development
                                    Custom Software Development
                                    Custom Software Development
                                    Custom Software Development
                                    Custom Software Development
                                    Custom Software Development
                                    Custom Software Development
                                    Custom Software Development
                                    Custom Software Development
                                    Custom Software Development
                                    Custom Software Development
                                    Custom Software Development
                                    Custom Software Development
                                    Custom Software Development
                                    Custom Software Development
                                    Custom Software Development
                                    Custom Software Development
                                    Custom Software Development
                                    Custom Software Development
                                    Custom Software Development
                                    Custom Software Development
                                    Custom Software Development
                                    Custom Software Development
                                    Custom Software Development
                                    Custom Software Development
                                    Custom Software Development
                                    Custom Software Development
                                </span>
                            </div>
                            <ul class="arrow--cta" role="list">
                                <li><a href="wordpress-services"><i icon="arwR"></i> WordPress Development</a></li>
                                <li><a href="codeigniter-services"><i icon="arwR"></i> CodeIgniter Development</a></li>
                                <li><a href="magento-services"><i icon="arwR"></i> Magento Development</a></li>
                                <li><a href="opencart-services"><i icon="arwR"></i> Opencart Development</a></li>
                            </ul>
                        </div>
                        <button type="button" class="c2a c2a--inline c2a--arw bg--blu c--whitee hvr:bg--ylw hvr:c--blak show-on-mobL" onclick="openContactModal();">
                            <span>Request for Quote</span> <i icon="arwR4"></i>
                        </button>
                    </div>
                    <div id="Company">
                        <ul class="menu__item--sub arrow--cta" role="list">
                            <li><a href="about"><i icon="arwR4"></i> About Us</a></li>
                            <!-- <li><a href="coming-soon"><i icon="arwR4"></i> Our Leadership</a></li> -->
                            <li><a href="success-stories"><i icon="arwR4"></i> Success Stories</a></li>
                            <li><a href="contact"><i icon="arwR4"></i> Contact Us</a></li>
                        </ul>
                    </div>
                    <div id="Career">
                        <ul class="menu__item--sub arrow--cta" role="list">
                            <li><a href="career"><i icon="arwR4"></i> Career</a></li>
                            <li><a href="jobs"><i icon="arwR4"></i> Jobs</a></li>
                            <li><a href="recruitment-process"><i icon="arwR4"></i> Recruitment Process</a></li>
                            <li><a href="life-at-ncriptech"><i icon="arwR4"></i> Life at ncriptech</a></li>
                        </ul>
                    </div>
                    <div id="Resources">
                        <ul class="menu__item--sub arrow--cta" role="list">
                            <li><a href="blog"><i icon="arwR4"></i> Thoughts &amp; Insights</a></li>
                            <li><a href="success-stories"><i icon="arwR4"></i> Success Stories</a></li>
                        </ul>
                    </div>
                    <div id="IndustriesWeServe" class="hide-on-desktop">
                        <ul class="menu__item--sub arrow--cta" role="list">
                            <li><a href="#"> <img src="frontend/assets/img/common/sub-brand-logo/logo1.png" alt=""> <i icon="arwR4"></i></a></li>
                                <li><a href="#"><img src="frontend/assets/img/common/sub-brand-logo/logo2.png" alt=""> <i icon="arwR4"></i></a></li>
                                <li><a href="#"><img src="frontend/assets/img/common/sub-brand-logo/logo3.png" alt=""> <i icon="arwR4"></i></a></li>
                                <li><a href="#"><img src="frontend/assets/img/common/sub-brand-logo/logo4.png" alt=""> <i icon="arwR4"></i></a></li>
                                <li><a href="#"><img src="frontend/assets/img/common/sub-brand-logo/logo5.png" alt=""> <i icon="arwR4"></i></a></li>
                                <li><a href="#"><img src="frontend/assets/img/common/sub-brand-logo/logo6.png" alt=""> <i icon="arwR4"></i></a></li>
                                <li><a href="#"><img src="frontend/assets/img/common/sub-brand-logo/logo7.png" alt=""> <i icon="arwR4"></i></a></li>
                                <li><a href="#"><img src="frontend/assets/img/common/sub-brand-logo/logo8.png" alt=""> <i icon="arwR4"></i></a></li>
                                <li><a href="#"><img src="frontend/assets/img/common/sub-brand-logo/logo9.png" alt=""> <i icon="arwR4"></i></a></li>
                                <li><a href="#"><img src="frontend/assets/img/common/sub-brand-logo/logo10.png" alt=""> <i icon="arwR4"></i></a></li>
                                <li><a href="#"><img src="frontend/assets/img/common/sub-brand-logo/logo11.png" alt=""> <i icon="arwR4"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div id="smooth-wrapper" class="fl-left w-100p" scroll-section>
            <div id="smooth-content">
                <main class="mt-0 bg--blak">
                    <!-- BREADCUMBS ----  -->
                    <section class="ncriptech__hero-texts-animation bg--blak c--whitee mb-0">
                        <div class="mainX2-container">
                            <div class="inner-container">
                                <div class="grid_clm_practice">
                                    <div class="text-heading">
                                        <h1>Interface</h1>
                                        <div class="words">
                                            <span>Design</span>
                                            <span>Develop</span>
                                            <span>Scaling</span>
                                            <span>Service</span>
                                        </div>
                                    </div>
                                    <div class="breadcrumbs">
                                        <div class="mainX2-container">
                                            <div class="inner-container">
                                                <ul>
                                                    <li class="link"><a href="index">Home</a></li>
                                                    <li>Products</li>
                                                    <li>Interface</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                    <!-- HERO SECTION  -->
                    <section class="ncriptech__inner--hero-3 c--whitee p-0">
                        <figure>
                            <img class="desktop" src="frontend/assets/img/pages/products/interface_banner.webp" alt="web-development-company-ncriptech" title="Web Development Company - Ncriptech" />
                            <img class="mobile" src="frontend/assets/img/pages/products/interface_banner_mob.webp" alt="web-development-company-ncriptech" title="Web Development Company - Ncriptech" />
                        </figure>
                    </section>
                    <!-- CONTENT WITH BUTTON -->
                    <section class="ncriptech__tall-cards-carousel ncriptech__tall-cards-carouselM mobile-margin-top overflow-visible modernization--strategy bg--whitee mb-0">
                        <div class="mainX2-container">
                            <div class="inner-container b-0 pt-0 mb-0">
                                <article class="flow-rootX4">
                                    <div class="flow-rootX">
                                        <p class="h3 c--blu wrap"><span class="quote">Dynamic Website Design – Elevate Your Business to New Heights  
                                        </span></p>
                                        <p class="h4x wrap"><span class="quote">Enhance your business with dynamic web design! Our team creates engaging websites that adapt to user interactions and work seamlessly across all devices. We ensure your online presence reflects your brand's unique essence, helping you stand out in the digital landscape. Let us turn your vision into a captivating website that takes your business to new heights!                                            
                                        </span></p>
                                        <a href="contact" class="c2a outline c2a-arw c2a--inline hvr:bg--ncriptechblu hvr:c--whitee">
                                            <span>Get In Touch
                                            </span>
                                            <i icon="arwR"></i>
                                        </a>
                                    </div>
                                </article>
                            </div>
                        </div>
                    </section>
                    <!-- Comprehensive Website Development Services PROCESS -->
                    <section class="ncriptech__fixed-and-scroll-content  style--2New bg--cream margin-top-minus mb-0">
                        <div class="main-container">
                            <div class="inner-container">
                                <aside class="aside-heading auto">
                                    <h5 class="h2 c--blk fw--m"><span class="quote">Comprehensive Website<br/><span class="c--blu">Development Services by Ncriptech</span></span>
                                    </h5>
                                    <a class="c2a c2a-arw c2a--inline outline c--blak hvr:bg--ncriptechblu hvr:c--whitee radius:expandedX2 b-0 hide-on-mobL" href="contact">Let's Connect <i icon="arwR"></i></a>
                                </aside>
                                <div class="swiper__horizental2 gridy">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <div class="card-style-1New">
                                                <figure><img src="frontend/assets/img/2023_v2/services/app-development/User-Specific.webp" alt="Consultation & Planning" title="Consultation & Planning" /></figure>
                                                <article>
                                                    <h5>Requirement Analysis<br/>& Consultation</h5>
                                                    <p>We understand the client's needs, goals, and target audience, ensuring that the website design and functionality align with business objectives.
                                                    </p>
                                                </article>
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="card-style-1New">

                                                <article>
                                                    <h5>Custom Dynamic<br/>Website Design</h5>
                                                    <p>Using modern technologies, we create responsive, dynamic websites that offer rich user experiences and seamlessly adjust to different devices, enhancing engagement and usability.
                                                    </p>
                                                </article>
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="card-style-1New">

                                                <article>
                                                    <h5>Agile<br/>Development Process</h5>
                                                    <p>We follow an agile development approach, ensuring transparency, regular updates, and flexibility throughout the project. Clients can monitor their progress and make adjustments as necessary.
                                                    </p>
                                                </article>
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="card-style-1New">

                                                <article>
                                                    <h5>SEO-Optimized<br/>Solutions</h5>
                                                    <p>Our websites are designed with SEO best practices to help your site rank higher on search engines. We prioritize enhancing visibility through fast load times, mobile optimization, and content rich in keywords.
                                                    </p>
                                                </article>
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="card-style-1New">
                                                <article>
                                                    <h5>Post-Launch Support<br/>& Maintenance </h5>
                                                    <p>We offer ongoing support after the website launch, addressing any issues, updates, and enhancements to keep the website running smoothly and up-to-date.
                                                    </p>
                                                </article>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <a class="c2a c2a-arw c2a--inline outline c--blak hvr:bg--ncriptechblu hvr:c--whitee radius:expandedX2 b-0 show-on-mobL mt-3" onclick="openContactModal();">Let's Connect <i icon="arwR"></i></a>
                            </div>
                        </div>
                    </section>
                    <!-- 3 TAB SECTION WITH # BEAUTIFUL CARDS-------  -->
                    <section class="ncriptech__3i bg--whitee mb-0">
                        <div class="mainX2-container">
                            <div class="inner-container flow-rootX8">
                                <article class="flow-root c--whitee text-center">
                                    <h4 class="h2 hide-on-mobP wrap c--blak fw--sb">
                                        <span class="quote">INNOVATE.</span> <span class="c--blu quote-2">INTEGRATE.</span> <span class="quote-3">ITERATE.</span></h4>
                                </article>

                                <div class="swiper swiper__ideate">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <div class="ideate--card">
                                                <figure>
                                                    <img class="w-100" src="frontend/assets/img/pages/products/icon-1.webp" alt="Intercative Design" title="Intercative Design" />
                                                </figure>

                                                <h4 class="h4 c--blu-10 fw--m">Enhanced<br/>Visibility</h4>

                                                <p class="colspan-2">Boost your brand's digital footprint and increase reach by leveraging innovative strategies, ensuring more people discover your business and engage with your offerings.
                                                </p>
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="ideate--card">
                                                <figure>
                                                    <img class="w-100" src="frontend/assets/img/pages/products/icon-2.webp" alt="Quality Compliance" title="Quality Compliance" />
                                                </figure>

                                                <h4 class="h4 c--blu-10 fw--m">Scalability &<br/>Flexibility</h4>

                                                <p class="colspan-2">Seamlessly grow and adapt to new opportunities by incorporating scalable solutions that evolve with your business, allowing for continuous adjustment to market demands.
                                                </p>
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="ideate--card">
                                                <figure>
                                                    <img class="w-100" src="frontend/assets/img/pages/products/icon-3.webp" alt="Information Architecture" title="Information Architecture" />
                                                </figure>

                                                <h4 class="h4 c--blu-10 fw--m">Customer<br/>Satisfaction</h4>

                                                <p class="colspan-2">Deliver an exceptional user experience with an intuitive interface, simplifying the customer journey and fostering long-term loyalty and satisfaction.
                                                </p>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="swiper-nav">
                                        <div class="swiper__ideate--prev">
                                            <i icon="arwR"></i>
                                            <span>Previous</span>
                                        </div>
                                        <div class="swiper__ideate--next">
                                            <span>Next</span>
                                            <i icon="arwR"></i>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </section>
                    <!-- OUR WORKS --------  -->
                    <section class="ncriptech__webdesign--work pb-0 mb-0 bg--blak margin-top-minus">
                        <p class="h2 c--whitee text-center wrap"><span class="quote">A Glimpse into our Works</span></p>
                        <div class="ncriptech__webdesign--work--parallax w-100p fl-left">
                            <div class="cont">
                                <div class="c-1" style="--i: 1 ">
                                    <figure>
                                        <img src="frontend/assets/img/common/sample_work/10.webp">
                                    </figure>
                                    <figure>
                                        <img src="frontend/assets/img/common/sample_work/12.webp">
                                    </figure>
                                    <figure>
                                        <img src="frontend/assets/img/common/sample_work/14.webp">
                                    </figure>
                                    <figure>
                                        <img src="frontend/assets/img/common/sample_work/15.webp">
                                    </figure>
                                    <figure>
                                        <img src="frontend/assets/img/common/sample_work/16.webp">
                                    </figure>
                                </div>
                                <div class="c-2" style="--i: 2 ">
                                    <figure>
                                        <img src="frontend/assets/img/common/sample_work/17.webp">
                                    </figure>
                                    <figure>
                                        <img src="frontend/assets/img/common/sample_work/18.webp">
                                    </figure>
                                    <figure>
                                        <img src="frontend/assets/img/common/sample_work/19.webp">
                                    </figure>
                                    <figure>
                                        <img src="frontend/assets/img/common/sample_work/20.webp">
                                    </figure>
                                    <figure>
                                        <img src="frontend/assets/img/common/sample_work/21.webp">
                                    </figure>
                                </div>
                                <div class="c-3" style="--i: 3 ">
                                    <figure>
                                        <img src="frontend/assets/img/common/sample_work/22.webp">
                                    </figure>
                                    <figure>
                                        <img src="frontend/assets/img/common/sample_work/23.webp">
                                    </figure>
                                    <figure>
                                        <img src="frontend/assets/img/common/sample_work/24.webp">
                                    </figure>
                                    <figure>
                                        <img src="frontend/assets/img/common/sample_work/25.webp">
                                    </figure>
                                    <figure>
                                        <img src="frontend/assets/img/common/sample_work/26.webp">
                                    </figure>
                                </div>
                                <div class="c-4" style="--i: 4 ">
                                    <figure>
                                        <img src="frontend/assets/img/common/sample_work/27.webp">
                                    </figure>
                                    <figure>
                                        <img src="frontend/assets/img/common/sample_work/28.webp">
                                    </figure>
                                    <figure>
                                        <img src="frontend/assets/img/common/sample_work/29.webp">
                                    </figure>
                                    <figure>
                                        <img src="frontend/assets/img/common/sample_work/30.webp">
                                    </figure>
                                    <figure>
                                        <img src="frontend/assets/img/common/sample_work/31.webp">
                                    </figure>
                                </div>
                                <div class="c-5" style="--i: 5 ">
                                    <figure>
                                        <img src="frontend/assets/img/common/sample_work/32.webp">
                                    </figure>
                                </div>
                            </div>
                        </div>
                    </section>
                    <!-- TECH STACK SLIDER IN TWO ROW ------- TOP AND BOTTOM ====== DARK MODE -->
                    <section class="ncriptech--scrolltext mb-0 bg--blak margin-top-minus">
                        <div class="main-conainer">
                            <div class="inner-container flow-rootX8">
                                <div class="row-scrolling">
                                    <div class="m-scroll__title">
                                        <div>
                                            <h3 class="h2 c--whitee">
                                                <span class="text__filled">PayPal</span>
                                                <div class="about__dot"></div>
                                                <span class="text__outline">Stripe</span>
                                                <div class="about__dot"></div>
                                                <span class="text__filled">Apple Pay</span>
                                                <div class="about__dot"></div>
                                                <span class="text__outline">Amazon Pay</span>
                                                <div class="about__dot"></div>
                                                <span class="text__filled">Razorpay</span>
                                                <div class="about__dot"></div>
                                                <span class="text__outline">G-Pay</span>
                                                <div class="about__dot"></div>
                                                <span class="text__filled">Auhorize.Net</span>
                                                <div class="about__dot"></div>
                                                <span class="text__outline">CC Avenue</span>
                                            </h3>
                                        </div>
                                    </div>
                                </div>
                                <div class="row-scrolling">
                                    <div class="m-scroll__title2">
                                        <div>
                                            <h3 class="h2 c--whitee">
                                                <span class="text__outline">Zoho</span>
                                                <div class="about__dot"></div>
                                                <span class="text__filled">e-commerce</span>
                                                <div class="about__dot"></div>
                                                <span class="text__outline">Dynamic</span>
                                                <div class="about__dot"></div>
                                                <span class="text__filled">Qwikcilver</span>
                                                <div class="about__dot"></div>
                                                <span class="text__outline">Website</span>
                                                <div class="about__dot"></div>
                                                <span class="text__filled">JavaScript</span>
                                                <div class="about__dot"></div>
                                                <span class="text__outline">Tailwind CSS</span>
                                                <div class="about__dot"></div>
                                                <span class="text__filled">HTML</span>
                                            </h3>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </section>
                    <!-- LEFT SIDE -- IMAGE =======> RIGHT SIDE TEXT WITH BUTTON -->
                    <section class="ncriptech__figure-article-content bg--whitee ncriptech__figure-article-contentM mb-0">
                        <div class="main-container">
                            <div class="inner-container">
                                <figure class="reveal">
                                    <img data-speed="auto" class="w-100" src="frontend/assets/img/common/ncriptech_holding_mobile.webp" alt="dynamic-website-design-interface" title="Dynamic Website Design - INTERFACE" />
                                </figure>
                                <article class="flow-rootX4 mobile-padding text-anim--container fourK-article">
                                    <h5 class="h3 wrap"><span class="quote">Dynamic Website Design - Gives Wings To Your Business</span></h5>
                                    <p>Having a dynamic web design for your business website <span class="c--blu">offers a significant advantage!</span>We have the expertise to create unique websites with high-quality dynamic web design concepts.</p>

                                    <a href="contact" class="c2a c2a-arw c2a--inline outline c--blak hvr:bg--ncriptechblu hvr:c--whitee mt-2">
                                        <span>Let's Get Started</span>
                                        <i icon="arwR"></i>
                                    </a>
                                </article>
                            </div>
                        </div>
                    </section>
                    <!-- FAQ SECTION -----  -->
                    <section class="ncriptech__career-faq responsive-container-4k bg--gryF4 c--blak mb-0 margin-top-minus">
                        <div class="mainx-container">
                            <div class="inner-container flow-rootX2">
                                <div class="flow-rootX">
                                    <h6 class="h2 wrap"><span class="quote">FAQ's for ncriptech Products</span></h6>
                                    <p>Considering an application but have lingering questions? <br/>You're in the right spot. Discover answers to commonly asked questions about ncriptech.</p>
                                </div>
                                <div class="ui--tab flow-rootX">
                                    <ul class="ui--tab-menu ui--tab-menu-style-5">
                                        <li class="tab-menu-active">Working at ncriptech</li>
                                        <li>Finding the right fit</li>
                                    </ul>
                                    <div class="ui--tab-contents">
                                        <div class="tab-active">
                                            <div class="ui--accordian accord-style--3">
                                                <div class="ui--accordian-item accordian-active">
                                                    <button type="button" class="accordian-btn"><span class="c--ncriptechblu">Q1.</span> What is dynamic website design, and how does it differ from static design?
                                                    <em></em></button>
                                                    <div class="accordian-content">Dynamic website design allows for real-time content updates and personalized user experiences, whereas static design presents fixed content that doesn’t change unless manually updated. Dynamic sites are more interactive and adaptable to user needs. </div>
                                                </div>
                                                
                                                <div class="ui--accordian-item">
                                                    <button type="button" class="accordian-btn"><span class="c--ncriptechblu">Q2.</span> Why should I choose a dynamic website for my business?
                                                        <em></em></button>
                                                    <div class="accordian-content">A dynamic website provides flexibility, enhanced user engagement, and scalability, which can grow with your business. It also allows for easier updates and customizations, making it ideal for businesses that frequently update content or offer personalized experiences.</div>
                                                </div>

                                                <div class="ui--accordian-item">
                                                    <button type="button" class="accordian-btn"><span class="c--ncriptechblu">Q3.</span> What features can be included in a dynamic website?
                                                        <em></em></button>
                                                    <div class="accordian-content">Features can include interactive forms, content management systems (CMS), e-commerce capabilities, dynamic galleries, live chat support, personalized user dashboards, and much more, all designed to enhance user engagement and functionality.</div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="">
                                            <div class="ui--accordian accord-style--3">

                                                <div class="ui--accordian-item">
                                                    <button type="button" class="accordian-btn"><span class="c--ncriptechblu">Q1.</span> How much does a dynamic website design cost?

                                                        <em></em></button>
                                                    <div class="accordian-content flow-rootX">
                                                        <p>The cost of a dynamic website design varies depending on factors such as the complexity of the design, the features required, and the number of pages. It's best to get a tailored quote based on your specific business needs.</p>
                                                    </div>
                                                </div>

                                                <div class="ui--accordian-item">
                                                    <button type="button" class="accordian-btn"><span class="c--ncriptechblu">Q2.</span> How long does it take to develop a dynamic website?

                                                        <em></em></button>
                                                    <div class="accordian-content flow-rootX">
                                                        <p>The development timeline for a dynamic website depends on its complexity and features. Typically, it can take anywhere from a few weeks to a few months, depending on design, content integration, and testing processes.</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                    <!-- ABOVE FOOTER -->
                    <section class="ncriptech__tools-and-meeting bg--blak c--whitee mb-0 theme-dark" style="padding-bottom: 10px !important; padding-top: 20px;">
                        <div class="main-container">
                            <div class="inner-container text-center" style="padding-bottom:3rem !important;">

                                <div class="flow-rootX5">
                                    <h5>We offer technology solutions that improve <br/>operations & <span>drive growth</span></h5>
                                    <p>With our skilled team and cutting-edge technology, we develop customized solutions that deliver measurable results.</p>
                                    <a href="contact" class="c2a c2a-arw outline c2a--inline hvr:bg--ncriptechblu">
                    <span>Schedule a Meeting</span>
                    <i icon="arwR"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </section>
                </main>
                <style>
                    .ncriptech__tall-cards-carousel .swiper-slide:nth-child(1) ul li:nth-child(1) {
                        pointer-events: none;
                    }
                </style>
                <!-- footer -->
                <footer class="ncriptech__footer margin-top-minus c--whitee bg--blak pt-0-1000" id="footer">
                    <div class="mainX2-container">
                        <div class="inner-container">
                            <div class="footer--three-grid">
                                <div class="footer--subscribe flow-root">
                                    <h4 class="grid--head">Connect with Ncriptech!</h4>
                                    <p class="h4 c--whitee mobile-contacttext-index-fontsize">Subscribe to stay up-to-date on the technologies defining today and shaping tomorrow!</p>
                                    <form class="form-style white__theme actv" id="newsletterForm" action="send_email.php" method="POST">
                                        <div class="form-element">
                                            <label class="form-label">Name</label>
                                            <input autocomplete="off" class="form-field validfield removeemoji toUpperCase" aria-label="Name" type="text" id="news_name" name="news_name">
                                        </div>
                                        <div class="form-element ">
                                            <label class="form-label">Work Email</label>
                                            <input autocomplete="off" class="form-field validemail removeemoji" aria-label="Work Email" type="email" id="news_email" name="news_email" inputmode="email">
                                        </div>
                                        
                                        <button class="c2a bg--grad-23 c--whitee c2a--inline b-0 move-to--nxt-frm ml-auto radius:expandedX2 newsbtn" id="submit-button" type="submit">Sign Up</button>
                                        <div id="response-message"></div>
                                    </form>
                                </div>
                                
                                <div class="quick--links">
                                    <img src="frontend/assets/img/common/footer/footer.webp" alt="best-software-development-company" title="Best Software Development Company">
                                </div>
                                <div class="industry--links hide-on-mobL">
                                    <h4 class="grid--head with-separator"><span>Our Products</span></h4>
                                    <ul class="f__list arrow--cta" role="list">
                                        <li><a href="#"><i icon="arwR"></i> Interface</a> </li>
                                        <li><a href="#"><i icon="arwR"></i> Mobi Dev</a> </li>
                                        <li><a href="codex"><i icon="arwR"></i> Codex</a> </li>
                                        <li><a href="keywords"><i icon="arwR"></i> Keywords</a> </li>
                                        <li><a href="pixelplus"><i icon="arwR"></i> Pixel Plus </a> </li>
                                        <li><a href="impulse"><i icon="arwR"></i> Impulse</a> </li>
                                        <li><a href="thinktank"><i icon="arwR"></i> Thinktank</a> </li>
                                        <li><a href="cloudcampus"><i icon="arwR"></i> Cloud Campus</a> </li>
                                        <li><a href="sims"><i icon="arwR"></i> Sims4.0</a> </li>
                                        <li><a href="ehm"><i icon="arwR"></i> EHM</a> </li>
                                        <li><a href="flexibook"><i icon="arwR"></i> Flexibook</a> </li>
                                    </ul>
                                </div>
                                <div class="footer--contact colspan-2">
                                    <div class="mails">
                                        <a href="#"><i icon="email"></i> <span>Sales</span></a>
                                        <a href="#"><i icon="email"></i> <span>Support</span></a>
                                        <a href="#"><i icon="email"></i> <span>Career</span></a>
                                    </div>
                                    <ul class="ncriptech__social--links">
                                        <li><a class="c--facebook" target="_blank" href="https://www.facebook.com/ncriptechglobal/"><img src="frontend/assets/img/icons/social-icons/facebook.svg" alt="Facebook" title="Facebook"><span>Facebook</span></a></li>
                                    <li><a class="c--instagramorange" target="_blank" href="https://www.instagram.com/ncriptechglobal/"><img src="frontend/assets/img/icons/social-icons/instagram.svg" alt="Instagram" title="Instagram"><span>Instagram</span></a></li>
                                        <li><a class="c--linkedin" target="_blank" href="https://www.linkedin.com/company/ncriptech/"><img src="frontend/assets/img/icons/social-icons/linkedin.svg" alt="LinkedIn" title="LinkedIn"><span>LinkedIn</span></a></li>
                                        <li><a class="c--twitter" target="_blank" href="https://x.com/ncriptech"><img src="frontend/assets/img/icons/social-icons/x.svg" alt="Twitter" title="Twitter"><span>Twitter</span></a></li>
                                        <!-- <li><a class="c--dribbble" target="_blank" href="#"><img src="frontend/assets/img/icons/social-icons/dribbble.svg" alt="Dribbble" title="Dribbble"><span>Dribbble</span></a></li> -->
                                        <!-- <li><a class="c--youtube" target="_blank" href="https://www.youtube.com/channel/UC7ZA8MVLbIIc7EOepLRKOfg"><img src="frontend/assets/img/icons/social-icons/youtube.svg" alt="YouTube" title="YouTube"><span>YouTube</span></a></li> -->
                                        <!-- <li><a class="c--vimeo" target="_blank" href="#"><img src="frontend/assets/img/icons/social-icons/vimeo.svg" alt="Vimeo" title="Vimeo"><span>Vimeo</span></a></li> -->
                                    </ul>
                                </div>
                            </div>
                            <div class="footer--company">
                
                                <div class="text-left">
                                    <!-- <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
                                    <script language="JavaScript" src="https://dunsregistered.dnb.com" data-consent-src="https://dunsregistered.dnb.com" data-category-consent="cookie_cat_necessary" type="text/javascript"></script> -->
                                    <figure class="logo_img">
                                        <img src="frontend/assets/img/common/footer/make-in-india.png" alt="make-in-india" title="Make in India">
                                        <img src="frontend/assets/img/common/footer/since-2009.jpg" alt="15-years-of- excellence" title="15 years of excellence">
                                        <img src="frontend/assets/img/common/footer/msme-logo.png" alt="msme" title="Msme">
                                        <!-- <img src="frontend/assets/img/common/footer/bcci.png" alt="bcci" title="Bcci"> -->
                                        <!-- <img src="frontend/assets/img/2024_v1/logo5.webp?v=1.1.8" alt="Bengal business council" title="Bengal business council"> -->
                                    </figure>
                                </div>
                
                                <div class="flow-rootx">
                                    <!-- <p>An ISO 56000:2020 Certified Company</p> -->
                                    <div class="legal--links hide-on-mobL">
                                        <a href="legal">Legal</a>
                                        <a href="terms-and-conditions">Terms & Conditions</a>
                                        <a href="disclaimer">Disclaimer</a>
                                        <a href="privacy_policy">Privacy Policy</a>
                                    </div>
                                    <p class="text-center">&copy; 2024 <span class="fw--b">ncriptech</span>. <br/>All Rights Reserved.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- <a class="toTop" aria-label="Go to Top" href="#ncriptech"><i icon="arwR"></i></a> -->
                </footer>
                <svg width="0" height="0">
                    <defs>
                    <linearGradient id="targetSolGrad" x1="0%" x2="100%" y1="0%" y2="0%" gradientTransform="rotate(80)">
                    <stop offset="0%" stop-color="#ff4dd2"></stop>
                    <stop offset="100%" stop-color="#ff993b"></stop>
                    </linearGradient>
                    </defs>
                </svg>

                <script src="frontend/assets/js/icons.js?v=1.1.8" defer></script>
                <script src="frontend/assets/js/frontend.min.js?v=1.1.8" defer></script>
                <script src="frontend/assets/js/common.js?v=1.1.8" defer></script>
            </div>
        </div>

        <div class="ncriptech-ui--modal size:lg " id="modal--video">
            <span class="ncriptech-ui--modal-bg">
                <i icon="ncriptech"></i>
                <button type="button" class="ncriptech-ui--modal-close sds-modal-exit"></button>
                </span>
            <div class="ncriptech-ui--modal-scroll">
                <div class="ncriptech-ui--modal-outer">
                    <div class="ncriptech-ui--modal-inner">
                        <div class="ar-16/9">
                            <iframe title="ncriptech" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="ncriptech-ui--modal size:lg " id="team--video">
            <span class="ncriptech-ui--modal-bg">
                    <i icon="ncriptech"></i>
                    <button type="button" class="ncriptech-ui--modal-close sds-modal-exit"></button>
                    </span>
            <div class="ncriptech-ui--modal-scroll">
                <div class="ncriptech-ui--modal-outer">
                    <div class="ncriptech-ui--modal-inner">
                        <div class="ar-16/9">
                            <iframe title="ncriptech" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- <div class="ncriptech-ui--modal size:md" id="modal--career">
            <span class="ncriptech-ui--modal-bg">
                    <i icon="ncriptech"></i>
                    <a href="javascript:" class="ncriptech-ui--modal-close sds-modal-exit" aria-label="Close Career Form"></a>
                    </span>
            <div class="ncriptech-ui--modal-scroll ncriptech__contact--form career__form">
                <div class="ncriptech-ui--modal-outer">
                    <div class="ncriptech-ui--modal-inner inner--padding flow-rootx">
                        <form class="form-style" id="careerFrm" method="POST" enctype="multipart/form-data" novalidate="novalidate">
                            <div class="form-element form-select colspan-2">
                                <label class="form-label" for="occupation_id">You are applying for</label>
                                <select class="form-field" id="occupation_id" name="occupation_id" aria-label="You are applying for">
                                    <option></option>
                                    <option value="47">Senior Brand &amp; Content Strategist</option>
                                    <option value="46">Creative Design Lead</option>
                                    <option value="45">Sr. DevOps Engineer</option>
                                    <option value="44">Project Manager</option>
                                    <option value="43">Lead Creative Content Writer</option>
                                    <option value="42">Sr. Digital Marketing Executive</option>
                                    <option value="41">MERN Developer (with Next Js)</option>
                                    <option value="40">SEO &amp; SMM Analyst</option>
                                    <option value="39">Wordpress Developer</option>
                                    <option value="38">Sr. Quality Analysts (QA)</option>
                                    <option value="37">iOS Developers</option>
                                    <option value="36">Android Developer</option>
                                    <option value="35">DevOps Engineer (AWS Certified)</option>
                                    <option value="34">Cyber Security Infrastructure Engineer</option>
                                    <option value="33">Cyber Security Engineer</option>
                                    <option value="32">Flutter Developer</option>
                                    <option value="31">Technical Content Developer</option>
                                    <option value="30">Frontend Developer</option>
                                    <option value="29">Drupal Developer</option>
                                    <option value="28">Database Architect</option>
                                    <option value="27">Angular Developer</option>
                                    <option value="26">Digital Marketing Executive (2-5 years)</option>
                                    <option value="25">UI/UX Developer</option>
                                    <option value="24">Presales Consultant</option>
                                    <option value="23">Infrastructure Engineer</option>
                                    <option value="22">MEAN Stack Developer</option>
                                    <option value="21">Quality Analyst (QA)</option>
                                    <option value="20">DevOps Engineer</option>
                                    <option value="19">Project Coordinator</option>
                                    <option value="18">Sr. IT Recruiter (MBA HR)</option>
                                    <option value="17">Business Analyst</option>
                                    <option value="16">Sr. Business Analyst</option>
                                    <option value="15">Digital Marketing Lead</option>
                                    <option value="14">Tech Team Lead (MEAN/MERN) Stack</option>
                                    <option value="13">Digital Marketing Executive</option>
                                    <option value="12">Sr. Search Engine Optimization Executive</option>
                                    <option value="11">PPC Specialist</option>
                                    <option value="10">Social Media Specialist</option>
                                    <option value="9">Graphic Designer</option>
                                    <option value="8">Motion Graphics Designer</option>
                                    <option value="7">Data Engineer (RPA &amp; AI/ML Expertise)</option>
                                    <option value="6">Drupal Team Lead</option>
                                    <option value="5">Data Engineer (SQL &amp; Python Developers)</option>
                                    <option value="4">Sr. PHP Laravel Developer</option>
                                    <option value="3">Laravel Developer</option>
                                    <option value="2">Executive Assistant</option>
                                    <option value="1">Sr. UI/UX Developer</option>
                                    </select>
                            </div>
                            <div class="form-element">
                                <label class="form-label" for="experience">Total Work Experience</label>
                                <input type="text" id="experience" class="form-field validfield removeemoji" name="experience" maxlength="90" aria-label="Total Work Experience">
                            </div>
                            <div class="form-element">
                                <label class="form-label" for="name">Your Name</label>
                                <input type="text" class="form-field validfield removeemoji toUpperCase" id="name" name="name" maxlength="90" aria-label="Your Name" autocomplete="off">
                            </div>
                            <div class="form-element">
                                <label class="form-label" for="email">Email</label>
                                <input type="text" class="form-field validemail removeemoji" id="email" name="email" inputmode="email" maxlength="90" aria-label="Email" autocomplete="off">
                            </div>
                            <div class="form-element">
                                <input type="tel" name="contact_number" id="career_contact_number" class="form-field with-placeholder validfieldnumaric removeemoji" maxlength="10" inputmode="tel">
                            </div>
                            <div class="form-element">
                                <label class="form-label" for="organization">Current Organization</label>
                                <input type="text" class="form-field validfield removeemoji" id="organization" name="organisation" maxlength="90" aria-label="Current Organization" autocomplete="off">
                            </div>
                            <div class="form-element">
                                <label class="form-label" for="designation">Present Designation</label>
                                <input type="text" class="form-field validfield removeemoji" id="designation" name="designation" maxlength="90" aria-label="Present Designation">
                            </div>
                            <div class="form-element colspan-2">
                                <label class="form-label" for="address">Address</label>
                                <input type="text" class="form-field validfieldtextarea removeemoji" id="address" name="address" maxlength="300" aria-label="Address" autocomplete="off">
                            </div>
                            <div class="form-element form-elementfile d-block">
                                <input type="file" name="resume" id="file-7" class="inputfile inputfile-6" accept=".pdf, .doc, .docx" />
                                <label for="file-7" class="of-hidden"><span class="text-span"></span> <strong><svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewBox="0 0 20 17"><path d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z" /></svg> Upload CV</strong></label>
                                <span class="fInfo d-block">(Upload in PDF, .doc, .docx format, Max size 2MB)</span>
                            </div>
                            <div class="form-element form-elementfile d-block">
                                <input type="file" name="certificates[]" multiple id="file-9" class="inputfile inputfile-6" accept=".pdf, .doc, .docx, .jpg, .jpeg, .png">
                                <label for="file-9" class="of-hidden"><span class="text-span"></span> <strong><svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewBox="0 0 20 17"><path d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z" /></svg> Upload your certifications</strong></label>
                                <span class="fInfo d-block">(Upload in PDF, .doc, .docx format, Max size 2MB)</span>
                            </div>
                            <div class="form-element form-textarea colspan-2">
                                <label class="form-label" for="core_expertise">Your Core Expertise <b>(Tell us what you do best!)</b></label>
                                <textarea class="form-field validfield" id="core_expertise" name="core_expertise" maxlength="250" aria-label="Your Core Expertise"></textarea>
                            </div>
                            <div class="form-element form-checkbox colspan-2">
                                <label>
                                <input type="checkbox" name="agreed" value="1">
                                <span class="checkmark"></span>
                                <p>I am aware this position is exclusively for the Kolkata location.</p>
                                </label>
                            </div>
                            <div class="form-element mb-0">
                                <button type="submit" class="apply c2a outline c--blak  hvr:bg--ncriptechblu hvr:c--whitee">Apply Now</button>
                            </div>
                            <div class="alert alert-danger error-message" role="alert" style="display: none;"></div>
                        </form>
                    </div>
                </div>
            </div>
        </div> -->

        <!-- <div class="ncriptech-ui--modal size:smX" id="modal-connectRequestForm">
            <span class="ncriptech-ui--modal-bg">
                <i icon="ncriptech"></i>
                <button type="button" aria-label="Close Popup" class="ncriptech-ui--modal-close sds-modal-exit"></button>
                </span>
            <div class="ncriptech-ui--modal-scroll">
                <div class="ncriptech-ui--modal-outer bg--whitee">
                    <div class="ncriptech-ui--modal-inner inner--paddingX flow-rootX">
                        <p class="fw--m inner--paddingnew bg--blu c--whitee">Let's Connect</p>
                        <form id="connectRequestForm" class="form-style inner--paddingX">
                            <div class="form-element">
                                <label class="form-label" for="fullname">Full Name <span class="c--error">*</span></label>
                                <input type="text" name="name" id="fullname" class="form-field validfield removeemoji toUpperCase" autocomplete="off" maxlength="90" aria-label="Full Name">
                            </div>
                            <div class="form-element ">
                                <label class="form-label">Business Email <span class="c--error">*</span></label>
                                <input autocomplete="off" class="form-field validemail removeemoji" aria-label="Email" type="email" name="email" inputmode="email" maxlength="90">
                            </div>
                            <div class="form-element form-select">
                                <label class="form-label" for="category_id">What are you looking for? <span class="c--error">*</span></label>
                                <select class="form-field" id="category_id" name="category_id" aria-label="What are you looking for?">
                                    <option></option>
                                    <option value="1">Digital Experience</option>
                                    <option value="3">Engineering &amp; Products</option>
                                    <option value="2">Analytics &amp; Automation</option>
                                    <option value="4">Consulting</option>
                                    </select>
                            </div>
                            <div class="form-element form-select subcategory-area" style="display: none;">
                                <label class="form-label">Choose a Offerings <span class="c--error">*</span></label>
                                <select class="form-field" name="subcategory_id"></select>
                            </div>
                            <div class="form-element">
                                <input type="tel" name="contact_number" id="contact_no" class="form-field with-placeholder validfieldnumaric removeemoji" maxlength="10" inputmode="tel">
                            </div>
                            <div class="form-element form-checkbox">
                                <label>
                                <input type="checkbox" name="callback_request" value="1">
                                <span class="checkmark"></span>
                                <p class="h6" style="transform: translateY(-0.2em);">I want to request a call back from your end at the given number.</p>
                                </label>
                            </div>
                            <div class="alert alert-danger error-message" role="alert" style="display: none;"></div>
                            <div class="form-element mb-0 mt-1">
                                <button type="submit" class="c2a outline c--blak  hvr:bg--ncriptechblu hvr:c--whitee  b-0 d-grid w-100p contactRequestBtn">Let's Connect</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div> -->
        <script type="text/javascript" src="frontend/assets/js/contact.js?v=1.1.8" defer></script>

        <div class="ncriptech-ui--modal size:md" id="modal-formSuccess">
            <span class="ncriptech-ui--modal-bg">
<i icon="ncriptech"></i>
</span>
            <div class="ncriptech-ui--modal-scroll">
                <div class="ncriptech-ui--modal-outer bg--transparent">
                    <div class="ncriptech-ui--modal-inner inner--padding text-center bg--grad-23-v3 c--whitee of-hidden flow-rootx">
                        <figure><img src="frontend/assets/img/2023_v1/popup-bg.png?v=1.1" alt="ncriptech Success Message" title="ncriptech Success Message"></figure>
                        <h6 class="h4" id="suuccess_msg_h4">Excellent!</h6>
                        <p id="suuccess_msg">Your request has been sent, our team will get back to you shortly.</p>
                        <div class="c2a-cont">
                            <a class="c2a bg--whitee c--txt hvr:bg--whitee size:minimal radius:expandedX" href="javascript:" onClick="closeModal();">OK</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <script>
            $("#file-9").on('change', function() {
                var files = $("#file-9").prop("files");
                var names = $.map(files, function(val) {
                    return val.name;
                });
                var select = $("body #file-9").next()[0];
                setTimeout(() => {
                    $($(select).children('span')[0])(names.join(','));
                }, 800);
            });

            $(document).ready(function() {
                $.validator.addMethod('filesize', function(value, element, arg) {
                    if (element.files[0].size <= arg) {
                        return true;
                    } else {
                        return false;
                    }
                });
            })
        </script>
    </div>
    </div>

    <button id="goTopBtn" title="Go to top"><i icon="arwR"></i></button>
    <script>
        const goTopBtn = document.getElementById('goTopBtn');

        // Show the button after scrolling down
        window.addEventListener('scroll', () => {
            if (window.scrollY > 300) {
                goTopBtn.style.display = 'flex';
            } else {
                goTopBtn.style.display = 'none';
            }
        });

        // Scroll to the top when the button is clicked
        goTopBtn.addEventListener('click', () => {
            window.scrollTo({
                top: 0,
                behavior: 'smooth'
            });
        });
    </script>

    <script>
        // AJAX form submission
        $(document).ready(function () {
            $('#newsletterForm').on('submit', function (e) {
                e.preventDefault(); 
                const formData = $(this).serialize(); 
                const submitButton = $('#submit-button'); 
                submitButton.prop('disabled', true).text('Sending...');
                // Send form data via AJAX
                $.ajax({
                    type: 'POST',
                    url: 'send_email.php', 
                    data: formData,
                    success: function (response) {
                        
                        if(response=='ok'){
                            $('#response-message').text(response); 
                            $('#newsletterForm')[0].reset(); 
                            // submitButton.prop('disabled', false).text('Send');
                            $('#response-message').html('<div style="color:green;">Form has been submitted successfully</div>')
                        }
                        else{
                            $('#response-message').html('<div style="color:red;">Form failed to submit</div>')
                        }
                        submitButton.prop('disabled', false).text('Sign Up');
                        
                    },
                    error: function () {
                        submitButton.prop('disabled', false).text('Sign Up');
                        $('#response-message').html('<div style="color:red;">Form failed to submit</div>')
                    }
                });
            });
        });
    </script>
</body>

</html>

MMCT - 2023