https://formspark.io/

ID de l'analyse :: 10c9b62e-05ec-4c8f-b03f-6cd022b7fba9Terminée
URL soumise :: https://submit-form.com/Redirigé
Fin du rapport :: 14 nov. 2024, 06:23:53
Liens : 2 trouvé(s)

Liens sortants identifiés à partir de la page
Lien	texte
https://twitter.com/formsparkapp	Twitter
https://github.com/formspark	GitHub
Variables JavaScript : 18 trouvée(s)

Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
Nom	Type
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
webpackChunk_N_E	object
regeneratorRuntime	object
__next_require__	function
next	object
__NEXT_DATA__	object
__SSG_MANIFEST_CB	function
__NEXT_P	object
Messages de journal de console : 0 trouvé(s)

Messages consignés dans la console web
HTML

Le corps HTML de la page en données brutes
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title>Formspark | Form to Email service</title><meta name="robots" content="index,follow"><meta name="description" content="Focus on your product while keeping full control over the look and feel of your forms. Formspark takes care of the servers, databases, and analytics."><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="@formsparkapp"><meta name="twitter:creator" content="@formsparkapp"><meta property="og:title" content="Formspark | Form to Email service"><meta property="og:description" content="Focus on your product while keeping full control over the look and feel of your forms. Formspark takes care of the servers, databases, and analytics."><meta property="og:url" content="https://formspark.io"><meta property="og:type" content="website"><meta property="og:locale" content="en_GB"><meta property="og:site_name" content="Formspark"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="theme-color" content="#5850ec"><meta name="next-head-count" content="15"><style type="text/css">svg:not(:root).svg-inline--fa {
  overflow: visible;
}

.svg-inline--fa {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}
.svg-inline--fa.fa-lg {
  vertical-align: -0.225em;
}
.svg-inline--fa.fa-w-1 {
  width: 0.0625em;
}
.svg-inline--fa.fa-w-2 {
  width: 0.125em;
}
.svg-inline--fa.fa-w-3 {
  width: 0.1875em;
}
.svg-inline--fa.fa-w-4 {
  width: 0.25em;
}
.svg-inline--fa.fa-w-5 {
  width: 0.3125em;
}
.svg-inline--fa.fa-w-6 {
  width: 0.375em;
}
.svg-inline--fa.fa-w-7 {
  width: 0.4375em;
}
.svg-inline--fa.fa-w-8 {
  width: 0.5em;
}
.svg-inline--fa.fa-w-9 {
  width: 0.5625em;
}
.svg-inline--fa.fa-w-10 {
  width: 0.625em;
}
.svg-inline--fa.fa-w-11 {
  width: 0.6875em;
}
.svg-inline--fa.fa-w-12 {
  width: 0.75em;
}
.svg-inline--fa.fa-w-13 {
  width: 0.8125em;
}
.svg-inline--fa.fa-w-14 {
  width: 0.875em;
}
.svg-inline--fa.fa-w-15 {
  width: 0.9375em;
}
.svg-inline--fa.fa-w-16 {
  width: 1em;
}
.svg-inline--fa.fa-w-17 {
  width: 1.0625em;
}
.svg-inline--fa.fa-w-18 {
  width: 1.125em;
}
.svg-inline--fa.fa-w-19 {
  width: 1.1875em;
}
.svg-inline--fa.fa-w-20 {
  width: 1.25em;
}
.svg-inline--fa.fa-pull-left {
  margin-right: 0.3em;
  width: auto;
}
.svg-inline--fa.fa-pull-right {
  margin-left: 0.3em;
  width: auto;
}
.svg-inline--fa.fa-border {
  height: 1.5em;
}
.svg-inline--fa.fa-li {
  width: 2em;
}
.svg-inline--fa.fa-fw {
  width: 1.25em;
}

