It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://sohbet.softr.app

  1. <!DOCTYPE html>
  2. <!-- This website/webapp was created in Softr. https://www.softr.io -->
  3. <!-- Last Published: Sat, March 19 2022 18:42:14 -->
  4. <html lang="en">
  5. <head>
  6.  
  7.    <meta charset="utf-8">
  8.    <meta http-equiv="X-UA-Compatible" content="IE=edge">
  9.    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi, shrink-to-fit=no"/>
  10.    <script>
  11.        const reactDefaultThemes = {defaultBaseTextSize: '16px',defaultBodyFont: 'Lato',defaultBodyFontWeight: '300',defaultBodyTextColor: '#b1b5d3',defaultButtonBackgroundColor: '#52bd95',defaultButtonRoundness: '.25rem',defaultButtonTextColor: '#ffffff',defaultContainerStyle: 'container',defaultTitleFont: 'Lato',defaultTitleFontWeight: '600',defaultTitleTextColor: '#ffffff',defaultSize: 'M',defaultBackgroundColor: '#ffffff',defaultShadow: true,defaultBackgroundStyle: 'HIGHLIGHTED'};
  12.    </script>
  13.  
  14. <meta name="twitter:title" content="Home"><meta property="twitter:title" content="Home"><meta property="og:title" content="Home">
  15.  
  16.  
  17.  
  18. <title>Home - made with softr.io</title>
  19.  
  20.  
  21.  
  22. <link rel="icon" type="image/x-icon" href="https://assets.softr-files.com/applications/8f7af9fb-a550-425d-b327-48195c193a5f/assets/c870e998-d79a-414a-8577-5bb4e5b7464d.svg?rnd=1622671497214"/>
  23.  
  24.  
  25. <link rel="canonical" href="https://sohbet.softr.app/" />
  26. <link href="https://fonts.softr-files.com/google/api/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&display=swap" rel="stylesheet">
  27.  
  28. <link href="https://assets.softr-files.com/libs/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
  29. <link href="https://assets.softr-files.com/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
  30.  
  31.  
  32. <style type="text/css">
  33.  
  34.    html {
  35.        scroll-behavior: smooth;
  36.        font-size: 16px;
  37.        overflow-x: hidden;
  38.        background-color: #ffffff;
  39.    }
  40.  
  41.    body {
  42.        /* fallback for devices that do not support dvh units */
  43.        min-height: 100vh;
  44.        min-height: 100dvh;
  45.    }
  46.  
  47.    .container {
  48.        max-width: 100%;
  49.    }
  50.  
  51.    @media (min-width: 576px) {
  52.        .container {
  53.            max-width: 540px;
  54.        }
  55.    }
  56.  
  57.    @media (max-width: 576px) {
  58.        .navbar-brand img {
  59.            max-width: 15rem !important;
  60.        }
  61.    }
  62.  
  63.    @media (min-width: 768px) {
  64.        .container {
  65.            max-width: 720px;
  66.        }
  67.    }
  68.  
  69.    @media (min-width: 992px) {
  70.        .container {
  71.            max-width: 960px;
  72.        }
  73.    }
  74.  
  75.    @media (min-width: 1200px) {
  76.        .container {
  77.            max-width: 1140px;
  78.        }
  79.    }
  80.  
  81.    p, h1, h2, h3, h4, h5, small {
  82.        white-space: pre-line;
  83.    }
  84.  
  85.    @media screen and (max-width: 768px) {
  86.        input, select, textarea {
  87.            font-size: 16px !important;
  88.        }
  89.    }
  90.  
  91.    h1.sw-font-family-default,
  92.    h2.sw-font-family-default,
  93.    h3.sw-font-family-default {
  94.        font-family: "Lato";
  95.    }
  96.  
  97.    h1.sw-font-weight-default,
  98.    h2.sw-font-weight-default,
  99.    h3.sw-font-family-default {
  100.        font-weight: 600;
  101.    }
  102.  
  103.    h1.sw-text-color-default,
  104.    h2.sw-text-color-default,
  105.    h3.sw-font-family-default {
  106.        color: #ffffff;
  107.    }
  108.  
  109.    section.sw-font-family-default,
  110.    header.sw-font-family-default,
  111.    nav.sw-font-family-default,
  112.    footer.sw-font-family-default,
  113.    div.sw-font-family-default,
  114.    span.sw-font-family-default,
  115.    small.sw-font-family-default,
  116.    pre.sw-font-family-default,
  117.    p.sw-font-family-default,
  118.    b.sw-font-family-default,
  119.    li.sw-font-family-default,
  120.    ul.sw-font-family-default,
  121.    a.sw-font-family-default,
  122.    h4.sw-font-family-default,
  123.    h5.sw-font-family-default,
  124.    h6.sw-font-family-default {
  125.        font-family: "Lato";
  126.    }
  127.  
  128.    span.sw-font-weight-default,
  129.    li.sw-font-weight-default span,
  130.    small.sw-font-weight-default,
  131.    li.sw-font-weight-default small,
  132.    pre.sw-font-weight-default,
  133.    p.sw-font-weight-default,
  134.    h4.sw-font-weight-default,
  135.    h5.sw-font-weight-default,
  136.    h6.sw-font-weight-default {
  137.        font-weight: 300;
  138.    }
  139.  
  140.    span.sw-text-color-default,
  141.    li.sw-text-color-default span,
  142.    small.sw-text-color-default,
  143.    li.sw-text-color-default small,
  144.    pre.sw-text-color-default,
  145.    p.sw-text-color-default,
  146.    div.sw-text-color-default,
  147.    h4.sw-text-color-default,
  148.    h5.sw-text-color-default,
  149.    h6.sw-text-color-default {
  150.        color: #b1b5d3;
  151.    }
  152.  
  153.    input.sw-font-family-default,
  154.    textarea.sw-font-family-default {
  155.        font-family: "Lato";
  156.    }
  157.  
  158.    input.sw-font-weight-default,
  159.    textarea.sw-font-weight-default {
  160.        font-weight: 300;
  161.    }
  162.  
  163.    .sw-font-family-default::-webkit-input-placeholder,
  164.    .sw-font-family-default::-moz-placeholder,
  165.    .sw-font-family-default:-ms-input-placeholder,
  166.    .sw-font-family-default:-moz-placeholder {
  167.        font-family: "Lato";
  168.    }
  169.  
  170.    .sw-font-family-default::-webkit-input-placeholder,
  171.    .sw-font-family-default::-moz-placeholder,
  172.    .sw-font-family-default:-ms-input-placeholder,
  173.    .sw-font-family-default:-moz-placeholder {
  174.        font-weight: 300;
  175.    }
  176.  
  177.    .sw-text-color-default[data-element='button'] {
  178.        color: #ffffff;
  179.    }
  180.  
  181.    .sw-background-color-default[data-element='button'] {
  182.        background-color: #52bd95;
  183.    }
  184.  
  185.    .sw-border-radius-default[data-element='button'] {
  186.        border-radius: .25rem;
  187.    }
  188.  
  189.    /* Micromodal styles */
  190.    .sw-modal {
  191.        display: none;
  192.    }
  193.  
  194.    .sw-modal.is-open {
  195.        display: block;
  196.    }
  197.  
  198.    .sw-modal .sw-modal-overlay {
  199.        position: fixed;
  200.        top: 0;
  201.        left: 0;
  202.        right: 0;
  203.        bottom: 0;
  204.        background: rgba(0, 0, 0, 0.6);
  205.        display: flex;
  206.        justify-content: center;
  207.        align-items: center;
  208.        z-index: 9999;
  209.    }
  210.  
  211.    .sw-modal .sw-modal-container {
  212.        background-color: #FFFFFF;
  213.        padding: 40px 10px 10px 10px;
  214.        overflow-y: auto;
  215.        box-sizing: border-box;
  216.        position: relative;
  217.        margin: auto;
  218.        border-radius: 16px;
  219.    }
  220.  
  221.    .sw-modal #sw-modal-content {
  222.        display: flex;
  223.        align-items: center;
  224.        justify-content: center;
  225.    }
  226.  
  227.    .sw-modal .sw-modal-close {
  228.        background: transparent;
  229.        border: 0;
  230.        position: absolute;
  231.        right: 10px;
  232.        top: 10px;
  233.    }
  234.  
  235.    .sw-modal-close:focus {
  236.        outline: none;
  237.    }
  238.  
  239.    .sw-modal .sw-modal-iframe {
  240.        border: none;
  241.    }
  242.  
  243.    .sw-modal-size-sm {
  244.        width: 464px;
  245.        height: 350px;
  246.        max-width: 95vw;
  247.        max-height: 95vh;
  248.    }
  249.  
  250.  
  251.    .sw-modal-size-md {
  252.        width: 755px;
  253.        height: 600px;
  254.        max-width: 95vw;
  255.        max-height: 95vh;
  256.    }
  257.  
  258.    .sw-modal-size-lg {
  259.        width: 1196px;
  260.        height: 780px;
  261.        max-width: 95vw;
  262.        max-height: 95vh;
  263.    }
  264.  
  265.    .sw-modal-size-xl {
  266.        width: 95vw;
  267.        height: 95vh;
  268.    }
  269.  
  270.    .sw-modal-container > div, #sw-modal-content, #sw-modal-content iframe {
  271.        width: 100%;
  272.        height: 100%;
  273.    }
  274.  
  275.    .sw-modal-close:before {
  276.        content: "\2715";
  277.    }
  278.  
  279.    @keyframes rotation {
  280.        from {
  281.            transform: rotate(0deg);
  282.        }
  283.        to {
  284.            transform: rotate(359deg);
  285.        }
  286.    }
  287.  
  288.    .sw-font-size-m { font-size: 1rem!important; } .sw-text-color-000000 { color: #000000!important; } .sw-font-family-default {  } .sw-font-weight-semibold { font-weight: 600!important; } .sw-letter-spacing-normal { letter-spacing: 0rem!important; } .sw-display-block { display: block!important; } .sw-padding-top-6xs { padding-top: 0.5rem!important; } .sw-padding-bottom-6xs { padding-bottom: 0.5rem!important; } .sw-padding-left-6xs { padding-left: 0.5rem!important; } .sw-padding-right-xs { padding-right: 2rem!important; } @media (hover: hover) { .hover\:sw-text-decoration-no-underline:hover { text-decoration: none!important; } } .active\:sw-background-color-transparent:active { background-color: transparent!important; } .sw-font-size-s { font-size: 0.875rem!important; } .sw-font-weight-normal { font-weight: 400!important; } .sw-display-flex { display: flex!important; } .sw-padding-top-7xs { padding-top: 0.25rem!important; } .sw-padding-bottom-7xs { padding-bottom: 0.25rem!important; } .sw-padding-left-7xs { padding-left: 0.25rem!important; } .sw-padding-right-7xs { padding-right: 0.25rem!important; } .sw-text-color-13324b { color: #13324b!important; } .sw-width-11xs { width: 2rem!important; } .sw-margin-right-7xs { margin-right: 0.25rem!important; } .sw-margin-left-7xs { margin-left: 0.25rem!important; } .sw-text-align-left { text-align: left!important; } .sw-text-color-default {  } .sw-border-radius-default {  } .sw-background-color-default {  } .sw-padding-left-2xs { padding-left: 1.5rem!important; } .sw-padding-right-2xs { padding-right: 1.5rem!important; } .sw-padding-top-5xs { padding-top: 0.75rem!important; } .sw-padding-bottom-5xs { padding-bottom: 0.75rem!important; } .sw-border-style-none { border-style: none!important; } .sw-border-width-xs { border-width: 1px!important; } .sw-border-color-000000 { border-color: #000000!important; } .sw-text-decoration-no-underline { text-decoration: none!important; } @media (hover: hover) { .hover\:sw-box-shadow-m:hover { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)!important; } } @media (min-width: 768px) { .m\:sw-margin-left-6xs { margin-left: 0.5rem!important; } } .sw-background-color-211e32 { background-color: #211e32!important; } .sw-border-top-style-none { border-top-style: none!important; } .sw-border-top-width-xs { border-top-width: 1px!important; } .sw-border-top-color-000000 { border-top-color: #000000!important; } .sw-border-bottom-style-none { border-bottom-style: none!important; } .sw-border-bottom-width-xs { border-bottom-width: 1px!important; } .sw-border-bottom-color-000000 { border-bottom-color: #000000!important; } .sw-width-7xs { width: 6rem!important; } .sw-text-color-ffffff { color: #ffffff!important; } .sw-border-color-2977c9 { border-color: #2977c9!important; } .sw-padding-left-xs { padding-left: 2rem!important; } .sw-border-style-solid { border-style: solid!important; } .sw-background-color-9ea5b4 { background-color: #9ea5b4!important; } .sw-border-color-9ea5b4 { border-color: #9ea5b4!important; } .sw-background-attachment-scroll { background-attachment: scroll!important; } .sw-background-repeat-no-repeat { background-repeat: no-repeat!important; } .sw-background-position-center { background-position: center!important; } .sw-background-size-cover { background-size: cover!important; }  .home_header2-fixed-top {  position: fixed;  top: 0;  right: 0;  left: 0;  z-index: 1030;  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1); }  #home_header2 .navbar-nav .dropdown-menu {  border: 0;  box-shadow: 0 1px 3px #00000014, 0 10px 40px -10px #00000059;  min-width: 180px; }  #home_header2 .nav-link.dropdown-toggle{      border-radius: 50%;      text-align: center;      line-height: 10px;      display: flex;      align-items: center;      justify-content: center;     }  #home_header2 .dropdown-menu-profile {      left: -148px;      top: 25px;      border-radius: 0;      box-shadow: 0 1px 3px #00000014, 0 10px 40px -10px #00000059;      border: 0;     } #home_header2 .dropdown-menu-profile a{      text-decoration: none;      border-bottom: 1px solid rgba(0,0,0,.15);      padding: 6px 12px;     } #home_header2 .dropdown-menu{      min-width: 11rem!important;     } #home_header2 .nav-link.dropdown-toggle:after{      display: none;     } #home_header2 .mob-menu-body .dropdown-menu-profile  {      border-top: 1px solid #dedede;     } #home_header2 .navbar-nav .links-dropdown a {  padding-left: 1.5rem !important; }  #home_header2 .toggle-button{  display: none; }  #home_header2 .mob-menu-header{  padding: 8px 24px;  display: flex;  justify-content: space-between; }  #home_header2 .mob-menu-body{  height: 90%;  position: relative; }  #home_header2 .navigation-section{  padding: 10px 24px; }  #home_header2 .navigation-section p a{  width: 100%; }  #home_header2 .buttons-section{      margin: 24px;      display: flex;      justify-content: flex-start; }  #home_header2 .navbar-nav .dropdown-menu-profile a:hover{    box-shadow: 0 1px 3px #00000014, 0 4px 5px -5px #00000059;   }  #home_header2 .arrow {  position: absolute;  right: 15px;  top: 5px;  display: inline-block;  width: 8px;  height: 8px;  border-left: 2px solid #29394c;  border-top: 2px solid #29394c;  transform: rotate(225deg);  transition: .2s linear;  margin-top: 10px; }  #home_header2 .link{  background: #f5f5f5;  padding: 3px 10px; }  #home_header2 .collapsed.link{  background: none; }  #home_header2 .collapsed .arrow {  transform: rotate(135deg); }  #home_header2 .buttons-section button{  margin-left: 0!important; }  #home_header2 .navbar-close i{  font-size: 24px;  margin-top: 10px;  margin-right: 3px;  cursor: pointer; }  #home_header2 .mob-menu-content{  display: none; } @media (max-width: 992px) {  #home_header2 .buttons-section {       margin-left: 24px;       margin-right: 0;       display: inline-block;      }  #home_header2 .buttons-section a {       margin-right: 10px;       margin-bottom: 16px;      }  #home_header2 .desktop-menu{   display: none;  }  #home_header2 .dropdown-menu-profile {       box-shadow: none;      }  #home_header2 .dropdown-menu-profile a{       border: 0;      }  #home_header2 .toggle-button{   display: block;  }   #home_header2 .mob-menu-content{   display: block;   position: fixed;   z-index: 5;   width: 100%;   height: 100%;   opacity: 0;   top:0;   left: 0;   background: #fff;   -webkit-transition: ease-in all 0.5s;   transition: ease-in all 0.5s;   -webkit-transform: translateX(200%);   -ms-transform: translateX(200%);   transform: translateX(200%);   overflow-y: auto;  }   #home_header2 .mob-menu-content.show{   display: block;   opacity: 1;   /*left: 0;*/   -webkit-transition: ease-in all 0.5s;   transition: ease-in all 0.5s;   -webkit-transform: translateX(0);   -ms-transform: translateX(0);   transform: translateX(0);   }   #home_header2 a.dropdown-item {   padding-left: 1.5rem !important;  } } .navbar-dark .navbar-toggler-icon {  cursor: pointer;  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important; }  .navbar-light .navbar-toggler-icon {  cursor: pointer;  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important; }
  289. .sw-font-size-m { font-size: 1rem!important; } .sw-text-color-default {  } .sw-font-family-default {  } .sw-font-weight-semibold { font-weight: 600!important; } .sw-border-radius-default {  } .sw-background-color-default {  } .sw-padding-left-xs { padding-left: 2rem!important; } .sw-padding-right-xs { padding-right: 2rem!important; } .sw-padding-top-5xs { padding-top: 0.75rem!important; } .sw-padding-bottom-5xs { padding-bottom: 0.75rem!important; } .sw-border-style-none { border-style: none!important; } .sw-border-width-xs { border-width: 1px!important; } .sw-border-color-000000 { border-color: #000000!important; } .sw-letter-spacing-normal { letter-spacing: 0rem!important; } .sw-text-decoration-no-underline { text-decoration: none!important; } @media (hover: hover) { .hover\:sw-text-decoration-no-underline:hover { text-decoration: none!important; } } @media (hover: hover) { .hover\:sw-box-shadow-m:hover { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)!important; } } .sw-margin-bottom-6xs { margin-bottom: 0.5rem!important; } .sw-margin-right-5xs { margin-right: 0.75rem!important; } .sw-display-inline-block { display: inline-block!important; } .sw-background-color-211e32 { background-color: #211e32!important; } .sw-padding-top-2xl { padding-top: 6rem!important; } .sw-padding-bottom-2xl { padding-bottom: 6rem!important; } .sw-border-top-style-none { border-top-style: none!important; } .sw-border-top-width-xs { border-top-width: 1px!important; } .sw-border-top-color-000000 { border-top-color: #000000!important; } .sw-border-bottom-style-none { border-bottom-style: none!important; } .sw-border-bottom-width-xs { border-bottom-width: 1px!important; } .sw-border-bottom-color-000000 { border-bottom-color: #000000!important; } .sw-font-size-5xl { font-size: 3rem!important; } .sw-font-weight-default {  } .sw-padding-top-none { padding-top: 0rem!important; } .sw-padding-bottom-4xs { padding-bottom: 1rem!important; } .sw-line-height-normal { line-height: 1.5!important; } .sw-font-size-xl { font-size: 1.25rem!important; } .sw-padding-bottom-3xs { padding-bottom: 1.25rem!important; } .sw-line-height-loose { line-height: 2!important; } .sw-percentage-width-full { width: 100%!important; } .sw-border-radius-none { border-radius: 0rem!important; } .sw-background-color-ffffff { background-color: #ffffff!important; } .sw-font-size-s { font-size: 0.875rem!important; } .sw-border-radius-m { border-radius: 0.25rem!important; } .sw-width-2xs { width: 16rem!important; } .sw-border-style-solid { border-style: solid!important; } .sw-box-shadow-s { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)!important; } .sw-padding-left-5xs { padding-left: 0.75rem!important; } .sw-outline-none { outline: none!important; } .sw-padding-bottom-none { padding-bottom: 0rem!important; } .sw-background-repeat-no-repeat { background-repeat: no-repeat!important; } .sw-background-size-cover { background-size: cover!important; } .sw-background-position-center { background-position: center!important; } .sw-background-attachment-scroll { background-attachment: scroll!important; }  #hero5 .sw-btn-success {  background: #22bc66 !important;  color: #fff !important; }   #hero5 .sw-btn-success .fa-check {  display: inline-block !important;  color: #fff !important;  position: relative !important;  left: 0.5rem !important; }  #hero5 .sw-input-invalid {  border: 2px solid red !important; }  #hero5 .sw-btn-spinner {  width: 1rem !important;  height: 1rem !important;  margin-left: 0.5rem !important; }  #hero5 #sw-form-success-message {  padding-left: 0;  padding-right: 0;     }
  290. .sw-border-style-none { border-style: none!important; } .sw-border-width-xs { border-width: 1px!important; } .sw-border-color-000000 { border-color: #000000!important; } .sw-border-radius-none { border-radius: 0rem!important; } .sw-width-8xs { width: 5rem!important; } .sw-display-block { display: block!important; } .sw-text-decoration-no-underline { text-decoration: none!important; } @media (hover: hover) { .hover\:sw-text-decoration-no-underline:hover { text-decoration: none!important; } } .sw-background-color-211e32 { background-color: #211e32!important; } .sw-padding-top-2xl { padding-top: 6rem!important; } .sw-padding-bottom-2xl { padding-bottom: 6rem!important; } .sw-border-top-style-none { border-top-style: none!important; } .sw-border-top-width-xs { border-top-width: 1px!important; } .sw-border-top-color-000000 { border-top-color: #000000!important; } .sw-border-bottom-style-none { border-bottom-style: none!important; } .sw-border-bottom-width-xs { border-bottom-width: 1px!important; } .sw-border-bottom-color-000000 { border-bottom-color: #000000!important; } .sw-text-color-b1b5d3 { color: #b1b5d3!important; } .sw-font-size-xl { font-size: 1.25rem!important; } .sw-font-family-default {  } .sw-font-weight-medium { font-weight: 500!important; } .sw-padding-top-none { padding-top: 0rem!important; } .sw-padding-bottom-2xs { padding-bottom: 1.5rem!important; } .sw-letter-spacing-normal { letter-spacing: 0rem!important; } .sw-line-height-normal { line-height: 1.5!important; } .sw-text-color-default {  } .sw-font-weight-default {  } .sw-padding-bottom-3xs { padding-bottom: 1.25rem!important; } .sw-line-height-loose { line-height: 2!important; } .sw-width-4xs { width: 10rem!important; } .sw-width-6xs { width: 7rem!important; } .sw-width-7xs { width: 6rem!important; }  
  291. .sw-font-size-m { font-size: 1rem!important; } .sw-text-color-default {  } .sw-font-family-default {  } .sw-font-weight-semibold { font-weight: 600!important; } .sw-border-radius-full { border-radius: 9999rem!important; } .sw-background-color-default {  } .sw-padding-left-s { padding-left: 2.5rem!important; } .sw-padding-right-s { padding-right: 2.5rem!important; } .sw-padding-top-5xs { padding-top: 0.75rem!important; } .sw-padding-bottom-5xs { padding-bottom: 0.75rem!important; } .sw-border-style-none { border-style: none!important; } .sw-border-width-xs { border-width: 1px!important; } .sw-border-color-000000 { border-color: #000000!important; } .sw-letter-spacing-normal { letter-spacing: 0rem!important; } .sw-text-decoration-no-underline { text-decoration: none!important; } @media (hover: hover) { .hover\:sw-text-decoration-no-underline:hover { text-decoration: none!important; } } @media (hover: hover) { .hover\:sw-box-shadow-m:hover { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)!important; } } .sw-margin-bottom-6xs { margin-bottom: 0.5rem!important; } .sw-margin-right-5xs { margin-right: 0.75rem!important; } .sw-display-inline-block { display: inline-block!important; } .sw-background-color-211e32 { background-color: #211e32!important; } .sw-padding-top-2xl { padding-top: 6rem!important; } .sw-padding-bottom-2xl { padding-bottom: 6rem!important; } .sw-border-top-style-none { border-top-style: none!important; } .sw-border-top-width-xs { border-top-width: 1px!important; } .sw-border-top-color-000000 { border-top-color: #000000!important; } .sw-border-bottom-style-none { border-bottom-style: none!important; } .sw-border-bottom-width-xs { border-bottom-width: 1px!important; } .sw-border-bottom-color-000000 { border-bottom-color: #000000!important; } .sw-font-size-4xl { font-size: 2.25rem!important; } .sw-font-weight-default {  } .sw-padding-top-none { padding-top: 0rem!important; } .sw-padding-bottom-4xs { padding-bottom: 1rem!important; } .sw-line-height-normal { line-height: 1.5!important; } .sw-font-size-xl { font-size: 1.25rem!important; } .sw-padding-bottom-3xs { padding-bottom: 1.25rem!important; } .sw-line-height-loose { line-height: 2!important; } .sw-percentage-width-full { width: 100%!important; } .sw-border-radius-none { border-radius: 0rem!important; } .sw-background-repeat-no-repeat { background-repeat: no-repeat!important; } .sw-background-size-cover { background-size: cover!important; } .sw-background-position-center { background-position: center!important; } .sw-background-attachment-scroll { background-attachment: scroll!important; }  
  292. .sw-font-size-4xl { font-size: 2.25rem!important; } .sw-text-color-ff4954 { color: #ff4954!important; } .sw-width-10xs { width: 3rem!important; } .sw-margin-right-2xs { margin-right: 1.5rem!important; } .sw-line-height-compact { line-height: 1!important; } .sw-font-size-l { font-size: 1.125rem!important; } .sw-text-color-default {  } .sw-font-family-default {  } .sw-font-weight-medium { font-weight: 500!important; } .sw-letter-spacing-normal { letter-spacing: 0rem!important; } .sw-margin-bottom-6xs { margin-bottom: 0.5rem!important; } .sw-margin-top-none { margin-top: 0rem!important; } .sw-font-size-m { font-size: 1rem!important; } .sw-font-weight-default {  } .sw-line-height-loose { line-height: 2!important; } .sw-background-color-ffffff { background-color: #ffffff!important; } .sw-padding-top-2xl { padding-top: 6rem!important; } .sw-padding-bottom-2xl { padding-bottom: 6rem!important; } .sw-border-top-style-none { border-top-style: none!important; } .sw-border-top-width-xs { border-top-width: 1px!important; } .sw-border-top-color-000000 { border-top-color: #000000!important; } .sw-border-bottom-style-none { border-bottom-style: none!important; } .sw-border-bottom-width-xs { border-bottom-width: 1px!important; } .sw-border-bottom-color-000000 { border-bottom-color: #000000!important; } .sw-text-color-211e32 { color: #211e32!important; } .sw-padding-top-none { padding-top: 0rem!important; } .sw-padding-bottom-4xs { padding-bottom: 1rem!important; } .sw-line-height-normal { line-height: 1.5!important; } .sw-font-size-xl { font-size: 1.25rem!important; } .sw-text-color-6d7592 { color: #6d7592!important; } .sw-padding-bottom-3xs { padding-bottom: 1.25rem!important; } .sw-percentage-width-xl { width: 70%!important; } .sw-border-style-none { border-style: none!important; } .sw-border-width-xs { border-width: 1px!important; } .sw-border-color-000000 { border-color: #000000!important; } .sw-border-radius-none { border-radius: 0rem!important; } .sw-background-repeat-no-repeat { background-repeat: no-repeat!important; } .sw-background-size-cover { background-size: cover!important; } .sw-background-position-center { background-position: center!important; } .sw-background-attachment-scroll { background-attachment: scroll!important; } .sw-text-color-51bd95 { color: #51bd95!important; } .sw-font-weight-semibold { font-weight: 600!important; } .sw-margin-top-3xs { margin-top: 1.25rem!important; } .sw-margin-bottom-3xs { margin-bottom: 1.25rem!important; } .sw-text-decoration-no-underline { text-decoration: none!important; } @media (hover: hover) { .hover\:sw-text-decoration-no-underline:hover { text-decoration: none!important; } } .sw-display-inline-block { display: inline-block!important; }  
  293. .sw-font-size-4xl { font-size: 2.25rem!important; } .sw-text-color-ff4954 { color: #ff4954!important; } .sw-width-10xs { width: 3rem!important; } .sw-margin-right-2xs { margin-right: 1.5rem!important; } .sw-line-height-compact { line-height: 1!important; } .sw-font-size-l { font-size: 1.125rem!important; } .sw-text-color-default {  } .sw-font-family-default {  } .sw-font-weight-medium { font-weight: 500!important; } .sw-letter-spacing-normal { letter-spacing: 0rem!important; } .sw-margin-bottom-6xs { margin-bottom: 0.5rem!important; } .sw-margin-top-none { margin-top: 0rem!important; } .sw-font-size-m { font-size: 1rem!important; } .sw-font-weight-default {  } .sw-line-height-loose { line-height: 2!important; } .sw-background-color-ffffff { background-color: #ffffff!important; } .sw-padding-top-2xl { padding-top: 6rem!important; } .sw-padding-bottom-2xl { padding-bottom: 6rem!important; } .sw-border-top-style-none { border-top-style: none!important; } .sw-border-top-width-xs { border-top-width: 1px!important; } .sw-border-top-color-000000 { border-top-color: #000000!important; } .sw-border-bottom-style-none { border-bottom-style: none!important; } .sw-border-bottom-width-xs { border-bottom-width: 1px!important; } .sw-border-bottom-color-000000 { border-bottom-color: #000000!important; } .sw-text-color-211e32 { color: #211e32!important; } .sw-padding-top-none { padding-top: 0rem!important; } .sw-padding-bottom-4xs { padding-bottom: 1rem!important; } .sw-line-height-normal { line-height: 1.5!important; } .sw-font-size-xl { font-size: 1.25rem!important; } .sw-text-color-6d7592 { color: #6d7592!important; } .sw-padding-bottom-3xs { padding-bottom: 1.25rem!important; } .sw-percentage-width-3xl { width: 80%!important; } .sw-border-style-none { border-style: none!important; } .sw-border-width-xs { border-width: 1px!important; } .sw-border-color-000000 { border-color: #000000!important; } .sw-border-radius-none { border-radius: 0rem!important; } .sw-background-repeat-no-repeat { background-repeat: no-repeat!important; } .sw-background-size-cover { background-size: cover!important; } .sw-background-position-center { background-position: center!important; } .sw-background-attachment-scroll { background-attachment: scroll!important; } .sw-text-color-51bd95 { color: #51bd95!important; } .sw-font-weight-semibold { font-weight: 600!important; } .sw-margin-top-3xs { margin-top: 1.25rem!important; } .sw-margin-bottom-3xs { margin-bottom: 1.25rem!important; } .sw-text-decoration-no-underline { text-decoration: none!important; } @media (hover: hover) { .hover\:sw-text-decoration-no-underline:hover { text-decoration: none!important; } } .sw-display-inline-block { display: inline-block!important; }  
  294. .sw-font-size-m { font-size: 1rem!important; } .sw-text-color-default {  } .sw-font-family-default {  } .sw-font-weight-semibold { font-weight: 600!important; } .sw-border-radius-full { border-radius: 9999rem!important; } .sw-background-color-default {  } .sw-padding-left-s { padding-left: 2.5rem!important; } .sw-padding-right-s { padding-right: 2.5rem!important; } .sw-padding-top-5xs { padding-top: 0.75rem!important; } .sw-padding-bottom-5xs { padding-bottom: 0.75rem!important; } .sw-border-style-none { border-style: none!important; } .sw-border-width-xs { border-width: 1px!important; } .sw-border-color-000000 { border-color: #000000!important; } .sw-letter-spacing-normal { letter-spacing: 0rem!important; } .sw-text-decoration-no-underline { text-decoration: none!important; } @media (hover: hover) { .hover\:sw-text-decoration-no-underline:hover { text-decoration: none!important; } } @media (hover: hover) { .hover\:sw-box-shadow-m:hover { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)!important; } } .sw-margin-bottom-6xs { margin-bottom: 0.5rem!important; } .sw-margin-right-5xs { margin-right: 0.75rem!important; } .sw-display-inline-block { display: inline-block!important; } .sw-background-color-211e32 { background-color: #211e32!important; } .sw-padding-top-2xl { padding-top: 6rem!important; } .sw-padding-bottom-2xl { padding-bottom: 6rem!important; } .sw-border-top-style-none { border-top-style: none!important; } .sw-border-top-width-xs { border-top-width: 1px!important; } .sw-border-top-color-000000 { border-top-color: #000000!important; } .sw-border-bottom-style-none { border-bottom-style: none!important; } .sw-border-bottom-width-xs { border-bottom-width: 1px!important; } .sw-border-bottom-color-000000 { border-bottom-color: #000000!important; } .sw-font-size-4xl { font-size: 2.25rem!important; } .sw-font-weight-default {  } .sw-padding-top-none { padding-top: 0rem!important; } .sw-padding-bottom-4xs { padding-bottom: 1rem!important; } .sw-line-height-normal { line-height: 1.5!important; } .sw-font-size-xl { font-size: 1.25rem!important; } .sw-text-color-b1b5d3 { color: #b1b5d3!important; } .sw-padding-bottom-3xs { padding-bottom: 1.25rem!important; } .sw-line-height-loose { line-height: 2!important; } .sw-percentage-width-2xl { width: 75%!important; } .sw-border-radius-none { border-radius: 0rem!important; } .sw-background-repeat-no-repeat { background-repeat: no-repeat!important; } .sw-background-size-cover { background-size: cover!important; } .sw-background-position-center { background-position: center!important; } .sw-background-attachment-scroll { background-attachment: scroll!important; }  
  295. .sw-border-style-none { border-style: none!important; } .sw-border-width-xs { border-width: 1px!important; } .sw-border-color-000000 { border-color: #000000!important; } .sw-border-radius-full { border-radius: 9999rem!important; } .sw-width-8xs { width: 5rem!important; } .sw-height-8xs { height: 5rem!important; } .sw-font-size-s { font-size: 0.875rem!important; } .sw-text-color-default {  } .sw-font-family-default {  } .sw-letter-spacing-normal { letter-spacing: 0rem!important; } .sw-font-weight-normal { font-weight: 400!important; } .sw-padding-bottom-4xs { padding-bottom: 1rem!important; } .sw-display-block { display: block!important; } .sw-font-size-m { font-size: 1rem!important; } .sw-font-weight-default {  } .sw-line-height-loose { line-height: 2!important; } .sw-padding-top-none { padding-top: 0rem!important; } .sw-background-color-ffffff { background-color: #ffffff!important; } .sw-padding-top-2xl { padding-top: 6rem!important; } .sw-padding-bottom-2xl { padding-bottom: 6rem!important; } .sw-border-top-style-none { border-top-style: none!important; } .sw-border-top-width-xs { border-top-width: 1px!important; } .sw-border-top-color-000000 { border-top-color: #000000!important; } .sw-border-bottom-style-none { border-bottom-style: none!important; } .sw-border-bottom-width-xs { border-bottom-width: 1px!important; } .sw-border-bottom-color-000000 { border-bottom-color: #000000!important; } .sw-text-color-211e32 { color: #211e32!important; } .sw-font-size-4xl { font-size: 2.25rem!important; } .sw-line-height-normal { line-height: 1.5!important; } .sw-font-size-xl { font-size: 1.25rem!important; } .sw-padding-bottom-3xs { padding-bottom: 1.25rem!important; } .sw-width-12xs { width: 1rem!important; } .sw-height-12xs { height: 1rem!important; } .sw-font-size-2xl { font-size: 1.5rem!important; } .sw-text-color-6d7592 { color: #6d7592!important; } .sw-text-color-343a3f { color: #343a3f!important; } .sw-letter-spacing-wide { letter-spacing: 0.025rem!important; }  #testimonial2 .sw-left-right-arrows {  font-size: 1.25rem;   color: #6d7688 }  @media (max-width: 575px) {  #testimonial2 .carousel-control-prev,  #testimonial2 .carousel-control-next {   display: none;  } }  @media (min-width: 576px) {  #testimonial2 .carousel-control-prev,  #testimonial2 .carousel-control-next {   display: flex;  } }  @media (min-width: 992px) {  #testimonial2 .carousel-control-prev,  #testimonial2 .carousel-control-next {   width: 30%;  } }
  296. .sw-font-size-m { font-size: 1rem!important; } .sw-text-color-default {  } .sw-font-family-default {  } .sw-font-weight-semibold { font-weight: 600!important; } .sw-border-radius-full { border-radius: 9999rem!important; } .sw-background-color-default {  } .sw-padding-left-s { padding-left: 2.5rem!important; } .sw-padding-right-s { padding-right: 2.5rem!important; } .sw-padding-top-5xs { padding-top: 0.75rem!important; } .sw-padding-bottom-5xs { padding-bottom: 0.75rem!important; } .sw-border-style-none { border-style: none!important; } .sw-border-width-xs { border-width: 1px!important; } .sw-border-color-000000 { border-color: #000000!important; } .sw-letter-spacing-normal { letter-spacing: 0rem!important; } .sw-text-decoration-no-underline { text-decoration: none!important; } @media (hover: hover) { .hover\:sw-text-decoration-no-underline:hover { text-decoration: none!important; } } @media (hover: hover) { .hover\:sw-box-shadow-m:hover { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)!important; } } .sw-margin-bottom-6xs { margin-bottom: 0.5rem!important; } .sw-margin-right-5xs { margin-right: 0.75rem!important; } .sw-display-inline-block { display: inline-block!important; } .sw-background-color-f5f5f9 { background-color: #f5f5f9!important; } .sw-padding-top-2xl { padding-top: 6rem!important; } .sw-padding-bottom-2xl { padding-bottom: 6rem!important; } .sw-border-top-style-none { border-top-style: none!important; } .sw-border-top-width-xs { border-top-width: 1px!important; } .sw-border-top-color-000000 { border-top-color: #000000!important; } .sw-border-bottom-style-none { border-bottom-style: none!important; } .sw-border-bottom-width-xs { border-bottom-width: 1px!important; } .sw-border-bottom-color-000000 { border-bottom-color: #000000!important; } .sw-font-size-4xl { font-size: 2.25rem!important; } .sw-text-color-211e32 { color: #211e32!important; } .sw-font-weight-default {  } .sw-padding-top-none { padding-top: 0rem!important; } .sw-padding-bottom-4xs { padding-bottom: 1rem!important; } .sw-line-height-normal { line-height: 1.5!important; } .sw-font-size-xl { font-size: 1.25rem!important; } .sw-text-color-6d7592 { color: #6d7592!important; } .sw-padding-bottom-3xs { padding-bottom: 1.25rem!important; } .sw-line-height-loose { line-height: 2!important; } .sw-border-radius-m { border-radius: 0.25rem!important; } .sw-padding-left-l { padding-left: 4rem!important; } .sw-padding-right-l { padding-right: 4rem!important; } .sw-text-color-343a3f { color: #343a3f!important; } .sw-background-color-ffffff { background-color: #ffffff!important; } .sw-padding-left-xs { padding-left: 2rem!important; } .sw-padding-right-xs { padding-right: 2rem!important; } .sw-border-style-solid { border-style: solid!important; } .sw-border-color-b1b5d3 { border-color: #b1b5d3!important; } .sw-percentage-width-full { width: 100%!important; } .sw-border-radius-none { border-radius: 0rem!important; } .sw-background-repeat-no-repeat { background-repeat: no-repeat!important; } .sw-background-size-cover { background-size: cover!important; } .sw-background-position-center { background-position: center!important; } .sw-background-attachment-scroll { background-attachment: scroll!important; }  
  297. .sw-font-size-m { font-size: 1rem!important; } .sw-text-color-000000 { color: #000000!important; } .sw-width-11xs { width: 2rem!important; } .sw-display-inline-block { display: inline-block!important; } .sw-min-width-6xs { min-width: 2rem!important; } .sw-margin-right-7xs { margin-right: 0.25rem!important; } .sw-text-align-center { text-align: center!important; } .sw-border-radius-s { border-radius: 0.125rem!important; } .sw-border-color-eaeff4 { border-color: #eaeff4!important; } .sw-border-style-solid { border-style: solid!important; } .sw-border-width-xs { border-width: 1px!important; } .sw-padding-right-7xs { padding-right: 0.25rem!important; } .sw-padding-left-7xs { padding-left: 0.25rem!important; } .sw-padding-top-7xs { padding-top: 0.25rem!important; } .sw-padding-bottom-7xs { padding-bottom: 0.25rem!important; } .sw-opacity-2xs { opacity: 0.8!important; } .sw-font-family-default {  } .sw-font-weight-semibold { font-weight: 600!important; } .sw-line-height-loose { line-height: 2!important; } .sw-font-weight-light { font-weight: 300!important; } .sw-letter-spacing-normal { letter-spacing: 0rem!important; } .sw-padding-left-none { padding-left: 0rem!important; } @media (hover: hover) { .hover\:sw-text-decoration-no-underline:hover { text-decoration: none!important; } } .sw-background-color-2d3660 { background-color: #2d3660!important; } .sw-padding-top-2xl { padding-top: 6rem!important; } .sw-padding-bottom-2xl { padding-bottom: 6rem!important; } .sw-border-top-style-none { border-top-style: none!important; } .sw-border-top-width-xs { border-top-width: 1px!important; } .sw-border-top-color-000000 { border-top-color: #000000!important; } .sw-border-bottom-style-none { border-bottom-style: none!important; } .sw-border-bottom-width-xs { border-bottom-width: 1px!important; } .sw-border-bottom-color-000000 { border-bottom-color: #000000!important; } .sw-text-color-default {  } .sw-font-weight-default {  } .sw-padding-top-3xs { padding-top: 1.25rem!important; } .sw-padding-bottom-none { padding-bottom: 0rem!important; } .sw-width-7xs { width: 6rem!important; } .sw-text-color-ffffff { color: #ffffff!important; } .sw-text-color-b1b5d3 { color: #b1b5d3!important; } .sw-letter-spacing-wide { letter-spacing: 0.025rem!important; }  
  298.  
  299. </style>
  300.  
  301. <link href="https://fonts.softr-files.com/google/api/css?family=Nunito+Sans:600&display=swap" rel="stylesheet">
  302. <style>
  303.    .made-with-softr {
  304.        position: fixed;
  305.        z-index: 9999999;
  306.        left: 20px;
  307.        bottom: 20px;
  308.    }
  309.  
  310.    .made-with-softr a {
  311.        width: 125px;
  312.        font-style: normal;
  313.        font-weight: 600;
  314.        font-size: 14px;
  315.        line-height: 19px;
  316.        box-shadow: 0 0 4px rgb(0 0 0 / 15%);
  317.        border-radius: 4px;
  318.        z-index: 9999999;
  319.        display: flex;
  320.        justify-content: space-between;
  321.        align-items: center;
  322.        padding: 6px 8px;
  323.        color: #1f2b3f;
  324.        background: #ffffff;
  325.        box-sizing: content-box;
  326.        text-decoration: none;
  327.        font-family: 'Nunito Sans', sans-serif;
  328.    }
  329.  
  330.    .made-with-softr a .made-with {
  331.        margin-left: 2px;
  332.    }
  333.  
  334.    .made-with-softr a img {
  335.        width: 16px;
  336.    }
  337.  
  338.    .made-with-softr .softr-word {
  339.        color: #3b85db;
  340.    }
  341.  
  342.    .made-with-softr .dark-theme {
  343.        color: #ffffff;
  344.        background: #1f2b3f;
  345.    }
  346.  
  347.    .made-with-softr .dark-theme .softr-word {
  348.        color: #ffb30b;
  349.    }
  350. </style>
  351.  
  352.  
  353. <!-- App Integrations -->
  354.  
  355. <!-- End Integrations -->
  356.  
  357.  
  358.  
  359. <script>window['application_context'] = {}; window['application_context']['policies'] ={"numberOfSupportedCollaborators":5,"numberOfSupportedDomains":1,"canDisableSoftrBranding":false,"hasSoftrBrandingFooterBoundSupport":false,"numberOfDatasourceRecordsPerTable":1000,"numberOfInternalUsers":5,"numberOfExternalUsers":100,"supportedNumberOfMembershipUsers":100,"hasSignInWithEmailCode":false,"hasSignInWithSMSCode":false,"hasGoogleAuthenticationSupport":true,"hasSamlAuthenticationSupport":false,"hasOpenIdAuthenticationSupport":false,"hasUserLastSeenSupport":false,"hasMapSupport":true,"hasTableSupport":true,"hasCalendarSupport":false,"hasInboxBlockSupport":false,"hasKanbanSupport":false,"hasChartsSupport":false,"hasOrgChartBlockSupport":false,"hasTimelineBlockSupport":false,"numberOfDaysApplicationHistory":7,"hasCustomCodeSupport":false,"hasEmbedBlockSupport":false,"hasTransferApplicationsAcrossWorkspace":false,"hasPwaSupport":false,"hasSignatureFieldSupport":false,"hasTransferOwnershipSupport":null,"hasEditAirtableRecordsSupport":false,"hasMultiGroupEditAirtableRecordsSupport":false}; </script>
  360.  
  361. <!-- App Custom Header Code -->
  362. <style>
  363. .sw-font-size-5xl {
  364.    font-size: 3rem;
  365.  }
  366.  .sw-font-size-4xl {
  367.    font-size: 2.25rem;
  368.  }
  369. </style>
  370. <script>
  371.  document.addEventListener("DOMContentLoaded", () => {
  372.    if($(window).width() < 768) {
  373.       $('h1.sw-font-size-10xl').removeClass('sw-font-size-10xl').addClass('sw-font-size-5xl');
  374.       $('h1.sw-font-size-9xl').removeClass('sw-font-size-9xl').addClass('sw-font-size-5xl');
  375.       $('h1.sw-font-size-8xl').removeClass('sw-font-size-8xl').addClass('sw-font-size-5xl');
  376.       $('h1.sw-font-size-7xl').removeClass('sw-font-size-7xl').addClass('sw-font-size-5xl');
  377.       $('h1.sw-font-size-6xl').removeClass('sw-font-size-6xl').addClass('sw-font-size-4xl');
  378.       $('h2.sw-font-size-10xl').removeClass('sw-font-size-10xl').addClass('sw-font-size-5xl');
  379.       $('h2.sw-font-size-9xl').removeClass('sw-font-size-9xl').addClass('sw-font-size-5xl');
  380.       $('h2.sw-font-size-8xl').removeClass('sw-font-size-8xl').addClass('sw-font-size-5xl');
  381.       $('h2.sw-font-size-7xl').removeClass('sw-font-size-7xl').addClass('sw-font-size-5xl');
  382.       $('h2.sw-font-size-6xl').removeClass('sw-font-size-6xl').addClass('sw-font-size-4xl');
  383.       $('div.sw-font-size-10xl').removeClass('sw-font-size-10xl').addClass('sw-font-size-5xl');
  384.       $('div.sw-font-size-9xl').removeClass('sw-font-size-9xl').addClass('sw-font-size-5xl');
  385.       $('div.sw-font-size-8xl').removeClass('sw-font-size-8xl').addClass('sw-font-size-5xl');
  386.       $('div.sw-font-size-7xl').removeClass('sw-font-size-7xl').addClass('sw-font-size-5xl');
  387.       $('div.sw-font-size-6xl').removeClass('sw-font-size-6xl').addClass('sw-font-size-4xl');
  388.       $('p.sw-font-size-10xl').removeClass('sw-font-size-10xl').addClass('sw-font-size-5xl');
  389.       $('p.sw-font-size-9xl').removeClass('sw-font-size-9xl').addClass('sw-font-size-5xl');
  390.       $('p.sw-font-size-8xl').removeClass('sw-font-size-8xl').addClass('sw-font-size-5xl');
  391.       $('p.sw-font-size-7xl').removeClass('sw-font-size-7xl').addClass('sw-font-size-5xl');
  392.       $('p.sw-font-size-6xl').removeClass('sw-font-size-6xl').addClass('sw-font-size-4xl');
  393.       $('span.sw-font-size-10xl').removeClass('sw-font-size-10xl').addClass('sw-font-size-5xl');
  394.       $('span.sw-font-size-9xl').removeClass('sw-font-size-9xl').addClass('sw-font-size-5xl');
  395.       $('span.sw-font-size-8xl').removeClass('sw-font-size-8xl').addClass('sw-font-size-5xl');
  396.       $('span.sw-font-size-7xl').removeClass('sw-font-size-7xl').addClass('sw-font-size-5xl');
  397.       $('span.sw-font-size-6xl').removeClass('sw-font-size-6xl').addClass('sw-font-size-4xl');
  398.    }
  399.  });
  400. </script>
  401. <!-- End App Custom Header Code -->
  402.  
  403. <!-- Page Custom Header Code -->
  404.  
  405. <!-- End Page Custom Header Code -->
  406.  
  407. <script>window['is401Page'] = false; </script>
  408.  
  409.  
  410. <script>
  411.    /** Image lineup on mobile **/
  412.    document.addEventListener("DOMContentLoaded", function () {
  413.        function changeImageDirectionsOnMobile() {
  414.  
  415.            const classListSection = $('body>div>section')?.attr('class')?.split(/\s+/);
  416.            const textClassSection = classListSection?.find(cls => cls.startsWith('feature'));
  417.  
  418.            const classListHeader = $('body>div>header')?.attr('class')?.split(/\s+/);
  419.            const textClassHeader = classListHeader?.find(cls => cls.startsWith('hero'));
  420.  
  421.            /*If FEATURE block*/
  422.            if (textClassSection) {
  423.                findRowsWidthImageAndReverse(textClassSection)
  424.            }
  425.  
  426.            /*If HERO block*/
  427.            if (textClassHeader) {
  428.                findRowsWidthImageAndReverse(textClassHeader)
  429.            }
  430.        }
  431.  
  432.        function findRowsWidthImageAndReverse(textClass) {
  433.            const rowsWithImages = $('.' + textClass + ' .row.align-items-center').has('img').toArray();
  434.            const rowsWithLeftSideImages = rowsWithImages.filter(row => {
  435.                return $(row).children().first().children().first().prop("tagName") === 'IMG';
  436.            });
  437.  
  438.  
  439.            rowsWithLeftSideImages.forEach(row => {
  440.                if ($(window).width() <= 768) {
  441.                    row.classList.add('flex-column-reverse')
  442.                }
  443.            });
  444.        }
  445.  
  446.        if ($(window).width() <= 768) {
  447.            changeImageDirectionsOnMobile();
  448.        }
  449.  
  450.        window.parent.postMessage({ name: 'previewIframeLoaded' }, '*');
  451.    });
  452.  
  453.    /** BG Size on mobile **/
  454.    document.addEventListener("DOMContentLoaded", function () {
  455.        if ($(window).width() <= 768) {
  456.            var element = $('section.sw-background-size-auto, header.sw-background-size-auto');
  457.            element.removeClass('sw-background-size-auto');
  458.            element.css('background-size', 'cover');
  459.  
  460.            $('section.sw-background-attachment-fixed, header.sw-background-attachment-fixed').removeClass('sw-background-attachment-fixed');
  461.        }
  462.    });
  463.  
  464.    /** Disable zoom on mobile **/
  465.    document.addEventListener("DOMContentLoaded", function () {
  466.        if ($(window).width() <= 768) {
  467.            $('input.sw-font-size-s').removeClass('sw-font-size-s');
  468.            $('textarea.sw-font-size-s').removeClass('sw-font-size-s');
  469.            $('select.sw-font-size-s').removeClass('sw-font-size-s');
  470.        }
  471.    });
  472.  
  473.    window.addEventListener('user-sign-out', (e) => {
  474.        const message = {
  475.            name: 'user-sign-out-triggered',
  476.        };
  477.  
  478.        window.parent.postMessage(message, '*');
  479.    });
  480.  
  481. </script>
  482. </head>
  483.  
  484. <body>
  485.  
  486.  
  487. <div id="page-content" data-appid="9aacc6fd-8234-4ad9-b129-e61578938226" data-pageId="cb98a058-390d-4ee0-81f3-bf4407d74ce4" data-workspaceid="a276e4d3-a010-45e7-a520-342b21c27cb9" data-paymentplan="" class="content">
  488.    <nav id="home_header2"    data-block-version="2.0.0" data-block-id="bb7f6cbc-f11c-406e-93ba-ed7c194afdbd"    data-block-updated=""   class=" navbar nav navbar-expand-lg navbar-light header1-bb7f6cbc-f11c-406e-93ba-ed7c194afdbd sw-background-color-211e32 sw-padding-top-6xs sw-padding-bottom-6xs sw-border-top-style-none sw-border-top-width-xs sw-border-top-color-000000 sw-border-bottom-style-none sw-border-bottom-width-xs sw-border-bottom-color-000000">  <div class="container">   <!-- Logo -->      <a class="navbar-brand" href="/">    <img class="sw-width-7xs "      src="https://assets.softr-files.com/applications/9aacc6fd-8234-4ad9-b129-e61578938226/assets/7aad8f2c-bd4e-4e62-8048-a94ef46bc713.png" alt="">   </a>          <div class="desktop-menu text-center justify-content-end">    <ul class="navbar-nav  align-items-center flex-row   ">          <li class="nav-item ">      <a class="position-relative  sw-font-size-s sw-text-color-ffffff sw-font-family-default sw-font-weight-semibold sw-letter-spacing-normal sw-display-block sw-padding-top-6xs sw-padding-bottom-6xs sw-padding-left-6xs sw-padding-right-xs hover:sw-text-decoration-no-underline active:sw-background-color-transparent"         href=""         target=""         >      Product      </a>       <div class="border-0 dropdown-menu links-dropdown" aria-labelledby="navbarDropdown-0">             </div>     </li>          <li class="nav-item ">      <a class="position-relative  sw-font-size-s sw-text-color-ffffff sw-font-family-default sw-font-weight-semibold sw-letter-spacing-normal sw-display-block sw-padding-top-6xs sw-padding-bottom-6xs sw-padding-left-6xs sw-padding-right-xs hover:sw-text-decoration-no-underline active:sw-background-color-transparent"         href=""         target=""         >      Pricing      </a>       <div class="border-0 dropdown-menu links-dropdown" aria-labelledby="navbarDropdown-1">             </div>     </li>          <li class="nav-item ">      <a class="position-relative  sw-font-size-s sw-text-color-ffffff sw-font-family-default sw-font-weight-semibold sw-letter-spacing-normal sw-display-block sw-padding-top-6xs sw-padding-bottom-6xs sw-padding-left-6xs sw-padding-right-xs hover:sw-text-decoration-no-underline active:sw-background-color-transparent"         href=""         target=""         >      Customers      </a>       <div class="border-0 dropdown-menu links-dropdown" aria-labelledby="navbarDropdown-2">             </div>     </li>          <li class="nav-item ">      <a class="position-relative  sw-font-size-s sw-text-color-ffffff sw-font-family-default sw-font-weight-semibold sw-letter-spacing-normal sw-display-block sw-padding-top-6xs sw-padding-bottom-6xs sw-padding-left-6xs sw-padding-right-xs hover:sw-text-decoration-no-underline active:sw-background-color-transparent"         href=""         target=""         >      Company      </a>       <div class="border-0 dropdown-menu links-dropdown" aria-labelledby="navbarDropdown-3">             </div>     </li>               <li class="nav-item pt-lg-0 pt-3">      <a data-element="button" target=""         class="sw-font-size-s sw-text-color-default sw-font-family-default sw-font-weight-semibold sw-border-radius-default sw-background-color-211e32 sw-padding-left-2xs sw-padding-right-2xs sw-padding-top-6xs sw-padding-bottom-6xs sw-border-style-none sw-border-width-xs sw-border-color-2977c9 sw-letter-spacing-normal sw-text-decoration-no-underline hover:sw-text-decoration-no-underline hover:sw-box-shadow-m sw-display-block m:sw-margin-left-6xs"         href="">Log In</a>     </li>          <li class="nav-item pt-lg-0 pt-3">      <a data-element="button" target=""         class="sw-font-size-m sw-text-color-default sw-font-family-default sw-font-weight-semibold sw-border-radius-default sw-background-color-default sw-padding-left-xs sw-padding-right-xs sw-padding-top-5xs sw-padding-bottom-5xs sw-border-style-solid sw-border-width-xs sw-border-color-2977c9 sw-letter-spacing-normal sw-text-decoration-no-underline hover:sw-text-decoration-no-underline hover:sw-box-shadow-m sw-display-block m:sw-margin-left-6xs"         href="">Get demo</a>     </li>              </ul>   </div>   <!-- mobile toggle -->   <div class="toggle-button">    <span class="navbar-toggler-icon"></span>   </div>   <div class="mob-menu-content">    <div class="mob-menu-header">          <a class="navbar-brand" href="/">      <img class="sw-width-7xs "        src="https://assets.softr-files.com/applications/9aacc6fd-8234-4ad9-b129-e61578938226/assets/7aad8f2c-bd4e-4e62-8048-a94ef46bc713.png" alt="">     </a>          <span class="navbar-close">       <i class="fa fa-fw fa-times" aria-hidden="true"></i>     </span>    </div>    <div class="mob-menu-body">     <div class="navigation-section">                   <a class="link collapsed d-block sw-font-size-s sw-text-color-ffffff sw-font-family-default sw-font-weight-semibold sw-letter-spacing-normal sw-display-block sw-padding-top-6xs sw-padding-bottom-6xs sw-padding-left-6xs sw-padding-right-xs hover:sw-text-decoration-no-underline active:sw-background-color-transparent"          href="">       Product       </a>                                      <a class="link collapsed d-block sw-font-size-s sw-text-color-ffffff sw-font-family-default sw-font-weight-semibold sw-letter-spacing-normal sw-display-block sw-padding-top-6xs sw-padding-bottom-6xs sw-padding-left-6xs sw-padding-right-xs hover:sw-text-decoration-no-underline active:sw-background-color-transparent"          href="">       Pricing       </a>                                      <a class="link collapsed d-block sw-font-size-s sw-text-color-ffffff sw-font-family-default sw-font-weight-semibold sw-letter-spacing-normal sw-display-block sw-padding-top-6xs sw-padding-bottom-6xs sw-padding-left-6xs sw-padding-right-xs hover:sw-text-decoration-no-underline active:sw-background-color-transparent"          href="">       Customers       </a>                                      <a class="link collapsed d-block sw-font-size-s sw-text-color-ffffff sw-font-family-default sw-font-weight-semibold sw-letter-spacing-normal sw-display-block sw-padding-top-6xs sw-padding-bottom-6xs sw-padding-left-6xs sw-padding-right-xs hover:sw-text-decoration-no-underline active:sw-background-color-transparent"          href="">       Company       </a>                              </div>     <div class="buttons-section">            <a data-element="button" target=""         class="sw-font-size-s sw-text-color-default sw-font-family-default sw-font-weight-semibold sw-border-radius-default sw-background-color-211e32 sw-padding-left-2xs sw-padding-right-2xs sw-padding-top-6xs sw-padding-bottom-6xs sw-border-style-none sw-border-width-xs sw-border-color-2977c9 sw-letter-spacing-normal sw-text-decoration-no-underline hover:sw-text-decoration-no-underline hover:sw-box-shadow-m sw-display-block m:sw-margin-left-6xs"         href="">Log In</a>            <a data-element="button" target=""         class="sw-font-size-m sw-text-color-default sw-font-family-default sw-font-weight-semibold sw-border-radius-default sw-background-color-default sw-padding-left-xs sw-padding-right-xs sw-padding-top-5xs sw-padding-bottom-5xs sw-border-style-solid sw-border-width-xs sw-border-color-2977c9 sw-letter-spacing-normal sw-text-decoration-no-underline hover:sw-text-decoration-no-underline hover:sw-box-shadow-m sw-display-block m:sw-margin-left-6xs"         href="">Get demo</a>           </div>         </div>   </div>  </div> </nav> <header id="hero5"    data-block-version="2.0.0" data-block-id="2ecb4a38-1532-4914-a922-f00a3bc09436"    data-block-updated=""  style=""   class="hero2-2ecb4a38-1532-4914-a922-f00a3bc09436 sw-background-color-211e32 sw-padding-top-2xl sw-padding-bottom-2xl sw-border-top-style-none sw-border-top-width-xs sw-border-top-color-000000 sw-border-bottom-style-none sw-border-bottom-width-xs sw-border-bottom-color-000000  sw-background-repeat-no-repeat sw-background-size-cover sw-background-position-center sw-background-attachment-scroll ">  <div class="container">             <div class="row align-items-center">     <div class="col-lg-6 pb-5 pb-lg-0 text-center text-lg-left">     <h1 class="sw-font-size-5xl sw-text-color-default sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-4xs sw-letter-spacing-normal sw-line-height-normal ">      Sohbet - Chat Sohbet Odaları     </h1>          <p class="sw-font-size-xl sw-text-color-default sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-3xs sw-letter-spacing-normal sw-line-height-loose ">      Decisions are facilitated by the beautiful visualizations of our futuristic web interface. You get to focus on your desired outcomes, from acquiring new customers to expanding relationships.      </p>               <div class="d-flex justify-content-center justify-content-lg-start flex-wrap">      <input id="sw-email-capture-email-input" type="text" class="sw-background-color-ffffff sw-font-size-s sw-text-color-default sw-font-family-default sw-border-radius-m sw-width-2xs sw-padding-top-5xs sw-padding-bottom-5xs sw-border-style-solid sw-border-width-xs sw-border-color-000000 sw-box-shadow-s sw-margin-bottom-6xs sw-margin-right-5xs sw-display-inline-block sw-padding-left-5xs sw-outline-none" placeholder="Your email">             <a data-element="button" id="sw-email-capture-submit-btn" class="sw-font-size-m sw-text-color-default sw-font-family-default sw-font-weight-semibold sw-border-radius-default sw-background-color-default sw-padding-left-xs sw-padding-right-xs sw-padding-top-5xs sw-padding-bottom-5xs sw-border-style-none sw-border-width-xs sw-border-color-000000 sw-letter-spacing-normal sw-text-decoration-no-underline hover:sw-text-decoration-no-underline hover:sw-box-shadow-m sw-margin-bottom-6xs sw-margin-right-5xs sw-display-inline-block" href="javascript:void(0);">       Get demo       <div class="spinner-border sw-btn-spinner d-none text-light" role="status">        <span class="sr-only">Loading...</span>       </div>       <i class="fa fa-fw fa-check d-none" aria-hidden="true"></i>      </a>       <p id="sw-form-success-message"        data-success-action-state="OPEN_PAGE" data-success-action-path="NO_ACTION"        class="col-12 d-none sw-font-size-xl sw-text-color-default sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-none sw-letter-spacing-normal ">       Thank you for subscribing!      </p>     </div>         </div>      <div class="col-lg-6 text-center">                  <img src="https://assets.softr-files.com/applications/9aacc6fd-8234-4ad9-b129-e61578938226/assets/9c13326b-3805-4335-b942-d2f19563f33b.png" class="sw-percentage-width-full sw-border-style-none sw-border-width-xs sw-border-color-000000 sw-border-radius-none  mx-auto d-block" alt="sohbet">               </div>    </div>              </div> </header> <section id="partner2"    data-block-version="2.0.0" data-block-id="6d58d545-4dc1-42e5-9dc1-a50ac1a31184"    data-block-updated=""    class="partner1-6d58d545-4dc1-42e5-9dc1-a50ac1a31184 sw-background-color-211e32 sw-padding-top-2xl sw-padding-bottom-2xl sw-border-top-style-none sw-border-top-width-xs sw-border-top-color-000000 sw-border-bottom-style-none sw-border-bottom-width-xs sw-border-bottom-color-000000 ">  <div class="container">      <div class="row">    <div class="col-12 text-center">          <h2 class="sw-text-color-b1b5d3 sw-font-size-xl sw-font-family-default sw-font-weight-medium sw-padding-top-none sw-padding-bottom-2xs sw-letter-spacing-normal sw-line-height-normal " >Used by companies like</h2>               </div>   </div>    <div class="row d-flex align-items-center text-center">        <div class="col-lg-2 col-md-4  text-center pt-4">     <!-- picture -->           <img src="https://assets.softr-files.com/applications/9aacc6fd-8234-4ad9-b129-e61578938226/assets/36e246c1-ab97-4464-905e-6b62a81bed6e.png" class="sw-border-style-none sw-border-width-xs sw-border-color-000000 sw-border-radius-none sw-width-4xs " />         </div>        <div class="col-lg-2 col-md-4  text-center pt-4">     <!-- picture -->           <img src="https://assets.softr-files.com/applications/9aacc6fd-8234-4ad9-b129-e61578938226/assets/24defb1e-1edc-4faf-9f12-c74670a435de.png" class="sw-border-style-none sw-border-width-xs sw-border-color-000000 sw-border-radius-none sw-width-6xs " />         </div>        <div class="col-lg-2 col-md-4  text-center pt-4">     <!-- picture -->           <img src="https://assets.softr-files.com/applications/9aacc6fd-8234-4ad9-b129-e61578938226/assets/32faec26-1ef6-46e7-8994-eb3082785253.png" class="sw-border-style-none sw-border-width-xs sw-border-color-000000 sw-border-radius-none sw-width-7xs " />         </div>        <div class="col-lg-2 col-md-4  text-center pt-4">     <!-- picture -->           <img src="https://assets.softr-files.com/applications/9aacc6fd-8234-4ad9-b129-e61578938226/assets/738a7efc-eeec-4db0-b9b6-92f259fb02f1.png" class="sw-border-style-none sw-border-width-xs sw-border-color-000000 sw-border-radius-none sw-width-4xs " />         </div>        <div class="col-lg-2 col-md-4  text-center pt-4">     <!-- picture -->           <img src="https://assets.softr-files.com/applications/9aacc6fd-8234-4ad9-b129-e61578938226/assets/3f946114-dbc5-4c31-9540-75160efd1c33.png" class="sw-border-style-none sw-border-width-xs sw-border-color-000000 sw-border-radius-none sw-width-6xs " />         </div>        <div class="col-lg-2 col-md-4  text-center pt-4">     <!-- picture -->           <img src="https://assets.softr-files.com/applications/9aacc6fd-8234-4ad9-b129-e61578938226/assets/3307913f-e983-42cc-a14b-25ef77110528.png" class="sw-border-style-none sw-border-width-xs sw-border-color-000000 sw-border-radius-none sw-width-4xs " />         </div>       </div>   </div> </section> <header id="hero6"    data-block-version="2.0.0" data-block-id="22fee968-aa0a-4520-9730-80dda67a5e3b"    data-block-updated=""  style=""   class="hero1-22fee968-aa0a-4520-9730-80dda67a5e3b sw-background-color-211e32 sw-padding-top-2xl sw-padding-bottom-2xl sw-border-top-style-none sw-border-top-width-xs sw-border-top-color-000000 sw-border-bottom-style-none sw-border-bottom-width-xs sw-border-bottom-color-000000  sw-background-repeat-no-repeat sw-background-size-cover sw-background-position-center sw-background-attachment-scroll ">  <div class="container">                     <div class="row align-items-center text-center pb-5">    <div class="col-lg-2"></div>    <div class="col-lg-8">     <h1 class="sw-font-size-4xl sw-text-color-default sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-4xs sw-letter-spacing-normal sw-line-height-normal ">      Workflow that works like magic     </h1>          <p class="sw-font-size-xl sw-text-color-default sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-3xs sw-letter-spacing-normal sw-line-height-loose ">      Collaboration should be simple, straightforward, and effective. We provide a complete data toolkit for your teams to manage.     </p>          <div class="d-flex justify-content-center flex-wrap">           </div>    </div>    <div class="col-lg-2"></div>   </div>         <div class="row align-items-center">      <div class="col-lg-2"></div>      <div class="col-lg-8 text-center">               <img src="https://assets.softr-files.com/applications/9aacc6fd-8234-4ad9-b129-e61578938226/assets/bb283c02-896f-4a4e-b6c3-064567da5383.png" class="sw-percentage-width-full sw-border-style-none sw-border-width-xs sw-border-color-000000 sw-border-radius-none   mx-auto d-block" alt="Image alt">             </div>      <div class="col-lg-2"></div>     </div>          </div> </header> <section id="feature3"    data-block-version="2.0.0" data-block-id="16b4c299-0dfb-4ec7-855b-8749783d5a47"    data-block-updated=""  style="background-image: url(https://assets.softr-files.com/applications/9aacc6fd-8234-4ad9-b129-e61578938226/assets/3e53dfb6-4d27-47ee-a6f9-97554870fb39.png);"   class="feature1-16b4c299-0dfb-4ec7-855b-8749783d5a47 sw-background-color-ffffff sw-padding-top-2xl sw-padding-bottom-2xl sw-border-top-style-none sw-border-top-width-xs sw-border-top-color-000000 sw-border-bottom-style-none sw-border-bottom-width-xs sw-border-bottom-color-000000  sw-background-repeat-no-repeat sw-background-size-cover sw-background-position-center sw-background-attachment-scroll ">  <div class="container">          <div class="row align-items-center">     <div class="col-lg-6 pb-5 pb-lg-0 text-center text-lg-left">          <h2 class="sw-font-size-4xl sw-text-color-211e32 sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-4xs sw-letter-spacing-normal sw-line-height-normal ">      Centralized repository     </h2>      <p class="sw-font-size-xl sw-text-color-6d7592 sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-3xs sw-letter-spacing-normal sw-line-height-loose ">      Interfaces can be easily configured instead of being complexly programmed, whether database, web service, or file-based.     </p>      <!-- Features -->                <p>      <a target=""         href=""         class="sw-font-size-l sw-text-color-51bd95 sw-font-family-default sw-font-weight-semibold sw-margin-top-3xs sw-margin-bottom-3xs sw-letter-spacing-normal sw-text-decoration-no-underline hover:sw-text-decoration-no-underline sw-display-inline-block">       Explore       <i class="fa fa-fw fa-arrow-right ml-2"></i>      </a>     </p>         </div>      <div class="col-lg-6 text-center">           <img src="https://assets.softr-files.com/applications/9aacc6fd-8234-4ad9-b129-e61578938226/assets/d064c218-f0ba-45bb-b5b7-ea4502e7528c.png" class="sw-percentage-width-xl sw-border-style-none sw-border-width-xs sw-border-color-000000 sw-border-radius-none  mx-auto d-block" alt="Our awesome features">         </div>    </div>       </div> </section> <section id="feature4"    data-block-version="2.0.0" data-block-id="29807e0b-ecd1-4244-9baf-237996e521b8"    data-block-updated=""  style="background-image: url(https://assets.softr-files.com/applications/9aacc6fd-8234-4ad9-b129-e61578938226/assets/927e22a5-6405-40a7-9027-4b76a5cc64e0.png);"   class="feature1-29807e0b-ecd1-4244-9baf-237996e521b8 sw-background-color-ffffff sw-padding-top-2xl sw-padding-bottom-2xl sw-border-top-style-none sw-border-top-width-xs sw-border-top-color-000000 sw-border-bottom-style-none sw-border-bottom-width-xs sw-border-bottom-color-000000  sw-background-repeat-no-repeat sw-background-size-cover sw-background-position-center sw-background-attachment-scroll ">  <div class="container">      <div class="row align-items-center">     <div class="col-lg-6 text-center">           <img src="https://assets.softr-files.com/applications/9aacc6fd-8234-4ad9-b129-e61578938226/assets/696c7734-2d3c-45a5-bc1a-1ed6c42e0fc7.png" class="sw-percentage-width-3xl sw-border-style-none sw-border-width-xs sw-border-color-000000 sw-border-radius-none  mx-auto d-block" alt="Our awesome features">         </div>     <div class="col-lg-6 pt-5 pt-lg-0 text-center text-lg-left">          <h2 class="sw-font-size-4xl sw-text-color-211e32 sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-4xs sw-letter-spacing-normal sw-line-height-normal ">      Power your team with the ultimate tool     </h2>      <p class="sw-font-size-xl sw-text-color-6d7592 sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-3xs sw-letter-spacing-normal sw-line-height-loose ">      Enable customer-brand relationships by delivering the high-level communication that customers demand.     </p>      <!-- Features -->               <p>      <a target=""         href=""         class="sw-font-size-xl sw-text-color-51bd95 sw-font-family-default sw-font-weight-semibold sw-margin-top-3xs sw-margin-bottom-3xs sw-letter-spacing-normal sw-text-decoration-no-underline hover:sw-text-decoration-no-underline sw-display-inline-block">       Explore       <i class="fa fa-fw fa-arrow-right ml-2"></i>      </a>     </p>         </div>    </div>           </div> </section> <header id="hero7"    data-block-version="2.0.0" data-block-id="4c0721b5-1a18-4ea4-8e45-abca93eb5321"    data-block-updated=""  style=""   class="hero1-4c0721b5-1a18-4ea4-8e45-abca93eb5321 sw-background-color-211e32 sw-padding-top-2xl sw-padding-bottom-2xl sw-border-top-style-none sw-border-top-width-xs sw-border-top-color-000000 sw-border-bottom-style-none sw-border-bottom-width-xs sw-border-bottom-color-000000  sw-background-repeat-no-repeat sw-background-size-cover sw-background-position-center sw-background-attachment-scroll ">  <div class="container">                     <div class="row align-items-center text-center pb-5">    <div class="col-lg-2"></div>    <div class="col-lg-8">     <h1 class="sw-font-size-4xl sw-text-color-default sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-4xs sw-letter-spacing-normal sw-line-height-normal ">      Master the data with a state-of-the-art tool     </h1>          <p class="sw-font-size-xl sw-text-color-b1b5d3 sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-3xs sw-letter-spacing-normal sw-line-height-loose ">      In a world of a million customer touch points and interactions, Bits delivers a unique, unified view into your customers’ minds and needs.     </p>          <div class="d-flex justify-content-center flex-wrap">           </div>    </div>    <div class="col-lg-2"></div>   </div>         <div class="row align-items-center">      <div class="col-lg-2"></div>      <div class="col-lg-8 text-center">               <img src="https://assets.softr-files.com/applications/9aacc6fd-8234-4ad9-b129-e61578938226/assets/a8c26e3d-5925-49d0-b167-2e2c899155d6.png" class="sw-percentage-width-2xl sw-border-style-none sw-border-width-xs sw-border-color-000000 sw-border-radius-none   mx-auto d-block" alt="Image alt">             </div>      <div class="col-lg-2"></div>     </div>          </div> </header> <section id="testimonial2"    data-block-version="2.0.0" data-block-id="0f7ce3ea-9d43-499a-a181-3c5938b0b440"    data-block-updated=""    class="testimonial2-0f7ce3ea-9d43-499a-a181-3c5938b0b440 sw-background-color-ffffff sw-padding-top-2xl sw-padding-bottom-2xl sw-border-top-style-none sw-border-top-width-xs sw-border-top-color-000000 sw-border-bottom-style-none sw-border-bottom-width-xs sw-border-bottom-color-000000 ">  <div class="container">   <header class="text-center">         <h2 class="sw-text-color-211e32 sw-font-size-4xl sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-4xs sw-letter-spacing-normal sw-line-height-normal ">      Trusted by startups and world leading companies     </h2>           </header>    <div id="testimonial2-carouselControls" class="carousel slide" data-ride="carousel">    <div class="carousel-inner">          <div class="carousel-item active">      <div class="col-md-6 offset-md-3 text-center pt-5">       <!-- picture -->       <label class="sw-border-style-none sw-border-width-xs sw-border-color-000000 sw-border-radius-full sw-width-12xs sw-height-12xs "             style="background-image: url('https://assets.softr-files.com/applications/9aacc6fd-8234-4ad9-b129-e61578938226/assets/bb921b04-b026-4031-b654-baed54859d00.png'); background-size: cover; background-repeat: no-repeat; background-position: center;">       </label>       <!-- description -->       <p class="sw-font-size-2xl sw-text-color-343a3f sw-font-family-default sw-font-weight-default sw-line-height-loose sw-letter-spacing-wide sw-padding-top-none">        "Bits give us to be more precision in targeting users based on actual product usage".</p>        <!-- name -->       <h5 class="sw-font-size-2xl sw-text-color-6d7592 sw-font-family-default sw-letter-spacing-normal ">        Nancy Loop</h5>        <!-- title -->       <small class="sw-font-size-m sw-text-color-6d7592 sw-font-family-default sw-font-weight-normal sw-letter-spacing-normal sw-padding-bottom-4xs sw-display-block">Vice President, Business Intelligence
  489. </small>      </div>     </div>          <div class="carousel-item ">      <div class="col-md-6 offset-md-3 text-center pt-5">       <!-- picture -->       <label class="sw-border-style-none sw-border-width-xs sw-border-color-000000 sw-border-radius-full sw-width-12xs sw-height-12xs "             style="background-image: url('https://assets.softr-files.com/applications/9aacc6fd-8234-4ad9-b129-e61578938226/assets/bb921b04-b026-4031-b654-baed54859d00.png'); background-size: cover; background-repeat: no-repeat; background-position: center;">       </label>       <!-- description -->       <p class="sw-font-size-2xl sw-text-color-343a3f sw-font-family-default sw-font-weight-default sw-line-height-loose sw-letter-spacing-wide sw-padding-top-none">        "Bits improves our processes, our customer relationships, and complements our current software and marketing efforts."</p>        <!-- name -->       <h5 class="sw-font-size-2xl sw-text-color-6d7592 sw-font-family-default sw-letter-spacing-normal ">        Mike Matthews</h5>        <!-- title -->       <small class="sw-font-size-m sw-text-color-6d7592 sw-font-family-default sw-font-weight-normal sw-letter-spacing-normal sw-padding-bottom-4xs sw-display-block">User Acquisition Manager</small>      </div>     </div>         </div>    <a class="carousel-control-prev" href="#testimonial2-carouselControls" role="button" data-slide="prev">     <i class="sw-left-right-arrows fas fa-chevron-left"></i>     <span class="sr-only">Previous</span>    </a>    <a class="carousel-control-next" href="#testimonial2-carouselControls" role="button" data-slide="next">     <i class="sw-left-right-arrows fas fa-chevron-right"></i>     <span class="sr-only">Next</span>    </a>   </div>  </div> </section> <header id="hero8"    data-block-version="2.0.0" data-block-id="4d49a377-56fa-41d9-8037-627c19bc69ff"    data-block-updated=""  style=""   class="hero1-4d49a377-56fa-41d9-8037-627c19bc69ff sw-background-color-f5f5f9 sw-padding-top-2xl sw-padding-bottom-2xl sw-border-top-style-none sw-border-top-width-xs sw-border-top-color-000000 sw-border-bottom-style-none sw-border-bottom-width-xs sw-border-bottom-color-000000  sw-background-repeat-no-repeat sw-background-size-cover sw-background-position-center sw-background-attachment-scroll ">  <div class="container">             <div class="row align-items-center">    <div class="col-lg-5 pb-5 pb-lg-0 text-center text-lg-left">     <h1 class="sw-font-size-4xl sw-text-color-211e32 sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-4xs sw-letter-spacing-normal sw-line-height-normal ">      Get in touch with us     </h1>          <p class="sw-font-size-xl sw-text-color-6d7592 sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-3xs sw-letter-spacing-normal sw-line-height-loose ">      Put the customer at the center of your flywheel and contact us today to find out more.     </p>          <div class="d-flex justify-content-center justify-content-lg-start flex-wrap">             <a data-element="button" target="" class="sw-font-size-m sw-text-color-default sw-font-family-default sw-font-weight-semibold sw-border-radius-m sw-background-color-default sw-padding-left-l sw-padding-right-l sw-padding-top-5xs sw-padding-bottom-5xs sw-border-style-none sw-border-width-xs sw-border-color-000000 sw-letter-spacing-normal sw-text-decoration-no-underline hover:sw-text-decoration-no-underline hover:sw-box-shadow-m sw-margin-bottom-6xs sw-margin-right-5xs sw-display-inline-block" href="">        Get demo       </a>             <a data-element="button" target="" class="sw-font-size-m sw-text-color-343a3f sw-font-family-default sw-font-weight-semibold sw-border-radius-m sw-background-color-ffffff sw-padding-left-xs sw-padding-right-xs sw-padding-top-5xs sw-padding-bottom-5xs sw-border-style-solid sw-border-width-xs sw-border-color-b1b5d3 sw-letter-spacing-normal sw-text-decoration-no-underline hover:sw-text-decoration-no-underline hover:sw-box-shadow-m sw-margin-bottom-6xs sw-margin-right-5xs sw-display-inline-block" href="">        Create free account       </a>           </div>    </div>     <div class="col-lg-7 text-center">                  <img src="https://assets.softr-files.com/applications/9aacc6fd-8234-4ad9-b129-e61578938226/assets/4d1b87db-e7b2-4b38-8717-7b9400e4fa80.png" class="sw-percentage-width-full sw-border-style-none sw-border-width-xs sw-border-color-000000 sw-border-radius-none  mx-auto d-block" alt="Image alt">               </div>   </div>              </div> </header> <footer id="home_footer3"    data-block-version="2.0.0" data-block-id="c5624300-7f95-481b-84c1-82ed024e7bbb"    data-block-updated=""  class="footer2-c5624300-7f95-481b-84c1-82ed024e7bbb sw-background-color-2d3660 sw-padding-top-2xl sw-padding-bottom-2xl sw-border-top-style-none sw-border-top-width-xs sw-border-top-color-000000 sw-border-bottom-style-none sw-border-bottom-width-xs sw-border-bottom-color-000000 ">  <div class="container">   <div class="row">     <div class="col-12 col-md-3 ">     <!-- Logo -->          <a href="/">      <img class="sw-width-7xs "       src="https://assets.softr-files.com/applications/9aacc6fd-8234-4ad9-b129-e61578938226/assets/bb921b04-b026-4031-b654-baed54859d00.png"       alt="">     </a>          <!-- Description -->     <p class="sw-font-size-m sw-text-color-default sw-font-family-default sw-font-weight-default sw-padding-top-3xs sw-padding-bottom-none sw-line-height-loose "></p>    </div>     <!-- Link Groups -->         <div class="pt-4 pt-md-0 col-6 col-md-2  offset-md-1">      <h6 class="sw-font-size-m sw-text-color-ffffff sw-font-family-default sw-font-weight-semibold sw-line-height-loose ">       Company      </h6>             <div class="nav flex-column">        <a target="" class="sw-font-size-m sw-text-color-b1b5d3 sw-font-family-default sw-font-weight-light sw-letter-spacing-wide sw-padding-left-none sw-padding-top-7xs sw-padding-bottom-7xs hover:sw-text-decoration-no-underline" href="">        Careers        </a>       </div>             <div class="nav flex-column">        <a target="" class="sw-font-size-m sw-text-color-b1b5d3 sw-font-family-default sw-font-weight-light sw-letter-spacing-wide sw-padding-left-none sw-padding-top-7xs sw-padding-bottom-7xs hover:sw-text-decoration-no-underline" href="">        Blog        </a>       </div>             <div class="nav flex-column">        <a target="" class="sw-font-size-m sw-text-color-b1b5d3 sw-font-family-default sw-font-weight-light sw-letter-spacing-wide sw-padding-left-none sw-padding-top-7xs sw-padding-bottom-7xs hover:sw-text-decoration-no-underline" href="">        Press        </a>       </div>             <div class="nav flex-column">        <a target="" class="sw-font-size-m sw-text-color-b1b5d3 sw-font-family-default sw-font-weight-light sw-letter-spacing-wide sw-padding-left-none sw-padding-top-7xs sw-padding-bottom-7xs hover:sw-text-decoration-no-underline" href="">        Podcast        </a>       </div>             <div class="nav flex-column">        <a target="" class="sw-font-size-m sw-text-color-b1b5d3 sw-font-family-default sw-font-weight-light sw-letter-spacing-wide sw-padding-left-none sw-padding-top-7xs sw-padding-bottom-7xs hover:sw-text-decoration-no-underline" href="">        Events        </a>       </div>           </div>         <div class="pt-4 pt-md-0 col-6 col-md-2  ">      <h6 class="sw-font-size-m sw-text-color-ffffff sw-font-family-default sw-font-weight-semibold sw-line-height-loose ">       Product      </h6>             <div class="nav flex-column">        <a target="" class="sw-font-size-m sw-text-color-b1b5d3 sw-font-family-default sw-font-weight-light sw-letter-spacing-wide sw-padding-left-none sw-padding-top-7xs sw-padding-bottom-7xs hover:sw-text-decoration-no-underline" href="">        Connections        </a>       </div>             <div class="nav flex-column">        <a target="" class="sw-font-size-m sw-text-color-b1b5d3 sw-font-family-default sw-font-weight-light sw-letter-spacing-wide sw-padding-left-none sw-padding-top-7xs sw-padding-bottom-7xs hover:sw-text-decoration-no-underline" href="">        Personas        </a>       </div>             <div class="nav flex-column">        <a target="" class="sw-font-size-m sw-text-color-b1b5d3 sw-font-family-default sw-font-weight-light sw-letter-spacing-wide sw-padding-left-none sw-padding-top-7xs sw-padding-bottom-7xs hover:sw-text-decoration-no-underline" href="">        Protocols        </a>       </div>             <div class="nav flex-column">        <a target="" class="sw-font-size-m sw-text-color-b1b5d3 sw-font-family-default sw-font-weight-light sw-letter-spacing-wide sw-padding-left-none sw-padding-top-7xs sw-padding-bottom-7xs hover:sw-text-decoration-no-underline" href="">        Customer data platform        </a>       </div>           </div>         <div class="pt-4 pt-md-0 col-6 col-md-2  ">      <h6 class="sw-font-size-m sw-text-color-ffffff sw-font-family-default sw-font-weight-semibold sw-line-height-loose ">       Support      </h6>             <div class="nav flex-column">        <a target="" class="sw-font-size-m sw-text-color-b1b5d3 sw-font-family-default sw-font-weight-light sw-letter-spacing-wide sw-padding-left-none sw-padding-top-7xs sw-padding-bottom-7xs hover:sw-text-decoration-no-underline" href="">        Help Center        </a>       </div>             <div class="nav flex-column">        <a target="" class="sw-font-size-m sw-text-color-b1b5d3 sw-font-family-default sw-font-weight-light sw-letter-spacing-wide sw-padding-left-none sw-padding-top-7xs sw-padding-bottom-7xs hover:sw-text-decoration-no-underline" href="">        Contact us        </a>       </div>             <div class="nav flex-column">        <a target="" class="sw-font-size-m sw-text-color-b1b5d3 sw-font-family-default sw-font-weight-light sw-letter-spacing-wide sw-padding-left-none sw-padding-top-7xs sw-padding-bottom-7xs hover:sw-text-decoration-no-underline" href="">        Resources        </a>       </div>             <div class="nav flex-column">        <a target="" class="sw-font-size-m sw-text-color-b1b5d3 sw-font-family-default sw-font-weight-light sw-letter-spacing-wide sw-padding-left-none sw-padding-top-7xs sw-padding-bottom-7xs hover:sw-text-decoration-no-underline" href="">        Become a partner        </a>       </div>           </div>         <div class="pt-4 pt-md-0 col-6 col-md-2  ">      <h6 class="sw-font-size-m sw-text-color-ffffff sw-font-family-default sw-font-weight-semibold sw-line-height-loose ">       For Developers      </h6>             <div class="nav flex-column">        <a target="" class="sw-font-size-m sw-text-color-b1b5d3 sw-font-family-default sw-font-weight-light sw-letter-spacing-wide sw-padding-left-none sw-padding-top-7xs sw-padding-bottom-7xs hover:sw-text-decoration-no-underline" href="">        Documentation        </a>       </div>             <div class="nav flex-column">        <a target="" class="sw-font-size-m sw-text-color-b1b5d3 sw-font-family-default sw-font-weight-light sw-letter-spacing-wide sw-padding-left-none sw-padding-top-7xs sw-padding-bottom-7xs hover:sw-text-decoration-no-underline" href="">        API        </a>       </div>             <div class="nav flex-column">        <a target="" class="sw-font-size-m sw-text-color-b1b5d3 sw-font-family-default sw-font-weight-light sw-letter-spacing-wide sw-padding-left-none sw-padding-top-7xs sw-padding-bottom-7xs hover:sw-text-decoration-no-underline" href="">        Open Source        </a>       </div>             <div class="nav flex-column">        <a target="" class="sw-font-size-m sw-text-color-b1b5d3 sw-font-family-default sw-font-weight-light sw-letter-spacing-wide sw-padding-left-none sw-padding-top-7xs sw-padding-bottom-7xs hover:sw-text-decoration-no-underline" href="">        Build        </a>       </div>           </div>        </div>    <!-- Social Icons -->   <div class="row">    <div class="col-12">     <div class="text-left pt-4 pt-sm-2">             <!-- ToDo Styles -->       <a  href="https://sohbet.page" target="_blank" class="sw-font-size-m sw-text-color-000000 sw-width-11xs sw-display-inline-block sw-min-width-6xs sw-margin-right-7xs sw-text-align-center sw-border-radius-s sw-border-color-eaeff4 sw-border-style-solid sw-border-width-xs sw-padding-right-7xs sw-padding-left-7xs sw-padding-top-7xs sw-padding-bottom-7xs sw-opacity-2xs">        <i class="fas fa-share-alt"></i>       </a>             <!-- ToDo Styles -->       <a  href="https://sohbetmy.net" target="_blank" class="sw-font-size-m sw-text-color-000000 sw-width-11xs sw-display-inline-block sw-min-width-6xs sw-margin-right-7xs sw-text-align-center sw-border-radius-s sw-border-color-eaeff4 sw-border-style-solid sw-border-width-xs sw-padding-right-7xs sw-padding-left-7xs sw-padding-top-7xs sw-padding-bottom-7xs sw-opacity-2xs">        <i class="fas fa-share-alt"></i>       </a>             <!-- ToDo Styles -->       <a  href="https://sohbet.website" target="_blank" class="sw-font-size-m sw-text-color-000000 sw-width-11xs sw-display-inline-block sw-min-width-6xs sw-margin-right-7xs sw-text-align-center sw-border-radius-s sw-border-color-eaeff4 sw-border-style-solid sw-border-width-xs sw-padding-right-7xs sw-padding-left-7xs sw-padding-top-7xs sw-padding-bottom-7xs sw-opacity-2xs">        <i class="fas fa-share-alt"></i>       </a>           </div>    </div>   </div>  </div> </footer>
  490. </div>
  491.  
  492. <script>
  493.  
  494.    function rgb2hex(orig) {
  495.        var rgb = orig.replace(/\s/g, "").match(/^rgba?\((\d+),(\d+),(\d+)/i);
  496.        return rgb && rgb.length === 4
  497.            ? "#" +
  498.            ("0" + parseInt(rgb[1], 10).toString(16)).slice(-2) +
  499.            ("0" + parseInt(rgb[2], 10).toString(16)).slice(-2) +
  500.            ("0" + parseInt(rgb[3], 10).toString(16)).slice(-2)
  501.            : orig;
  502.    }
  503.  
  504.    function lightOrDark(color) {
  505.        // Variables for red, green, blue values
  506.        var r, g, b, hsp;
  507.  
  508.        // Check the format of the color, HEX or RGB?
  509.        if (color.match(/^rgb/)) {
  510.            // If RGB --> store the red, green, blue values in separate variables
  511.            color = color.match(
  512.                /^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)$/
  513.            );
  514.  
  515.            r = color[1];
  516.            g = color[2];
  517.            b = color[3];
  518.        } else {
  519.            // If hex --> Convert it to RGB: http://gist.github.com/983661
  520.            color = +(
  521.                "0x" + color.slice(1).replace(color.length < 5 && /./g, "$&$&")
  522.            );
  523.  
  524.            r = color >> 16;
  525.            g = (color >> 8) & 255;
  526.            b = color & 255;
  527.        }
  528.  
  529.        // HSP (Highly Sensitive Poo) equation from http://alienryderflex.com/hsp.html
  530.        hsp = Math.sqrt(0.299 * (r * r) + 0.587 * (g * g) + 0.114 * (b * b));
  531.  
  532.        // Using the HSP value, determine whether the color is light or dark
  533.        if (hsp > 127.5) {
  534.            return "light";
  535.        } else {
  536.            return "dark";
  537.        }
  538.    }
  539.  
  540. </script>
  541.  
  542.    <div class="made-with-softr">
  543.        <a href="https://www.softr.io/?via=madewithbadge" target="_blank" title="Client Portal | Internal Tools | Web App Builder | Free Website Builder">
  544.            <img src="https://assets.softr-files.com/assets/images/softr_logo/softr_logo_icon_only.svg" alt="Client Portal | Internal Tools | Web App Builder | Free Website Builder">
  545.            <span class="made-with">Made with</span>
  546.            <span class="softr-word">Softr</span>
  547.        </a>
  548.    </div>
  549. <script>
  550.    (() => {
  551.        function createBudgetWrapperDivEl() {
  552.            const divEl = document.createElement("div");
  553.            divEl.setAttribute("class", "made-with-softr");
  554.  
  555.            divEl.style.setProperty('display', 'block', 'important');
  556.            divEl.style.setProperty('opacity', '1', 'important');
  557.            divEl.style.setProperty('visibility', 'visible', 'important');
  558.  
  559.            divEl.innerHTML = `
  560.                           <a href="https://www.softr.io/?via=madewithbadge" target="_blank" title="Client Portal | Internal Tools | Web App Builder | Free Website Builder">
  561.                              <img src="https://assets.softr-files.com/assets/images/softr_logo/softr_logo_icon_only.svg" alt="Client Portal | Internal Tools | Web App Builder | Free Website Builder">
  562.                              <span class="made-with">Made with</span>
  563.                              <span class="softr-word">Softr</span>
  564.                            </a>`;
  565.  
  566.            document.body.appendChild(divEl);
  567.        }
  568.  
  569.        function isInCurrentSection(elTop, elBottom) {
  570.            const innerHeight = window.innerHeight - 30;
  571.            return elTop < innerHeight && elBottom > innerHeight;
  572.        }
  573.  
  574.            function setRightTheme(sections, softrEl) {
  575.                sections.forEach(item => {
  576.                    const elementTop = item.getBoundingClientRect().top;
  577.                    const elementBottom = item.getBoundingClientRect().bottom;
  578.  
  579.                    if (isInCurrentSection(elementTop, elementBottom)) {
  580.                        const documentBodyColor = window
  581.                            .getComputedStyle(item)
  582.                            .getPropertyValue("background-color");
  583.  
  584.                        const bgColor = lightOrDark(rgb2hex(documentBodyColor));
  585.  
  586.                        if (bgColor === "light") {
  587.                            softrEl.classList.add("dark-theme");
  588.                        } else {
  589.                            softrEl.classList.remove("dark-theme");
  590.                        }
  591.                    }
  592.                });
  593.            }
  594.  
  595.            function isHidden(el) {
  596.                if (!el) {
  597.                    return true;
  598.                }
  599.                const style = window.getComputedStyle(el);
  600.                return (style.display === 'none');
  601.            }
  602.  
  603.            function init() {
  604.                const madeWithSoftrEl = document.querySelector(".made-with-softr");
  605.                const softrEl = document.querySelector(".made-with-softr a");
  606.  
  607.                if (!madeWithSoftrEl) {
  608.                    createBudgetWrapperDivEl();
  609.                }
  610.  
  611.                if (!softrEl && madeWithSoftrEl) {
  612.                    madeWithSoftrEl.remove();
  613.                    createBudgetWrapperDivEl();
  614.                }
  615.  
  616.                if (isHidden(madeWithSoftrEl) || isHidden(softrEl)) {
  617.                    madeWithSoftrEl.remove();
  618.                    createBudgetWrapperDivEl();
  619.                }
  620.  
  621.                const headers = document.querySelectorAll("header");
  622.                const sections = document.querySelectorAll("section");
  623.                const footers = document.querySelectorAll("footer");
  624.                const allSections = [...headers, ...sections, ...footers]
  625.  
  626.                setRightTheme(allSections, softrEl);
  627.                document.addEventListener("scroll", () => {
  628.                    setRightTheme(allSections, softrEl);
  629.                });
  630.            }
  631.  
  632.            function removeLogoWithSoftr() {
  633.                if (location.origin === 'https://www.softr.io') {
  634.                    if (document.body.clientWidth <= 576) {
  635.                        /* Disable for now we need better solution */
  636.                        /*  document.getElementsByClassName('made-with-softr')[0].style.display = 'none'; */
  637.                    }
  638.                }
  639.            }
  640.  
  641.        function moveBadgeToTheRightIfHeaderIsVertical () {
  642.            document.addEventListener("DOMContentLoaded", function (){
  643.                const madeWithSoftrEl = document.querySelector(".made-with-softr");
  644.                const allBlocks = document.querySelector('[data-appid]').children;
  645.                let headers = [...allBlocks].filter((block)=>{
  646.                    if (block.hasAttribute('category')){
  647.                        return block.getAttribute('category') === 'Header';
  648.                    }
  649.                });
  650.                if (headers.length === 0) { return false;}
  651.                if(headers.length > 0) {
  652.                    [...headers].map((header)=>{
  653.                        let blockHrId = header.getAttribute('id');
  654.                        if (isReactBlock(header)) {
  655.                            setTimeout(()=>{
  656.                                window.addEventListener('block-loaded-' + blockHrId, function () {
  657.                                    if(isVerticalHeader(header)){
  658.                                        madeWithSoftrEl.style.left='320px';
  659.                                    }
  660.                                }, 2500);
  661.                            })
  662.                        } else {
  663.                            if(isVerticalHeader(header)){
  664.                                madeWithSoftrEl.style.left='320px';
  665.                            }
  666.                        }
  667.                    })
  668.                }
  669.            })
  670.  
  671.        }
  672.  
  673.        function isVerticalHeader (block){
  674.            //react vertical header structure is:  div > div
  675.            //react horizontal header structure is:  div > header
  676.            //non react vertical header structure is:  div > nav
  677.            //non react horizontal header structure is:  nav
  678.            if(block.hasAttribute('category')){
  679.                if (block.getAttribute('category') !== 'Header'){
  680.                    return false;
  681.                }
  682.            }
  683.            if (block.tagName.toLowerCase() === 'nav'){
  684.                return false;
  685.            }
  686.  
  687.            if(block.tagName.toLowerCase() === 'section') {
  688.                return false;
  689.            }
  690.  
  691.            let firstElementChild = block.firstElementChild;
  692.            return firstElementChild && (firstElementChild.tagName.toLowerCase() === 'div' || firstElementChild.tagName.toLowerCase() === 'nav');
  693.        }
  694.  
  695.        function isReactBlock (block) {
  696.            return block.tagName.toLowerCase() === 'div';
  697.        }
  698.  
  699.  
  700.            init();
  701.            moveBadgeToTheRightIfHeaderIsVertical();
  702.            removeLogoWithSoftr();
  703.            setInterval(() => {
  704.                init();
  705.                moveBadgeToTheRightIfHeaderIsVertical();
  706.                removeLogoWithSoftr();
  707.            }, (Math.floor(2 + Math.random() * 5)) * 1000);
  708.        })();
  709.    </script>
  710.  
  711. <!-- Stick footer to the bottom if the App is shorter than the viewport -->
  712. <script>
  713.    (() => {
  714.        if(inIframe() && !isSoftrPreviewIframe()) {
  715.            return;
  716.        }
  717.        const allBlocks = document.querySelector('[data-appid]').children;
  718.        let blocksCountToProcess = allBlocks.length;
  719.        let appHeight = 0;
  720.        let last = allBlocks[allBlocks.length - 1];
  721.        let prelast = blocksCountToProcess >= 2 ? allBlocks[allBlocks.length - 2] : allBlocks[allBlocks.length - 1];
  722.  
  723.        // in case of last child is not a block but SOFTR-BRANDING DIV
  724.        if(last && last.classList.contains('softr-branding')) {
  725.            if(blocksCountToProcess > 2) {
  726.                last = allBlocks[allBlocks.length - 2];
  727.                prelast = allBlocks[allBlocks.length - 3];
  728.            }
  729.        }
  730.  
  731.        function calculateAppHeightAndStickFooterToTheBottom() {
  732.            [...allBlocks].forEach((block) => {
  733.                let blockHrId = block.getAttribute('id');
  734.                if (isReactBlock(block)) {
  735.                    // react blocks size will be changed, need to wait
  736.                    // mark block as processed
  737.                        window.addEventListener('block-loaded-' + blockHrId, function () {
  738.                            if(isDynamicBlock(block)) {
  739.                                window.addEventListener('get-records-' + blockHrId, function () {
  740.                                    setTimeout(() => {
  741.                                        blocksCountToProcess -= 1;
  742.                                        if (!isVerticalHeader(block)) {
  743.                                            appHeight += block.offsetHeight;
  744.                                        }
  745.                                        stickFooterToTheBottom();
  746.                                    }, 90);
  747.                                });
  748.                            } else
  749.                            {
  750.                                setTimeout(() => {
  751.                                    blocksCountToProcess -= 1;
  752.                                    if (!isVerticalHeader(block)) {
  753.                                        appHeight += block.offsetHeight;
  754.                                    }
  755.                                    stickFooterToTheBottom();
  756.                                }, 90);
  757.                            }
  758.                        });
  759.  
  760.  
  761.                } else { // non-rect blocks size can be calculated here
  762.                    blocksCountToProcess -= 1;
  763.                    if(!isVerticalHeader(block)){
  764.                        appHeight += block.offsetHeight;
  765.                    }
  766.                }
  767.                stickFooterToTheBottom();
  768.            });
  769.        }
  770.  
  771.        function stickFooterToTheBottom() {
  772.            // if not all blocks size is calculated, wait
  773.            if (blocksCountToProcess !== 0) {
  774.                return;
  775.            }
  776.  
  777.            // in case of method works after resize, we need to remove old DIV
  778.            let extraDiv = document.querySelector('.extra-div');
  779.            if (extraDiv) {
  780.                extraDiv.remove();
  781.            }
  782.  
  783.            // if app height is bigger then window, no need to push footer down, as it's already there
  784.            if (appHeight > window.innerHeight) {
  785.                return;
  786.            }
  787.  
  788.            if(last){
  789.                let dataBlockAttribute = last.getAttribute('data-block');
  790.                if(!dataBlockAttribute) {
  791.                    return;
  792.                }
  793.                let lastBlockType = dataBlockAttribute.slice(0, 6);
  794.                // if there no footer, nothing to do
  795.                if (lastBlockType !== 'footer') {
  796.                    return;
  797.                }
  798.            }
  799.  
  800.            const divEl = document.createElement("div");
  801.            divEl.setAttribute("class", "extra-div");
  802.            if(prelast.firstChild){
  803.                divEl.style.background = window.getComputedStyle(isReactBlock(prelast) ? prelast.firstChild : prelast).getPropertyValue("background-color");
  804.            }
  805.            // calculate size for dummy div
  806.            divEl.style.height = (window.innerHeight - appHeight) + 'px';
  807.            divEl.style.width = '100%';
  808.  
  809.            document.querySelector('[data-appid]').insertBefore(divEl, last);
  810.        }
  811.  
  812.        function isVerticalHeader (block){
  813.            //react vertical header structure is:  div > div
  814.            //react horizontal header structure is:  div > header
  815.            //non react vertical header structure is:  div > nav
  816.            //non react horizontal header structure is:  nav
  817.            if(block.hasAttribute('category')){
  818.                if (block.getAttribute('category') !== 'Header'){
  819.                    return false;
  820.                }
  821.            }
  822.            if (block.tagName.toLowerCase() === 'nav'){
  823.                return false;
  824.            }
  825.  
  826.            if(block.tagName.toLowerCase() === 'section') {
  827.                return false;
  828.            }
  829.  
  830.            let firstElementChild = block.firstElementChild;
  831.            return firstElementChild && (firstElementChild.tagName.toLowerCase() === 'div' || firstElementChild.tagName.toLowerCase() === 'nav');
  832.        }
  833.  
  834.        function isReactBlock (block) {
  835.            return block.tagName.toLowerCase() === 'div';
  836.        }
  837.  
  838.        function isDynamicBlock (block) {
  839.            const blockType = block.getAttribute('data-block');
  840.            return blockType.startsWith('table') ||
  841.                blockType.startsWith('list') ||
  842.                blockType.startsWith('list-details' ) ||
  843.                blockType.startsWith('inbox') ||
  844.                blockType.startsWith('calendar') ||
  845.                blockType.startsWith('chart') ||
  846.                blockType.startsWith('kanban') ||
  847.                blockType.startsWith('summary') ||
  848.                blockType.startsWith('map') ||
  849.                blockType.startsWith('twitter')
  850.        }
  851.  
  852.        function inIframe () {
  853.            try {
  854.                return window.self !== window.top;
  855.            } catch (e) {
  856.                return true;
  857.            }
  858.        }
  859.        function isSoftrPreviewIframe() {
  860.            return !!document.getElementById("preview_iframe");
  861.  
  862.        }
  863.  
  864.        calculateAppHeightAndStickFooterToTheBottom();
  865.  
  866.        // after resize check if footer needs to be moved down
  867.        window.addEventListener('resize', () => {
  868.            stickFooterToTheBottom();
  869.        });
  870.  
  871.    })();
  872. </script>
  873.  
  874. <!-- Scripts -->
  875. <script src="https://assets.softr-files.com/libs/jquery/3.7.0/jquery.min.js"></script>
  876. <script src="https://assets.softr-files.com/libs/popper.js/1.14.7/umd/popper.min.js"></script>
  877. <script src="https://assets.softr-files.com/libs/bootstrap/4.3.1/js/bootstrap.min.js"></script>
  878. <script src="https://assets.softr-files.com/libs/micromodal/0.4.10/micromodal.min.js"></script>
  879.  
  880. <script>
  881.    /** this function is called from list blocks (do not delete) **/
  882.    function openSwModal(url, size) {
  883.        MicroModal.init({
  884.            disableScroll: true,
  885.            awaitOpenAnimation: true,
  886.            awaitCloseAnimation: true
  887.        });
  888.  
  889.        MicroModal.show("sw-modal");
  890.  
  891.        const modalElem = document.querySelector('#sw-modal-content');
  892.        let loadingElem = modalElem.querySelector('.sw-modal-loading');
  893.  
  894.        if (!loadingElem) {
  895.            modalElem.innerHTML += `<i class="sw-modal-loading fas fa-sync"></i>`;
  896.            loadingElem = modalElem.querySelector('.sw-modal-loading');
  897.            loadingElem.style.animation = 'rotation 900ms infinite linear';
  898.            loadingElem.style.position = 'absolute';
  899.        } else {
  900.            loadingElem?.remove();
  901.        }
  902.  
  903.        const iframeElem = document.querySelector(".sw-modal-iframe");
  904.        const modalContainer = document.querySelector(".sw-modal-container");
  905.  
  906.        iframeElem.onload = function () {
  907.            loadingElem?.remove();
  908.        };
  909.  
  910.        const viewModeParam = "viewMode=modal";
  911.        const urlIsLocal = url.startsWith('#') || url.startsWith('/') || url.startsWith(window.location.origin);
  912.        const modalUrl = urlIsLocal ? (url.indexOf("?") !== -1 ? url + "&" + viewModeParam : url + "?" + viewModeParam) : url;
  913.        iframeElem.setAttribute("src", modalUrl);
  914.  
  915.        modalContainer.classList.remove('sw-modal-size-sm', 'sw-modal-size-md', 'sw-modal-size-lg', 'sw-modal-size-xl');
  916.        modalContainer.classList.add('sw-modal-size-' + size);
  917.  
  918.        setTimeout(() => {
  919.            // Add event listener to detect when the modal is closed
  920.            const closeButton = document.querySelector('.sw-modal-close');
  921.            const backdrop = document.querySelector('.sw-modal-overlay');
  922.  
  923.            closeButton.addEventListener('click', resetIframe);
  924.            backdrop.addEventListener('click', resetIframe);
  925.        }, 1000)
  926.  
  927.    }
  928.  
  929.    const resetIframe = () => {
  930.        const iframeElem = document.querySelector('.sw-modal-iframe');
  931.        iframeElem.removeAttribute('src');
  932.    }
  933. </script>
  934.  
  935. <script>
  936.    /** Bugfix on multiple ?recordId= issue **/
  937.    setInterval(function () {
  938.        $('section a').each(function () {
  939.            const href = $(this).attr('href');
  940.            if (href && href.includes('?recordId=')) {
  941.                const countOfRecords = (href.match(/\?recordId=/g) || []).length;
  942.                if (countOfRecords > 1) {
  943.                    const index = href.lastIndexOf('?recordId=');
  944.                    const cleanedHref = href.substring(0, index);
  945.                    $(this).attr('href', cleanedHref);
  946.                }
  947.            }
  948.        });
  949.    }, 1000);
  950. </script>
  951.  
  952. <script type="text/javascript">
  953.    if (window.jQuery && window.jQuery.ajaxSetup) {
  954.        window.jQuery.ajaxSetup({
  955.            beforeSend: function (xhr, settings) {
  956.                if (settings && settings.url && (
  957.                    settings.url.includes('/integrations/airtable/')
  958.                    || settings.url.includes('/v1/applications/9aacc6fd-8234-4ad9-b129-e61578938226')
  959.                    || settings.url.includes('/v1/comments')
  960.                    || settings.url.includes('/forms/form-to-email'))
  961.                ) {
  962.                    xhr.setRequestHeader('softr-page-id', 'cb98a058-390d-4ee0-81f3-bf4407d74ce4');
  963.                }
  964.            }
  965.        });
  966.    }
  967.  
  968.    window['home_header2'] = {}; ;(function () {   $('#home_header2 .navbar-toggler-icon').on('click', function () {  $('#home_header2 .mob-menu-content').addClass('show');   });    $('#home_header2 .navbar-close').on('click', function () {  $('#home_header2 .mob-menu-content').removeClass('show');   });    oneButtonView($(window));    $(window).on('resize', function () {  var win = $(this);  oneButtonView(win)   });    /* close the mobile menu */   $('#home_header2 .mob-menu-body a').click(function () {  if ($(this).attr('aria-controls')) {    return;  }  $('#home_header2 .mob-menu-content').removeClass('show');   });    var bgColor = window.getComputedStyle(document.querySelector('nav#home_header2'), null).getPropertyValue('background-color');   if (lightOrDark(bgColor) === 'dark') {  $('nav#home_header2').removeClass('navbar-light');  $('nav#home_header2').addClass('navbar-dark');   $('#home_header2 .navbar-close i').css('color', '#ffffff');   $('#home_header2 .arrow').css('border-left', '2px solid #ffffff');  $('#home_header2 .arrow').css('border-top', '2px solid #ffffff');   }   profileIconSizeCalculation();   $('#home_header2 a.dropdown-item').hover(function () {  $(this).css('background-color', bgColor);   });    $('#home_header2 .navbar-nav .dropdown-menu').css('background-color', bgColor);   $('#home_header2 .mob-menu-content').css('background-color', bgColor);   $('#home_header2 .link').css('background-color', bgColor);     function lightOrDark(color) {   /* Variables for red, green, blue values */  var r, g, b, hsp;   /* Check the format of the color, HEX or RGB? */  if (color.match(/^rgb/)) {     /* If HEX --> store the red, green, blue values in separate variables */    color = color.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)$/);     r = color[1];    g = color[2];    b = color[3];  } else {     /* If RGB --> Convert it to HEX: http://gist.github.com/983661 */    color = +("0x" + color.slice(1).replace(   color.length < 5 && /./g, '$&$&'));     r = color >> 16;    g = color >> 8 & 255;    b = color & 255;  }   /* HSP (Highly Sensitive Poo) equation from http://alienryderflex.com/hsp.html */  hsp = Math.sqrt(    0.299 * (r * r) +    0.587 * (g * g) +    0.114 * (b * b)  );   /* Using the HSP value, determine whether the color is light or dark */  if (hsp > 127.5) {     return 'light';  } else {     return 'dark';  }   }    function oneButtonView(win) {  if (win.width() <= 414) {    if ($('.navbar-nav').hasClass('empty-links') && $('.navbar-nav').hasClass('one-button')) {   if (!$('.profile-dropdown-toggle').length) {     $('.desktop-menu').hide();     $('.toggle-button').show();   }    }  }  if (win.width() <= 992 && win.width() > 414) {    if ($('.navbar-nav').hasClass('empty-links') && $('.navbar-nav').hasClass('one-button')) {   $('.desktop-menu').show();   $('.toggle-button').hide();    }  }  if (win.width() <= 992) {    if ($('.navbar-nav').hasClass('empty-links') && $('.navbar-nav').hasClass('empty-buttons')) {   $('.desktop-menu').show();   $('.toggle-button').hide();    }  }   }    function signout() {  deleteCookie('jwtToken');  window.location.href = '/';   }    function deleteCookie(name) {  document.cookie = name + "=;path=/; expires=Thu, 01 Jan 1970 00:00:00 UTC;" + 'SameSite=None; Secure';   }    function profileIconSizeCalculation() {  const headerLinks = document.querySelector('nav#home_header2 .nav-item a');  if (!headerLinks) {    return;  }  const fSize = window.getComputedStyle(headerLinks, null).getPropertyValue('font-size');  if (fSize <= '16px') {    $('#home_header2 .nav-item.dropdown a.profile-dropdown-toggle').css({   'width': '24px',   'height': '24px',    });  } else if (fSize > '16px' && fSize <= '24px') {    $('#home_header2 .nav-item.dropdown a.profile-dropdown-toggle').css({   'width': '30px',   'height': '30px',    });  } else {    $('#home_header2 .nav-item.dropdown a.profile-dropdown-toggle').css({   'width': '34px',   'height': '34px',    });  }   }    $("a[href='action:signout']").click(function (event) {  event.preventDefault();  signout();   });  })();  window['hero5'] = {}; ;(function () {   var emailInputSelector = '#hero5 #sw-email-capture-email-input';  var submitButtonSelector = '#hero5 #sw-email-capture-submit-btn';  var zapierWebhookUrl = '';  var integromatWebhookUrl = '';  var mailchimpUrl = 'https://gmail.us3.list-manage.com/subscribe/post?u=255ec8e2d5b6c6c0c4486a634&amp;id=f2e0c00f93';  var mailerliteUrl = '';  var parsedMailchimpUrl = parseUrl(mailchimpUrl.replace(/&amp;/g, '&'));  var destinationEmail = '';   const formSuccessMessageEl = '#hero5 #sw-form-success-message';  const actionState = $(formSuccessMessageEl).attr('data-success-action-state');  const actionPath = $(formSuccessMessageEl).attr('data-success-action-path');   if (isInStudio() && isShowMessageSelected()) {   $(formSuccessMessageEl).removeClass('d-none');  } else {   $(formSuccessMessageEl).addClass('d-none');  }   function isShowMessageSelected() {   return actionState === "SHOW_MESSAGE";  }   function isEmail(email) {   var emailReg = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;   return email && emailReg.test(email);  }   function parseUrl(url) {   var parser = document.createElement('a'),    searchObject = {},    queries, split, i;    parser.href = url;    queries = parser.search.replace(/^\?/, '').split('&');   for (i = 0; i < queries.length; i++) {    split = queries[i].split('=');    searchObject[split[0]] = split[1];   }   return {    protocol: parser.protocol,    host: parser.host,    hostname: parser.hostname,    port: parser.port,    pathname: parser.pathname,    search: parser.search,    searchObject: searchObject,    hash: parser.hash   };  }   function collectEmailInMailchimp(email, parsedMailchimpUrl, successCallback, errorCallback) {   $.ajax({    url: 'https://' + parsedMailchimpUrl.hostname + '/subscribe/post-json?u=' + parsedMailchimpUrl.searchObject.u + '&id=' + parsedMailchimpUrl.searchObject.id + '&c=?',    type: 'GET',    data: 'EMAIL=' + email,    dataType: 'jsonp',    contentType: 'application/json; charset=utf-8',    success: function (data) {     successCallback();    },    error: function (error) {     console.log(error);     errorCallback();    }    });  }   function collectEmailInMailerlite(email, mailerliteUrl, successCallback, errorCallback) {   var data = 'fields[email]=' + encodeURIComponent(email) + '&ml-submit=1';   $.ajax({    url: mailerliteUrl,    type: 'POST',    data: data,    contentType: 'application/x-www-form-urlencoded',    success: function (data) {     successCallback();    },    error: function (error) {     console.log(error);     errorCallback();    }    });  }   function forwardToEmail(email, destinationEmail, successCallback, errorCallback) {   var payload = {"attributes": {'EMAIL': email, 'PAGE_AND_SECTION': window.location.href + '#hero5'}};   $.ajax({    url: window.location.origin + '/api/v1/applications/forms/form-to-email/' + destinationEmail,    type: 'POST',    data: JSON.stringify(payload),    contentType: 'application/json; charset=utf-8',    success: function (data) {     console.log(data);     successCallback();    },    error: function (error) {     console.log(error);     errorCallback();    }    });  }   function sendToZapierWebhook(email, zapierWebhookUrl, successCallback, errorCallback) {   var payload = {'EMAIL': email, 'PAGE_AND_SECTION': window.location.href + '#hero5'};   $.ajax({    url: zapierWebhookUrl,    type: 'POST',    data: JSON.stringify(payload),    success: function (data) {     console.log(data);     successCallback();    },    error: function (error) {     console.log(error);     errorCallback();    }    });  }   function sendToIntegromatWebhook(email, integromatWebhookUrl, successCallback, errorCallback) {   var payload = {'EMAIL': email, 'PAGE_AND_SECTION': window.location.href + '#hero5'};   $.ajax({    url: integromatWebhookUrl,    type: 'POST',    data: JSON.stringify(payload),    contentType: 'application/json; charset=utf-8',    success: function (data) {     console.log(data);     successCallback();    },    error: function (error) {     console.log(error);     errorCallback();    }    });  }   function handleSuccess() {   $(submitButtonSelector + ' .sw-btn-spinner').addClass('d-none');   $(submitButtonSelector).addClass('sw-btn-success');    setTimeout(function () {    $(submitButtonSelector).removeClass('sw-btn-success');    $(emailInputSelector).val('');    performAfterSuccessAction();   }, 1000);   }   function performAfterSuccessAction() {   if (isShowMessageSelected()) {    $(formSuccessMessageEl).removeClass('d-none');    setTimeout(() => {     $(formSuccessMessageEl).addClass('d-none');    }, 60 * 1000);   } else if (actionState === "OPEN_PAGE") {    if (actionPath !== 'NO_ACTION') {     if(window.location.pathname.endsWith(actionPath)) {      window.location.href = window.location.href;      } else {      window.location.href = actionPath;     }    }   }  }   function handleFailure() {   $(emailInputSelector).addClass('sw-input-invalid');  }   $(submitButtonSelector).click(function (e) {   e.preventDefault();    var email = $(emailInputSelector).val().trim();    /* validate the input */   $(emailInputSelector).removeClass('sw-input-invalid');   if (!isEmail(email)) {    $(emailInputSelector).addClass('sw-input-invalid');    return;   }    if (!mailchimpUrl && !mailerliteUrl && !destinationEmail && !zapierWebhookUrl && !integromatWebhookUrl) {    return;   }    $(submitButtonSelector + ' .sw-btn-spinner').removeClass('d-none');    if (mailchimpUrl) {    collectEmailInMailchimp(email, parsedMailchimpUrl, handleSuccess, handleFailure);   } else if (mailerliteUrl) {    collectEmailInMailerlite(email, mailerliteUrl, handleSuccess, handleFailure);   } else if (zapierWebhookUrl) {    sendToZapierWebhook(email, zapierWebhookUrl, handleSuccess, handleFailure);   } else if (integromatWebhookUrl) {    sendToIntegromatWebhook(email, integromatWebhookUrl, handleSuccess, handleFailure);   } else {    forwardToEmail(email, destinationEmail, handleSuccess, handleFailure);   }  });   (function adjustButtonWidth() {   setTimeout(function () {    var emailInput = $('#hero5 #sw-email-capture-email-input');    var submitButton = $('#hero5 #sw-email-capture-submit-btn');     var inputTopPos = emailInput.position().top;    var buttonTopPos = submitButton.position().top;     console.log(emailInput.position());    console.log(submitButton.position());     if (buttonTopPos - inputTopPos < 10) {     return;    }     var width = emailInput.outerWidth();    submitButton.css({'width': width});   }, 10);  })();   function isInStudio() {   return window.location.href.startsWith('http://localhost:') ||    window.location.href.includes('https://studio-staging') ||    window.location.href.startsWith('https://studio.softr.io/')  }  })(); window['partner2'] = {}; window['hero6'] = {}; window['feature3'] = {}; window['feature4'] = {}; window['hero7'] = {}; window['testimonial2'] = {}; ;(function () {   var box = $('#testimonial2 .carousel-item');   $(window).width() > 768 && heightCalc();    function heightCalc() {  setTimeout(function () {   var heights = box.map(function () {    return $(this).height();   }).get();   var maxHeight = Math.max.apply(null, heights);   box.each(function (i) {    $(this).css({'height': maxHeight});   });  }, 200);   } })();  window['hero8'] = {}; window['home_footer3'] = {};
  969. </script>
  970.  
  971. <!-- Page Custom Footer Code -->
  972.  
  973. <!-- End Page Custom Footer Code -->
  974.  
  975. <!-- App Custom Footer Code -->
  976.  
  977. <!-- End App Custom Footer Code -->
  978.  
  979. <script src="https://assets.softr-files.com/libs/iframe-resizer/4.2.11/iframeResizer.contentWindow.min.js" crossorigin="anonymous"></script>
  980.  
  981. <!-- Localhost -->
  982. <script type="text/javascript">
  983.    if (window.location.hostname === 'localhost') {
  984.        if (getUrlParam('domain')) {
  985.            setCookie('serverName', getUrlParam('domain'), 30);
  986.        }
  987.    }
  988.  
  989.    function setCookie(name, value, days) {
  990.        var date = new Date();
  991.        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
  992.        var expires = "expires=" + date.toUTCString();
  993.        document.cookie = name + "=" + value + ";" + expires + ";path=/;" + "SameSite=None; Secure";
  994.    }
  995.  
  996.    function getUrlParam(name) {
  997.        const url = new URL(window.location.href);
  998.        let param;
  999.        for (var key of url.searchParams.keys()) {
  1000.            if (key.toLowerCase() === name.toLowerCase()) {
  1001.                param = url.searchParams.get(name);
  1002.                break;
  1003.            }
  1004.        }
  1005.        return param;
  1006.    }
  1007. </script>
  1008.  
  1009. <!-- Modal HTML -->
  1010. <div id="sw-modal" class="sw-modal" aria-hidden="true">
  1011.    <div class="sw-modal-overlay" data-micromodal-close>
  1012.        <div tabindex="-1" class="sw-modal-container">
  1013.            <div role="dialog" aria-modal="true" aria-labelledby="micromodal-title">
  1014.                <button aria-label="Close modal" class="sw-modal-close" onclick="MicroModal.close('sw-modal')"></button>
  1015.                <div id="sw-modal-content">
  1016.                    <iframe class="sw-modal-iframe"></iframe>
  1017.                </div>
  1018.            </div>
  1019.        </div>
  1020.    </div>
  1021. </div>
  1022.  
  1023. <!--move fixed header under template bar if needed-->
  1024.  
  1025. <!--Scroll to section-->
  1026. <script>
  1027.  
  1028.    document.addEventListener("DOMContentLoaded", function () {
  1029.        $('a').each(function (index, el) {
  1030.            let href = $(el).attr('href');
  1031.            let path = cleanSlugFromPath(location.pathname);
  1032.            if (href && href.startsWith(path + '#')) {
  1033.                const scrollTo = href.split('#')[1];
  1034.                $(this).attr('href', '#' + scrollTo);
  1035.            }
  1036.        });
  1037.  
  1038.        function cleanSlugFromPath(pagePath) {
  1039.            if (pagePath.includes("/r/rec")) {
  1040.                pagePath = pagePath.substring(0, pagePath.indexOf("/r/rec"));
  1041.                pagePath = pagePath.substring(0, pagePath.lastIndexOf("/"));
  1042.            }
  1043.  
  1044.            return pagePath + (pagePath.endsWith('/') ? '' : '/');
  1045.        }
  1046.    });
  1047.  
  1048. </script>
  1049.  
  1050. </body>
  1051.  
  1052. </html>
  1053.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda