<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode }}">
<head>
<meta charset="utf-8">
<meta name="robots" content="all,follow">
<meta name="googlebot" content="index,follow,snippet,archive">
<meta name="viewport" content="width=device-width, initial-scale=1">
{{ $title_plain := .Title | markdownify | plainify }}
<title>{{ $title_plain }}</title>
<meta name="author" content="{{ .Param " author" }}" />
{{ $keywords := .Site.Params.defaultKeywords | default (slice "" | first 0) }}
{{ if isset .Params "tags" }}{{ range .Params.tags }}{{ $keywords = $keywords | append . }}{{ end }}{{ end }}
{{ if isset .Params "keywords" }}{{ range .Params.keywords }}{{ $keywords = $keywords | append . }}{{ end }}{{ end }}
{{ if gt (len $keywords) 0 }}
<meta name="keywords" content="{{ delimit (uniq $keywords) " , " }}">
{{ end }}
{{ $description_plain := default .Site.Params.defaultDescription .Description | markdownify | plainify }}
<meta name="description" content="{{ $description_plain }}">
{{ hugo.Generator }}
<!-- Font -->
<link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet'
type='text/css'>
<!-- Bootstrap and Font Awesome CSS -->
<link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- CSS animations -->
<link href="{{ " css/animate.css" | relURL}}" rel="stylesheet">
<!-- Theme stylesheet, if possible do not edit this stylesheet -->
{{ with .Site.Params.style }}
<link href="{{ " css/style" | relURL}}.{{ . }}.css" rel="stylesheet" id="theme-stylesheet">
{{ else }}
<link href="{{ " css/style.default.css" | relURL}}" rel="stylesheet" id="theme-stylesheet">
{{ end }}
<!-- Custom stylesheet - for your changes -->
<link href="{{ " css/custom.css" | relURL}}" rel="stylesheet">
<link href="{{ " css/customnft.css" | relURL}}" rel="stylesheet">
<!-- Responsivity for older IE -->
{{ `
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
` | safeHTML }}
<!-- Favicon and Apple touch icons-->
<link rel="shortcut icon" href="{{ " img/favicon.ico" | relURL }}" type="image/x-icon" />
<link rel="apple-touch-icon" href="{{ " img/apple-touch-icon.png" | relURL }}" />
<!-- owl carousel CSS -->
<link href="{{ " css/owl.carousel.css" | relURL}}" rel="stylesheet">
<link href="{{ " css/owl.theme.css" | relURL}}" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
<!-- RSS feed -->
<link rel="alternate" href="{{ " /index.xml" | absURL }}" type="application/rss+xml" title="{{ .Site.Title }}">
<!-- Facebook OpenGraph tags -->
{{ $is_blog := and (eq .Type "blog") (eq .Kind "page") }}
{{ $has_image := isset .Params "banner" }}
{{ $image := cond $has_image .Params.banner (.Site.Params.default_sharing_image | default "img/sharing-default.png")
}}
{{ $is_valid_image := print "static/" $image | fileExists }}
{{ if $is_valid_image }}
{{ $image_ext := path.Ext $image }}
<meta property="og:locale" content="{{ replace .Site.LanguageCode " -" "_" }}">
<meta property="og:site_name" content="{{ .Site.Title }}">
<meta property="og:title" content="{{ $title_plain }}">
<meta property="og:type" content="{{ cond $is_blog " article" "website" }}">
<meta property="og:url" content="{{ .Permalink }}" />
<meta property="og:description" content="{{ $description_plain }}">
<meta property="og:image" content="{{ $image | absURL }}">
<meta property="og:image:type" content="image/{{ if eq $image_ext " .svg" }}svg+xml{{ else }}{{ trim $image_ext "."
}}{{ end }}">
{{ with .Params.banner_alt }}
<meta property="og:image:alt" content="{{ . | markdownify | plainify }}">{{ end }}
{{ $image_local := printf "/static/%s" $image}}
{{ with (imageConfig $image_local) }}
<meta property="og:image:width" content="{{ .Width }}">
<meta property="og:image:height" content="{{ .Height }}">
{{ end }}
{{ end }}
{{ with .Lastmod }}
<meta property="og:updated_time" content="{{ .Format " 2006-01-02T15:04:05Z0700" }}">{{ end }}
{{ if $is_blog }}
{{ with .Param "facebook_site" }}
<meta property="article:publisher" content="https://www.facebook.com/{{ . }}/">{{ end }}
{{ with .Param "facebook_author" }}
<meta property="article:author" content="https://www.facebook.com/{{ . }}/">{{ end }}
{{ with .Params.categories }}
<meta property="article:section" content="{{ index . 0 }}">{{ end }}
{{ range .Params.tags }}
<meta property="article:tag" content="{{ . }}">
{{ end }}
{{ if gt .ExpiryDate .PublishDate }}
<meta property="article:expiration_time" content="{{ .ExpiryDate.Format " 2006-01-02T15:04:05Z0700" }}">{{ end }}
{{ with .PublishDate }}
<meta property="article:published_time" content="{{ .Format " 2006-01-02T15:04:05Z0700" }}">{{ end }}
{{ with .Lastmod }}
<meta property="article:modified_time" content="{{ .Format " 2006-01-02T15:04:05Z0700" }}">{{ end }}
{{ end }}
<!-- Twitter Card meta tags -->
<meta name="twitter:card"
content="summary{{ if (and $is_blog (and $has_image $is_valid_image)) }}_large_image{{ end }}">
{{ with .Param "twitter_site" }}
<meta name="twitter:site" content="@{{ . }}">{{ end }}
<meta name="twitter:title" content="{{ $title_plain | truncate 70 }}">
{{ if $is_valid_image }}
<meta name="twitter:image" content="{{ $image | absURL }}">
{{ end }}
<meta name="twitter:description" content="{{ $description_plain | truncate 200 }}">
{{ with .Param "twitter_author" }}
<meta name="twitter:creator" content="@{{ . }}">{{ end }}
<meta name="facebook-domain-verification" content="3xipgs46lfxeohb6sq2xw3ulmq94ew" />
<!-- Start of HubSpot Embed Code -->
<script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/9082955.js"></script>
<!-- End of HubSpot Embed Code -->
<!-- Global site tag (gtag.js) - Google Ads: 474336061 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-474336061"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'AW-474336061');
</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-MTWWP3G');</script>
<!-- End Google Tag Manager -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-9JHSFXZ4TT"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-9JHSFXZ4TT');
</script>
<!-- Event snippet for ChoozMo video marking conversion page -->
<script>
gtag('event', 'conversion', { 'send_to': 'AW-474336061/nOm7CPHvtZ0DEL2Wl-IB' });
</script>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MTWWP3G" height="0" width="0"
style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div id="all" style="overflow-x:hidden;">
{{ partial "nav.html" . }}
{{ partial "LP_components/hero.html" . }}
{{ partial "LP_components/use_cases.html" . }}
{{ partial "LP_components/steps.html" . }}
{{ partial "LP_components/features.html" . }}
{{ partial "LP_components/blogs_tab.html" . }}
{{ partial "LP_components/action.html" . }}
{{ partial "LP_components/Footer.html" . }}
{{ partial "LP_components/news.html" . }}
</div>
<!-- /#all -->
{{ partial "scripts.html" . }}
<script type="application/javascript">
var doNotTrack = false;
if (!doNotTrack) {
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date(); a = s.createElement(o),
m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-153100602-5', 'auto');
ga('send', 'pageview');
}
</script>
<script>
function tabLP() {
if (('.m-tabs').length) {
// Show the first tab by default
$('.blog-tabs-stage>div').hide();
$('.blog-tabs-stage>div:first').show();
$('.blog-tabs-nav li:first').addClass('blog-tab-active');
// Change tab class and display content
$('.blog-tabs-nav a').on('click', function (event) {
event.preventDefault();
$('.blog-tabs-nav li').removeClass('blog-tab-active');
$(this).parent().addClass('blog-tab-active');
$('.blog-tabs-stage>div').hide();
$($(this).attr('href')).show();
});
}
}
tabLP();
function debounce(func, wait = 20, immediate = true) {
var timeout;
return function () {
var context = this, args = arguments;
var later = function () {
timeout = null;
if (!immediate) func.apply(context, args);
};
var callNow = immediate && !timeout;
clearTimeout(timeout);
timeout = setTimeout(later, wait);
if (callNow) func.apply(context, args);
};
};
const featuresBlock = document.querySelectorAll('.features-block');
const featuresRow = document.querySelectorAll('.sec-features .row');
function checkSlide() {
featuresRow.forEach((block, i) => {
// half way through the image
const slideInAt = (window.scrollY + window.innerHeight) - block.offsetHeight / 2;
// bottom of the image
const isHalfShown = slideInAt > block.offsetTop;
if (isHalfShown) {
featuresBlock[i].classList.add('active');
}
});
}
window.addEventListener('scroll', debounce(checkSlide));
$('.navbar-nav .dropdown:nth-of-type(2)').click(function () {
$('html, body').animate({
scrollTop: $("#sec-features").offset().top
}, 1000);
})
</script>
</body>
</html>