File Manager

Editing File: /home/ubuntu/chaintechsource-landing/a-frame-development.html

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

<head>
    <meta charset="utf-8" />
    <title>A-Frame Development</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." />
    <link rel="canonical" href="https://www.chaintechsource.com/a-frame-development" />
    
    <meta property="og:title" content="Blockchain Development Company | A-Frame Development" />
    <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" />
    
    <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>
    
    
</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>
                                    Explore an Incredible Virtual Reality Experience By Using A-Frame
                                </h1>
                                <p>
                                    Develop VR frameworks that run in the browser with A-Frame and enjoy the virtual gaming experience to the fullest.
                                </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/ar-vr/a-frame-development/banner-a-frame.webp">
                                    <img data-src="assets/images/service-pages/ar-vr/a-frame-development/banner-a-frame.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 A-Frame Development</h2>
                            </div>
                            <div>
                                <p>
                                    A-Frame is a web framework for creating virtual reality (VR) experiences that is open-source. It is maintained by
                                    Supermedium (Diego Macros, Kevin Ngo) and Google developers (Don McCurdy). A-Frame is a Three.js entity-component system
                                    framework that allows developers to use HTML to construct 3D and WebVR environments.
                                </p>
                                <p>
                                    Since A-Frame is built on top of HTML, it's easy to get started. However, A-Frame is more than just a 3D scene graph or
                                    a markup language; it's also a sophisticated entity-component framework that gives three.js a declarative, extensible,
                                    and composable structure.
                                </p>
                                <p>
                                   Predominantly, A-Frame was developed to be an easy yet powerful way to develop VR content. As an independent open source
                                   project, A-Frame has grown to be one of the largest VR communities.
                                </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/ar-vr/a-frame-development/about-a-frame.webp">
                            <img data-src="assets/images/service-pages/ar-vr/a-frame-development/about-a-frame.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 A-Frame Development?</h5>
                        <p>
                            A-Frame functions using WebVR and WebVR is an open specification that makes it possible to experience VR in your
                            browser. The main aim of this is to allow everyone to get into the world of VR irrespective of the device.
                        </p>
                        <p>
                            With A-Frame there are possibilities for numerous designs and none of them are expensive. There are 360 images and
                            videos available in A-Frame and in addition to that, it is possible to add 3D objects. And the case with 3D objects is
                            that it needs a specific format, but with A-Frame that is also possible as there are some converters out there in case
                            you need to convert some.
                        </p>
                        <p>
                            One of the most interesting features of A-Frame is the built-in inspector function, which allows you to make any
                            changes. You can manually alter settings in these tools and move things around once you've started a project. You can
                            download the code once you have everything exactly the way you want it.
                        </p>
                        <p>
                            ChainTechSource, as a leading Metaverse development company can provide you with the most advanced A-Frame development
                            services, where you can create your own virtual world with exquisite characteristics. With ChainTechSource’s A-Frame
                            development, playing in a Metaverse will be more interesting and delightful.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="create-strip-sec ptb-70">
        <div class="container">
            <div class="strip-card text-white">
                <h4>Get you’re a-Frame development service done soon</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 A-Frame Development
                        </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/ar-vr/a-frame-development/vr.webp">
                                    <img data-src="assets/images/service-pages/ar-vr/a-frame-development/vr.webp" type="image/webp" class=" lazyload "
                                        alt="Leading Blockchain Development Company">
                                </picture>
                            </div>
                            <div class="tech-card-content card-title">
                                <h4 class="mb-2">Virtual Reality Made Simple</h4>
                                <p>
                                    A-Frame takes care of the 3D and WebVR boilerplate needed to get things up and running on mobile, desktop, Vive, and
                                    Rift.
                                </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/ar-vr/a-frame-development/architecture.webp">
                                    <img data-src="assets/images/service-pages/ar-vr/a-frame-development/architecture.webp" type="image/webp" class=" lazyload "
                                        alt="Leading Blockchain Development Company">
                                </picture>
                            </div>
                            <div class="tech-card-content card-title">
                                <h4 class=" mb-2">Entity-Component Architecture</h4>
                                <p>
                                    A-Frame is a sophisticated three.js framework that provides a declarative, composable, and reusable entity-component
                                    structure.
                                </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/ar-vr/a-frame-development/performance.webp">
                                    <img data-src="assets/images/service-pages/ar-vr/a-frame-development/performance.webp" type="image/webp" class=" lazyload "
                                        alt="Leading Blockchain Development Company">
                                </picture>
                            </div>
                            <div class="tech-card-content card-title">
                                <h4 class=" mb-2">Performance</h4>
                                <p>
                                    Performance is a primary priority, as seen by battle-tested WebVR experiences.
                                </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/ar-vr/a-frame-development/cross-platform.webp">
                                    <img data-src="assets/images/service-pages/ar-vr/a-frame-development/cross-platform.webp" type="image/webp" class=" lazyload "
                                        alt="Leading Blockchain Development Company">
                                </picture>
                            </div>
                            <div class="tech-card-content card-title">
                                <h4 class=" mb-2">Cross-Platform</h4>
                                <p>
                                Create VR apps for the HTC Vive, Oculus Rift, Daydream, GearVR, and Cardboard. A-Frame is compatible with both desktop
                                computers and smartphones.
                                </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/ar-vr/a-frame-development/visual.webp">
                                    <img data-src="assets/images/service-pages/ar-vr/a-frame-development/visual.webp" type="image/webp" class=" lazyload "
                                        alt="Leading Blockchain Development Company">
                                </picture>
                            </div>
                            <div class="tech-card-content card-title">
                                <h4 class="mb-2">Visual Inspector</h4>
                                <p>
                                    A-Frame includes a built-in visual 3D inspector with a workflow that is comparable to that of a browser's developer
                                    tools and interfaces that are similar to Unity.
                                </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/ar-vr/a-frame-development/components.webp">
                                    <img data-src="assets/images/service-pages/ar-vr/a-frame-development/components.webp" type="image/webp" class=" lazyload "
                                        alt="Leading Blockchain Development Company">
                                </picture>
                            </div>
                            <div class="tech-card-content card-title">
                                <h4 class="mb-2">Components</h4>
                                <p>
                                    Use A-key Frame's components including geometrics, materials, lights, animations, and models to get started right away.
                                </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/ar-vr/a-frame-development/html.webp">
                                    <img data-src="assets/images/service-pages/ar-vr/a-frame-development/html.webp" type="image/webp" class=" lazyload "
                                        alt="Leading Blockchain Development Company">
                                </picture>
                            </div>
                            <div class="tech-card-content card-title">
                                <h4 class="mb-2">Based on HTML</h4>
                                <p>
                                    As A-Frame is built on top of HTML, it'll be easy for the A-Frame to get started, which makes the users start without
                                    any hesitation.
                                </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="create-strip-sec ptb-70">
        <div class="container">
            <div class="strip-content">
                <h4>Get to know more about A-Frame development services</h4>
                
                <a href="#contact-us" class="default-btn smooth">Click Here</a>
            </div>
        </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 A-Frame Development
                        </h2>
                    </div>
                    <div class="advantage-card overly-one">
                        <div class="advantage-content overly-two card-title">
                            <h4>Futuristic Technology</h4>
                            <p>
                                A-Frame is the future of the Metaverse where anything and everything is possible in the Metaverse with the use of
                                A-Frame
                            </p>
                            <span>01</span>
                        </div>
                    </div>
                    <div class="advantage-card overly-one">
                        <div class="advantage-content overly-two card-title">
                            <h4>It is Easy to Build-in</h4>
                            <p>
                                A-Frame VR is super easy to build in. It makes use of declarative HTML. Being based on top of HTML, A-Frame is
                                accessible to everyone.
                            </p>
                            <span>02</span>
                        </div>
                    </div>
                    <div class="advantage-card overly-one">
                        <div class="advantage-content overly-two card-title">
                            <h4>Tons of Learning Sources</h4>
                            <p>
                                A-Frame contains a wealth of documentation, but maybe more importantly, they offer free interactive training.
                            </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/ar-vr/a-frame-development/benefits-a-frame.webp">
                            <img data-src="assets/images/service-pages/ar-vr/a-frame-development/benefits-a-frame.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/ar-vr/a-frame-development/faq-8.webp">
                            <img data-src="assets/images/service-pages/ar-vr/a-frame-development/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>Dive deeper into the ocean of A-Frame development</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">
                                        What is A-Frame Web VR?
                                    </button>
                                </h2>
                                <div id="collapseOne" class="accordion-collapse collapse show"
                                    aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                                    <div class="accordion-body">
                                        A-Frame is a web framework for creating virtual reality (VR) experiences that is open-source. It is maintained by
                                        Supermedium and Google developers.
                                    </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">
                                        What language does A-Frame use?
                                    </button>
                                </h2>
                                <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
                                    data-bs-parent="#accordionExample">
                                    <div class="accordion-body">
                                    As A-Frame is built on top of HTML, it's easy to get started. However, A-Frame is more than just a 3D scene graph or a
                                    markup language; it's also a sophisticated entity-component framework that gives three.js a declarative, extensible, and
                                    composable structure.
                                    </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">
                                        Does A-Frame use WebGL?
                                    </button>
                                </h2>
                                <div id="collapseThree" class="accordion-collapse collapse"
                                    aria-labelledby="headingThree" data-bs-parent="#accordionExample">
                                    <div class="accordion-body">
                                        Models, video players, skyboxes, geometrics, controls, animations, cursors, and other pre-made components are available
                                        in A-Frame, which is built on top of WebGL.
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingFour">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapseFour" aria-expanded="false"
                                        aria-controls="collapseFour">
                                        How do you use frame VR?
                                    </button>
                                </h2>
                                <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
                                    data-bs-parent="#accordionExample">
                                    <div class="accordion-body">
                                        While in 2D mode, navigate to a Frame link in a browser and sign in if you have an account, then click the "CONNECT"
                                        button. The VR button will appear in the browser's bottom right corner, which you may click to expand Frame into an
                                        immersive mode.
                                    </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