.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -0.125em;
  width: 1em;
}
.fa-layers svg.svg-inline--fa {
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.fa-layers-counter, .fa-layers-text {
  display: inline-block;
  position: absolute;
  text-align: center;
}

.fa-layers-text {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.fa-layers-counter {
  background-color: #ff253a;
  border-radius: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  height: 1.5em;
  line-height: 1;
  max-width: 5em;
  min-width: 1.5em;
  overflow: hidden;
  padding: 0.25em;
  right: 0;
  text-overflow: ellipsis;
  top: 0;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: top right;
          transform-origin: top right;
}

.fa-layers-bottom-right {
  bottom: 0;
  right: 0;
  top: auto;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
}

.fa-layers-bottom-left {
  bottom: 0;
  left: 0;
  right: auto;
  top: auto;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
}

.fa-layers-top-right {
  right: 0;
  top: 0;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: top right;
          transform-origin: top right;
}

.fa-layers-top-left {
  left: 0;
  right: auto;
  top: 0;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: top left;
          transform-origin: top left;
}

.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}

.fa-xs {
  font-size: 0.75em;
}

.fa-sm {
  font-size: 0.875em;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}

.fa-border {
  border: solid 0.08em #eee;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
          animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  -webkit-filter: none;
          filter: none;
}

.fa-stack {
  display: inline-block;
  height: 2em;
  position: relative;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1.25em;
}
.svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2.5em;
}

