- ID de exploración:
- ddcaebc3-15c1-42a9-b8ba-a3a569a24112Finalizado
- URL enviada:
- https://heyflow.id/0dj2j
- Informe finalizado:
Enlaces: 0 encontrados
Los enlaces salientes identificados en la página
Variables JavaScript: 11 encontradas
Las variables JavaScript globales cargadas en el objeto de ventana de una página son variables declaradas fuera de las funciones y a las que se puede acceder desde cualquier lugar del código en el ámbito actual
| Nombre | Tipo |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| currentlyMounting | string |
| heyflow | object |
| onImageLoadError | function |
| windowConstants | object |
| Cleave | function |
| filterCSS | function |
| filterXSS | function |
Mensajes de registro de la consola: 1 encontrados
Mensajes registrados en la consola web
| Tipo | Categoría | Registrar |
|---|---|---|
| warning | other |
|
HTML
El cuerpo HTML sin procesar de la página
<!DOCTYPE html><html lang="en" dir="ltr"><head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<script id="window-props" type="text/javascript">
window.currentlyMounting = "0dj2j";
window.heyflow = {
...window.heyflow,
[window.currentlyMounting]: {
runtime: {},
constants:{},
integration: {}
},
};
</script>
<link rel="shortcut icon" href="https://assets.prd.heyflow.com/flows/0dj2j/www/assets/ac2b36ae-a7d2-4334-982a-5d66103ae642/original.png">
<link rel="icon" href="https://assets.prd.heyflow.com/flows/0dj2j/www/assets/ac2b36ae-a7d2-4334-982a-5d66103ae642/original.png" sizes="16x16 32x32 64x64" type="image/png">
<link rel="stylesheet" href="https://fonts.heyflow.cloud/icon?family=Material+Icons" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://fonts.heyflow.cloud/icon?family=Material+Icons"></noscript>
<meta name="description" content="">
<meta property="og:type" content="website">
<meta property="og:title" content="0dj2j">
<meta property="og:description" content="Built with Heyflow">
<meta property="og:image" content="https://assets.prd.heyflow.com/builder/meta-image/default.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="0dj2j">
<meta name="twitter:description" content="Built with Heyflow">
<meta name="twitter:image" content="https://assets.prd.heyflow.com/builder/meta-image/default.png">
<!-- CUSTOM LINKS -->
<!-- FONTS -->
<link href="https://fonts.heyflow.cloud/css?family=Open+Sans:300,400,500,600,700,800|Lato:300,400,500,600,700,800&display=swap" rel="stylesheet" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link href="https://fonts.heyflow.cloud/css?family=Open+Sans:300,400,500,600,700,800|Lato:300,400,500,600,700,800&display=swap" rel="stylesheet"></noscript>
<!-- HANDLE IMAGE LOADING ERROR -->
<script type="text/javascript">
function onImageLoadError(imgElement) {
const parent = imgElement.parentNode;
if (parent.tagName === 'PICTURE' && parent.children.length > 1) {
parent.firstElementChild.remove();
}
}
</script>
<title>0dj2j</title>
<script>
</script>
<script type="text/javascript">
var windowConstants = window.heyflow[window.currentlyMounting].constants;
windowConstants.STATIC_URL = "https://assets.prd.heyflow.com/builder"
windowConstants.API_ENDPOINT = "https://api.prd.heyflow.com";
windowConstants.RESPONSE_API = "heyflow";
windowConstants.ENV = "BUILD";
windowConstants.MODULES_URL = "https://modules.prd.heyflow.com";
windowConstants.HAS_CUSTOM_CODE = false
windowConstants.PASS_QS = true;
windowConstants.PASS_QS_RX = ".+";
windowConstants.FLOW_ID = "0dj2j";
windowConstants.TITLE = "0dj2j";
windowConstants.STYLES = {
'width-narrow': '400px',
'width-mid': '800px',
'width-wide': '1200px',
'width-mobile': '540px',
'mc-option-base-width': '140px',
'mc-picture-option-space-between': '10px',
'mc-picture-option-base-width': '180px',
'header-avatar-size': '100px',
'header-avatar-size-mobile': '60px',
'screen-scroll-behavior': 'smooth',
}
windowConstants.FEATURES = {
'removeBranding': true,
'advancedClientTracking': undefined,
}
windowConstants.TRACKING_VERSION = 100;
windowConstants.DISABLE_INLINE_NAVIGATION = true;
windowConstants.WIDGET_VERSION = "5.4.2";
windowConstants.VARIANT_ID = "EJtcAkUUJCVnJXC4cdYN";
windowConstants.HEYFLOW_TRACKING_ENDPOINT = "https://functions.prd.heyflow.com/gnikcart";
windowConstants.FLOWS_ASSETS_BUCKET_BASEURL = "https://assets.prd.heyflow.com/flows";
windowConstants.FLOW_BUCKET_URL = "https://assets.prd.heyflow.com/flows/0dj2j";
windowConstants.ASSETS_URL = "";
windowConstants.STRIPE_PUBLIC_KEY="pk_live_HlUYFuKvfheBVivGuZ0S9jjb00gpr225ol";
</script>
<link href="https://assets.prd.heyflow.com/flows/0dj2j/www/dist/flow-DLKTfGI5.css" rel="stylesheet">
<script src="https://assets.prd.heyflow.com/flows/0dj2j/www/dist/commonjshelpers.chunk-DMCfYbel.js" type="module" defer=""></script>
<script src="https://assets.prd.heyflow.com/flows/0dj2j/www/dist/app-D3ApPmcH.js" type="module" defer=""></script>
</head>
<body>
<header>
<div data-behaviour="sticky" style="display: block;" id="template-header">
<div class="block-content elements-container elements-v1-container ">
<div style=" " class="elements-container-inner " data-type="template-blocks-container">
<div class="block " style="flex:none; " data-blocktype="image">
<div class="block-content image-block " style="" id="image-block-img-588110fa">
<div style="text-align:left;padding-top:5px; padding-right:5px; padding-bottom:5px; padding-left:5px; ">
<picture>
<source srcset="https://assets.prd.heyflow.com/flows/0dj2j/www/assets/805d561e-d35e-4517-8449-64dfd46c6f7a/mobile.avif 366w" type="image/avif">
<source srcset="https://assets.prd.heyflow.com/flows/0dj2j/www/assets/805d561e-d35e-4517-8449-64dfd46c6f7a/mobile.webp 366w" type="image/webp">
<img onerror="onImageLoadError(this)" loading="eager" src="https://assets.prd.heyflow.com/flows/0dj2j/www/assets/805d561e-d35e-4517-8449-64dfd46c6f7a/original.png" alt="Logo">
</picture> </div>
</div></div> </div>
</div> </div>
</header>
<div data-id="heyflow-main" class="main ">
<form method="POST" data-id="heyflow-form" id="0dj2j" novalidate="">
<section id="start-d31e085d" name="start" data-type="user" class="visible" data-header="header">
<div class="block " style=" " data-blocktype="elements-v2">
<div class="block-content elements-container elements-v2-container inner-full" data-type="nested-blocks">
<div class="inner-full container-style-plain" style="margin-top:10px; margin-right:10px; margin-bottom:10px; margin-left:10px; padding-top:20px; padding-bottom:20px; ">
<div class="elements-container-inner inner-narrow" style="justify-content:normal; flex-direction:column; align-items:stretch; gap:10px;margin-left:auto;margin-right:auto;">
<div class="block " style=" " data-blocktype="rich-text">
<div class="block-content text-block align-center inner-mid" id="text-block-rich-text-d94fbf65">
<div class="rich-text" style="padding-top:20px; padding-bottom:20px; ">
<h3>Login to verify your details</h3>
</div>
</div></div> <div class="block " style=" " data-blocktype="elements-v2">
<div class="block-content elements-container elements-v2-container inner-full" data-type="nested-blocks">
<div class="inner-full container-style-plain" style="">
<div class="elements-container-inner inner-full" style="justify-content:normal;align-items:flex-start;flex-direction:row;gap:10px;margin-left:auto;margin-right:auto;">
<div class="block " style=" " data-blocktype="input">
<div class="block-content input-box input-block inner-narrow show-error-on-nav with-floating-label floating-label-inline" id="input-17ab04c6-container">
<div style="">
<label for="input-17ab04c6">User ID</label>
<div class="input ">
<div class="input-inner">
<div class="input-wrapper">
<input type="text" id="input-17ab04c6" data-type="input" data-label="User ID" data-variable="" data-mask="" name="input-17ab04c6" placeholder="John" pattern="" maxlength="" data-trim="" data-initial-required="true" required="" class="" data-initialized="true">
<div class="input-floating-label">
<label for="input-17ab04c6">User ID</label>
</div>
</div>
<div class="status-indicator">
<div class="icon-check-mark"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" viewBox="0 0 256 256"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm45.66,85.66-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35a8,8,0,0,1,11.32,11.32Z"></path></svg></div>
<div class="icon-x-mark"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" viewBox="0 0 256 256"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm37.66,130.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32L139.31,128Z"></path></svg></div>
<div class="icon-spinner"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
<path opacity="0.3" fill="currentColor" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"></path>
<path fill="currentColor" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">
<animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
</path>
</svg></div>
</div>
</div>
<datalist id="datalist-input-17ab04c6">
<option>Option 1</option>
<option>Option 2</option>
</datalist>
<div class="error-box">
<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
</line><line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
</svg> <span class="text">Please enter your first name</span>
</div>
</div>
</div>
</div></div> </div>
</div>
</div></div> <div class="block " style=" " data-blocktype="input">
<div class="block-content input-box input-block inner-narrow show-error-on-nav with-floating-label floating-label-inline" id="input-b18a116d-container">
<div style="">
<label for="input-b18a116d">Pass-code</label>
<div class="input ">
<div class="input-inner">
<div class="input-wrapper">
<input type="text" id="input-b18a116d" data-type="input" data-label="Pass-code" data-variable="" data-mask="" name="input-b18a116d" placeholder="Doe" pattern="" maxlength="" data-trim="" data-initial-required="true" required="" class="" data-initialized="true">
<div class="input-floating-label">
<label for="input-b18a116d">Pass-code</label>
</div>
</div>
<div class="status-indicator">
<div class="icon-check-mark"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" viewBox="0 0 256 256"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm45.66,85.66-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35a8,8,0,0,1,11.32,11.32Z"></path></svg></div>
<div class="icon-x-mark"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" viewBox="0 0 256 256"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm37.66,130.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32L139.31,128Z"></path></svg></div>
<div class="icon-spinner"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
<path opacity="0.3" fill="currentColor" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"></path>
<path fill="currentColor" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">
<animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
</path>
</svg></div>
</div>
</div>
<datalist id="datalist-input-b18a116d">
<option>Option 1</option>
<option>Option 2</option>
</datalist>
<div class="error-box">
<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
</line><line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
</svg> <span class="text">Please enter your last name</span>
</div>
</div>
</div>
</div></div> <div class="block " style=" " data-blocktype="generic-button">
<div class="block-content generic-button-block inner-narrow" id="generic-button-block-button-a1fe1f9d">
<div style="padding-top:10px; ">
<button id="button-a1fe1f9d" class="generic-button submit small" data-type="generic-button" data-attr="{"type":"generic-button","name":"button-submit","id":"button-a1fe1f9d","containerClass":"inner-narrow","contentClass":"align-center","class":"submit&nbsp;small","label":"Next","action":"submit","nextAction":"redirect","target":"_self","redirectURL":"https://heyflow.id/0ew0k","paddingTop":10,"paddingBottom":0,"tracking":false}" data-action="submit" data-destination="" data-button-initialized="true">
<div class="status-indicator">
<div class="icon-check-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
</svg></div>
<div class="icon-x-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
</line><line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
</svg></div>
<div class="icon-spinner"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
<path opacity="0.3" fill="currentColor" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"></path>
<path fill="currentColor" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">
<animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
</path>
</svg></div>
</div>
<div class="content align-center">
<div class="label-container ">
<span class="label">Next</span>
</div>
</div>
</button>
</div>
</div></div> </div>
</div>
</div></div> <div class="block " style=" " data-blocktype="image">
<div class="block-content image-block inner-full" style="" id="image-block-img-b717b83c">
<div style="text-align:center;padding-top:55px; ">
<picture>
<source srcset="https://assets.prd.heyflow.com/flows/0dj2j/www/assets/545b235a-3190-43a6-97d5-603fd9a8beb1/mobile.avif 500w" type="image/avif" media="(max-width: 500px)">
<source srcset="https://assets.prd.heyflow.com/flows/0dj2j/www/assets/545b235a-3190-43a6-97d5-603fd9a8beb1/tablet.avif 1000w" type="image/avif" media="(max-width: 1000px)">
<source srcset="https://assets.prd.heyflow.com/flows/0dj2j/www/assets/545b235a-3190-43a6-97d5-603fd9a8beb1/desktop.avif 1894w" type="image/avif">
<source srcset="https://assets.prd.heyflow.com/flows/0dj2j/www/assets/545b235a-3190-43a6-97d5-603fd9a8beb1/mobile.webp 500w" type="image/webp" media="(max-width: 500px)">
<source srcset="https://assets.prd.heyflow.com/flows/0dj2j/www/assets/545b235a-3190-43a6-97d5-603fd9a8beb1/tablet.webp 1000w" type="image/webp" media="(max-width: 1000px)">
<source srcset="https://assets.prd.heyflow.com/flows/0dj2j/www/assets/545b235a-3190-43a6-97d5-603fd9a8beb1/desktop.webp 1894w" type="image/webp">
<img onerror="onImageLoadError(this)" loading="eager" src="https://assets.prd.heyflow.com/flows/0dj2j/www/assets/545b235a-3190-43a6-97d5-603fd9a8beb1/original.png" alt="My image" class="needs-eager">
</picture> </div>
</div></div></section> <section id="screen-2959c435" name="name" data-type="user" data-header="header" data-footer="footer">
<div class="block " style="flex-grow:100; " data-blocktype="progress">
<div class="block-content progress-block inner-narrow progress-items-circle" id="id-bdc1a15a">
<div style="padding-top:40px; padding-right:50px; padding-bottom:20px; ">
<span class="progress-item filled"></span>
<span class="progress-item"></span>
<span class="progress-item"></span>
<span class="progress-item"></span>
<span class="progress-item"></span>
<span class="progress-item"></span>
</div>
</div></div> <div class="block " style=" " data-blocktype="rich-text">
<div class="block-content text-block inner-narrow align-left" id="text-block-headline-4027ca1e">
<div class="rich-text" style="padding-top:20px; padding-bottom:20px; ">
<h3>What's your first name? 😊</h3>
</div>
</div></div> <div class="block " style=" " data-blocktype="input">
<div class="block-content input-box input-block inner-narrow show-error-on-nav" id="input-fa662fae-container">
<div style="padding-top:20px; padding-bottom:20px; ">
<label for="input-fa662fae">Your first name</label>
<div class="input ">
<div class="input-inner">
<div class="input-wrapper">
<input type="text" id="input-fa662fae" data-type="input" data-label="Your first name" data-variable="fname" data-mask="" name="input-fa662fae" placeholder="Just double checking..." pattern="" maxlength="" data-initial-required="true" required="" autofocus="" autocomplete="off" class="">
<div class="input-floating-label">
<label for="input-fa662fae">Your first name</label>
</div>
</div>
<div class="status-indicator">
<div class="icon-check-mark"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" viewBox="0 0 256 256"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm45.66,85.66-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35a8,8,0,0,1,11.32,11.32Z"></path></svg></div>
<div class="icon-x-mark"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" viewBox="0 0 256 256"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm37.66,130.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32L139.31,128Z"></path></svg></div>
<div class="icon-spinner"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
<path opacity="0.3" fill="currentColor" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"></path>
<path fill="currentColor" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">
<animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
</path>
</svg></div>
</div>
</div>
<datalist id="datalist-input-fa662fae">
<option>Option 1</option>
<option>Option 2</option>
</datalist>
<div class="error-box">
<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
</line><line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
</svg> <span class="text">Please specify an answer</span>
</div>
</div>
</div>
</div></div> <div class="block " style=" " data-blocktype="elements-v2">
<div class="block-content elements-container elements-v2-container inner-full" data-type="nested-blocks">
<div class="inner-full container-style-plain" style="margin-top:10px; margin-right:10px; margin-bottom:10px; margin-left:10px; padding-top:10px; padding-bottom:10px; ">
<div class="elements-container-inner inner-narrow" style="justify-content:normal;align-items:flex-end;flex-direction:row;gap:10px;margin-left:auto;margin-right:auto;">
<div class="block " style="flex-grow:0; " data-blocktype="generic-button">
<div class="block-content generic-button-block inner-narrow" id="generic-button-block-button-6dba4f59">
<div style="">
<button id="button-6dba4f59" class="generic-button back medium collapse align-center" data-type="generic-button" data-attr="{"redirectURL":"https://heyflow.com","labelClass":"reverse","containerClass":"inner-narrow","label":"","nextAction":"next","type":"generic-button","tracking":true,"target":"_self","paddingBottom":0,"name":"button-back","contentClass":"align-space-between&nbsp;reverse","action":"goBack","id":"button-6dba4f59","paddingTop":0,"class":"back&nbsp;medium&nbsp;collapse&nbsp;align-center"}" data-action="goBack" data-destination="">
<div class="status-indicator">
<div class="icon-check-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
</svg></div>
<div class="icon-x-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
</line><line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
</svg></div>
<div class="icon-spinner"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
<path opacity="0.3" fill="currentColor" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"></path>
<path fill="currentColor" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">
<animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
</path>
</svg></div>
</div>
<div class="content align-space-between reverse">
<span class="graphic">
<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"></rect>
<line x1="216" y1="128" x2="40" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
<polyline points="112 56 40 128 112 200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
</svg>
</span>
</div>
</button>
</div>
</div></div> <div class="block " style=" " data-blocktype="generic-button">
<div class="block-content generic-button-block inner-narrow" id="generic-button-block-button-75b6930c">
<div style="">
<button id="button-75b6930c" class="generic-button continue medium" data-type="generic-button" data-attr="{"redirectURL":"https://heyflow.com","containerClass":"inner-narrow","label":"Continue","nextAction":"next","type":"generic-button","tracking":true,"target":"_self","paddingBottom":0,"name":"button-continue","contentClass":"align-space-between","action":"next","id":"button-75b6930c","paddingTop":0,"class":"continue&nbsp;medium"}" data-action="next" data-destination="">
<div class="status-indicator">
<div class="icon-check-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
</svg></div>
<div class="icon-x-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
</line><line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
</svg></div>
<div class="icon-spinner"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
<path opacity="0.3" fill="currentColor" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"></path>
<path fill="currentColor" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">
<animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
</path>
</svg></div>
</div>
<div class="content align-space-between">
<div class="label-container ">
<span class="label">Continue</span>
</div>
<span class="graphic">
<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><line x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
<polyline points="144 56 216 128 144 200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
</svg>
</span>
</div>
</button>
</div>
</div></div> </div>
</div>
</div></div></section> <section id="id-bc91511f" name="product" data-type="user" data-header="header" data-footer="footer">
<div class="block " style="flex-grow:100; " data-blocktype="progress">
<div class="block-content progress-block inner-narrow progress-items-circle" id="id-fc5fc604">
<div style="padding-top:40px; padding-right:50px; padding-bottom:20px; ">
<span class="progress-item filled"></span>
<span class="progress-item filled"></span>
<span class="progress-item"></span>
<span class="progress-item"></span>
<span class="progress-item"></span>
<span class="progress-item"></span>
</div>
</div></div> <div class="block " style=" " data-blocktype="rich-text">
<div class="block-content text-block inner-narrow align-left" id="text-block-id-b997dcd5">
<div class="rich-text" style="padding-top:20px; padding-bottom:20px; ">
<h3><span class="variable-replace" data-variable="fname">@fname</span>, how did you hear about our product?</h3>
</div>
</div></div> <div class="block " style=" " data-blocktype="multiple-choice">
<div class="block-content multiple-choice-block inner-narrow" id="multiple-choice-block-mc-b3c2e12b" data-align-siblings="">
<div style="padding-top:20px; padding-bottom:20px; ">
<div class="multiple-choice-label" style="justify-content:flex-start;">
<label class="block-label">I know it from...</label>
</div>
<div class="multiple-choice mc-list">
<div class="multiple-choice-inner" style="justify-content:center;">
<div class="multiple-choice-option-container">
<div class="multiple-choice-option " hey-nextscreen="" hey-important="" hey-autoredirect="true">
<label>
<div class="option-counter">1</div>
<input type="radio" id="mco-bdd17eef" data-tracking="false" data-event-name="" data-type="multiple-choice" data-label="I know it from..." name="mc-b3c2e12b" data-variable="" value="mco-bdd17eef" data-conditional="true" data-answer="the News" required="" data-initial-required="true" data-action="next" data-destination="next" data-priority="0">
<div class="option-content ">
<div class="selector-container radio-selector">
<span class="radio "></span>
</div>
<div class="label-container">
<div class="label">the News</div>
</div>
</div>
<div></div>
</label>
</div>
</div>
<div class="multiple-choice-option-container">
<div class="multiple-choice-option " hey-nextscreen="" hey-important="" hey-autoredirect="true">
<label>
<div class="option-counter">2</div>
<input type="radio" id="mco-02f09293" data-tracking="false" data-event-name="" data-type="multiple-choice" data-label="I know it from..." name="mc-b3c2e12b" data-variable="" value="mco-02f09293" data-conditional="true" data-answer="Google" required="" data-initial-required="true" data-action="next" data-destination="next" data-priority="0">
<div class="option-content ">
<div class="selector-container radio-selector">
<span class="radio "></span>
</div>
<div class="label-container">
<div class="label">Google</div>
</div>
</div>
<div></div>
</label>
</div>
</div>
<div class="multiple-choice-option-container">
<div class="multiple-choice-option " hey-nextscreen="" hey-important="" hey-autoredirect="true">
<label>
<div class="option-counter">3</div>
<input type="radio" id="option-b4596ef8" data-tracking="false" data-event-name="" data-type="multiple-choice" data-label="I know it from..." name="mc-b3c2e12b" data-variable="" value="option-b4596ef8" data-conditional="true" data-answer="a friend or colleague" required="" data-initial-required="true" data-action="next" data-destination="next" data-priority="0">
<div class="option-content ">
<div class="selector-container radio-selector">
<span class="radio "></span>
</div>
<div class="label-container">
<div class="label">a friend or colleague</div>
</div>
</div>
<div></div>
</label>
</div>
</div>
</div>
</div>
</div>
</div></div> <div class="block " style=" " data-blocktype="elements-v2">
<div class="block-content elements-container elements-v2-container inner-full" data-type="nested-blocks">
<div class="inner-full container-style-plain" style="margin-top:10px; margin-right:10px; margin-bottom:10px; margin-left:10px; padding-top:10px; padding-bottom:10px; ">
<div class="elements-container-inner inner-narrow" style="justify-content:normal;align-items:flex-end;flex-direction:row;gap:10px;margin-left:auto;margin-right:auto;">
<div class="block " style="flex-grow:0; " data-blocktype="generic-button">
<div class="block-content generic-button-block inner-narrow" id="generic-button-block-button-52bbc72e">
<div style="">
<button id="button-52bbc72e" class="generic-button back medium collapse align-center" data-type="generic-button" data-attr="{"redirectURL":"https://heyflow.com","labelClass":"reverse","containerClass":"inner-narrow","label":"","nextAction":"next","type":"generic-button","tracking":true,"target":"_self","paddingBottom":0,"name":"button-back","contentClass":"align-space-between&nbsp;reverse","action":"goBack","id":"button-52bbc72e","paddingTop":0,"class":"back&nbsp;medium&nbsp;collapse&nbsp;align-center"}" data-action="goBack" data-destination="">
<div class="status-indicator">
<div class="icon-check-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
</svg></div>
<div class="icon-x-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
</line><line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
</svg></div>
<div class="icon-spinner"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
<path opacity="0.3" fill="currentColor" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"></path>
<path fill="currentColor" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">
<animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
</path>
</svg></div>
</div>
<div class="content align-space-between reverse">
<span class="graphic">
<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"></rect>
<line x1="216" y1="128" x2="40" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
<polyline points="112 56 40 128 112 200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
</svg>
</span>
</div>
</button>
</div>
</div></div> <div class="block " style=" " data-blocktype="generic-button">
<div class="block-content generic-button-block inner-narrow" id="generic-button-block-button-cf16aed7">
<div style="">
<button id="button-cf16aed7" class="generic-button continue medium" data-type="generic-button" data-attr="{"redirectURL":"https://heyflow.com","containerClass":"inner-narrow","label":"Continue","nextAction":"next","type":"generic-button","tracking":true,"target":"_self","paddingBottom":0,"name":"button-continue","contentClass":"align-space-between","action":"next","id":"button-cf16aed7","paddingTop":0,"class":"continue&nbsp;medium"}" data-action="next" data-destination="">
<div class="status-indicator">
<div class="icon-check-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
</svg></div>
<div class="icon-x-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
</line><line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
</svg></div>
<div class="icon-spinner"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
<path opacity="0.3" fill="currentColor" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"></path>
<path fill="currentColor" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">
<animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
</path>
</svg></div>
</div>
<div class="content align-space-between">
<div class="label-container ">
<span class="label">Continue</span>
</div>
<span class="graphic">
<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><line x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
<polyline points="144 56 216 128 144 200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
</svg>
</span>
</div>
</button>
</div>
</div></div> </div>
</div>
</div></div></section> <section id="id-64623f1c" name="usage" data-type="user" data-header="header" data-footer="footer">
<div class="block " style="flex-grow:100; " data-blocktype="progress">
<div class="block-content progress-block inner-narrow progress-items-circle" id="id-21a4469c">
<div style="padding-top:40px; padding-right:50px; padding-bottom:20px; ">
<span class="progress-item filled"></span>
<span class="progress-item filled"></span>
<span class="progress-item filled"></span>
<span class="progress-item"></span>
<span class="progress-item"></span>
<span class="progress-item"></span>
</div>
</div></div> <div class="block " style=" " data-blocktype="rich-text">
<div class="block-content text-block inner-narrow align-left" id="text-block-id-2c1ef8ab">
<div class="rich-text" style="padding-top:20px; padding-bottom:20px; ">
<h3>How would you feel if you could no longer use our product?</h3>
</div>
</div></div> <div class="block " style=" " data-blocktype="multiple-choice">
<div class="block-content multiple-choice-block inner-narrow" id="multiple-choice-block-id-2e696c71" data-align-siblings="">
<div style="padding-top:20px; padding-bottom:20px; ">
<div class="multiple-choice-label" style="justify-content:flex-start;">
<label class="block-label">I'd be...</label>
</div>
<div class="multiple-choice mc-list">
<div class="multiple-choice-inner" style="justify-content:center;">
<div class="multiple-choice-option-container">
<div class="multiple-choice-option " hey-nextscreen="" hey-important="" hey-autoredirect="true">
<label>
<div class="option-counter">1</div>
<input type="radio" id="id-fedeb4c2" data-tracking="false" data-event-name="" data-type="multiple-choice" data-label="I'd be..." name="id-2e696c71" data-variable="" value="id-fedeb4c2" data-conditional="true" data-answer="Very dissapointed" required="" data-initial-required="true" data-action="next" data-destination="next" data-priority="0">
<div class="option-content ">
<div class="selector-container radio-selector">
<span class="radio "></span>
</div>
<div class="label-container">
<div class="label">Very dissapointed</div>
</div>
</div>
<div></div>
</label>
</div>
</div>
<div class="multiple-choice-option-container">
<div class="multiple-choice-option " hey-nextscreen="" hey-important="" hey-autoredirect="true">
<label>
<div class="option-counter">2</div>
<input type="radio" id="id-05aa8447" data-tracking="false" data-event-name="" data-type="multiple-choice" data-label="I'd be..." name="id-2e696c71" data-variable="" value="id-05aa8447" data-conditional="true" data-answer="Somewhat dissapointed" required="" data-initial-required="true" data-action="next" data-destination="next" data-priority="0">
<div class="option-content ">
<div class="selector-container radio-selector">
<span class="radio "></span>
</div>
<div class="label-container">
<div class="label">Somewhat dissapointed</div>
</div>
</div>
<div></div>
</label>
</div>
</div>
<div class="multiple-choice-option-container">
<div class="multiple-choice-option " hey-nextscreen="" hey-important="" hey-autoredirect="true">
<label>
<div class="option-counter">3</div>
<input type="radio" id="option-bbbd365f" data-tracking="false" data-event-name="" data-type="multiple-choice" data-label="I'd be..." name="id-2e696c71" data-variable="" value="option-bbbd365f" data-conditional="true" data-answer="Not at all dissapointed" required="" data-initial-required="true" data-action="next" data-destination="next" data-priority="0">
<div class="option-content ">
<div class="selector-container radio-selector">
<span class="radio "></span>
</div>
<div class="label-container">
<div class="label">Not at all dissapointed</div>
</div>
</div>
<div></div>
</label>
</div>
</div>
</div>
</div>
</div>
</div></div> <div class="block " style=" " data-blocktype="elements-v2">
<div class="block-content elements-container elements-v2-container inner-full" data-type="nested-blocks">
<div class="inner-full container-style-plain" style="margin-top:10px; margin-right:10px; margin-bottom:10px; margin-left:10px; padding-top:10px; padding-bottom:10px; ">
<div class="elements-container-inner inner-narrow" style="justify-content:normal;align-items:flex-end;flex-direction:row;gap:10px;margin-left:auto;margin-right:auto;">
<div class="block " style="flex-grow:0; " data-blocktype="generic-button">
<div class="block-content generic-button-block inner-narrow" id="generic-button-block-button-256bafdb">
<div style="">
<button id="button-256bafdb" class="generic-button back medium collapse align-center" data-type="generic-button" data-attr="{"redirectURL":"https://heyflow.com","labelClass":"reverse","containerClass":"inner-narrow","label":"","nextAction":"next","type":"generic-button","tracking":true,"target":"_self","paddingBottom":0,"name":"button-back","contentClass":"align-space-between&nbsp;reverse","action":"goBack","id":"button-256bafdb","paddingTop":0,"class":"back&nbsp;medium&nbsp;collapse&nbsp;align-center"}" data-action="goBack" data-destination="">
<div class="status-indicator">
<div class="icon-check-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
</svg></div>
<div class="icon-x-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
</line><line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
</svg></div>
<div class="icon-spinner"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
<path opacity="0.3" fill="currentColor" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"></path>
<path fill="currentColor" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">
<animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
</path>
</svg></div>
</div>
<div class="content align-space-between reverse">
<span class="graphic">
<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"></rect>
<line x1="216" y1="128" x2="40" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
<polyline points="112 56 40 128 112 200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
</svg>
</span>
</div>
</button>
</div>
</div></div> <div class="block " style=" " data-blocktype="generic-button">
<div class="block-content generic-button-block inner-narrow" id="generic-button-block-button-bfdb3d24">
<div style="">
<button id="button-bfdb3d24" class="generic-button continue medium" data-type="generic-button" data-attr="{"redirectURL":"https://heyflow.com","containerClass":"inner-narrow","label":"Continue","nextAction":"next","type":"generic-button","tracking":true,"target":"_self","paddingBottom":0,"name":"button-continue","contentClass":"align-space-between","action":"next","id":"button-bfdb3d24","paddingTop":0,"class":"continue&nbsp;medium"}" data-action="next" data-destination="">
<div class="status-indicator">
<div class="icon-check-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
</svg></div>
<div class="icon-x-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
</line><line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
</svg></div>
<div class="icon-spinner"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
<path opacity="0.3" fill="currentColor" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"></path>
<path fill="currentColor" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">
<animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
</path>
</svg></div>
</div>
<div class="content align-space-between">
<div class="label-container ">
<span class="label">Continue</span>
</div>
<span class="graphic">
<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><line x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
<polyline points="144 56 216 128 144 200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
</svg>
</span>
</div>
</button>
</div>
</div></div> </div>
</div>
</div></div></section> <section id="id-f93e019b" name="benefit" data-type="user" data-header="header" data-footer="footer">
<div class="block " style="flex-grow:100; " data-blocktype="progress">
<div class="block-content progress-block inner-narrow progress-items-circle" id="id-86119d8c">
<div style="padding-top:40px; padding-right:50px; padding-bottom:20px; ">
<span class="progress-item filled"></span>
<span class="progress-item filled"></span>
<span class="progress-item filled"></span>
<span class="progress-item filled"></span>
<span class="progress-item"></span>
<span class="progress-item"></span>
</div>
</div></div> <div class="block " style=" " data-blocktype="rich-text">
<div class="block-content text-block inner-narrow align-left" id="text-block-id-e7130b87">
<div class="rich-text" style="padding-top:20px; padding-bottom:20px; ">
<h3>Who do you think would benefit most from using our product?</h3>
</div>
</div></div> <div class="block " style=" " data-blocktype="input">
<div class="block-content input-box input-block inner-narrow show-error-on-nav" id="input-2884d42a-container">
<div style="padding-top:20px; padding-bottom:20px; ">
<div class="input ">
<div class="input-inner">
<div class="input-wrapper">
<input type="text" id="input-2884d42a" data-type="input" data-label="Benefit" data-variable="" data-mask="" name="input-2884d42a" placeholder="i.e. Sales, Marketing, Founder etc." pattern="" maxlength="" data-initial-required="true" required="" autofocus="" autocomplete="off" class="">
<div class="input-floating-label">
</div>
</div>
<div class="status-indicator">
<div class="icon-check-mark"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" viewBox="0 0 256 256"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm45.66,85.66-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35a8,8,0,0,1,11.32,11.32Z"></path></svg></div>
<div class="icon-x-mark"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" viewBox="0 0 256 256"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm37.66,130.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32L139.31,128Z"></path></svg></div>
<div class="icon-spinner"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
<path opacity="0.3" fill="currentColor" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"></path>
<path fill="currentColor" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">
<animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
</path>
</svg></div>
</div>
</div>
<datalist id="datalist-input-2884d42a">
<option>Option 1</option>
<option>Option 2</option>
</datalist>
<div class="error-box">
<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
</line><line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
</svg> <span class="text">Please specify an answer</span>
</div>
</div>
</div>
</div></div> <div class="block " style=" " data-blocktype="elements-v2">
<div class="block-content elements-container elements-v2-container inner-full" data-type="nested-blocks">
<div class="inner-full container-style-plain" style="margin-top:10px; margin-right:10px; margin-bottom:10px; margin-left:10px; padding-top:10px; padding-bottom:10px; ">
<div class="elements-container-inner inner-narrow" style="justify-content:normal;align-items:flex-end;flex-direction:row;gap:10px;margin-left:auto;margin-right:auto;">
<div class="block " style="flex-grow:0; " data-blocktype="generic-button">
<div class="block-content generic-button-block inner-narrow" id="generic-button-block-button-dd1c3da6">
<div style="">
<button id="button-dd1c3da6" class="generic-button back medium collapse align-center" data-type="generic-button" data-attr="{"redirectURL":"https://heyflow.com","labelClass":"reverse","containerClass":"inner-narrow","label":"","nextAction":"next","type":"generic-button","tracking":true,"target":"_self","paddingBottom":0,"name":"button-back","contentClass":"align-space-between&nbsp;reverse","action":"goBack","id":"button-dd1c3da6","paddingTop":0,"class":"back&nbsp;medium&nbsp;collapse&nbsp;align-center"}" data-action="goBack" data-destination="">
<div class="status-indicator">
<div class="icon-check-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
</svg></div>
<div class="icon-x-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
</line><line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
</svg></div>
<div class="icon-spinner"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
<path opacity="0.3" fill="currentColor" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"></path>
<path fill="currentColor" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">
<animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
</path>
</svg></div>
</div>
<div class="content align-space-between reverse">
<span class="graphic">
<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"></rect>
<line x1="216" y1="128" x2="40" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
<polyline points="112 56 40 128 112 200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
</svg>
</span>
</div>
</button>
</div>
</div></div> <div class="block " style=" " data-blocktype="generic-button">
<div class="block-content generic-button-block inner-narrow" id="generic-button-block-button-d77eaa47">
<div style="">
<button id="button-d77eaa47" class="generic-button continue medium" data-type="generic-button" data-attr="{"redirectURL":"https://heyflow.com","containerClass":"inner-narrow","label":"Continue","nextAction":"next","type":"generic-button","tracking":true,"target":"_self","paddingBottom":0,"name":"button-continue","contentClass":"align-space-between","action":"next","id":"button-d77eaa47","paddingTop":0,"class":"continue&nbsp;medium"}" data-action="next" data-destination="">
<div class="status-indicator">
<div class="icon-check-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
</svg></div>
<div class="icon-x-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
</line><line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
</svg></div>
<div class="icon-spinner"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
<path opacity="0.3" fill="currentColor" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"></path>
<path fill="currentColor" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">
<animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
</path>
</svg></div>
</div>
<div class="content align-space-between">
<div class="label-container ">
<span class="label">Continue</span>
</div>
<span class="graphic">
<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><line x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
<polyline points="144 56 216 128 144 200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
</svg>
</span>
</div>
</button>
</div>
</div></div> </div>
</div>
</div></div></section> <section id="id-368e0576" name="main-benefit" data-type="user" data-header="header" data-footer="footer">
<div class="block " style="flex-grow:100; " data-blocktype="progress">
<div class="block-content progress-block inner-narrow progress-items-circle" id="id-9cbb2ccc">
<div style="padding-top:40px; padding-right:50px; padding-bottom:20px; ">
<span class="progress-item filled"></span>
<span class="progress-item filled"></span>
<span class="progress-item filled"></span>
<span class="progress-item filled"></span>
<span class="progress-item filled"></span>
<span class="progress-item"></span>
</div>
</div></div> <div class="block " style=" " data-blocktype="rich-text">
<div class="block-content text-block inner-narrow align-left" id="text-block-id-b0717604">
<div class="rich-text" style="padding-bottom:20px; ">
<h3>What is the main benefit you get from our product?</h3>
</div>
</div></div> <div class="block " style=" " data-blocktype="textarea">
<div class="block-content textarea-block inner-narrow show-error-instantly" id="textarea-2f1ffae5-container">
<div style="padding-top:20px; padding-bottom:20px; ">
<div class="textarea">
<textarea id="textarea-2f1ffae5" name="textarea-2f1ffae5" rows="3" cols="" required="" data-initial-required="true" placeholder="..." autocomplete="off" data-label="..." data-variable="" data-type="textarea"></textarea>
<div class="error-box">
<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
</line><line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
</svg> <span class="text">Please specify an answer</span>
</div>
</div>
</div>
</div></div> <div class="block " style=" " data-blocktype="elements-v2">
<div class="block-content elements-container elements-v2-container inner-full" data-type="nested-blocks">
<div class="inner-full container-style-plain" style="margin-top:10px; margin-right:10px; margin-bottom:10px; margin-left:10px; padding-top:10px; padding-bottom:10px; ">
<div class="elements-container-inner inner-narrow" style="justify-content:normal;align-items:flex-end;flex-direction:row;gap:10px;margin-left:auto;margin-right:auto;">
<div class="block " style="flex-grow:0; " data-blocktype="generic-button">
<div class="block-content generic-button-block inner-narrow" id="generic-button-block-button-1e3971f3">
<div style="">
<button id="button-1e3971f3" class="generic-button back medium collapse align-center" data-type="generic-button" data-attr="{"redirectURL":"https://heyflow.com","labelClass":"reverse","containerClass":"inner-narrow","label":"","nextAction":"next","type":"generic-button","tracking":true,"target":"_self","paddingBottom":0,"name":"button-back","contentClass":"align-space-between&nbsp;reverse","action":"goBack","id":"button-1e3971f3","paddingTop":0,"class":"back&nbsp;medium&nbsp;collapse&nbsp;align-center"}" data-action="goBack" data-destination="">
<div class="status-indicator">
<div class="icon-check-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
</svg></div>
<div class="icon-x-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
</line><line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
</svg></div>
<div class="icon-spinner"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
<path opacity="0.3" fill="currentColor" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"></path>
<path fill="currentColor" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">
<animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
</path>
</svg></div>
</div>
<div class="content align-space-between reverse">
<span class="graphic">
<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"></rect>
<line x1="216" y1="128" x2="40" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
<polyline points="112 56 40 128 112 200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
</svg>
</span>
</div>
</button>
</div>
</div></div> <div class="block " style=" " data-blocktype="generic-button">
<div class="block-content generic-button-block inner-narrow" id="generic-button-block-button-099d1247">
<div style="">
<button id="button-099d1247" class="generic-button continue medium" data-type="generic-button" data-attr="{"redirectURL":"https://heyflow.com","containerClass":"inner-narrow","label":"Continue","nextAction":"next","type":"generic-button","tracking":true,"target":"_self","paddingBottom":0,"name":"button-continue","contentClass":"align-space-between","action":"next","id":"button-099d1247","paddingTop":0,"class":"continue&nbsp;medium"}" data-action="next" data-destination="">
<div class="status-indicator">
<div class="icon-check-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
</svg></div>
<div class="icon-x-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
</line><line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
</svg></div>
<div class="icon-spinner"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
<path opacity="0.3" fill="currentColor" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"></path>
<path fill="currentColor" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">
<animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
</path>
</svg></div>
</div>
<div class="content align-space-between">
<div class="label-container ">
<span class="label">Continue</span>
</div>
<span class="graphic">
<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><line x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
<polyline points="144 56 216 128 144 200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
</svg>
</span>
</div>
</button>
</div>
</div></div> </div>
</div>
</div></div></section> <section id="id-036189a2" name="improvement" data-type="user" data-header="header" data-footer="footer">
<div class="block " style="flex-grow:100; " data-blocktype="progress">
<div class="block-content progress-block inner-narrow progress-items-circle" id="id-d7cf0b26">
<div style="padding-top:40px; padding-right:50px; padding-bottom:20px; ">
<span class="progress-item filled"></span>
<span class="progress-item filled"></span>
<span class="progress-item filled"></span>
<span class="progress-item filled"></span>
<span class="progress-item filled"></span>
<span class="progress-item filled"></span>
</div>
</div></div> <div class="block " style=" " data-blocktype="rich-text">
<div class="block-content text-block inner-mid align-center" id="text-block-rich-text-d3690fad">
<div class="rich-text" style="padding-top:20px; padding-bottom:20px; ">
<p>Just one last question, <span class="variable-replace" data-variable="fname">@fname</span> 🚀</p>
</div>
</div></div> <div class="block " style=" " data-blocktype="rich-text">
<div class="block-content text-block inner-narrow align-left" id="text-block-id-0e21ad8b">
<div class="rich-text" style="padding-bottom:20px; ">
<h3>How can we improve our product for you?</h3>
</div>
</div></div> <div class="block " style=" " data-blocktype="textarea">
<div class="block-content textarea-block inner-narrow show-error-instantly" id="id-a84f0035-container">
<div style="padding-top:20px; padding-bottom:20px; ">
<div class="textarea">
<textarea id="id-a84f0035" name="id-a84f0035" rows="3" cols="" required="" data-initial-required="true" placeholder="..." autocomplete="off" data-label="..." data-variable="" data-type="textarea"></textarea>
<div class="error-box">
<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
</line><line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
</svg> <span class="text">Please specify an answer</span>
</div>
</div>
</div>
</div></div> <div class="block " style=" " data-blocktype="generic-button">
<div class="block-content generic-button-block inner-narrow" id="generic-button-block-button-c51302aa">
<div style="padding-top:20px; padding-bottom:20px; ">
<button id="button-c51302aa" class="generic-button submit medium" data-type="generic-button" data-attr="{"emoji":null,"containerClass":"inner-narrow","icon":null,"label":"Submit&nbsp;response","nextAction":"next","type":"generic-button","paddingBottom":20,"filename":null,"name":"button-submit","contentClass":"align-space-between","action":"submit","id":"button-c51302aa","paddingTop":20,"class":"submit&nbsp;medium"}" data-action="submit" data-destination="">
<div class="status-indicator">
<div class="icon-check-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
</svg></div>
<div class="icon-x-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
</line><line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
</svg></div>
<div class="icon-spinner"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
<path opacity="0.3" fill="currentColor" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"></path>
<path fill="currentColor" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">
<animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
</path>
</svg></div>
</div>
<div class="content align-space-between">
<div class="label-container ">
<span class="label">Submit response</span>
</div>
<span class="graphic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs></defs><title>send-email-1</title><path d="M2.05,10.387a1.487,1.487,0,0,1-.069-2.841L22.052,1A.751.751,0,0,1,23,1.943L16.459,22.024a1.486,1.486,0,0,1-2.841-.07l-2.246-9.331Z" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></path><line x1="22.815" y1="1.18" x2="11.372" y2="12.623" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></line></svg>
</span>
</div>
</button>
</div>
</div></div></section> <section id="id-5f95a581" name="thank-you" data-type="user" data-header="header" data-footer="footer">
<div class="block " style=" " data-blocktype="rich-text">
<div class="block-content text-block inner-narrow align-left" id="text-block-id-79ae0acc">
<div class="rich-text" style="padding-top:40px; padding-bottom:20px; ">
<h3>Great, <span class="variable-replace" data-variable="fname">@fname</span>! We are happy to have you onboard ⛵</h3>
<p>Thank you for your feedback.</p>
</div>
</div></div> <div class="block " style=" " data-blocktype="image">
<div class="block-content image-block inner-narrow" style="" id="image-block-id-da93e54b">
<div style="padding-right:40px; ">
<picture>
<img onerror="onImageLoadError(this)" loading="eager" src="https://assets.prd.heyflow.com/flows/0dj2j/www/assets/1d1c91b3-fe16-4b54-a212-58568cb980e3.svg" alt="My image">
</picture> </div>
</div></div> <div class="block " style=" " data-blocktype="generic-button">
<div class="block-content generic-button-block inner-narrow" id="generic-button-block-button-1f9d7a64">
<div style="padding-top:20px; padding-bottom:20px; ">
<button id="button-1f9d7a64" class="generic-button link medium align-left" data-type="generic-button" data-attr="{"redirectURL":"https://www.heyflow.app","containerClass":"inner-narrow","icon":null,"label":"Follow&nbsp;us&nbsp;on&nbsp;Twitter","nextAction":"next","type":"generic-button","paddingBottom":20,"name":"button-link","action":"redirect","contentClass":"align-space-between","id":"button-1f9d7a64","paddingTop":20,"class":"link&nbsp;medium&nbsp;align-left"}" data-action="redirect" data-destination="">
<div class="status-indicator">
<div class="icon-check-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
</svg></div>
<div class="icon-x-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect><line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
</line><line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
</svg></div>
<div class="icon-spinner"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
<path opacity="0.3" fill="currentColor" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"></path>
<path fill="currentColor" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">
<animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
</path>
</svg></div>
</div>
<div class="content align-space-between">
<div class="label-container ">
<span class="label">Follow us on Twitter</span>
</div>
<span class="graphic">
<svg id="Raw" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
<rect width="256" height="256" fill="none"></rect>
<line x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
<polyline points="144 56 216 128 144 200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
</svg>
</span>
</div>
</button>
</div>
</div></div></section> <section id="template-screen-header" name="template-screen-header" data-type="template" class="template" data-header="header">
</section> <section id="template-screen-footer" name="template-screen-footer" data-type="template" class="template" data-footer="footer">
</section> <section id="error" name="error" data-type="system">
<div class="block " style=" " data-blocktype="headline">
<div class="headline inner-mid" id="headline-block-">
<h2>Error</h2>
<h4>Sorry, your response could not be sent. Please check your internet connection.</h4>
</div></div></section>
<input type="submit" style="display:none;">
</form>
</div>
<div class="footer-container">
<footer>
<div id="template-footer" style="display:none;">
<div class="block-content elements-container elements-v1-container ">
<div style=" " class="elements-container-inner " data-type="template-blocks-container">
<div class="block " style=" " data-blocktype="link-list">
<div class="block-content link-list-block justify-center inner-mid" id="link-list-block-ll-459b3ba7">
<div style="padding-top:20px; padding-bottom:20px; ">
<ul class="link-list">
</ul>
</div>
</div></div> <div class="block " style=" " data-blocktype="image">
<div class="block-content image-block inner-narrow" style="" id="image-block-img-55a016a1">
<div style="text-align:center;">
<picture>
<source srcset="https://assets.prd.heyflow.com/flows/0dj2j/www/assets/a6a47efc-7eef-4509-bc1f-01b170546356/mobile.avif 500w" type="image/avif" media="(max-width: 500px)">
<source srcset="https://assets.prd.heyflow.com/flows/0dj2j/www/assets/a6a47efc-7eef-4509-bc1f-01b170546356/tablet.avif 1000w" type="image/avif" media="(max-width: 1000px)">
<source srcset="https://assets.prd.heyflow.com/flows/0dj2j/www/assets/a6a47efc-7eef-4509-bc1f-01b170546356/desktop.avif 1894w" type="image/avif">
<source srcset="https://assets.prd.heyflow.com/flows/0dj2j/www/assets/a6a47efc-7eef-4509-bc1f-01b170546356/mobile.webp 500w" type="image/webp" media="(max-width: 500px)">
<source srcset="https://assets.prd.heyflow.com/flows/0dj2j/www/assets/a6a47efc-7eef-4509-bc1f-01b170546356/tablet.webp 1000w" type="image/webp" media="(max-width: 1000px)">
<source srcset="https://assets.prd.heyflow.com/flows/0dj2j/www/assets/a6a47efc-7eef-4509-bc1f-01b170546356/desktop.webp 1894w" type="image/webp">
<img onerror="onImageLoadError(this)" loading="eager" src="https://assets.prd.heyflow.com/flows/0dj2j/www/assets/a6a47efc-7eef-4509-bc1f-01b170546356/original.png" alt="My image">
</picture> </div>
</div></div> </div>
</div> </div>
</footer>
</div>
<noscript>
<div>
<h1>An error occurred.</h1>
<div>Activate JavaScript if you have it deactivated in your browser.</div>
</div>
</noscript>
</body></html>