File Manager

Editing File: /home/ubuntu/chaintechsource-landing/single-page-application.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <title>Single Page Application (SPA) Development Company</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0">
    <meta name="description" content="We are the top blockchain development company that provides custom blockchain solutions based on highly secure and reliable technology. Get a quote now." />

<meta property="og:title" content="Single Page Application (SPA) Development Company" />
    <meta property="og:description" content="We are the top blockchain development company that provides custom blockchain solutions based on highly secure and reliable technology. Get a quote now." />
    <meta property="og:image" content="https://chaintechsource.com/assets/images/logo.webp" />
    
    <link rel="canonical" href="https://chaintechsource.com/" />
    <meta name="keywords" content="" />
    <meta name="theme-color" content="#5129A5" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        
    <link rel="apple-touch-icon" sizes="57x57" href="assets/images/favicon/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="assets/images/favicon/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="assets/images/favicon/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="assets/images/favicon/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="assets/images/favicon/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="assets/images/favicon/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="assets/images/favicon/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="assets/images/favicon/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicon/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192" href="assets/images/favicon/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="assets/images/favicon/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicon/favicon-16x16.png">
    <link rel="manifest" href="assets/images/favicon/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="assets/images/favicon/ms-icon-144x144.png">
    <meta name="theme-color" content="#e21f36">
    <link rel="dns-prefetch" href="//fonts.googleapis.com" />
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous
  " media="all">
    <link rel="stylesheet" id="style-css" href="assets/css/style.min.css" type="text/css" media="all" />
    <link rel="stylesheet" id="style-css" href="assets/css/tiny-slider.css" type="text/css" media="all" />
    <link rel="stylesheet" id="style-css" href="assets/css/responsive.min.css" type="text/css" media="all" />
    <link rel="stylesheet" id="style-css" href="assets/css/responsive.css" type="text/css" media="all" />
       
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-WGHWV5HHKP"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }
        gtag('js', new Date());