.fa-inverse {
  color: #fff;
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.svg-inline--fa .fa-primary {
  fill: var(--fa-primary-color, currentColor);
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa .fa-secondary {
  fill: var(--fa-secondary-color, currentColor);
  opacity: 0.4;
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: 0.4;
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill: black;
}

.fad.fa-inverse {
  color: #fff;
}</style><link rel="shortcut-icon" href="favicon.ico"><link rel="apple-touch-icon" href="apple-touch-icon.png"><link rel="preload" href="/_next/static/css/e6d6dbff5c792120.css" as="style"><link rel="stylesheet" href="/_next/static/css/e6d6dbff5c792120.css" data-n-g=""><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-0d1b80a048d4787e.js"></script><script src="/_next/static/chunks/webpack-af0fc1fb1b57cb39.js" defer=""></script><script src="/_next/static/chunks/framework-c9d48730bbe34125.js" defer=""></script><script src="/_next/static/chunks/main-095ea66a9575a747.js" defer=""></script><script src="/_next/static/chunks/pages/_app-a8e0deb60a188bfd.js" defer=""></script><script src="/_next/static/chunks/894-b394aa5723a1eff6.js" defer=""></script><script src="/_next/static/chunks/944-11b3008c1af12481.js" defer=""></script><script src="/_next/static/chunks/19-86e2d32861d3e94f.js" defer=""></script><script src="/_next/static/chunks/pages/index-4f5fc831d5493b2b.js" defer=""></script><script src="/_next/static/pkMiHT-Cuj2KeCn8M_DSP/_buildManifest.js" defer=""></script><script src="/_next/static/pkMiHT-Cuj2KeCn8M_DSP/_ssgManifest.js" defer=""></script><style id="_goober"> @keyframes go2264125279{from{transform:scale(0) rotate(45deg);opacity:0;}to{transform:scale(1) rotate(45deg);opacity:1;}}@keyframes go3020080000{from{transform:scale(0);opacity:0;}to{transform:scale(1);opacity:1;}}@keyframes go463499852{from{transform:scale(0) rotate(90deg);opacity:0;}to{transform:scale(1) rotate(90deg);opacity:1;}}@keyframes go1268368563{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@keyframes go1310225428{from{transform:scale(0) rotate(45deg);opacity:0;}to{transform:scale(1) rotate(45deg);opacity:1;}}@keyframes go651618207{0%{height:0;width:0;opacity:0;}40%{height:0;width:6px;opacity:1;}100%{opacity:1;height:10px;}}@keyframes go901347462{from{transform:scale(0.6);opacity:0.4;}to{transform:scale(1);opacity:1;}}.go4109123758{z-index:9999;}.go4109123758 > *{pointer-events:auto;}</style><style></style><link as="script" rel="prefetch" href="/_next/static/chunks/pages/pricing-f4b3d60295caa1e9.js"></head><body><div id="__next" data-reactroot=""><div style="position:fixed;z-index:9999;top:16px;left:16px;right:16px;bottom:16px;pointer-events:none"></div><div><div><div class="border-b"><div class="flex justify-between items-center mx-auto px-8 py-2 md:py-4" style="max-width:1300px"><a href="/"><div class="flex flex-wrap items-center cursor-pointer select-none"><img src="/img/formspark.svg" alt="Formspark logo" aria-label="Formspark logo" class="w-8 h-8 mr-2"><div class="hidden md:block text-xl mr-2">Formspark</div></div></a><div class="hidden md:flex items-center -mb-4 ml-12"><div class="mb-4"><a href="/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        undefined
        ">Product</button></a></div><div class="px-4"></div><div class="mb-4"><a href="/pricing/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        undefined
        ">Pricing</button></a></div><div class="px-4"></div><div class="mb-4"><a href="https://documentation.formspark.io" target="_blank" rel="noreferrer"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        undefined
        ">Documentation</button></a></div><div class="px-4"></div><div class="mb-4"><a href="https://dashboard.formspark.io"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-indigo-500 hover:text-indigo-700
        undefined
        ">Sign in</button></a></div><div class="px-4"></div><div class="mb-4"><a href="https://dashboard.formspark.io/sign-up"><button type="button" class="
    inline-flex justify-center items-center font-semibold rounded-md focus:outline-none transition duration-150 ease-in-out select-none 
    
    border border-transparent text-white bg-indigo-600 hover:bg-indigo-500 active:bg-indigo-700 focus:border-indigo-700 focus:ring focus:ring-indigo-100 
    py-2 px-4
    
    
    ">Try it free</button></a></div></div></div></div><div class="flex flex-col items-center md:hidden border-b mx-auto px-8 py-4" style="max-width:1300px"><a href="/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        undefined
        ">Product</button></a><div class="mb-4"></div><a href="/pricing/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        undefined
        ">Pricing</button></a><div class="mb-4"></div><a href="https://dashboard.formspark.io"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-indigo-500 hover:text-indigo-700
        undefined
        ">Sign in</button></a><div class="mb-4"></div><a href="https://dashboard.formspark.io/sign-up"><button type="button" class="
    inline-flex justify-center items-center font-semibold rounded-md focus:outline-none transition duration-150 ease-in-out select-none 
    
    border border-transparent text-white bg-indigo-600 hover:bg-indigo-500 active:bg-indigo-700 focus:border-indigo-700 focus:ring focus:ring-indigo-100 
    py-2 px-4
    
    
    ">Try it free</button></a></div></div><div><div class="bg-white"><div class="mx-auto px-8 py-8" style="max-width:1300px"><div class="grid grid-cols-1 lg:grid-cols-2 items-center md:py-16"><div><h1 class="text-5xl text-gray-900">Connect forms to <div class="x0 x1 x2 "><div style="transition: width 150ms linear 0s; height: auto; width: auto;"><div class="x0 x3 x4 x5" style="opacity: 1; transform: translateY(0px); position: relative;"><span class="border-b-4 border-indigo-500">Email</span></div></div></div></h1><div class="mt-8"></div><div class="text-xl text-gray-700 max-w-xl">Keep full control over the look and feel of your forms.</div><div class="mt-4"></div><p class="text-xl text-gray-700 max-w-xl">Let Formspark take care of the rest.</p><div class="mt-6"></div><p class="text-lg text-gray-700 max-w-xl">Solutions for agencies, freelancers, developers and marketing teams.</p><div class="mt-12"></div><div class="inline-flex text-xl leading-8 shadow-lg"><a href="https://dashboard.formspark.io/sign-up"><button type="button" class="
    inline-flex justify-center items-center font-semibold rounded-md focus:outline-none transition duration-150 ease-in-out select-none 
    
    border border-transparent text-white bg-indigo-600 hover:bg-indigo-500 active:bg-indigo-700 focus:border-indigo-700 focus:ring focus:ring-indigo-100 
    
    py-3 px-6
    
    ">Collect submissions now</button></a></div><div class="mt-4"></div><div class="flex items-start max-w-xl select-none"><div class="text-gray-300"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" class="svg-inline--fa fa-check fa-w-16 " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></div><div class="pl-2"><div class="text-gray-700 ">No credit card required</div></div></div></div><div class="hidden lg:block"><img src="/img/illustration.svg" alt="Formspark illustration" aria-label="Formspark illustration" class="mx-auto" style="width:450px"></div></div></div></div><div class="bg-white"><div class="mx-auto px-8 pt-6 pb-12" style="max-width:1300px"><div class="text-center text-lg text-gray-700"><p>Trusted by +20,000 companies of all shapes and sizes.</p></div><div class="mb-8"></div><div><div class="grid grid-cols-1 md:grid-cols-5 gap-8 items-center p-4"><img src="/img/brands/brave.png" alt="Brave logo" class="trusted-by-image h-10 mx-auto"><img src="/img/brands/cisco.svg" alt="Cisco logo" class="trusted-by-image h-10 mx-auto"><img src="/img/brands/ted.svg" alt="TED logo" class="trusted-by-image h-10 mx-auto" style="padding:6px"><img src="/img/brands/flipboard.png" alt="Flipboard logo" class="trusted-by-image h-10 mx-auto" style="padding:6px"><img src="/img/brands/gilead.svg" alt="Gilead logo" class="trusted-by-image h-10 mx-auto" style="padding:1px"></div></div></div></div><div class="bg-gray-100"><div class="mx-auto px-8 py-12" style="max-width:1300px"><div class="text-center max-w-3xl mx-auto mb-12"><h2 class="text-3xl text-gray-900 font-semibold">See it in action</h2></div><div><div class="bg-white shadow rounded p-6"><div class="grid grid-cols-1 lg:grid-cols-2 items-center"><div class="text-lg p-4"><div class="flex items-start select-none"><div class="text-green-500"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" class="svg-inline--fa fa-check fa-w-16 " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></div><div class="pl-3">No servers to manage</div></div><div class="mt-4"></div><div class="flex items-start select-none"><div class="text-green-500"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" class="svg-inline--fa fa-check fa-w-16 " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></div><div class="pl-3">No databases to handle</div></div><div class="mt-4"></div><div class="flex items-start select-none"><div class="text-green-500"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" class="svg-inline--fa fa-check fa-w-16 " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></div><div class="pl-3">No APIs or frameworks to learn</div></div><div class="mt-8"></div><div>JavaScript not required (but well supported).</div><div class="mt-4"></div><div>Perfect for static sites.</div><div class="mt-8"></div><div><a href="https://dashboard.formspark.io/sign-up"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-indigo-500 hover:text-indigo-700
        undefined
        "><span class="inline-block sm:hidden">Get started.</span><span class="hidden sm:inline-block">Start collecting data in a matter of clicks.</span></button></a></div></div><div class="p-4"><div class="bg-white shadow rounded p-6"><form action="https://submit-form.com/06789fec-c16a-4b76-a92b-ef572f081a59" target="_blank"><div><label required="" class="block text-gray-700 text-sm leading-5 font-semibold select-none">Email<span class="relative text-red-500" style="margin:-0.1em 0 0 0.2em">*</span></label><div class="mt-2"></div><div class="relative"><input type="email" label="Email" name="email" placeholder="[email protected]" required="" class="block w-full rounded-md shadow-sm px-3 py-2 border border-gray-300 placeholder-gray-400 focus:outline-none focus:ring focus:ring-indigo-100 focus:border-indigo-300 transition duration-150 ease-in-out"></div></div><div class="mt-4"></div><button type="submit" class="
    inline-flex justify-center items-center font-semibold rounded-md focus:outline-none transition duration-150 ease-in-out select-none 
    
    border border-gray-300 text-gray-600 hover:text-gray-500 bg-white shadow-sm focus:ring focus:ring-indigo-100 
    py-2 px-4
    
    w-full 
    ">Subscribe</button></form></div><div class="mb-6"></div><div><div class="flex items-center justify-between pb-2"><div></div></div><pre spellcheck="false" class="prism-code language-markup text-left overflow-auto p-4" style="word-break: keep-all; white-space: pre;"><span class="token tag punctuation">&lt;</span><span class="token tag">form</span><span class="token tag"> </span><span class="token tag attr-name">action</span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">"</span><span class="token tag attr-value">https://submit-form.com/&lt;form-id&gt;</span><span class="token tag attr-value punctuation">"</span><span class="token tag punctuation">&gt;</span><span class="token plain"></span>
<span class="token plain">    </span><span class="token tag punctuation">&lt;</span><span class="token tag">input</span><span class="token tag"> </span><span class="token tag attr-name">type</span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">"</span><span class="token tag attr-value">email</span><span class="token tag attr-value punctuation">"</span><span class="token tag"> </span><span class="token tag attr-name">name</span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">"</span><span class="token tag attr-value">email</span><span class="token tag attr-value punctuation">"</span><span class="token tag punctuation">&gt;</span><span class="token plain"></span>
<span class="token plain">    </span><span class="token tag punctuation">&lt;</span><span class="token tag">button</span><span class="token tag"> </span><span class="token tag attr-name">type</span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">"</span><span class="token tag attr-value">submit</span><span class="token tag attr-value punctuation">"</span><span class="token tag punctuation">&gt;</span><span class="token plain">Subscribe</span><span class="token tag punctuation">&lt;/</span><span class="token tag">button</span><span class="token tag punctuation">&gt;</span><span class="token plain"></span>
<span class="token plain"></span><span class="token tag punctuation">&lt;/</span><span class="token tag">form</span><span class="token tag punctuation">&gt;</span></pre></div></div></div></div></div></div></div><div class="bg-white"><div class="mx-auto px-8 py-12" style="max-width:1600px"><div><div class="text-center max-w-2xl mx-auto"><h2 class="text-3xl text-gray-900 font-semibold">Plug and play</h2><div class="mb-6"></div><div class="text-lg text-gray-700"><p>Start collecting data in a matter of clicks.</p><div class="mt-2"></div><p>Let Formspark take care of the servers, databases, and analytics.</p><div class="mt-2"></div><p>Set up any form in seconds.</p></div></div><div class="mb-12"></div><div class="grid grid-cols-1 md:grid-cols-2 items-center bg-gray-50 rounded-md p-4 sm:p-8 md:p-12"><div class="max-w-lg p-1 sm:p-2 md:p-4"><h3 class="text-2xl text-gray-900 font-semibold mb-3 md:mb-6"><span class="inline-block sm:hidden">View your submissions</span><span class="hidden sm:inline-block">View your submissions anytime, anywhere</span></h3><div class="text-lg text-gray-700"><div class="flex py-2"><div class="text-gray-300 pr-2">•</div><div>Directly in your email inbox</div></div><div class="flex py-2"><div class="text-gray-300 pr-2">•</div><div>Via the online dashboard</div></div><div class="flex py-2"><div class="text-gray-300 pr-2">•</div><div>Easily export your data as CSV or JSON documents</div></div><div class="flex py-2"><div class="text-gray-300 pr-2">•</div><div>Send form submissions as<!-- --> <a class="link" href="/features/slack/">new Slack messages</a></div></div><div class="flex py-2"><div class="text-gray-300 pr-2">•</div><div>Integrate with your favorite tools via<!-- --> <a class="link" href="/features/zapier/">Zapier</a>,<!-- --> <a class="link" href="/features/make/">Make</a> <!-- -->and<!-- --> <a class="link" href="/features/integromat/">Integromat</a></div></div><div class="flex py-2"><div class="text-gray-300 pr-2">•</div><div>Webhook integration</div></div><div class="hidden md:flex items-center mt-8"><div class="text-center"><img src="/img/brands/gmail.svg" alt="Email" class="rounded w-16 p-2 "><div class="text-sm font-semibold">Email</div></div><div class="mr-12"></div><div class="text-center"><img src="/img/brands/slack.svg" alt="Slack" class="rounded w-16 p-2 "><div class="text-sm font-semibold">Slack</div></div><div class="mr-12"></div><div class="text-center"><img src="/img/brands/zapier.svg" alt="Slack" class="rounded w-16 p-2 "><div class="text-sm font-semibold">Zapier</div></div><div class="mr-12"></div><div class="text-center"><img src="/img/brands/webhooks.svg" alt="Webhooks" class="rounded w-16 p-2 "><div class="text-sm font-semibold">Webhooks</div></div></div></div></div><div class="hidden md:block"><img src="/img/screenshots/submissions-list--640x512.png" alt="Submissions list" aria-label="Submissions list" class="border rounded-md shadow-md"></div></div><div class="mb-16"></div><div class="grid grid-cols-1 md:grid-cols-2 items-center rounded-md p-4 sm:p-8 md:p-12"><div class="hidden md:block"><img src="/img/screenshots/submission-feedback--640x512.png" alt="Submission feedback" aria-label="Submission feedback" class="border rounded-md shadow-md"></div><div class="max-w-lg p-1 sm:p-2 md:p-4"><h3 class="text-2xl text-gray-900 font-semibold mb-3 md:mb-6">Customize</h3><div class="text-lg text-gray-700"><div class="flex py-2"><div class="text-gray-300 pr-2">•</div><div><a class="link" href="https://documentation.formspark.io/customization/redirection.html" target="_blank" rel="noreferrer">Customize</a> <!-- -->the redirect url, success page, error page, email template and more</div></div><div class="flex py-2"><div class="text-gray-300 pr-2">•</div><div>Out-of-the-box modern design</div></div><div class="flex py-2"><div class="text-gray-300 pr-2">•</div><div>Translations: English, Russian, Spanish, Portuguese, French, Italian, German and Dutch, with more coming soon</div></div><div class="flex py-2"><div class="text-gray-300 pr-2">•</div><div>Spam protection support:<!-- --> <a class="link" href="/features/botpoison/">Botpoison</a>,<!-- --> <a class="link" href="/features/recaptcha/">reCAPTCHA</a>,<!-- --> <a class="link" href="/features/hcaptcha/">hCaptcha</a>,<!-- --> <a class="link" href="/features/turnstile/">Turnstile</a> <!-- -->&amp; Akismet</div></div><div class="hidden md:flex items-center mt-8"><div class="text-center"><img src="/img/brands/botpoison.svg" alt="Botpoison" class="rounded w-16 p-2 "><div class="text-sm font-semibold">Botpoison</div></div><div class="mr-12"></div><div class="text-center"><img src="/img/brands/recaptcha.svg" alt="reCAPTCHA" class="rounded w-16 p-2 "><div class="text-sm font-semibold">reCAPTCHA</div></div><div class="mr-12"></div><div class="text-center"><img src="/img/brands/hcaptcha.svg" alt="hCaptcha" class="rounded w-16 p-2 "><div class="text-sm font-semibold">hCaptcha</div></div><div class="mr-12"></div><div class="text-center"><img src="/img/brands/akismet.png" alt="Akismet" class="rounded w-16 p-2 "><div class="text-sm font-semibold">Akismet</div></div></div></div></div></div><div class="mb-16"></div><div class="grid grid-cols-1 md:grid-cols-2 items-center bg-gray-50 rounded-md p-4 sm:p-8 md:p-12"><div class="max-w-lg p-1 sm:p-2 md:p-4"><h3 class="text-2xl text-gray-900 font-semibold mb-3 md:mb-6">Collaborate</h3><div class="text-lg text-gray-700"><div class="flex py-2"><div class="text-gray-300 pr-2">•</div><div>Invite members to your workspace</div></div><div class="flex py-2"><div class="text-gray-300 pr-2">•</div><div>Create forms and view submission as a team</div></div></div></div><div class="hidden md:block"><img src="/img/screenshots/workspace-members--640x512.png" alt="Workspace members" aria-label="Workspace members" class="border rounded-md shadow-md"></div></div></div></div></div><div class="bg-white"><div class="mx-auto px-8 py-8" style="max-width:900px"><div class="text-center max-w-2xl mx-auto"><h2 class="text-3xl text-gray-900 font-semibold">If you use it, we probably support it</h2><div class="mb-6"></div><div class="text-lg text-gray-700"><p>Every<!-- --> <a href="/platforms"><a><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-indigo-500 hover:text-indigo-700
        undefined
        ">platform</button></a></a> <!-- -->has its own properties and advantages.</p><div class="mt-2"></div><p>Choose the best fit for your project and bring Formspark with you.</p></div></div><div class="mb-12"></div><div><div class="grid grid-cols-4 md:grid-cols-5 gap-6 items-center p-4"><div><a href="/for/alpinejs/"><img src="/img/brands/alpinejs.svg" alt="Alpine.js logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/angular/"><img src="/img/brands/angular.svg" alt="Angular logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/eleventy/"><img src="/img/brands/eleventy.svg" alt="Eleventy logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/framer/"><img src="/img/brands/framer.svg" alt="Framer logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/gatsby/"><img src="/img/brands/gatsby.svg" alt="Gatsby logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/ghost/"><img src="/img/brands/ghost.svg" alt="Ghost logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/gridsome/"><img src="/img/brands/gridsome.svg" alt="Gridsome logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/hexo/"><img src="/img/brands/hexo.svg" alt="Hexo logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/hugo/"><img src="/img/brands/hugo.svg" alt="Hugo logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/jekyll/"><img src="/img/brands/jekyll.svg" alt="Jekyll logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/middleman/"><img src="/img/brands/middleman.svg" alt="Middleman logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/nextjs/"><img src="/img/brands/nextjs.svg" alt="Next.js logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/nuxtjs/"><img src="/img/brands/nuxt.svg" alt="Nuxt.js logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/pelican/"><img src="/img/brands/pelican.png" alt="Pelican logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/preact/"><img src="/img/brands/preact.svg" alt="Preact logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/react/"><img src="/img/brands/react.svg" alt="React logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/svelte/"><img src="/img/brands/svelte.svg" alt="Svelte logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/vue/"><img src="/img/brands/vue.svg" alt="Vue logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/vuepress/"><img src="/img/brands/vuepress.png" alt="VuePress logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/webflow/"><img src="/img/brands/webflow.svg" alt="Webflow logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/wordpress/"><img src="/img/brands/wordpress.svg" alt="WordPress logo" class="platform-image-link w-10 mx-auto"></a></div></div></div></div><div class="mb-12"></div></div></div><div class="bg-gray-50"><div class="mx-auto px-8 py-12" style="max-width:1300px"><div class="text-white bg-gradient-to-r from-indigo-600 to-indigo-700 rounded-md shadow"><div class="max-w-2xl mx-auto text-center py-8 px-4"><div class="text-2xl leading-9 font-semibold"><span class="block">Start collecting submissions with Formspark</span></div><div class="mt-8"></div><p class="text-lg leading-6">Formspark is a reliable backend for your forms.</p><div class="mt-2"></div><p class="text-lg leading-6">Keep full control over the look and feel of your forms.</p><div class="mt-2"></div><p class="text-lg leading-6">Let Formspark take care of the rest.</p><div class="mt-8"></div><div class="text-xl leading-8"><a href="https://dashboard.formspark.io/sign-up"><button type="button" class="
    inline-flex justify-center items-center font-semibold rounded-md focus:outline-none transition duration-150 ease-in-out select-none 
    
    border border-gray-300 text-gray-600 hover:text-gray-500 bg-white shadow-sm focus:ring focus:ring-indigo-100 
    
    py-3 px-6
    
    ">Try it free today</button></a></div><div class="mt-4"></div><div>No credit card required</div></div></div></div></div><footer id="footer" class="bg-gray-100"><div class="max-w-6xl mx-auto p-8"><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-x-4 gap-y-6 -mb-2"><div class="mb-2"><div class="font-semibold">Product</div><div class="mb-4"></div><div><a href="/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">About</button></a></div><div class="mb-4"></div><div><a href="/pricing/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Pricing</button></a></div><div class="mb-4"></div><div><a href="https://documentation.formspark.io" target="_blank" rel="noreferrer"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Documentation</button></a></div><div class="mb-4"></div><div><a href="/announcements/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Announcements</button></a></div><div class="mb-4"></div><div><a href="https://status.formspark.io" target="_blank" rel="noreferrer"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Status</button></a></div></div><div class="mb-2"><div class="font-semibold">Platforms</div><div class="mb-4"></div><div><a href="/for/framer/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Formspark for <!-- -->Framer</button></a></div><div class="mb-4"></div><div><a href="/for/nextjs/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Formspark for <!-- -->Next.js</button></a></div><div class="mb-4"></div><div><a href="/for/react/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Formspark for <!-- -->React</button></a></div><div class="mb-4"></div><div><a href="/for/vue/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Formspark for <!-- -->Vue</button></a></div><div class="mb-4"></div><div><a href="/for/webflow/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Formspark for <!-- -->Webflow</button></a></div><div class="mb-4"></div><div><a href="/for/wordpress/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Formspark for <!-- -->WordPress</button></a></div><div class="mb-4"></div><div class="text-left"><a href="/platforms/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">View more platforms</button></a></div></div><div class="mb-2"><div class="font-semibold">Features</div><div class="mb-4"></div><div><a href="/features/botpoison/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Formspark with Botpoison</button></a></div><div class="mb-4"></div><div><a href="/features/recaptcha/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Formspark with reCAPTCHA</button></a></div><div class="mb-4"></div><div><a href="/features/hcaptcha/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Formspark with hCaptcha</button></a></div><div class="mb-4"></div><div><a href="/features/turnstile/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Formspark with Turnstile</button></a></div><div class="mb-4"></div><div><a href="/features/slack/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Formspark with Slack</button></a></div><div class="mb-4"></div><div><a href="/features/zapier/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Formspark with Zapier</button></a></div><div class="mb-4"></div><div><a href="/features/make/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Formspark with Make</button></a></div><div class="mb-4"></div><div><a href="/features/integromat/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Formspark with Integromat</button></a></div></div><div class="mb-2"><div class="font-semibold">Company</div><div class="mb-4"></div><div><a href="https://dashboard.formspark.io/support/contact" target="_blank" rel="noreferrer"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Contact</button></a></div><div class="mb-4"></div><div><a href="mailto:[email protected]" target="_blank" rel="noreferrer"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Email</button></a></div><div class="mb-4"></div><div><a href="https://twitter.com/formsparkapp" target="_blank" rel="noreferrer"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Twitter</button></a></div><div class="mb-4"></div><div><a href="https://github.com/formspark" target="_blank" rel="noreferrer"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">GitHub</button></a></div></div><div class="mb-2"><div class="font-semibold">Legal</div><div class="mb-4"></div><div><a href="https://dashboard.formspark.io/support/report-abuse" target="_blank" rel="noreferrer"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Report abuse</button></a></div><div class="mb-4"></div><div><a href="/legal/terms-of-service/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Terms</button></a></div><div class="mb-4"></div><div><a href="/legal/privacy-policy/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Privacy</button></a></div><div class="mb-4"></div><div><a href="/legal/gdpr/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">GDPR</button></a></div></div><div class="flex items-center mb-2"><div class="md:text-center"><a href="/"><img src="/img/formspark.svg" alt="Formspark logo" aria-label="Formspark logo" class="w-10 h-10 md:mx-auto"></a><div class="mt-4"></div><div class="text-gray-900">© 2018 - <!-- -->2024<!-- --> Formspark</div></div></div></div></div></footer></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"pkMiHT-Cuj2KeCn8M_DSP","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script><next-route-announcer><p aria-live="assertive" id="__next-route-announcer__" role="alert" style="border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap; overflow-wrap: normal;"></p></next-route-announcer></body></html>