1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta name="facebook-domain-verification" content="44ss9aad9zx3984exhnw089hk0mne1" /> 8 <meta name="google-site-verification" content="CRRQ0CnutiVT-NEYCEaYf6GbePTGmzk0v20mzEFkLP8" /> 9 <!-- Meta Pixel Code --> 10
10<script>
vendor: 603 bytes, lines 10-22
10 11 !function (f, b, e, v, n, t, s) { 12 if (f.fbq) return; n = f.fbq = function () { 13 n.callMethod ? 14 n.callMethod.apply(n, arguments) : n.queue.push(arguments) 15 }; 16 if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; 17 n.queue = []; t = b.createElement(e); t.async = !0; 18 t.src = v; s = b.getElementsByTagName(e)[0]; 19 s.parentNode.insertBefore(t, s) 20 }(window, document, 'script', 21 'https://connect.facebook.net/en_US/fbevents.js'); 22 fbq('init', '
22811767704163515
vendor: 44 bytes, lines 22-24
22'); 23 fbq('track', 'PageView'); 24
24</script>
24 25 <noscript><img height="1" width="1" style="display:none" 26 src="https://www.facebook.com/tr?id=811767704163515&ev=PageView&noscript=1" /></noscript> 27 <!-- End Meta Pixel Code --> 28 29 <title>Zippy Form</title> 30 <link rel="icon" href="/images/fav.png" type="image/x-icon" content="" /> 31 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> 32 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"> 33 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.compat.css" /> 34
34<script src="https://cdn.jsdelivr.net/npm/[email protected]/build/cjs/index.min.js"></script>
34 35 <link rel="stylesheet" href="css/zippy.css"> 36 <link rel="stylesheet" href="css/timeline.css"> 37</head> 38 39<body> 40 <header class="header position-fixed w-100 "> 41 <div class="container"> 42 <div class="row"> 43 <div class="col-lg-3 col-md-4 mobile-hide"> 44 <div class="logo d-flex align-items-center h-100"> 45 <a href="/"> 46 <img src="/images/zippylogo.svg" alt="logo" /> 47 </a> 48 </div> 49 </div> 50 <div class="col-lg-6 col-md-12"> 51 <div class="m-menu d-flex align-items-center h-100"> 52 <nav class="navbar navbar-expand-lg bg-body-tertiary"> 53 <div class="container-fluid p-0"> 54 <a class="navbar-brand desktop-hide logo ipad-hide" href="/"><img 55 src="/images/zippylogo.svg" alt="logo" /></a> 56 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" 57 data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" 58 aria-expanded="false" aria-label="Toggle navigation"> 59 <span class="navbar-toggler-icon"></span> 60 </button> 61 <div class="collapse navbar-collapse" id="navbarSupportedContent"> 62 <ul class="navbar-nav me-auto mb-2 mb-lg-0"> 63 <li class="nav-item "> 64 <span class="nav-link" aria-current="page">How It Works</span> 65 <ul class="dropdown-menu"> 66 <li><a class="dropdown-item" 67 href="/how-it-works/no-code-form-builder/">No-Code Form 68 Builder</a></li> 69 <li><a class="dropdown-item" href="/how-it-works/for-developers/">For 70 Developers</a></li> 71 </ul> 72 </li> 73 <li class="nav-item"> 74 <a class="nav-link" href="/pricing/">Pricing</a> 75 </li> 76 <li class="nav-item"> 77 <a class="nav-link" href="/knowledge-base/">Knowledge Base</a> 78 </li> 79 <li class="nav-item hide_nav_menu "> 80 <a class="nav-link" href="/forms/">My Forms</a> 81 </li> 82 <li class="nav-item hide_nav_menu "> 83 <a class="nav-link" href="/webhooks/">Webhooks</a> 84 </li> 85 <li class="nav-item desktop-hide mt-3"> 86 <span class="c-btn"> 87 <a href="/contact"><button class="black-bg">Contact Us</button></a> 88 </span> 89 </li> 90 <li class="nav-item desktop-hide mt-3 mb-3"> 91 <span class="c-btn nav_login_btn wow "> 92 <a href="/login"><button>Login</button></a> 93 </span> 94 <span class="c-btn nav_logout_btn disp_none"> 95 <button onclick="logout()">Logout</button> 96 </span> 97 </li> 98 </ul> 99 </div> 100 </div> 101 </nav> 102 </div> 103 </div> 104 <div class="col-lg-3 col-md-12 login-btn-hide"> 105 <div class="login-btn d-flex align-items-center h-100">
106 <span class=""> 107 <a href="/contact"><button class="black-bg">Contact Us</button></a> 108 </span> 109 <span class="ms-3 nav_login_btn "> 110 <a href="/login"><button>Login</button></a> 111 </span> 112 <span class="ms-3 disp_none nav_logout_btn "> 113 <button onclick="logout()">Logout</button> 114 </span> 115 </div> 116 </div> 117 </div> 118 </div> 119 </header> 120 121 <section class="home-content-section pt-5"> 122 <div class="banner-section pt-5 pb-5 mt-4"> 123 <div class="container"> 124 <div class="row"> 125 <div class="col-lg-6"> 126 <div class="banner-text d-flex align-items-center h-100 pe-5"> 127 <div class="pe-1"> 128 <h4 class="mb-4 mhead grdienttext wow flipInX">No-Code Form Builder for Developers & 129 Non-Techs!</h4> 130 <h5 class="wow fadeInUp" data-wow-delay="0.3s">Take complete control of your form and 131 data</h5> 132 <p class="wow fadeInUp" data-wow-delay="0.4s"> 133 Empower your app development journey with our tailored No-Code form builder. 134 Streamline the process, unleash creativity, and bring your ideas to life 135 effortlessly. 136 </p> 137 <p class="wow fadeInUp" data-wow-duration="0.6s" data-wow-delay=".5s"> 138 <span class="c-btn try_for_free_now_btn"> 139 <a href="/register/"><button>Try for Free Now</button></a> 140 </span> 141 </p> 142 </div> 143 </div> 144 </div> 145 <div class="col-lg-6 ps-5"> 146 <div class="launchbanner wow pulse" data-wow-duration="1s"> 147 <img src="/images/launch_banner.svg" alt=""> 148 </div> 149 </div> 150 </div> 151 </div> 152 </div> 153 154 <div class="list-section darkpurple_bg pt-5 pb-5"> 155 <div class="container"> 156 <div class="row"> 157 <div class="col-lg-6 ps-5"> 158 <div class="launchbanner wow pulse" data-wow-duration="1s"> 159 <img src="/images/nocode_banner.svg" alt=""> 160 </div> 161 </div> 162 <div class="col-lg-6"> 163 <div class="banner-text d-flex align-items-center h-100 pe-5"> 164 <div class="white-text"> 165 <h4 class="mb-4 mhead wow fadeInUp white_text" data-wow-duration="0.6s">Save <span 166 class="yellow_text">500+ 167 hrs</span> building a no-code form builder</h4> 168 169 <p class="wow fadeInUp"> 170 Get form builder & custom form integrated into any project in minutes instead of 171 months. 172 </p> 173 <p class="wow fadeInUp" data-wow-duration="0.6s" data-wow-delay=".3s"> 174 <span class="w-btn"> 175 <a href="/how-it-works/for-developers/" target="_blank"><button>Discover How You 176 Save Time</button></a> 177 </span> 178 </p> 179 </div> 180 </div> 181 </div> 182 </div> 183 </div> 184 </div> 185 186 <div class="vertical-tab-section pt-5 pb-5 mb-0 videosec"> 187 <div class="container"> 188 <div class="row"> 189 <div class="col-md-10 offset-md-1 text-center"> 190 <h4 class="mhead grdienttext wow fadeInUp" data-wow-duration="0.6s">The only form builder with 191 form building and rendering 192 within your
193 Application Environment</h4> 194 <p class="mb-4 wow fadeInUp" data-wow-duration="0.6s" data-wow-delay="0.3s"> 195 You donât need to build your forms in the provider platform and render them in your 196 environment. With Zippy Form, you can install the form builder in your app environment and 197 start building and rendering your forms within your project. 198 </p> 199 <div class="video_frame fadeIn"> 200 <video id="zippyform_video" class="video-js" controls preload="auto" 201 poster="/images/video_banner.png" data-setup='' loop="true" playsinline="" muted=""> 202 <source 203 src="https://zippyform-dist.s3.us-east-2.amazonaws.com/images/1707744088548943.mp4" 204 type='video/mp4'> 205 </video> 206 <img class="playbtn" src="/images/playbtn.png" alt="" id="landing_page_playbtn"> 207 <div class="video-text" id="landing_page_playbtn_text"> 208 <p><strong>watch how to build zippy form</strong></p> 209 <p id="zippy_watch_down_btn">Watch Now <i class="fas fa-arrow-right"></i></p> 210 </div> 211 </div> 212 </div> 213 </div> 214 </div> 215 </div> 216 217 <div class="vertical-tab-section pt-5 pb-5 mb-0 "> 218 <div class="container"> 219 <div class="row"> 220 <div class="col-md-10 offset-md-1 text-center"> 221 <h4 class="mhead grdienttext wow fadeInUp" data-wow-duration="0.7s">How It Works</h4> 222 <p class="mb-4 wow fadeInUp" data-wow-duration="0.7s" data-wow-delay="0.3s"> 223 Get Your Form Builder Set Up in Your Application with Simple Steps 224 </p> 225 </div> 226 </div> 227 <div class="row"> 228 <div class="col-md-12"> 229 <section class="timeline" id="afterelement"> 230 231 <div class="timeline__block"> 232 <div class="timeline__midpoint"></div> 233 <div class="timeline__content timeline__content--left"> 234 <h3 class="timeline__year wow fadeInBottomRight" data-wow-duration="0.5s"><img 235 src="/images/step1.svg" alt=""></h3> 236 <h4 class="timeline__text--left wow fadeInUp" data-wow-duration="0.6s">STEP 1</h4> 237 <h6 class="timeline__text--left wow fadeInUp" data-wow-duration="0.6s">Sign Up for 238 Free</h6> 239 <p class="timeline__text--left wow fadeInUp" data-wow-duration="0.6s" 240 data-wow-delay="0.3s"> 241 Register and access our platform's suite of tools for creating and managing 242 forms instantly. 243 </p> 244 </div> 245 </div> 246 247 <div class="timeline__block"> 248 <div class="timeline__midpoint"></div> 249 <div class="timeline__content timeline__content--right"> 250 <h3 class="timeline__year wow fadeInBottomLeft" data-wow-duration="0.5s"><img 251 src="/images/step2.svg" alt=""></h3> 252 <h4 class="timeline__text--right wow fadeInUp" data-wow-duration="0.6s">STEP 2</h4> 253 <h6 class="timeline__text--right wow fadeInUp" data-wow-duration="0.6s">Create Your 254 Form</h6> 255 <p class="timeline__text--right wow fadeInUp" data-wow-duration="0.6s" 256 data-wow-delay="0.3s"> 257 Build forms easily using Zippy Form user-friendly app interface or directly 258 within your application via Zippy Form Open API. 259 </p> 260 </div> 261 </div> 262 263 <div class="timeline__block"> 264 <div class="timeline__midpoint"></div> 265 <div class="timeline__content timeline__content--left"> 266 <h3 class="timeline__year wow fadeInBottomRight" data-wow-duration="0.5s"><img 267 src="/images/step3.svg" alt=""></h3> 268 <h4 class="timeline__text--left wow fadeInUp" data-wow-duration="0.6s">STEP 3</h4> 269 <h6 class="timeline__text--left wow fadeInUp" data-wow-duration="0.6s">Access Form 270 Builder</h6> 271 <p class="timeline__text--left wow fadeInUp" data-wow-duration="0.6s" 272 data-wow-delay="0.3s"> 273 Access the Form Builder directly within your application by embedding the form 274 builder widget code or accessing it through the Zippy Form application. 275 </p> 276 </div> 277 </div> 278 279 <div class="timeline__block"> 280 <div class="timeline__midpoint"></div> 281 <div class="timeline__content timeline__content--right"> 282 <h3 class="timeline__year wow fadeInBottomLeft" data-wow-duration="0.5s"><img 283 src="/images/step4.svg" alt=""></h3> 284 <h4 class="timeline__text--right wow fadeInUp" data-wow-duration="0.6s">STEP 4</h4> 285 <h6 class="timeline__text--right wow fadeInUp" data-wow-duration="0.6s">Customize 286 Your Form</h6> 287 <p class="timeline__text--rightw wow fadeInUp" data-wow-duration="0.6s" 288 data-wow-delay="0.3s"> 289 Customize form fields and adjust field settings directly within the form builder 290 interface. 291 </p> 292 </div> 293 </div> 294 295 <div class="timeline__block"> 296 <div class="timeline__midpoint"></div> 297 <div class="timeline__content timeline__content--left"> 298 <h3 class="timeline__year wow fadeInBottomRight" data-wow-duration="0.5s"><img 299 src="/images/step5.svg" alt=""></h3> 300 <h4 class="timeline__text--left wow fadeInUp" data-wow-duration="0.6s">STEP 5</h4> 301 <h6 class="timeline__text--left wow fadeInUp" data-wow-duration="0.6s">Publish Form 302 </h6> 303 <p class="timeline__text--left wow fadeInUp" data-wow-duration="0.6s" 304 data-wow-delay="0.3s"> 305 Once the form is designed, easily deploy it within your application by embedding 306 custom form widget code or share it using a unique form link. 307 </p> 308 </div> 309 </div> 310 311 <div class="timeline__block"> 312 <div class="timeline__midpoint"></div> 313 <div class="timeline__content timeline__content--right"> 314 <h3 class="timeline__year wow fadeInBottomLeft" data-wow-duration="0.5s"><img 315 src="/images/step6.svg" alt=""></h3> 316 <h4 class="timeline__text--right wow fadeInUp" data-wow-duration="0.6s">STEP 6</h4> 317 <h6 class="timeline__text--right wow fadeInUp" data-wow-duration="0.6s">Collect Form 318 Data</h6> 319 <p class="timeline__text--right wow fadeInUp" data-wow-duration="0.6s" 320 data-wow-delay="0.3s"> 321 Automatically collect user-submitted data, easily accessible via our dashboard & 322 sync to Google Sheets directly. 323 </p> 324 </div> 325 </div> 326 327 </section> 328 </div> 329 </div> 330 </div> 331 </div> 332 333 <div class="highlight-section darkblue-gradient pt-5 pb-5 mb-0 wow slideInLeft" data-wow-duration="0.7s" 334 data-wow-delay="0.2s"> 335 <div class="container"> 336 <div class="row"> 337 <div class="col-md-10 offset-md-1 text-center white-text"> 338 <div class=""> 339 <h2 class="mb-2"> 340 Access Your Form Builder & Custom Form Anywhere! 341 </h2> 342 <p class="m-0"> 343 Easily access your Form Builder and Custom Form by copying and pasting widget snippet 344 onto your website and application 345 </p> 346 </div> 347 </div> 348 </div> 349 </div> 350 </div> 351 352 <div class="form-sec pt-5 pb-5 mb-0"> 353 <div class="container"> 354 <div class="row"> 355 <div class="col-md-10 offset-md-1 text-center wow fadeInUp" data-wow-duration="0.7s"> 356 <h4 class="mhead grdienttext wow fadeIn">Explore Zippy Form</h4> 357 <p class="mb-4 d-none"> 358 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras at egestas nulla, a pharetra 359 lacus. 360 Nam augue leo, tempor non varius sit amet, fermentum at leo. 361 </p> 362 </div> 363 </div> 364 <div class="row mt-5 explorezippform_sec"> 365 <div class="col-lg-3 col-md-6 text-center wow fadeInUp" data-wow-duration="0.6s"> 366 <div class="explore"> 367 <img src="/images/custom_forms.svg" alt=""> 368 <h4>Create Custom Forms</h4> 369 <p class=""> 370 Craft tailored forms for your unique needs with our user-friendly form builder, 371 empowering you to collect specific information effortlessly. 372 373 </p> 374 </div> 375 </div> 376 <div class="col-lg-3 col-md-6 text-center wow fadeInUp" data-wow-duration="0.6s" 377 data-wow-delay="0.3s"> 378 <div class="explore"> 379 <img src="/images/multi_forms.svg" alt=""> 380 <h4>Design Multi-Step Forms</h4> 381 <p class=""> 382 Enhance user engagement and simplify complex processes with our multi-step form design, 383 providing a seamless and intuitive experience. 384 </p> 385 </div> 386 </div> 387 <div class="col-lg-3 col-md-6 text-center wow fadeInUp" data-wow-duration="0.6s" 388 data-wow-delay="0.4s"> 389 <div class="explore"> 390 <img src="/images/payment_forms.svg" alt=""> 391 <h4>Build Payment Forms</h4> 392 <p class="">
393 Construct secure and efficient payment forms that enable seamless transactions directly 394 on your website, ensuring a smooth payment process. 395 396 </p> 397 </div> 398 </div> 399 <div class="col-lg-3 col-md-6 text-center wow fadeInUp" data-wow-duration="0.6s" 400 data-wow-delay="0.5s"> 401 <div class="explore"> 402 <img src="/images/google_sheet.svg" alt=""> 403 <h4>Sync to Google Sheets</h4> 404 <p class=""> 405 Effortlessly organize and manage form submissions by syncing data directly to Google 406 Sheets in real-time. 407 408 </p> 409 </div> 410 </div> 411 412 </div> 413 </div> 414 </div> 415 416 <div class="highlight-section darkblue pt-5 pb-5 mb-0 wow slideInLeft" data-wow-duration="0.7s" 417 data-wow-delay="0.2s"> 418 <div class="container"> 419 <div class="row"> 420 <div class="col-md-10 offset-md-1 text-center white-text"> 421 <div class=""> 422 <h2 class="mb-4"> 423 Easily access form submissions and forms directly from your application using the Zippy 424 Form Open API 425 </h2> 426 <p class="wow zoomInDown m-0" data-wow-duration="0.9s" data-wow-delay=".3s"> 427 <span class="c-btn bg_white_hover"> 428 <a href="https://zippyform.docs.apiary.io/" target="_blank"><button>Explore API 429 Documentation</button></a> 430 </span> 431 </p> 432 </div> 433 </div> 434 </div> 435 </div> 436 </div> 437 438 <div class="list-section darkpurple_bg pt-5 pb-5"> 439 <div class="container"> 440 <div class="row"> 441 <div class="col-lg-6"> 442 <div class="banner-text d-flex align-items-center h-100 pe-5"> 443 <div class="white-text"> 444 <h4 class="mb-4 mhead wow fadeInUp white_text" data-wow-duration="0.6s">Accept Payments 445 Online</h4> 446 <ul class="wcircle"> 447 <li class="wow fadeInUp" data-wow-duration="0.6s" data-wow-delay="0.1s">Start 448 collecting payments within minutes using Stripe's power.</li> 449 <li class="wow fadeInUp" data-wow-duration="0.6s" data-wow-delay="0.3s">Enjoy a 450 modern checkout UI for smooth payment experiences.</li> 451 <li class="wow fadeInUp" data-wow-duration="0.6s" data-wow-delay="0.4s"> 452 Connect to Stripe effortlessly with built-in "Stripe Connect" without exposing 453 Stripe keys on Zippy Form, ensuring complete control over your Stripe account. 454 </li> 455 </ul> 456 <p class="wow fadeInUp" data-wow-duration="0.6s" data-wow-delay=".5s"> 457 <span class="w-btn try_for_free_now_btn"> 458 <a href="/register/"><button>Try for Free Now</button></a> 459 </span> 460 </p> 461 </div> 462 </div> 463 </div> 464 <div class="col-lg-6 ps-5"> 465 <div class="launchbanner wow fadeInRight" data-wow-duration=".7s"> 466 <img src="/images/paymentform_banner.svg" alt=""> 467 </div> 468 </div> 469 </div> 470 </div> 471 </div> 472 473 <div id="formbuilder" class="list-section pt-5 pb-5"> 474 <div class="container"> 475 <div class="row"> 476 <div class="col-lg-6 pe-5"> 477 <div class="launchbanner wow fadeInLeft" data-wow-duration="0.7s"> 478 <img src="/images/timeevent.svg" alt=""> 479 </div> 480 </div> 481 <div class="col-lg-6"> 482 <div class="banner-text d-flex align-items-center h-100 pe-5"> 483 <div class="pe-1"> 484 <h4 class="mb-3 mhead grdienttext wow fadeIn">Real-Time Event Subscriptions</h4> 485 <p class="wow fadeInUp mb-3"> 486 Get instant notifications in your application through webhooks whenever events 487 occur within your Zippy Form account. Stay updated on your app in real-time as 488 actions happen within Zippy Form. 489 </p> 490 <p class="wow fadeInUp" data-wow-duration="0.6s" data-wow-delay=".3s">
491 <span class="c-btn"> 492 <a href="/webhook-integration/"><button>Explore 493 Webhooks</button></a> 494 </span> 495 </p> 496 </div> 497 </div> 498 </div> 499 </div> 500 </div> 501 </div> 502 503 504 <div class="light_blue_bg pt-5 pb-5" id="faq"> 505 <div class="container"> 506 <div class="row"> 507 <div class="col-md-12 text-center"> 508 <h4 class="mhead grdienttext">Frequently Asked Questions</h4> 509 <p>If you can't find your question, email <a href="mailto:[email protected]" 510 class="hv_underline">[email protected]</a> 511 </p> 512 <div class="row mt-5"> 513 <div class="col-md-6"> 514 <div class="faq mb-4"> 515 <h6>Does Zippy Form support multi-step forms?</h6> 516 <p>Zippy Form does support multi-step forms, allowing you to create and manage 517 forms with multiple steps to collect information in a structured and 518 user-friendly manner.</p> 519 </div> 520 <div class="faq mb-4"> 521 <h6>Does Zippy Form support unique validation?</h6> 522 <p>Zippy Form supports unique validation. Unique validation checks submitted 523 entries in forms with draft and active statuses to ensure that values are 524 unique, preventing duplicate entries.</p> 525 </div> 526 <div class="faq mb-4"> 527 <h6>What payment gateways are supported in Zippy Form?</h6> 528 <p>As of now, Zippy Form exclusively supports the Stripe Payment Gateway. We're 529 continuously evaluating and working on integrating additional payment 530 gateways to offer more options in the future. </p> 531 </div> 532 </div> 533 <div class="col-md-6"> 534 <div class="faq mb-4"> 535 <h6>Does Zippy Form support payment forms?</h6> 536 <p>Zippy Form does support payment forms, allowing you to seamlessly capture 537 payments through your forms. </p> 538 </div> 539 <div class="faq mb-4"> 540 <h6>Can I integrate and use Zippy Form Builder on my website or web application? 541 </h6> 542 <p>Yes, you can easily add and use the Zippy Form Builder on your website or 543 web application. Simply copy and paste the Form Builder widget snippet to 544 seamlessly integrate it with your platform.</p> 545 </div> 546 <div class="faq mb-4"> 547 <h6>Can I integrate and use Form built with Zippy Form Builder on my website or web 548 application?</h6> 549 <p>Yes, you can easily add and use the form built with Zippy Form Builder on 550 your website or web application. Simply copy and paste the Custom Form 551 widget snippet to seamlessly integrate it with your platform. </p> 552 </div> 553 </div> 554 </div> 555 </div> 556 </div> 557 <div class="row">
558 <div class="col-md-12 mt-3 c-btn text-center d-flex justify-content-center"> 559 <a href="/faq"> 560 <button id="" class="btn-blue btn"> 561 Explore FAQs 562 </button> 563 </a> 564 </div> 565 </div> 566 </div> 567 </div> 568 569 <div class="gird-sec pt-5 pb-5 mb-0 d-none"> 570 <div class="container"> 571 <div class="row"> 572 <div class="col-md-12 text-center wow fadeInUp" data-wow-duration="0.7s"> 573 <h4 class="mhead grdienttext wow fadeIn">Loved by Product Teams</h4> 574 <p class="mb-4"> 575 See why teams love Zippy Form Builder 576 </p> 577 </div> 578 <div class="col-md-12 mt-4"> 579 <!--BEGIN: Masonry Grid--> 580 <div class="masonry-with-columns"> 581 582 <div class="grid-item"> 583 <div class="user d-flex justify-content-start"> 584 <img src="/images/usericon.png" alt=""> 585 <div> 586 <h6>Chirs Shaw</h6> 587 <p><small>Mills Motors Inc</small></p> 588 </div> 589 </div> 590 <p>I put an in-line style on the headline so that the default margin doesn't make it not 591 line up with the others. This would probably already be addressed by some css on 592 your site but leave it if you like. It's not a big part of how this works...</p> 593 </div> 594 <div class="grid-item"> 595 <div class="user d-flex justify-content-start"> 596 <img src="/images/usericon.png" alt=""> 597 <div> 598 <h6>Chirs Shaw</h6> 599 <p><small>Mills Motors Inc</small></p> 600 </div> 601 </div> 602 <p>The reason we love this solution SO MUCH, is that it doesn't rely on any javascript 603 or hacky complicated CSS.</p> 604 </div> 605 <div class="grid-item"> 606 <div class="user d-flex justify-content-start"> 607 <img src="/images/usericon.png" alt=""> 608 <div> 609 <h6>Chirs Shaw</h6> 610 <p><small>Mills Motors Inc</small></p> 611 </div> 612 </div> 613 <p>None needed. It all just works.</p> 614 </div> 615 <div class="grid-item"> 616 <div class="user d-flex justify-content-start"> 617 <img src="/images/usericon.png" alt=""> 618 <div> 619 <h6>Chirs Shaw</h6> 620 <p><small>Mills Motors Inc</small></p> 621 </div> 622 </div> 623 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a mollis eros. 624 Morbi lit a, semper erat. Integer tempus tortor quis libero volutpat cursus. Vivamus 625 mattis felis nibh, non pharetra dui cursus ac.</p> 626 </div> 627 <div class="grid-item"> 628 <div class="user d-flex justify-content-start"> 629 <img src="/images/usericon.png" alt=""> 630 <div> 631 <h6>Chirs Shaw</h6> 632 <p><small>Mills Motors Inc</small></p> 633 </div> 634 </div> 635 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a mollis eros. 636 Morbi lit a, semper erat. Integer tempus tortor quis libero volutpat cursus. Vivamus 637 mattis felis nibh, non pharetra dui cursus ac.</p> 638 </div> 639 <div class="grid-item"> 640 <div class="user d-flex justify-content-start"> 641 <img src="/images/usericon.png" alt=""> 642 <div> 643 <h6>Chirs Shaw</h6> 644 <p><small>Mills Motors Inc</small></p> 645 </div> 646 </div> 647 <p>Maecenas sollicitudin libero sit amet velit efficitur, eu tincidunt elit rutrum. Nam 648 turpis ipsum, fringilla consectetur faucibus ac, maximus at libero. Cras sodales 649 condimentum orci non cursus. Donec consequat ante ac eros condimentum, sed luctus 650 ipsum semper. Nunc laoreet turpis eget tempor egestas. Class aptent taciti sociosqu 651 ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque nec 652 pellentesque felis. Donec sed dapibus dui. Etiam convallis sodales urna nec aliquam.
653 Phasellus non eleifend velit, at lacinia libero. Vivamus cursus lorem nibh. Sed 654 rhoncus tincidunt feugiat. Pellentesque eleifend purus semper tincidunt vulputate. 655 Aenean quis velit lorem. 656 657 </p> 658 </div> 659 <div class="grid-item"> 660 <div class="user d-flex justify-content-start"> 661 <img src="/images/usericon.png" alt=""> 662 <div> 663 <h6>Chirs Shaw</h6> 664 <p><small>Mills Motors Inc</small></p> 665 </div> 666 </div> 667 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a mollis eros. 668 Morbi lit a, semper erat. Integer tempus tortor quis libero volutpat cursus. Vivamus 669 mattis felis nibh, non pharetra dui cursus ac.</p> 670 </div> 671 <div class="grid-item"> 672 <div class="user d-flex justify-content-start"> 673 <img src="/images/usericon.png" alt=""> 674 <div> 675 <h6>Chirs Shaw</h6> 676 <p><small>Mills Motors Inc</small></p> 677 </div> 678 </div> 679 <p>Nunc eleifend imperdiet nibh non aliquam. Donec sagittis tempus lectus. Ut eu lacus 680 sit amet lacus porttitor fringilla. Nulla nec sollicitudin mauris. Sed placerat eros 681 ut bibendum interdum. Nam et orci ac est viverra lobortis ut at turpis. Aenean porta 682 aliquam est id lacinia. 683 684 </p> 685 </div> 686 <div class="grid-item"> 687 <div class="user d-flex justify-content-start"> 688 <img src="/images/usericon.png" alt=""> 689 <div> 690 <h6>Chirs Shaw</h6> 691 <p><small>Mills Motors Inc</small></p> 692 </div> 693 </div> 694 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a mollis eros. 695 Morbi lit a, semper erat. Integer tempus tortor quis libero volutpat cursus. Vivamus 696 mattis felis nibh, non pharetra dui cursus ac.</p> 697 </div> 698 699 </div> 700 <!--END: Masonry Grid--> 701 </div> 702 </div> 703 </div> 704 </div> 705 706 707 </section> 708 <footer class="footer"> 709 <div class="footer-section"> 710 <div class="container"> 711 <div class="row"> 712 <div class="col-md-12"> 713 <div class="foot_logo"><img src="/images/footer_logo.png" alt=""></div> 714 <div class="footmenu"> 715 <ul> 716 <!-- <li><a href="/price/">Pricing</a></li> --> 717 <li><a href="/how-it-works/for-developers/">For Developers</a></li> 718 <li><a href="/how-it-works/no-code-form-builder/">No-Code Form Builder</a></li> 719 <li><a target="_blank" href="https://zippyform.docs.apiary.io/">API Documentation</a> 720 </li> 721 <li><a href="https://documenter.getpostman.com/view/4437378/2sA3Qzb94j" target="_blank">Postman Collection</a></li> 722 <li><a href="/faq/">FAQ</a></li> 723 <li class="d-none" id="feedback_footer_menu"><a href="/feedback/">Feedback</a></li> 724 <li > 725 <a href="/privacy-policy/">Privacy Policy</a> 726 </li> 727 </ul> 728 <div class="foot_social">
729 <span> 730 <a href=""> 731 <svg id="Facebook" xmlns="http://www.w3.org/2000/svg" width="24" height="24" 732 viewBox="0 0 24 24"> 733 <path id="icons8-facebook_1_" data-name="icons8-facebook (1)" 734 d="M28,7H12a4,4,0,0,0-4,4V27a4,4,0,0,0,4,4h8.5V22.5h-3V19h3V16.5c0-3.5,2-5.5,5-5.5a5.7,5.7,0,0,1,2.5.5v3H26a1.89,1.89,0,0,0-2,2V19h3.5L27,22.5H24V31h4a4,4,0,0,0,4-4V11A4,4,0,0,0,28,7Z" 735 transform="translate(-8 -7)" fill="#fff" /> 736 </svg> 737 </a></span> 738 <span><a href=""> 739 <svg id="twitter" xmlns="http://www.w3.org/2000/svg" width="24" height="24" 740 viewBox="0 0 24 24"> 741 <path id="Path_589" data-name="Path 589" d="M295.72,241.39Z" 742 transform="translate(-271.72 -217.391)" fill="#fff" /> 743 <path id="Path_590" data-name="Path 590" 744 d="M21.407,0H2.593A2.593,2.593,0,0,0,0,2.593V21.407A2.593,2.593,0,0,0,2.593,24H21.407A2.593,2.593,0,0,0,24,21.407V2.593A2.593,2.593,0,0,0,21.407,0Zm-6.1,20.352-4.46-6.491L5.264,20.352H3.821l6.386-7.423L3.821,3.635H8.692l4.223,6.146L18.2,3.635h1.443l-6.09,7.079h0l6.623,9.639Z" 745 fill="#fff" /> 746 </svg> 747 </a></span> 748 <span><a href=""> 749 <svg id="linkedin" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
750 viewBox="0 0 24 24"> 751 <g id="linkedin-2" data-name="linkedin"> 752 <path id="icon" 753 d="M20.727,0H3.273A3.273,3.273,0,0,0,0,3.273V20.727A3.273,3.273,0,0,0,3.273,24H20.727A3.273,3.273,0,0,0,24,20.727V3.273A3.273,3.273,0,0,0,20.727,0ZM8.182,18.993a.506.506,0,0,1-.506.507H5.52a.506.506,0,0,1-.507-.507V9.955a.507.507,0,0,1,.507-.507H7.676a.507.507,0,0,1,.506.507ZM6.6,8.591A2.045,2.045,0,1,1,8.643,6.545,2.045,2.045,0,0,1,6.6,8.591ZM19.451,19.028a.465.465,0,0,1-.466.466H16.666a.465.465,0,0,1-.466-.466V14.794c0-.633.185-2.771-1.654-2.771-1.425,0-1.715,1.463-1.773,2.12v4.89a.466.466,0,0,1-.46.466H10.075a.465.465,0,0,1-.465-.466V9.915a.465.465,0,0,1,.465-.466h2.239a.466.466,0,0,1,.466.466V10.7A3.171,3.171,0,0,1,15.766,9.3c3.706,0,3.682,3.461,3.682,5.362Z" 754 fill="#fff" /> 755 </g> 756 </svg> 757 </a></span> 758 </div> 759 </div> 760 </div> 761 </div> 762 <div class="copyright-section"> 763 <div class="row"> 764 <div class="col-lg-6 d-flex align-items-center"> 765 <div class="copyright"> 766 <p>©<span id="current_year_copy_right"></span> Zippy Form. All rights reserved. 767 </p> 768 </div> 769 </div> 770 <div class="col-lg-6"> 771 <div class="foot_z"> 772 <p>Built with <i class="fas fa-heart"></i> by <a href="https://www.zaigoinfotech.com/" 773 target="_blank">Zaigo Infotech</a></p> 774 </div> 775 </div> 776 </div> 777 </div> 778 779 </div> 780 </div> 781 </footer> 782</body>
783<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js" 784 integrity="sha512-Eak/29OTpb36LLo2r47IpVzPBLXnAMPAVypbSZiZ4Qkf8p/7S/XRG5xp7OKWPPYfJT6metI+IORkR5G8F900+g==" 785 crossorigin="anonymous" referrerpolicy="no-referrer"></script>
vendor: 2 bytes, line 785
785
786<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
vendor: 2 bytes, line 786
786
787<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
vendor: 2 bytes, line 787
787
788<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
vendor: 2 bytes, line 788
788
789<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.validate.js"></script>
vendor: 2 bytes, line 789
789
790<script src="js/custom.js"></script>
vendor: 2 bytes, line 790
790
791<script src="js/main.js"></script>
vendor: 2 bytes, line 791
791
792<script> 793 const urlParams = new URLSearchParams(window.location.search); 794 let tokencode = urlParams.get('user'); 795 if (tokencode) { 796 const { currency, email, name, zippy_form_account, tenant_id, token } = jwtDecode(tokencode); 797 saveToken({ currency, email, name, zippy_form_account, tenant_id, token }) 798 } 799 if (getAuthsection()) { 800 $(".try_for_free_now_btn").html(`<a href="/forms/"><button>My Forms</button></a>`) 801 } 802</script>
802 803 804</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.