gtag('config', 'G-WGHWV5HHKP');
        gtag('config', 'UA-210085177-1');
    </script>
    
    <script>(function (w, d, s, l, i) {
            w[l] = w[l] || []; w[l].push({
                'gtm.start':
                    new Date().getTime(), event: 'gtm.js'
            }); var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
                    'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-ND66WBR');</script>
    
    <script src="assets/js/lazysizes.min.js" async></script>
    <style>
        .lazyload {
            opacity: 0;
            transform: scale(0.8);
        }

.lazyloaded {
            opacity: 1;
            transition: all 700ms;
            transform: scale(1);
        }
    </style>
</head>

<body>
    
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-ND66WBR" height="0" width="0"
            style="display:none;visibility:hidden"></iframe></noscript>
    
    <section class="home-sec">
            <div id="header"></div>
        
        <div class="banner-section">
            <div class="banner-content">
                <div class="container">
                    <div class="row align-items-center banner-head">
                        <div class="col-md-6">
                            <div class="banner-left-content">
                                <h1>
                                    Single Page Application Development Company
                                </h1>
                                <p>
                                    We provide a highly dynamic single-page web application with a robust and flexible architecture. If you require a
                                    large-scale, fast-loading web application, a single-page web application is a wonderful choice.
                                </p>
                                <div class="banner-btn">
                                    <a href="#contact-us" class="default-btn smooth"><span>Buy Now</span></a>
                                    <a href="#contact-us" class="default-btn smooth"><span>Contact</span></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="banner-img">
                                <picture>
                                    <source class="lazyload banner-image" type="image/webp" srcset="assets/images/service-pages/single-page-application/banner-spa.webp">
                                    <img data-src="assets/images/service-pages/single-page-application/banner-spa.webp" type="image/webp" class=" lazyload banner-image"
                                        alt="Leading Blockchain Development Company">
                                </picture>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
    </section>
    <section class="about-opensea">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-12 col-xl-10 col-lg-12">
                    <div class="opensea-about-content overly-one text-center">
                        <div class="overly-two">
                            <div class="section-head">
                                <h2>About Single Page-Application</h2>
                            </div>
                            <div>
                                <p>
                                    A single-page application (SPA) is a website or web application with a single unified and seamless page. It has superior
                                    performance and can handle load distribution more efficiently, thanks to dynamic data loading from the server-side API
                                    and connections to reliable web services. So, if you're looking for a quick solution that improves performance,
                                    flexibility, and user experience, a single-page application is the way to go.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="about-sec ptb-70">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6 resp-mrgn-btm">
                    <div class="about-img">
                        <picture>
                            <source class="lazyload" type="image/webp" srcset="assets/images/service-pages/single-page-application/about-spa.webp">
                            <img data-src="assets/images/service-pages/single-page-application/about-spa.webp" type="image/webp" class=" lazyload "
                                alt="Leading Blockchain Development Company">
                        </picture>
                    </div>
                </div>

<div class="col-lg-6">
                    <div class="about-content">
                        <h5>Why Single Page Application?</h5>
                        <p>
                            If you have a large-scale program with a complicated user interface and hundreds of content pages that needs to please a
                            wide and diversified audience across various platforms, this is a terrific alternative.
                        </p>
                        <p>
                        SPA allows for the creation of a faultless and regulated user experience, as well as the elimination of web app
                        complexity such as requests, responses, and so on. It just swaps the user-requested material and loads HTML data in
                        pieces.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="create-strip-sec ptb-70">
        <div class="container">
            <div class="strip-card text-white">
                <h4>Avail Single Page Application Services Now</h4>
                <a href="#contact-us" class="default-btn smooth">Click here</a>
            </div>
        </div>
    </section>
    <section class="features-marketplace-sec ptb-100">
        <div class="container">
            <div class="section-head text-center">
                <div class="row justify-content-center">
                    <div class="col-md-12 col-lg-10 col-xl-8">
                        <h2>Features of Single Page Application
                        </h2>
                    </div>
                </div>
            </div>
            <div class="features-marketplace-card">
                <div class="row justify-content-center">
                    <div class="col-lg-4 col-md-6 col-sm-12 resp-mrgn-btm">
                        <div class="tech-card overly-one">
                            <div class="tech-card-img overly-two">
                                <picture>
                                    <source class="lazyload" type="image/webp" srcset="assets/images/service-pages/single-page-application/separation-concerns.webp">
                                    <img data-src="assets/images/service-pages/single-page-application/separation-concerns.webp" type="image/webp" class=" lazyload "
                                        alt="Leading Blockchain Development Company">
                                </picture>
                            </div>
                            <div class="tech-card-content card-title">
                                <h4 class="mb-2">Separation of Concerns</h4>
                                <p>
                                    A single-page application allows for total separation of responsibilities, with the server communicating with the front
                                    end only via the rest APIs.
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12 resp-mrgn-btm">
                        <div class="tech-card overly-one">
                            <div class="tech-card-img overly-two">
                                <picture>
                                    <source class="lazyload banner-image" type="image/webp" srcset="assets/images/service-pages/single-page-application/easy-to-test.webp">
                                    <img data-src="assets/images/service-pages/single-page-application/easy-to-test.webp" type="image/webp" class=" lazyload "
                                        alt="Leading Blockchain Development Company">
                                </picture>
                            </div>
                            <div class="tech-card-content card-title">
                                <h4 class=" mb-2">Easy to Test</h4>
                                <p>
                                    Since the front-end code isn't dependent on the server, it's a lot easier to test. On the front-end, the data
                                    requirements may be readily mocked.
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12 resp-mrgn-btm">
                        <div class="tech-card overly-one">
                            <div class="tech-card-img overly-two ">
                                <picture>
                                    <source class="lazyload" type="image/webp" srcset="assets/images/service-pages/single-page-application/scalable.webp">
                                    <img data-src="assets/images/service-pages/single-page-application/scalable.webp" type="image/webp" class=" lazyload "
                                        alt="Leading Blockchain Development Company">
                                </picture>
                            </div>
                            <div class="tech-card-content card-title">
                                <h4 class=" mb-2">Easily Scalable</h4>
                                <p>
                                    When it comes to scaling the application, this method is quite useful. Since the majority of the display logic is
                                    isolated, the server-side application may be adjusted and optimized on a regular basis.
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 -sm-12 resp-mrgn-btm">
                        <div class="tech-card overly-one">
                            <div class="tech-card-img overly-two">
                                <picture>
                                    <source class="lazyload" type="image/webp" srcset="assets/images/service-pages/single-page-application/community.webp">
                                    <img data-src="assets/images/service-pages/single-page-application/community.webp" type="image/webp" class=" lazyload "
                                        alt="Leading Blockchain Development Company">
                                </picture>
                            </div>
                            <div class="tech-card-content card-title">
                                <h4 class="mb-2">Tools and Community</h4>
                                <p>
                                    The appropriate time to embrace this technique is now, with the quickly rising assortment of tools and frameworks
                                    expressly designed to aid in the development of a single-page application.
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12 resp-mrgn-btm">
                        <div class="tech-card overly-one">
                            <div class="tech-card-img overly-two">
                                <picture>
                                    <source class="lazyload" type="image/webp" srcset="assets/images/service-pages/single-page-application/user-experience.webp">
                                    <img data-src="assets/images/service-pages/single-page-application/user-experience.webp" type="image/webp" class=" lazyload "
                                        alt="Leading Blockchain Development Company">
                                </picture>
                            </div>
                            <div class="tech-card-content card-title">
                                <h4 class="mb-2">User Experience</h4>
                                <p>
                                    The time it takes to initialize an application can be reduced with server-side rendering, which improves the user
                                    experience.
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12 resp-mrgn-btm">
                        <div class="tech-card overly-one">
                            <div class="tech-card-img overly-two">
                                <picture>
                                    <source class="lazyload" type="image/webp" srcset="assets/images/service-pages/single-page-application/development.webp">
                                    <img data-src="assets/images/service-pages/single-page-application/development.webp" type="image/webp" class=" lazyload "
                                        alt="Leading Blockchain Development Company">
                                </picture>
                            </div>
                            <div class="tech-card-content card-title">
                                <h4 class="mb-2">Development</h4>
                                <p>
                                    Since SPAs are still relatively new, many developers are eager to work on them, and they are expected to become more
                                    popular in the future.
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12 resp-mrgn-btm">
                        <div class="tech-card overly-one">
                            <div class="tech-card-img overly-two">
                                <picture>
                                    <source class="lazyload" type="image/webp" srcset="assets/images/service-pages/single-page-application/client-functionality.webp">
                                    <img data-src="assets/images/service-pages/single-page-application/client-functionality.webp" type="image/webp" class=" lazyload "
                                        alt="Leading Blockchain Development Company">
                                </picture>
                            </div>
                            <div class="tech-card-content card-title">
                                <h4 class="mb-2">Client-side functionality</h4>
                                <p>
                                    The primary area where single-page applications can excel is client-side functionality. When a user navigates between
                                    websites, it prevents the pages from refreshing.
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12 resp-mrgn-btm">
                        <div class="tech-card overly-one">
                            <div class="tech-card-img overly-two">
                                <picture>
                                    <source class="lazyload" type="image/webp" srcset="assets/images/service-pages/single-page-application/qa-testing.webp">
                                    <img data-src="assets/images/service-pages/single-page-application/qa-testing.webp" type="image/webp" class=" lazyload " alt="Leading Blockchain Development Company">
                                </picture>
                            </div>
                            <div class="tech-card-content card-title">
                                <h4 class="mb-2">QA Testing</h4>
                                <p>
                                Our testers conduct thorough quality assurance testing at every level of development, discovering problems and flaws,
                                reporting, bug tracking, resolving, and retesting.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="animate-img-1 animate-img">
            <picture>
                <source class="lazyload " type="image/png" srcset="assets/images/Opensea-clone/block-shape-1.webp">
                <img data-src="assets/images/Opensea-clone/block-shape-1.webp" class="lazyload "
                    alt="nft marketplace development">
            </picture>
        </div>
        <div class="animate-img-2 animate-img">
            <picture>
                <source class="lazyload " type="image/png" srcset="assets/images/Opensea-clone/block-shape-2.webp">
                <img data-src="assets/images/Opensea-clone/block-shape-2.webp" class="lazyload "
                    alt="nft marketplace development">
            </picture>
        </div>
        <div class="animate-img-3 animate-img">
            <picture>
                <source class="lazyload " type="image/png" srcset="assets/images/Opensea-clone/block-shape-3.webp">
                <img data-src="assets/images/Opensea-clone/block-shape-3.webp" class="lazyload "
                    alt="nft marketplace development">
            </picture>
        </div>
    </section>
    <section class="advantage-sec benefits-marketplace-sec ptb-70">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="section-head">
                        <h2>Benefits of Single Page Application Services</h2>
                    </div>
                    <div class="advantage-card overly-one">
                        <div class="advantage-content overly-two card-title">
                            <h4>Popular Implementations of SPAs</h4>
                            <p>
                                These days, SPAs are used for a variety of purposes because they aid at all stages of the development process.
                            </p>
                            <span>01</span>
                        </div>
                    </div>
                    <div class="advantage-card overly-one">
                        <div class="advantage-content overly-two card-title">
                            <h4>Form-Based Applications</h4>
                            <p>
                                AngularJS and ReactJS are single-page application frameworks that come with several native and third-party libraries
                                that make common tasks simple.
                            </p>
                            <span>02</span>
                        </div>
                    </div>
                    <div class="advantage-card overly-one">
                        <div class="advantage-content overly-two card-title">
                            <h4>Admin Applications</h4>
                            <p>
                                Since admin interfaces are often stand-alone, have no relationship with the frontend, and can be deployed separately, a
                                SPA would be an ideal fit for this application.
                            </p>
                            <span>03</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="benefits-marketplace-img">
                        <picture>
                            <source class="lazyload" type="image/webp" srcset="assets/images/service-pages/single-page-application/benefits-spa.webp">
                            <img data-src="assets/images/service-pages/single-page-application/benefits-spa.webp" type="image/webp" class=" lazyload "
                                alt="Leading Blockchain Development Company">
                        </picture>
                    </div>

</div>
            </div>
        </div>
        <div class="animate-img-4 animate-img">
            <picture>
                <source class="lazyload " type="image/png" srcset="assets/images/Opensea-clone/block-shape-8.webp">
                <img data-src="assets/images/Opensea-clone/block-shape-8.webp" class="lazyload "
                    alt="nft marketplace development">
            </picture>
        </div>
    </section>
    <section class="faq-sec ptb-70 faq-bg">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="faq-img">
                        <picture>
                            <source class="lazyload" type="image/webp" srcset="assets/images/service-pages/single-page-application/faq-8.webp">
                            <img data-src="assets/images/service-pages/single-page-application/faq-8.webp" type="image/webp" class=" lazyload "
                                alt="Leading Blockchain Development Company">
                        </picture>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="section-head">
                        <h2>FAQs</h2>
                        <p>To know our service better</p>
                    </div>
                    <div class="faq-accordion">
                        <div class="accordion" id="accordionExample">
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingOne">
                                    <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                        Can you give some examples of Single-Page Applications?
                                    </button>
                                </h2>
                                <div id="collapseOne" class="accordion-collapse collapse show"
                                    aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                                    <div class="accordion-body">
                                        Facebook, Gmail, Twitter, Google Maps, Google Drive are examples of single-page applications.
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingTwo">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                        Are single-page applications worth investing in?
                                    </button>
                                </h2>
                                <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
                                    data-bs-parent="#accordionExample">
                                    <div class="accordion-body">
                                        <p>
                                            Since a SPA doesn’t update the entire page but only the required content, it significantly enhances a website’s
                                            performance. Most resources like HTML, CSS, Scripts are only loaded once throughout the lifespan of the application,
                                            only data is transmitted back and forth.
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingThree">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapseThree" aria-expanded="false"
                                        aria-controls="collapseThree">
                                    Is a single-page application the future?
                                    </button>
                                </h2>
                                <div id="collapseThree" class="accordion-collapse collapse"
                                    aria-labelledby="headingThree" data-bs-parent="#accordionExample">
                                    <div class="accordion-body">
                                        When it comes to building dynamic platforms with a small amount of data to work with, then a single-page application is
                                        the right fit. When you plan to build the base of the future mobile app, SPAs are the perfect solution.
                                    </div>
                                </div>
                            </div>                         
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="testimonials-sec ptb-70">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-8">
                    <h2 class="text-white text-center testimonials-head">Listen to what our clients have to say about us
                    </h2>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-md-8">
                    <div class="testimonials-slider">
                        <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
                            <div class="carousel-inner">
                                <div class="carousel-item active">
                                    <div class="testimonials-slider-content text-center text-white">
                                        <div class="testimonials-quote">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                fill="currentColor" class="bi bi-quote" viewBox="0 0 16 16">
                                                <path
                                                    d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z" />
                                            </svg>
                                        </div>
                                        <h5>“My long trail of journey in search of a comprehensive and robust Blockchain
                                            Development Company ended with
                                            ChainTechSource”</h5>
                                        <div class="testimonials-rating">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
                                                <path
                                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                            </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
                                                <path
                                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                            </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
                                                <path
                                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                            </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
                                                <path
                                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                            </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
                                                <path
                                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                            </svg>
                                        </div>
                                        <div class="testimonials-item">
                                            <h3>Daniel Harrison</h3>
                                            <p>CEO</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="carousel-item">
                                    <div class="testimonials-slider-content text-center text-white">
                                        <div class="testimonials-quote">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                fill="currentColor" class="bi bi-quote" viewBox="0 0 16 16">
                                                <path
                                                    d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z" />
                                            </svg>
                                        </div>
                                        <h5>“I was mighty impressed with the levels of professionalism ChainTechSource
                                            displayed in delivering my product.”</h5>
                                        <div class="testimonials-rating">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
                                                <path
                                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                            </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
                                                <path
                                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                            </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
                                                <path
                                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                            </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
                                                <path
                                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                            </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
                                                <path
                                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                            </svg>
                                        </div>
                                        <div class="testimonials-item">
                                            <h3>Jennifer Robert</h3>
                                            <p>CTO</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="carousel-item">
                                    <div class="testimonials-slider-content text-center text-white">
                                        <div class="testimonials-quote">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                fill="currentColor" class="bi bi-quote" viewBox="0 0 16 16">
                                                <path
                                                    d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z" />
                                            </svg>
                                        </div>
                                        <h5>“Surprisingly, with ChainTechSource Blockchain Development Company, I never
                                            had to
                                            keep following up with them. They
                                            deliver what they promised, when and how they promised.”</h5>
                                        <div class="testimonials-rating">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
                                                <path
                                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                            </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
                                                <path
                                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                            </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
                                                <path
                                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                            </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
                                                <path
                                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                            </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
                                                <path
                                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                            </svg>
                                        </div>
                                        <div class="testimonials-item">
                                            <h3>Rosella R. Wilson</h3>
                                            <p>CTO</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <button class="carousel-control-prev" type="button"
                                data-bs-target="#carouselExampleControls" data-bs-slide="prev">
                                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                <span class="visually-hidden">Previous</span>
                            </button>
                            <button class="carousel-control-next" type="button"
                                data-bs-target="#carouselExampleControls" data-bs-slide="next">
                                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                <span class="visually-hidden">Next</span>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="client-logo-sec ptb-70">
        <div class="container">
            <div class="my-slider">
                <div class="client-logo-img">
                    <picture>
                        <source class="lazyload banner-image" type="image/webp"
                            srcset="assets/images/Landing-page/partner/partner-1.webp">
                        <img data-src="assets/images/Landing-page/partner/partner-1.webp" type="image/webp"
                            class=" lazyload banner-image" alt="Leading Blockchain Development Company">
                    </picture>
                </div>
                <div class="client-logo-img">
                    <picture>
                        <source class="lazyload banner-image" type="image/webp"
                            srcset="assets/images/Landing-page/partner/partner-2.webp">
                        <img data-src="assets/images/Landing-page/partner/partner-2.webp" type="image/webp"
                            class=" lazyload banner-image" alt="Leading Blockchain Development Company">
                    </picture>
                </div>
                <div class="client-logo-img">
                    <picture>
                        <source class="lazyload banner-image" type="image/webp"
                            srcset="assets/images/Landing-page/partner/partner-3.webp">
                        <img data-src="assets/images/Landing-page/partner/partner-3.webp" type="image/webp"
                            class=" lazyload banner-image" alt="Leading Blockchain Development Company">
                    </picture>
                </div>
                <div class="client-logo-img">
                    <picture>
                        <source class="lazyload banner-image" type="image/webp"
                            srcset="assets/images/Landing-page/partner/partner-4.webp">
                        <img data-src="assets/images/Landing-page/partner/partner-4.webp" type="image/webp"
                            class=" lazyload banner-image" alt="Leading Blockchain Development Company">
                    </picture>
                </div>
                <div class="client-logo-img">
                    <picture>
                        <source class="lazyload banner-image" type="image/webp"
                            srcset="assets/images/Landing-page/partner/partner-5.webp">
                        <img data-src="assets/images/Landing-page/partner/partner-5.webp" type="image/webp"
                            class=" lazyload banner-image" alt="Leading Blockchain Development Company">
                    </picture>
                </div>
                <div class="client-logo-img">
                    <picture>
                        <source class="lazyload banner-image" type="image/webp"
                            srcset="assets/images/Landing-page/partner/partner-6.webp">
                        <img data-src="assets/images/Landing-page/partner/partner-6.webp" type="image/webp"
                            class=" lazyload banner-image" alt="Leading Blockchain Development Company">
                    </picture>
                </div>
                <div class="client-logo-img">
                    <picture>
                        <source class="lazyload banner-image" type="image/webp"
                            srcset="assets/images/Landing-page/partner/partner-7.webp">
                        <img data-src="assets/images/Landing-page/partner/partner-7.webp" type="image/webp"
                            class=" lazyload banner-image" alt="Leading Blockchain Development Company">
                    </picture>
                </div>
                <div class="client-logo-img">
                    <picture>
                        <source class="lazyload banner-image" type="image/webp"
                            srcset="assets/images/Landing-page/partner/partner-8.webp">
                        <img data-src="assets/images/Landing-page/partner/partner-8.webp" type="image/webp"
                            class=" lazyload banner-image" alt="Leading Blockchain Development Company">
                    </picture>
                </div>
                <div class="client-logo-img">
                    <picture>
                        <source class="lazyload banner-image" type="image/webp"
                            srcset="assets/images/Landing-page/partner/partner-9.webp">
                        <img data-src="assets/images/Landing-page/partner/partner-9.webp" type="image/webp"
                            class=" lazyload banner-image" alt="Leading Blockchain Development Company">
                    </picture>
                </div>
            </div>
        </div>
    </section>
    <section class="blog-sec ptb-70">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-12 col-xl-12">
                    <div class="section-head text-center">
                        <h5>Welcome To Our Blog</h5>
                        <h2>
                            Read The Latest Articles From Us

</h2>
                    </div>
                </div>
            </div>
            <div class="row justify-content-md-center">
                <div class="col-lg-4 col-md-6 resp-mrgn-btm">
                    <div class="blog-card">
                        <a href="https://chaintechsource.com/blog/best-nft-to-buy-invest/">
                            <picture>
                                <source class="lazyload banner-image" type="image/webp"
                                    srcset="assets/images/Landing-page/best-nft-to-buy-invest.webp">
                                <img data-src="assets/images/Landing-page/best-nft-to-buy-invest.webp" type="image/webp"
                                    class=" lazyload w-100" alt="Leading Blockchain Development Company">
                            </picture>
                        </a>
                        <div class="blog-content">
                            <span>September 28, 2021</span>
                            <h3>Top 10 Best NFTs To Buy And Invest In</h3>
                            <p>Non-Fungible Token is one of the most transient terms in the cloud. The majority of
                                people are unfamiliar with the term
                                NFT, but it is worth investing in....</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 resp-mrgn-btm">
                    <div class="blog-card">
                        <a href="https://chaintechsource.com/blog/nft-development-company/">

<picture>
                                <source class="lazyload banner-image" type="image/webp"
                                    srcset="assets/images/Landing-page/nft-development-company.webp">
                                <img data-src="assets/images/Landing-page/nft-development-company.webp"
                                    type="image/webp" class=" lazyload w-100"
                                    alt="Leading Blockchain Development Company">
                            </picture>
                        </a>
                        <div class="blog-content">
                            <span>October 5, 2021</span>
                            <h3>NFT Development company – How to choose a good one?</h3>
                            <p>Space on the Internet is always shifting. Users are continually pushing the bounds of the
                                web, pushing the global border
                                further out into the ether. NFTs, or non-fungible...</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="blog-card">
                        <a href="https://chaintechsource.com/blog/layer2-blockchain-development/">

<picture>
                                <source class="lazyload banner-image" type="image/webp"
                                    srcset="assets/images/Landing-page/layer2-blockchain-development.webp">
                                <img data-src="assets/images/Landing-page/layer2-blockchain-development.webp"
                                    type="image/webp" class=" lazyload w-100"
                                    alt="Leading Blockchain Development Company">
                            </picture>
                        </a>
                        <div class="blog-content">
                            <span>October 18, 2021</span>
                            <h3>Quick And Efficient Way To Develop Your Own Layer 2 Blockchain</h3>
                            <p>The “Layer 2 blockchain technology” concept is gaining traction in the recent past.
                                Innumerable products have attempted
                                to employ blockchain as a technical solution to their problems in...</p>
                        </div>
                    </div>
                </div>
            </div>

</div>

</section>
    <div id="contact"></div>
 
<div id="footer"></div>

<div class="fixed-overlay" style="animation: pop 10s;"></div>
<div class="fixed-popup-sec" style="animation: pop 10s;">
    <div class="close-menu">
        <img src="assets/images/Landing-page/popup-close.svg" class="popup-close-icon">
    </div>
    <div class="container">
        <div class="row justify-content-md-center">
            <div class="col-md-12">
                <div class="popup-form-sec">
                    <h4>Get your Top Level Domain for just $100</h4>
                    <form method="POST" action="src/index.php" class="popup-form">
                        <div class="form-group">
                            <input name="name" id="name" type="text" placeholder="Enter Your Name" class="form-control" required="">
                        </div>
                        <div class="form-group">
                            <input type="email" name="email" id="email" placeholder="Enter Your Email" class="form-control" required="">
                        </div>
                        <div class="form-group">
                            <input input type="text" class="form-control" name="domain" placeholder="Domain" id="domain" required="">
                        </div>
                        <input type="hidden" name="page_url" id="page_url">
                        <button type="submit" class="default-btn">Submit</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="sticky-float-btn">
    <a target="_blank" href="https://api.whatsapp.com/send/?phone=%2B6586470676&text&type=phone_number&app_absent=0" class="btns whatsapp-float-btn"><svg
            xmlns="https://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50" viewBox="0 0 192 192"
            style="fill: #000000">
            <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt"
                stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0"
                font-family="none" font-weight="none" font-size="none" text-anchor="none"
                style="mix-blend-mode: normal">
                <path d="M0,192v-192h192v192z" fill="none"></path>
                <g fill="#ffffff">
                    <path
                        d="M96,7.68c-48.69888,0 -88.32,39.62112 -88.32,88.32c0,15.2064 3.92832,30.15936 11.37792,43.3536l-11.23584,40.0896c-0.36864,1.31712 -0.01152,2.73024 0.9408,3.70944c0.73344,0.75648 1.73184,1.16736 2.75712,1.16736c0.3072,0 0.61824,-0.0384 0.9216,-0.11136l41.84064,-10.36416c12.77568,6.85824 27.16416,10.47552 41.71776,10.47552c48.69888,0 88.32,-39.62112 88.32,-88.32c0,-48.69888 -39.62112,-88.32 -88.32,-88.32zM140.4288,127.16544c-1.88928,5.23008 -10.95168,10.0032 -15.30624,10.64448c-3.90912,0.57216 -8.85504,0.81792 -14.2848,-0.88704c-3.29088,-1.0368 -7.51488,-2.41152 -12.92544,-4.71936c-22.74432,-9.69984 -37.59744,-32.3136 -38.73408,-33.80736c-1.1328,-1.49376 -9.25824,-12.13824 -9.25824,-23.1552c0,-11.01696 5.856,-16.4352 7.93728,-18.67776c2.08128,-2.24256 4.53504,-2.8032 6.048,-2.8032c1.51296,0 3.02208,0.0192 4.34688,0.08064c1.39392,0.06912 3.264,-0.52608 5.10336,3.84384c1.88928,4.48512 6.42432,15.50208 6.98496,16.6272c0.56832,1.12128 0.94464,2.43072 0.192,3.92448c-0.75264,1.49376 -1.12896,2.42688 -2.2656,3.73632c-1.13664,1.30944 -2.3808,2.9184 -3.40224,3.92448c-1.13664,1.11744 -2.31552,2.32704 -0.99456,4.5696c1.32096,2.24256 5.87136,9.57312 12.6144,15.50976c8.6592,7.62624 15.96672,9.99168 18.23232,11.11296c2.2656,1.12128 3.5904,0.93312 4.91136,-0.56064c1.32096,-1.4976 5.66784,-6.53952 7.17696,-8.77824c1.50912,-2.23872 3.02208,-1.87008 5.10336,-1.12128c2.08128,0.74496 13.2288,6.15936 15.4944,7.28064c2.2656,1.12128 3.77856,1.68192 4.34688,2.61504c0.56832,0.92928 0.56832,5.4144 -1.32096,10.64064z">
                    </path>
                </g>
            </g>
        </svg></a><a target="_blank" href="https://t.me/pritam_cristpin" class="btns skype">
        <svg width="24px" height="24px" version="1.1" xmlns="https://www.w3.org/2000/svg"
            xmlns:xlink="https://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="https://www.serif.com/"
            style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
            <path fill="#ffffff" id="telegram-1"
                d="M18.384,22.779c0.322,0.228 0.737,0.285 1.107,0.145c0.37,-0.141 0.642,-0.457 0.724,-0.84c0.869,-4.084 2.977,-14.421 3.768,-18.136c0.06,-0.28 -0.04,-0.571 -0.26,-0.758c-0.22,-0.187 -0.525,-0.241 -0.797,-0.14c-4.193,1.552 -17.106,6.397 -22.384,8.35c-0.335,0.124 -0.553,0.446 -0.542,0.799c0.012,0.354 0.25,0.661 0.593,0.764c2.367,0.708 5.474,1.693 5.474,1.693c0,0 1.452,4.385 2.209,6.615c0.095,0.28 0.314,0.5 0.603,0.576c0.288,0.075 0.596,-0.004 0.811,-0.207c1.216,-1.148 3.096,-2.923 3.096,-2.923c0,0 3.572,2.619 5.598,4.062Zm-11.01,-8.677l1.679,5.538l0.373,-3.507c0,0 6.487,-5.851 10.185,-9.186c0.108,-0.098 0.123,-0.262 0.033,-0.377c-0.089,-0.115 -0.253,-0.142 -0.376,-0.064c-4.286,2.737 -11.894,7.596 -11.894,7.596Z" />
        </svg>
    </a>
</div>

<script src="./assets/js/jquery.min.js"></script>
    <script src="./assets/js/main.js"></script>
    <script src="./assets/js/tiny-slider.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js"
        integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB"
        crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js"
        integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13"
        crossorigin="anonymous"></script>
    <script>
        var slider = tns({
            container: '.my-slider',
            items: 5,

autoplay: true,
            autoplayTimeout: 2000,
            responsive: {
                360: {
                    items: 2
                },
                640: {
                    edgePadding: 20,
                    gutter: 20,
                    items: 3
                },
                700: {
                    gutter: 30,
                    items: 4

},
                900: {
                    items: 5
                }
            }
        });
    </script>

</html>

Back to Directory File Manager