choozmo
/
AI_Video_LP


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272
							<!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>