Viewing 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." />
<!-- og tag start -->
<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" />
<!-- og tag end -->
<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" />
<!-- favicon -->
<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" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<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>
<!-- Google Tag Manager -->
<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>
<!-- End Google Tag Manager -->
<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>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-ND66WBR" height="0" width="0"
style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<section class="home-sec">
<div id="header"></div>
<!-- Banner -->
<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>
<!-- end banner -->
</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>
<!-- footer start -->
<div id="footer"></div>
<!-- footer End -->
<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>
<!-- jQuery -->
<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>
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/61f1027b9bd1f31184d96450/1fqan3cr1';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!-- Begin SpeakPipe code -->
<script type="text/javascript">
(function (d) {
var app = d.createElement('script'); app.type = 'text/javascript'; app.async = true;
app.src = 'https://www.speakpipe.com/loader/j9nlvtk6fy93usjsjw5thb4bz8ckb8re.js';
var s = d.getElementsByTagName('script')[0]; s.parentNode.insertBefore(app, s);
})(document);
</script>
<!-- End SpeakPipe code -->
</body>
</html>
Back to Directory
File Manager