CINXE.COM

Zigaform - PHP Calculator & Cost Estimation Form Builder by SoftDiscover

<!doctype html> <!--[if IE 9]> <html class="no-js ie9 fixed-layout" lang="en"> <![endif]--> <!--[if gt IE 9]><!--> <html class="no-js " lang="en"> <!--<![endif]--> <head> <meta charset="utf-8"> <script src="https://public-assets.envato-static.com/assets/market/core/datadog-c9dadca4b1354094f125388491f85039fc6c2017f1bbf824b789caa4c03450a2.js" nonce="xNV8DDiFAjroHhWFUZurmA=="></script> <script nonce="xNV8DDiFAjroHhWFUZurmA=="> //<![CDATA[ window.DD_RUM && window.DD_RUM.init({ clientToken: 'puba7a42f353afa86efd9e11ee56e5fc8d9', applicationId: '8561f3f6-5252-482b-ba9f-2bbb1b009106', site: 'datadoghq.com', service: 'marketplace', env: 'production', version: 'ae74f4f2fe1abc8e145ae4d1de11a56f712f302a', sampleRate: 0.2, premiumSampleRate: 5, trackInteractions: false, defaultPrivacyLevel: 'mask-user-input', beforeSend: (event, context) => { if (typeof window.datadog_attributes == 'object') event.context = {...event.context, ...window.datadog_attributes} }, }) //]]> </script> <script nonce="xNV8DDiFAjroHhWFUZurmA=="> //<![CDATA[ var rollbarEnvironment = "production" var codeVersion = "ae74f4f2fe1abc8e145ae4d1de11a56f712f302a" //]]> </script> <script src="https://public-assets.envato-static.com/mp/packs/js/rollbar-304e0de7661e0a12bfed.js" nonce="xNV8DDiFAjroHhWFUZurmA=="></script> <meta content="origin-when-cross-origin" name="referrer" /> <link rel="dns-prefetch" href="//s3.envato.com" /> <link rel="preload" href="https://market-resized.envatousercontent.com/codecanyon.net/files/545223682/4.phpcost-inline-preview-7.4.1.jpg?auto=format&amp;q=94&amp;cf_fit=crop&amp;gravity=top&amp;h=8000&amp;w=590&amp;s=c19a0c936a4d8d48f77acc3ef38030030f340dc8fb52b5b1a5b08bd5d7181cd5" as="image" /> <link rel="preload" href="https://public-assets.envato-static.com/assets/generated_sprites/logos-20f56d7ae7a08da2c6698db678490c591ce302aedb1fcd05d3ad1e1484d3caf9.png" as="image" /> <link rel="preload" href="https://public-assets.envato-static.com/assets/generated_sprites/common-5af54247f3a645893af51456ee4c483f6530608e9c15ca4a8ac5a6e994d9a340.png" as="image" /> <title>Zigaform - PHP Calculator &amp; Cost Estimation Form Builder by SoftDiscover</title> <meta name="description" content="Buy Zigaform - PHP Calculator &amp; Cost Estimation Form Builder by SoftDiscover on CodeCanyon. USERS SAY The Ultimate PHP Calculator &amp;amp;amp; Cost Estimation Form Builder Zigaform – PHP Calculator &amp;amp;amp; Cost Estima..."> <meta name="viewport" content="width=device-width,initial-scale=1"> <link rel="shortcut icon" type="image/x-icon" href="https://public-assets.envato-static.com/assets/icons/favicons/favicon-1147a1221bfa55e7ee6678c2566ccd7580fa564fe2172489284a1c0b1d8d595d.png" /> <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://public-assets.envato-static.com/assets/icons/favicons/apple-touch-icon-72x72-precomposed-ea6fb08063069270d41814bdcea6a36fee5fffaba8ec1f0be6ccf3ebbb63dddb.png" sizes="72x72" /> <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://public-assets.envato-static.com/assets/icons/favicons/apple-touch-icon-114x114-precomposed-bab982e452fbea0c6821ffac2547e01e4b78e1df209253520c7c4e293849c4d3.png" sizes="114x114" /> <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://public-assets.envato-static.com/assets/icons/favicons/apple-touch-icon-120x120-precomposed-8275dc5d1417e913b7bd8ad048dccd1719510f0ca4434f139d675172c1095386.png" sizes="120x120" /> <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://public-assets.envato-static.com/assets/icons/favicons/apple-touch-icon-144x144-precomposed-c581101b4f39d1ba1c4a5e45edb6b3418847c5c387b376930c6a9922071c8148.png" sizes="144x144" /> <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://public-assets.envato-static.com/assets/icons/favicons/apple-touch-icon-precomposed-c581101b4f39d1ba1c4a5e45edb6b3418847c5c387b376930c6a9922071c8148.png" /> <link rel="stylesheet" media="all" href="https://public-assets.envato-static.com/assets/market/core/index-6c69a94a8baf3f4c3819d01881b93c5df72551f3f91ec87d2f599bb75ba7ca88.css" /> <link rel="stylesheet" media="all" href="https://public-assets.envato-static.com/assets/market/pages/default/index-43c9e199b223db5c5bba332e76ddb21b8a94a6038c1f49a8e7d1d258d5b02293.css" /> <link rel="stylesheet" media="screen" href="https://public-assets.envato-static.com/mp/packs/css/components/brand_neue_tokens-a3eebe3f.css" /> <meta name="theme-color" content="#333333"> <link rel="canonical" href="https://codecanyon.net/item/zigaform-php-calculator-cost-estimation-form-builder/15883447" /> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "name": "CodeCanyon", "url": "https://codecanyon.net" } </script> <script type="application/ld+json"> {"@context":"http://schema.org","@type":"Product","category":"Forms","url":"https://codecanyon.net/item/zigaform-php-calculator-cost-estimation-form-builder/15883447","description":"USERS SAY The Ultimate PHP Calculator \u0026amp; Cost Estimation Form Builder Zigaform – PHP Calculator \u0026amp; Cost Estimation Form Builder is a flexible PHP software which allows you to build your estimation forms on few easy steps using a simple yet","name":"Zigaform - PHP Calculator \u0026 Cost Estimation Form Builder","image":"https://s3.envato.com/files/545223681/4.phpcost-thumbnail-7.4.1.png","brand":{"@type":"Brand","name":"SoftDiscover"},"sku":15883447,"mpn":"E-15883447","productionDate":"2024-11-20T14:36:33+11:00","releaseDate":"2024-11-20T14:36:33+11:00","offers":{"@type":"Offer","price":"89.00","priceCurrency":"USD","priceValidUntil":"2024-11-25T23:59:59+11:00","itemCondition":"http://schema.org/NewCondition","availability":"http://schema.org/InStock","url":"https://codecanyon.net/item/zigaform-php-calculator-cost-estimation-form-builder/15883447"},"aggregateRating":{"@type":"AggregateRating","ratingValue":"4.30","reviewCount":"30"},"review":{"@type":"Review","reviewRating":{"@type":"Rating","ratingValue":"5","bestRating":"5"},"author":{"@type":"Person","name":"rfassinou"}}} </script> <script type="application/ld+json"> {"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://codecanyon.net"},{"@type":"ListItem","position":2,"name":"Files","item":"https://codecanyon.net/category/all"},{"@type":"ListItem","position":3,"name":"PHP Scripts","item":"https://codecanyon.net/php-scripts"},{"@type":"ListItem","position":4,"name":"Forms"}]} </script> <script type="application/ld+json"> {"@type":"SoftwareApplication","applicationCategory":"Forms","aggregateRating":{"@type":"AggregateRating","itemReviewed":"Zigaform - PHP Calculator \u0026 Cost Estimation Form Builder","ratingCount":30,"ratingValue":4.5},"@context":"http://schema.org","datePublished":"2024-11-20T14:36:33+11:00","dateCreated":"2016-04-26T15:41:28+10:00","name":"Zigaform - PHP Calculator \u0026 Cost Estimation Form Builder","description":"USERS SAY The Ultimate PHP Calculator \u0026amp; Cost Estimation Form Builder Zigaform – PHP Calculator \u0026amp; Cost Estimation Form Builder is a flexible PHP software which allows you to build your estimation forms on few easy steps using a simple yet","url":"https://codecanyon.net/item/zigaform-php-calculator-cost-estimation-form-builder/15883447","thumbnailUrl":"https://s3.envato.com/files/545223682/4.phpcost-inline-preview-7.4.1.jpg","author":{"@type":"Person","name":"SoftDiscover","url":"https://codecanyon.net/user/softdiscover"}} </script> <script nonce="xNV8DDiFAjroHhWFUZurmA=="> //<![CDATA[ window.dataLayer = window.dataLayer || []; //]]> </script> <meta name="bingbot" content="nocache"> <meta name="twitter:card" content="product" /> <meta name="twitter:site" content="@envatomarket" /> <meta name="twitter:creator" content="@Softdiscover" /> <meta name="twitter:data1" content="$89 USD" /> <meta name="twitter:label1" content="Price" /> <meta name="twitter:data2" content="CodeCanyon" /> <meta name="twitter:label2" content="Marketplace" /> <meta name="twitter:domain" content="codecanyon.net" /> <meta property="og:title" content="Zigaform - PHP Calculator &amp; Cost Estimation Form Builder" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://codecanyon.net/item/zigaform-php-calculator-cost-estimation-form-builder/15883447" /> <meta property="og:image" content="https://s3.envato.com/files/545223681/4.phpcost-thumbnail-7.4.1.png" /> <meta property="og:description" content=" ..." /> <meta property="og:site_name" content="CodeCanyon" /> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="YUFTYLYjOWLhA7VH2dczKtZ2xGXi2sdaAxrYxT7lenvxBblyX9-rjX2aET3p8sAxWd4_MQ9DBFCnCCd_0aXBVQ" /> <meta name="turbo-visit-control" content="reload"> <script type="text/plain" nonce="xNV8DDiFAjroHhWFUZurmA==" data-cookieconsent="statistics"> //<![CDATA[ var container_env_param = ""; (function(w,d,s,l,i) { w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'}); var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl+container_env_param; f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-W8KL5Q5'); //]]> </script> <script type="text/plain" nonce="xNV8DDiFAjroHhWFUZurmA==" data-cookieconsent="marketing"> //<![CDATA[ var gtmId = 'GTM-KGCDGPL6'; var container_env_param = ""; // Google Tag Manager Tracking Code (function(w,d,s,l,i) { w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'}); var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl+container_env_param; f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer', gtmId); window.addEventListener('load', function() { window.dataLayer.push({ event: 'pinterestReady' }); }); //]]> </script> <script src="https://public-assets.envato-static.com/assets/market/core/head-27cdb5ede34aef07336dc99fceecaf31a2d50c9615e8116fc60965812916e464.js" nonce="xNV8DDiFAjroHhWFUZurmA=="></script> </head> <body class="color-scheme-light" data-view="app impressionTracker" data-responsive="true" data-user-signed-in="false" > <script nonce="xNV8DDiFAjroHhWFUZurmA=="> //<![CDATA[ var gtmConfig = {} //]]> </script> <!--[if lte IE 8]> <div style="color:#fff;background:#f00;padding:20px;text-align:center;"> CodeCanyon no longer actively supports this version of Internet Explorer. We suggest that you <a href="https://windows.microsoft.com/en-us/internet-explorer/download-ie" style="color:#fff;text-decoration:underline;">upgrade to a newer version</a> or <a href="https://browsehappy.com/" style="color:#fff;text-decoration:underline;">try a different browser</a>. </div> <![endif]--> <script src="https://public-assets.envato-static.com/mp/packs/js/gtm_measurements-0a96144c452c1dfda6b2.js" nonce="xNV8DDiFAjroHhWFUZurmA=="></script> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W8KL5Q5" height="0" width="0" style="display:none;visibility:hidden" > </iframe> </noscript> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KGCDGPL6" height="0" width="0" style="display:none;visibility:hidden" > </iframe> </noscript> <script nonce="xNV8DDiFAjroHhWFUZurmA=="> //<![CDATA[ (function() { function normalizeAttributeValue(value) { if (value === undefined || value === null) return undefined var normalizedValue if (Array.isArray(value)) { normalizedValue = normalizedValue || value .map(normalizeAttributeValue) .filter(Boolean) .join(', ') } normalizedValue = normalizedValue || value .toString() .toLowerCase() .trim() .replace(/&amp;/g, '&') .replace(/&#39;/g, "'") .replace(/\s+/g, ' ') if (normalizedValue === '') return undefined return normalizedValue } var pageAttributes = { app_name: normalizeAttributeValue('Marketplace'), app_env: normalizeAttributeValue('production'), app_version: normalizeAttributeValue('ae74f4f2fe1abc8e145ae4d1de11a56f712f302a'), page_type: normalizeAttributeValue('item'), page_location: window.location.href, page_title: document.title, page_referrer: document.referrer, ga_param: normalizeAttributeValue(''), event_attributes: null, user_attributes: { user_id: normalizeAttributeValue(''), market_user_id: normalizeAttributeValue(''), } } dataLayer.push(pageAttributes) dataLayer.push({ event: 'analytics_ready', event_attributes: { event_type: 'user', custom_timestamp: Date.now() } }) })(); //]]> </script> <div class="page"> <div class="page__off-canvas--left overflow"> <div class="off-canvas-left js-off-canvas-left"> <div class="off-canvas-left__top"> <a href="https://codecanyon.net">Envato Market</a> </div> <div class="off-canvas-left__current-site -color-codecanyon"> <span class="off-canvas-left__site-title"> Code </span> <a class="off-canvas-left__current-site-toggle -white-arrow -color-codecanyon" data-view="dropdown" data-dropdown-target=".off-canvas-left__sites" href="#"></a> </div> <div class="off-canvas-left__sites is-hidden" id="off-canvas-sites"> <a class="off-canvas-left__site" href="https://themeforest.net/?auto_signin=true"> <span class="off-canvas-left__site-title"> Web Themes &amp; Templates </span> <i class="e-icon -icon-right-open"></i> </a> <a class="off-canvas-left__site" href="https://videohive.net/?auto_signin=true"> <span class="off-canvas-left__site-title"> Video </span> <i class="e-icon -icon-right-open"></i> </a> <a class="off-canvas-left__site" href="https://audiojungle.net/?auto_signin=true"> <span class="off-canvas-left__site-title"> Audio </span> <i class="e-icon -icon-right-open"></i> </a> <a class="off-canvas-left__site" href="https://graphicriver.net/?auto_signin=true"> <span class="off-canvas-left__site-title"> Graphics </span> <i class="e-icon -icon-right-open"></i> </a> <a class="off-canvas-left__site" href="https://photodune.net/?auto_signin=true"> <span class="off-canvas-left__site-title"> Photos </span> <i class="e-icon -icon-right-open"></i> </a> <a class="off-canvas-left__site" href="https://3docean.net/?auto_signin=true"> <span class="off-canvas-left__site-title"> 3D Files </span> <i class="e-icon -icon-right-open"></i> </a></div> <div class="off-canvas-left__search"> <form id="search" action="/category/all" accept-charset="UTF-8" method="get"> <div class="search-field -border-none"> <div class="search-field__input"> <input id="term" name="term" type="search" placeholder="Search" class="search-field__input-field" /> </div> <button class="search-field__button" type="submit"> <i class="e-icon -icon-search"><span class="e-icon__alt">Search</span></i> </button> </div> </form></div> <ul> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-all-items" href="/category/all"> All Items </a> <ul class="is-hidden" id="off-canvas-all-items"> <li> <a class="off-canvas-category-link--sub" href="/top-sellers">Popular Files</a> </li> <li> <a class="off-canvas-category-link--sub" href="/feature">Featured Files</a> </li> <li> <a class="off-canvas-category-link--sub" href="/search?date=this-month&amp;sort=sales">Top New Files</a> </li> <li> <a class="off-canvas-category-link--sub" href="/follow_feed">Follow Feed</a> </li> <li> <a class="off-canvas-category-link--sub" href="/authors/top">Top Authors</a> </li> <li> <a class="off-canvas-category-link--sub" href="/page/top_new_sellers">Top New Authors</a> </li> <li> <a class="off-canvas-category-link--sub" href="/collections">Public Collections</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category">View All Categories</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-php-scripts" href="/category/php-scripts"> PHP Scripts </a> <ul class="is-hidden" id="off-canvas-php-scripts"> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts">Show all PHP Scripts</a> </li> <li> <a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=php-scripts">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/add-ons">Add-ons</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/calendars">Calendars</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/countdowns">Countdowns</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/database-abstractions">Database Abstractions</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/forms">Forms</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/help-and-support-tools">Help and Support Tools</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/images-and-media">Images and Media</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/loaders-and-uploaders">Loaders and Uploaders</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/navigation">Navigation</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/news-tickers">News Tickers</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/polls">Polls</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/project-management-tools">Project Management Tools</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/ratings-and-charts">Ratings and Charts</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/search">Search</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/shopping-carts">Shopping Carts</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/social-networking">Social Networking</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/miscellaneous">Miscellaneous</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-wordpress" href="/category/wordpress"> WordPress </a> <ul class="is-hidden" id="off-canvas-wordpress"> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress">Show all WordPress</a> </li> <li> <a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=wordpress">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/add-ons">Add-ons</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/advertising">Advertising</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/calendars">Calendars</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/ecommerce">eCommerce</a> </li> <li> <a class="off-canvas-category-link--sub" href="/attributes/compatible-with/elementor">Elementor</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/forms">Forms</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/forums">Forums</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/galleries">Galleries</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/interface-elements">Interface Elements</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/media">Media</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/membership">Membership</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/newsletters">Newsletters</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/seo">SEO</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/social-networking">Social Networking</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/utilities">Utilities</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/widgets">Widgets</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/miscellaneous">Miscellaneous</a> </li> <li> <a class="off-canvas-category-link--sub" href="https://themeforest.net/category/wordpress">WordPress Themes on ThemeForest</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-ecommerce" href="/search/ecommerce"> eCommerce </a> <ul class="is-hidden" id="off-canvas-ecommerce"> <li> <a class="off-canvas-category-link--sub" href="/search/ecommerce">Show all eCommerce</a> </li> <li> <a class="off-canvas-category-link--sub" href="/search?compatible_with=Easy+Digital+Downloads">Easy Digital Downloads</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/ecommerce/jigoshop">Jigoshop</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/magento-extensions">Magento Extensions</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/opencart">OpenCart</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/oscommerce">osCommerce</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/prestashop">Prestashop</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/ubercart">UberCart</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/virtuemart">VirtueMart</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/ecommerce/woocommerce">WooCommerce</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/ecommerce/wp-e-commerce">WP e-Commerce</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/ecommerce/standalone">WP Standalone</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/zen-cart">Zen Cart</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/ecommerce/miscellaneous">Miscellaneous</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-javascript" href="/category/javascript"> JavaScript </a> <ul class="is-hidden" id="off-canvas-javascript"> <li> <a class="off-canvas-category-link--sub" href="/category/javascript">Show all JavaScript</a> </li> <li> <a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=javascript">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/animated-svgs">Animated SVGs</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/calendars">Calendars</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/countdowns">Countdowns</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/database-abstractions">Database Abstractions</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/forms">Forms</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/images-and-media">Images and Media</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/loaders-and-uploaders">Loaders and Uploaders</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/media">Media</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/navigation">Navigation</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/news-tickers">News Tickers</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/project-management-tools">Project Management Tools</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/ratings-and-charts">Ratings and Charts</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/shopping-carts">Shopping Carts</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/sliders">Sliders</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/social-networks">Social Networks</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/miscellaneous">Miscellaneous</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-css" href="/category/css"> CSS </a> <ul class="is-hidden" id="off-canvas-css"> <li> <a class="off-canvas-category-link--sub" href="/category/css">Show all CSS</a> </li> <li> <a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=css">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/css/animations-and-effects">Animations and Effects</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/css/buttons">Buttons</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/css/charts-and-graphs">Charts and Graphs</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/css/forms">Forms</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/css/layouts">Layouts</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/css/navigation-and-menus">Navigation and Menus</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/css/pricing-tables">Pricing Tables</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/css/tabs-and-sliders">Tabs and Sliders</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/css/miscellaneous">Miscellaneous</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-mobile" href="/category/mobile"> Mobile </a> <ul class="is-hidden" id="off-canvas-mobile"> <li> <a class="off-canvas-category-link--sub" href="/category/mobile">Show all Mobile</a> </li> <li> <a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=mobile">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/mobile/android">Android</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/mobile/flutter">Flutter</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/mobile/ios">iOS</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/mobile/native-web">Native Web</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/mobile/titanium">Titanium</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-html5" href="/category/html5"> HTML5 </a> <ul class="is-hidden" id="off-canvas-html5"> <li> <a class="off-canvas-category-link--sub" href="/category/html5">Show all HTML5</a> </li> <li> <a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=html5">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/3d">3D</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/ad-templates">Ad Templates</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/canvas">Canvas</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/charts-and-graphs">Charts and Graphs</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/forms">Forms</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/games">Games</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/libraries">Libraries</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/media">Media</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/presentations">Presentations</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/sliders">Sliders</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/storage">Storage</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/templates">Templates</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/miscellaneous">Miscellaneous</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-ai-tools" href="/search/ai"> AI Tools </a> <ul class="is-hidden" id="off-canvas-ai-tools"> <li> <a class="off-canvas-category-link--sub" href="/search/ai">Show all AI Tools</a> </li> <li> <a class="off-canvas-category-link--sub" href="/search/ai?sort=sales">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/search/ai%20content">AI Writers and Content Generators</a> </li> <li> <a class="off-canvas-category-link--sub" href="/search/ai%20image">AI Image and Video Generators</a> </li> <li> <a class="off-canvas-category-link--sub" href="/search/ai%20chat">AI Chatbots</a> </li> </ul> </li> <li> <a class="off-canvas-category-link--empty" href="https://themeforest.net/category/wordpress"> WP Themes </a> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-plugins" href="/category/plugins"> Plugins </a> <ul class="is-hidden" id="off-canvas-plugins"> <li> <a class="off-canvas-category-link--sub" href="/category/plugins">Show all Plugins</a> </li> <li> <a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=plugins">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/concrete5">Concrete5</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/drupal">Drupal</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/expressionengine">ExpressionEngine</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/joomla">Joomla</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/magento-extensions">Magento Extensions</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/muse-widgets">Muse Widgets</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/opencart">OpenCart</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/oscommerce">osCommerce</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/prestashop">Prestashop</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/ubercart">Ubercart</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/virtuemart">VirtueMart</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/zen-cart">Zen Cart</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/miscellaneous">Miscellaneous</a> </li> </ul> </li> <li> <a class="off-canvas-category-link--empty" href="https://placeit.net/mockup-generator?utm_source=envatomarket&amp;utm_medium=promos&amp;utm_campaign=placeit_mkt-menu-photos&amp;utm_content=mockup_generator"> Mockup Generator </a> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-more" href="/category"> More </a> <ul class="is-hidden" id="off-canvas-more"> <li> <a class="off-canvas-category-link--sub" href="/category/net">.NET</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/apps">Apps</a> </li> <li> <a class="off-canvas-category-link--sub" href="/search?term=facebook&amp;type=files">Facebook</a> </li> </ul> </li> <li> <a class="elements-nav__category-link external-link" target="_blank" data-analytics-view-payload="{&quot;eventName&quot;:&quot;view_promotion&quot;,&quot;contextDetail&quot;:&quot;site switcher&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;switcher_mobile_31JUL2024&quot;,&quot;promotionName&quot;:&quot;switcher_mobile_31JUL2024&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_promotion&quot;,&quot;contextDetail&quot;:&quot;site switcher&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;switcher_mobile_31JUL2024&quot;,&quot;promotionName&quot;:&quot;switcher_mobile_31JUL2024&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" href="https://elements.envato.com/?utm_campaign=switcher_mobile_31JUL2024&amp;utm_medium=referral&amp;utm_source=codecanyon.net">Unlimited Downloads</a> </li> </ul> </div> </div> <div class="page__off-canvas--right overflow"> <div class="off-canvas-right"> <a class="off-canvas-right__link--cart" href="/cart"> Guest Cart <div class="shopping-cart-summary is-empty" data-view="cartCount"> <span class="js-cart-summary-count shopping-cart-summary__count">0</span> <i class="e-icon -icon-cart"></i> </div> </a> <a class="off-canvas-right__link" href="/sign_up"> Create an Envato Account <i class="e-icon -icon-envato"></i> </a> <a class="off-canvas-right__link" href="/sign_in"> Sign In <i class="e-icon -icon-login"></i> </a> </div> </div> <div class="page__canvas"> <div class="canvas"> <div class="canvas__header"> <header class="site-header"> <div class="site-header__mini is-hidden-desktop"> <div class="header-mini"> <div class="header-mini__button--cart"> <a class="btn btn--square" href="/cart"> <svg width="14px" height="14px" viewBox="0 0 14 14" class="header-mini__button-cart-icon" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" role="img"> <title>Cart</title> <path d="M 0.009 1.349 C 0.009 1.753 0.347 2.086 0.765 2.086 C 0.765 2.086 0.766 2.086 0.767 2.086 L 0.767 2.09 L 2.289 2.09 L 5.029 7.698 L 4.001 9.507 C 3.88 9.714 3.812 9.958 3.812 10.217 C 3.812 11.028 4.496 11.694 5.335 11.694 L 14.469 11.694 L 14.469 11.694 C 14.886 11.693 15.227 11.36 15.227 10.957 C 15.227 10.552 14.886 10.221 14.469 10.219 L 14.469 10.217 L 5.653 10.217 C 5.547 10.217 5.463 10.135 5.463 10.031 L 5.487 9.943 L 6.171 8.738 L 11.842 8.738 C 12.415 8.738 12.917 8.436 13.175 7.978 L 15.901 3.183 C 15.96 3.08 15.991 2.954 15.991 2.828 C 15.991 2.422 15.65 2.09 15.23 2.09 L 3.972 2.09 L 3.481 1.077 L 3.466 1.043 C 3.343 0.79 3.084 0.612 2.778 0.612 C 2.777 0.612 0.765 0.612 0.765 0.612 C 0.347 0.612 0.009 0.943 0.009 1.349 Z M 3.819 13.911 C 3.819 14.724 4.496 15.389 5.335 15.389 C 6.171 15.389 6.857 14.724 6.857 13.911 C 6.857 13.097 6.171 12.434 5.335 12.434 C 4.496 12.434 3.819 13.097 3.819 13.911 Z M 11.431 13.911 C 11.431 14.724 12.11 15.389 12.946 15.389 C 13.784 15.389 14.469 14.724 14.469 13.911 C 14.469 13.097 13.784 12.434 12.946 12.434 C 12.11 12.434 11.431 13.097 11.431 13.911 Z"></path> </svg> <span class="is-hidden">Cart</span> <span class="header-mini__button-cart-cart-amount is-hidden"> 0 </span> </a> </div> <div class="header-mini__button--account"> <a class="btn btn--square" data-view="offCanvasNavToggle" data-off-canvas="right" href="#account"> <i class="e-icon -icon-person"></i> <span class="is-hidden">Account</span> </a> </div> <div class="header-mini__button--categories"> <a class="btn btn--square" data-view="offCanvasNavToggle" data-off-canvas="left" href="#categories"> <i class="e-icon -icon-hamburger"></i> <span class="is-hidden">Sites, Search &amp; Categories</span> </a> </div> <div class="header-mini__logo"> <a href="https://codecanyon.net/?auto_signin=true"> <img alt="CodeCanyon" class="header-mini__logo--codecanyon" src="https://public-assets.envato-static.com/assets/common/transparent-1px-1f61547480c17dc67dd9a6c38545a5911cc4a8024f6f3c0992e7c1c81fb37578.png" /> </a></div> </div> </div> <div class="global-header is-hidden-tablet-and-below"> <div class='grid-container -layout-wide'> <div class='global-header__wrapper'> <a href="https://codecanyon.net"> <img height="20" alt="Envato Market" class="global-header__logo" src="https://public-assets.envato-static.com/assets/logos/envato_market-dd390ae860330996644c1c109912d2bf63885fc075b87215ace9b5b4bdc71cc8.svg" /> </a> <nav class='global-header-menu' role='navigation'> <ul class='global-header-menu__list'> <li class='global-header-menu__list-item'> <a class="global-header-menu__link" href="https://forums.envato.com"> <span class='global-header-menu__link-text'> Forums </span> </a> </li> <li class='global-header-menu__list-item'> <a class="global-header-menu__link" href="https://author.envato.com"> <span class='global-header-menu__link-text'> Start Selling </span> </a> </li> <li data-view="globalHeaderMenuDropdownHandler" class='global-header-menu__list-item--with-dropdown'> <a data-lazy-load-trigger="mouseover" class="global-header-menu__link" href="#"> <svg width="16px" height="16px" viewBox="0 0 16 16" class="global-header-menu__icon" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" role="img"> <title>Menu</title> <path d="M3.5 2A1.5 1.5 0 0 1 5 3.5 1.5 1.5 0 0 1 3.5 5 1.5 1.5 0 0 1 2 3.5 1.5 1.5 0 0 1 3.5 2zM8 2a1.5 1.5 0 0 1 1.5 1.5A1.5 1.5 0 0 1 8 5a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 8 2zM12.5 2A1.5 1.5 0 0 1 14 3.5 1.5 1.5 0 0 1 12.5 5 1.5 1.5 0 0 1 11 3.5 1.5 1.5 0 0 1 12.5 2zM3.5 6.5A1.5 1.5 0 0 1 5 8a1.5 1.5 0 0 1-1.5 1.5A1.5 1.5 0 0 1 2 8a1.5 1.5 0 0 1 1.5-1.5zM8 6.5A1.5 1.5 0 0 1 9.5 8 1.5 1.5 0 0 1 8 9.5 1.5 1.5 0 0 1 6.5 8 1.5 1.5 0 0 1 8 6.5zM12.5 6.5A1.5 1.5 0 0 1 14 8a1.5 1.5 0 0 1-1.5 1.5A1.5 1.5 0 0 1 11 8a1.5 1.5 0 0 1 1.5-1.5zM3.5 11A1.5 1.5 0 0 1 5 12.5 1.5 1.5 0 0 1 3.5 14 1.5 1.5 0 0 1 2 12.5 1.5 1.5 0 0 1 3.5 11zM8 11a1.5 1.5 0 0 1 1.5 1.5A1.5 1.5 0 0 1 8 14a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 8 11zM12.5 11a1.5 1.5 0 0 1 1.5 1.5 1.5 1.5 0 0 1-1.5 1.5 1.5 1.5 0 0 1-1.5-1.5 1.5 1.5 0 0 1 1.5-1.5z"></path> </svg> <span class='global-header-menu__link-text'> Our Products </span> </a> <div class='global-header-menu__dropdown-container'> <div class='global-header-dropdown'> <ul class='global-header-dropdown__list'> <li> <a class="global-header-dropdown__link" data-analytics-view-payload="{&quot;eventName&quot;:&quot;view_promotion&quot;,&quot;contextDetail&quot;:&quot;product picker&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;elements_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionName&quot;:&quot;elements_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_promotion&quot;,&quot;contextDetail&quot;:&quot;product picker&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;elements_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionName&quot;:&quot;elements_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" title="The unlimited creative subscription" target="_blank" href="https://elements.envato.com?utm_source=envatomarket&amp;utm_medium=promos&amp;utm_campaign=elements_mkt-headernav_our_products_26AUG2024&amp;utm_content=headernav"> <span data-src="https://public-assets.envato-static.com/assets/header/EnvatoElements-logo-4f70ffb865370a5fb978e9a1fc5bbedeeecdfceb8d0ebec2186aef4bee5db79d.svg" data-alt="Envato Elements" data-class="global-header-dropdown__product-logo" class="lazy-load-img global-header-dropdown__product-logo"></span> <span class="global-header-dropdown__link-text -decoration-none">The unlimited creative subscription</span> </a> </li> <li> <a class="global-header-dropdown__link" data-analytics-view-payload="{&quot;eventName&quot;:&quot;view_promotion&quot;,&quot;contextDetail&quot;:&quot;product picker&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;tutsplus_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionName&quot;:&quot;tutsplus_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionType&quot;:&quot;&quot;}}" data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_promotion&quot;,&quot;contextDetail&quot;:&quot;product picker&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;tutsplus_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionName&quot;:&quot;tutsplus_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionType&quot;:&quot;&quot;}}" title="Free creative tutorials and courses" target="_blank" href="https://tutsplus.com?utm_source=envatomarket&amp;utm_medium=promos&amp;utm_campaign=tutsplus_mkt-headernav_our_products_26AUG2024&amp;&amp;utm_content=headernav"> <span data-src="https://public-assets.envato-static.com/assets/header/EnvatoTuts-logo-5bb3e97bcf5ed243facca8a3dfada1cb1c916ab65d5ab88a541fbe9aface742b.svg" data-alt="Tuts+" data-class="global-header-dropdown__product-logo" class="lazy-load-img global-header-dropdown__product-logo"></span> <span class="global-header-dropdown__link-text -decoration-none">Free creative tutorials and courses</span> </a> </li> <li> <a class="global-header-dropdown__link" data-analytics-view-payload="{&quot;eventName&quot;:&quot;view_promotion&quot;,&quot;contextDetail&quot;:&quot;product picker&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;placeit_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionName&quot;:&quot;placeit_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionType&quot;:&quot;&quot;}}" data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_promotion&quot;,&quot;contextDetail&quot;:&quot;product picker&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;placeit_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionName&quot;:&quot;placeit_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionType&quot;:&quot;&quot;}}" title="Customize mockups, design and video" target="_blank" href="https://placeit.net?utm_source=envatomarket&amp;utm_medium=promos&amp;utm_campaign=placeit_mkt-headernav_our_products_26AUG2024&amp;utm_content=headernav"> <span data-src="https://public-assets.envato-static.com/assets/header/Placeit-logo-db4c3dfdec1cbc06ecfc092e600ff2712795f60ce4c50b32c93d450006d7ea8d.svg" data-alt="Placeit by Envato" data-class="global-header-dropdown__product-logo" class="lazy-load-img global-header-dropdown__product-logo"></span> <span class="global-header-dropdown__link-text -decoration-none">Customize mockups, design and video</span> </a> </li> </ul> <div class='global-header-dropdown-footer'> <ul> <li class='global-header-dropdown-footer__list-item'> Join the <a class="global-header-dropdown-footer__link" target="_blank" href="http://community.envato.com"> Envato community </a> </li> <li class='global-header-dropdown-footer__list-item'> Learn from others in <a class="global-header-dropdown-footer__link" target="_blank" href="https://forums.envato.com"> the forums </a> </li> </ul> </div> </div> </div> </li> <li class='global-header-menu__list-item -background-light -border-radius'> <a id="spec-link-cart" class="global-header-menu__link h-pr1" href="/cart"> <svg width="16px" height="16px" viewBox="0 0 16 16" class="global-header-menu__icon global-header-menu__icon-cart" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" role="img"> <title>Cart</title> <path d="M 0.009 1.349 C 0.009 1.753 0.347 2.086 0.765 2.086 C 0.765 2.086 0.766 2.086 0.767 2.086 L 0.767 2.09 L 2.289 2.09 L 5.029 7.698 L 4.001 9.507 C 3.88 9.714 3.812 9.958 3.812 10.217 C 3.812 11.028 4.496 11.694 5.335 11.694 L 14.469 11.694 L 14.469 11.694 C 14.886 11.693 15.227 11.36 15.227 10.957 C 15.227 10.552 14.886 10.221 14.469 10.219 L 14.469 10.217 L 5.653 10.217 C 5.547 10.217 5.463 10.135 5.463 10.031 L 5.487 9.943 L 6.171 8.738 L 11.842 8.738 C 12.415 8.738 12.917 8.436 13.175 7.978 L 15.901 3.183 C 15.96 3.08 15.991 2.954 15.991 2.828 C 15.991 2.422 15.65 2.09 15.23 2.09 L 3.972 2.09 L 3.481 1.077 L 3.466 1.043 C 3.343 0.79 3.084 0.612 2.778 0.612 C 2.777 0.612 0.765 0.612 0.765 0.612 C 0.347 0.612 0.009 0.943 0.009 1.349 Z M 3.819 13.911 C 3.819 14.724 4.496 15.389 5.335 15.389 C 6.171 15.389 6.857 14.724 6.857 13.911 C 6.857 13.097 6.171 12.434 5.335 12.434 C 4.496 12.434 3.819 13.097 3.819 13.911 Z M 11.431 13.911 C 11.431 14.724 12.11 15.389 12.946 15.389 C 13.784 15.389 14.469 14.724 14.469 13.911 C 14.469 13.097 13.784 12.434 12.946 12.434 C 12.11 12.434 11.431 13.097 11.431 13.911 Z"></path> </svg> <span class="global-header-menu__link-cart-amount is-hidden" data-view="headerCartCount" data-test-id="header_cart_count">0</span> </a></li> <li class='global-header-menu__list-item -background-light -border-radius'> <a class="global-header-menu__link h-pl1" data-view="modalAjax" href="/sign_in"> <span id="spec-user-username" class='global-header-menu__link-text'> Sign In </span> </a> </li> </ul> </nav> </div> </div> </div> <div class="site-header__sites is-hidden-tablet-and-below"> <div class="header-sites header-site-titles"> <div class="grid-container -layout-wide"> <nav class="header-site-titles__container"> <div class="header-site-titles__site"> <a class="header-site-titles__link t-link" alt="Web Templates" href="https://themeforest.net/?auto_signin=true">Web Themes &amp; Templates</a> </div> <div class="header-site-titles__site"> <a class="header-site-titles__link t-link is-active" alt="Code" href="https://codecanyon.net/?auto_signin=true">Code</a> </div> <div class="header-site-titles__site"> <a class="header-site-titles__link t-link" alt="Video" href="https://videohive.net/?auto_signin=true">Video</a> </div> <div class="header-site-titles__site"> <a class="header-site-titles__link t-link" alt="Music" href="https://audiojungle.net/?auto_signin=true">Audio</a> </div> <div class="header-site-titles__site"> <a class="header-site-titles__link t-link" alt="Graphics" href="https://graphicriver.net/?auto_signin=true">Graphics</a> </div> <div class="header-site-titles__site"> <a class="header-site-titles__link t-link" alt="Photos" href="https://photodune.net/?auto_signin=true">Photos</a> </div> <div class="header-site-titles__site"> <a class="header-site-titles__link t-link" alt="3D Files" href="https://3docean.net/?auto_signin=true">3D Files</a> </div> <div class="header-site-titles__site elements-nav__container"> <a class="header-site-titles__link t-link elements-nav__main-link" href="https://elements.envato.com/?utm_campaign=elements_mkt-switcher_31JUL2024&amp;utm_content=cc_item_15883447&amp;utm_medium=referral&amp;utm_source=codecanyon.net" target="_blank" > <span> Unlimited Downloads </span> </a> <a target="_blank" class="elements-nav__dropdown-container unique-selling-points__variant" data-analytics-view-payload="{&quot;eventName&quot;:&quot;view_promotion&quot;,&quot;contextDetail&quot;:&quot;site switcher&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;elements_mkt-switcher_31JUL2024&quot;,&quot;promotionName&quot;:&quot;elements_mkt-switcher_31JUL2024&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_promotion&quot;,&quot;contextDetail&quot;:&quot;site switcher&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;elements_mkt-switcher_31JUL2024&quot;,&quot;promotionName&quot;:&quot;elements_mkt-switcher_31JUL2024&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" href="https://elements.envato.com/?utm_campaign=elements_mkt-switcher_31JUL2024&amp;utm_content=cc_item_15883447&amp;utm_medium=referral&amp;utm_source=codecanyon.net"> <div class="elements-nav__main-panel"> <img class="elements-nav__logo-container" loading="lazy" src="https://public-assets.envato-static.com/assets/header/EnvatoElements-logo-4f70ffb865370a5fb978e9a1fc5bbedeeecdfceb8d0ebec2186aef4bee5db79d.svg" alt="Elements logo" height="23" width="101" > <div class="elements-nav__punch-line"> <h2> Looking for unlimited downloads? </h2> <p> Subscribe to Envato Elements. <ul> <li> <img src="https://public-assets.envato-static.com/assets/header/badge-a65149663b95bcee411e80ccf4da9788f174155587980d8f1d9c44fd8b59edd8.svg" alt="badge" width="20" height="20" > Millions of premium assets </li> <li> <img src="https://public-assets.envato-static.com/assets/header/thumbs_up-e5ce4c821cfd6a6aeba61127a8e8c4d2d7c566e654f588a22708c64d66680869.svg" alt="thumbs up" width="20" height="20" > Great value subscription </li> </ul> <button class="brand-neue-button brand-neue-button__open-in-new elements-nav__cta">Let's create</button> </p> </div> </div> <div class="elements-nav__secondary-panel"> <img class="elements-nav__secondary-panel__collage" loading="lazy" src="https://public-assets.envato-static.com/assets/header/items-collage-1x-a39e4a5834e75c32a634cc7311720baa491687b1aaa4b709ebd1acf0f8427b53.png" srcset="https://public-assets.envato-static.com/assets/header/items-collage-2x-75e1ad16a46b9788861780a57feeb5fd1ad1026ecce9330302f0ef8f6f542697.png 2x" alt="Collage of Elements items" width="267" height="233" > </div> </a></div> <div class="header-site-floating-logo__container"> <div class=header-site-floating-logo__codecanyon ></div> </div> </nav> </div> </div> </div> <div class="site-header__categories is-hidden-tablet-and-below"> <div class="header-categories"> <div class="grid-container -layout-wide"> <ul class="header-categories__links"> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-0-dropdown" href="/category/all"> All Items </a> <div class="header-categories__links-dropdown js-categories-0-dropdown"> <ul class="header-dropdown"> <li> <a class="" href="/top-sellers">Popular Files</a> </li> <li> <a class="" href="/feature">Featured Files</a> </li> <li> <a class="" href="/search?date=this-month&amp;sort=sales">Top New Files</a> </li> <li> <a class="" href="/follow_feed">Follow Feed</a> </li> <li> <a class="" href="/authors/top">Top Authors</a> </li> <li> <a class="" href="/page/top_new_sellers">Top New Authors</a> </li> <li> <a class="" href="/collections">Public Collections</a> </li> <li> <a class="" href="/category">View All Categories</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-1-dropdown" href="/category/php-scripts"> PHP Scripts </a> <div class="header-categories__links-dropdown js-categories-1-dropdown"> <ul class="header-dropdown"> <li> <a class=" header-dropdown__top" href="/popular_item/by_category?category=php-scripts">Popular Items</a> </li> <li> <a class="" href="/category/php-scripts/add-ons">Add-ons</a> </li> <li> <a class="" href="/category/php-scripts/calendars">Calendars</a> </li> <li> <a class="" href="/category/php-scripts/countdowns">Countdowns</a> </li> <li> <a class="" href="/category/php-scripts/database-abstractions">Database Abstractions</a> </li> <li> <a class="" href="/category/php-scripts/forms">Forms</a> </li> <li> <a class="" href="/category/php-scripts/help-and-support-tools">Help and Support Tools</a> </li> <li> <a class="" href="/category/php-scripts/images-and-media">Images and Media</a> </li> <li> <a class="" href="/category/php-scripts/loaders-and-uploaders">Loaders and Uploaders</a> </li> <li> <a class="" href="/category/php-scripts/navigation">Navigation</a> </li> <li> <a class="" href="/category/php-scripts/news-tickers">News Tickers</a> </li> <li> <a class="" href="/category/php-scripts/polls">Polls</a> </li> <li> <a class="" href="/category/php-scripts/project-management-tools">Project Management Tools</a> </li> <li> <a class="" href="/category/php-scripts/ratings-and-charts">Ratings and Charts</a> </li> <li> <a class="" href="/category/php-scripts/search">Search</a> </li> <li> <a class="" href="/category/php-scripts/shopping-carts">Shopping Carts</a> </li> <li> <a class="" href="/category/php-scripts/social-networking">Social Networking</a> </li> <li> <a class="" href="/category/php-scripts/miscellaneous">Miscellaneous</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-2-dropdown" href="/category/wordpress"> WordPress </a> <div class="header-categories__links-dropdown js-categories-2-dropdown"> <ul class="header-dropdown"> <li> <a class=" header-dropdown__top" href="/popular_item/by_category?category=wordpress">Popular Items</a> </li> <li> <a class="" href="/category/wordpress/add-ons">Add-ons</a> </li> <li> <a class="" href="/category/wordpress/advertising">Advertising</a> </li> <li> <a class="" href="/category/wordpress/calendars">Calendars</a> </li> <li> <a class="" href="/category/wordpress/ecommerce">eCommerce</a> </li> <li> <a class="" href="/attributes/compatible-with/elementor">Elementor</a> </li> <li> <a class="" href="/category/wordpress/forms">Forms</a> </li> <li> <a class="" href="/category/wordpress/forums">Forums</a> </li> <li> <a class="" href="/category/wordpress/galleries">Galleries</a> </li> <li> <a class="" href="/category/wordpress/interface-elements">Interface Elements</a> </li> <li> <a class="" href="/category/wordpress/media">Media</a> </li> <li> <a class="" href="/category/wordpress/membership">Membership</a> </li> <li> <a class="" href="/category/wordpress/newsletters">Newsletters</a> </li> <li> <a class="" href="/category/wordpress/seo">SEO</a> </li> <li> <a class="" href="/category/wordpress/social-networking">Social Networking</a> </li> <li> <a class="" href="/category/wordpress/utilities">Utilities</a> </li> <li> <a class="" href="/category/wordpress/widgets">Widgets</a> </li> <li> <a class="" href="/category/wordpress/miscellaneous">Miscellaneous</a> </li> <li> <a class=" header-dropdown__bottom" href="https://themeforest.net/category/wordpress">WordPress Themes on ThemeForest</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-3-dropdown" href="/search/ecommerce"> eCommerce </a> <div class="header-categories__links-dropdown js-categories-3-dropdown"> <ul class="header-dropdown"> <li> <a class="" href="/search?compatible_with=Easy+Digital+Downloads">Easy Digital Downloads</a> </li> <li> <a class="" href="/category/wordpress/ecommerce/jigoshop">Jigoshop</a> </li> <li> <a class="" href="/category/plugins/magento-extensions">Magento Extensions</a> </li> <li> <a class="" href="/category/plugins/opencart">OpenCart</a> </li> <li> <a class="" href="/category/plugins/oscommerce">osCommerce</a> </li> <li> <a class="" href="/category/plugins/prestashop">Prestashop</a> </li> <li> <a class="" href="/category/plugins/ubercart">UberCart</a> </li> <li> <a class="" href="/category/plugins/virtuemart">VirtueMart</a> </li> <li> <a class="" href="/category/wordpress/ecommerce/woocommerce">WooCommerce</a> </li> <li> <a class="" href="/category/wordpress/ecommerce/wp-e-commerce">WP e-Commerce</a> </li> <li> <a class="" href="/category/wordpress/ecommerce/standalone">WP Standalone</a> </li> <li> <a class="" href="/category/plugins/zen-cart">Zen Cart</a> </li> <li> <a class="" href="/category/wordpress/ecommerce/miscellaneous">Miscellaneous</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-4-dropdown" href="/category/javascript"> JavaScript </a> <div class="header-categories__links-dropdown js-categories-4-dropdown"> <ul class="header-dropdown"> <li> <a class=" header-dropdown__top" href="/popular_item/by_category?category=javascript">Popular Items</a> </li> <li> <a class="" href="/category/javascript/animated-svgs">Animated SVGs</a> </li> <li> <a class="" href="/category/javascript/calendars">Calendars</a> </li> <li> <a class="" href="/category/javascript/countdowns">Countdowns</a> </li> <li> <a class="" href="/category/javascript/database-abstractions">Database Abstractions</a> </li> <li> <a class="" href="/category/javascript/forms">Forms</a> </li> <li> <a class="" href="/category/javascript/images-and-media">Images and Media</a> </li> <li> <a class="" href="/category/javascript/loaders-and-uploaders">Loaders and Uploaders</a> </li> <li> <a class="" href="/category/javascript/media">Media</a> </li> <li> <a class="" href="/category/javascript/navigation">Navigation</a> </li> <li> <a class="" href="/category/javascript/news-tickers">News Tickers</a> </li> <li> <a class="" href="/category/javascript/project-management-tools">Project Management Tools</a> </li> <li> <a class="" href="/category/javascript/ratings-and-charts">Ratings and Charts</a> </li> <li> <a class="" href="/category/javascript/shopping-carts">Shopping Carts</a> </li> <li> <a class="" href="/category/javascript/sliders">Sliders</a> </li> <li> <a class="" href="/category/javascript/social-networks">Social Networks</a> </li> <li> <a class="" href="/category/javascript/miscellaneous">Miscellaneous</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-5-dropdown" href="/category/css"> CSS </a> <div class="header-categories__links-dropdown js-categories-5-dropdown"> <ul class="header-dropdown"> <li> <a class=" header-dropdown__top" href="/popular_item/by_category?category=css">Popular Items</a> </li> <li> <a class="" href="/category/css/animations-and-effects">Animations and Effects</a> </li> <li> <a class="" href="/category/css/buttons">Buttons</a> </li> <li> <a class="" href="/category/css/charts-and-graphs">Charts and Graphs</a> </li> <li> <a class="" href="/category/css/forms">Forms</a> </li> <li> <a class="" href="/category/css/layouts">Layouts</a> </li> <li> <a class="" href="/category/css/navigation-and-menus">Navigation and Menus</a> </li> <li> <a class="" href="/category/css/pricing-tables">Pricing Tables</a> </li> <li> <a class="" href="/category/css/tabs-and-sliders">Tabs and Sliders</a> </li> <li> <a class="" href="/category/css/miscellaneous">Miscellaneous</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-6-dropdown" href="/category/mobile"> Mobile </a> <div class="header-categories__links-dropdown js-categories-6-dropdown"> <ul class="header-dropdown"> <li> <a class=" header-dropdown__top" href="/popular_item/by_category?category=mobile">Popular Items</a> </li> <li> <a class="" href="/category/mobile/android">Android</a> </li> <li> <a class="" href="/category/mobile/flutter">Flutter</a> </li> <li> <a class="" href="/category/mobile/ios">iOS</a> </li> <li> <a class="" href="/category/mobile/native-web">Native Web</a> </li> <li> <a class="" href="/category/mobile/titanium">Titanium</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-7-dropdown" href="/category/html5"> HTML5 </a> <div class="header-categories__links-dropdown js-categories-7-dropdown"> <ul class="header-dropdown"> <li> <a class=" header-dropdown__top" href="/popular_item/by_category?category=html5">Popular Items</a> </li> <li> <a class="" href="/category/html5/3d">3D</a> </li> <li> <a class="" href="/category/html5/ad-templates">Ad Templates</a> </li> <li> <a class="" href="/category/html5/canvas">Canvas</a> </li> <li> <a class="" href="/category/html5/charts-and-graphs">Charts and Graphs</a> </li> <li> <a class="" href="/category/html5/forms">Forms</a> </li> <li> <a class="" href="/category/html5/games">Games</a> </li> <li> <a class="" href="/category/html5/libraries">Libraries</a> </li> <li> <a class="" href="/category/html5/media">Media</a> </li> <li> <a class="" href="/category/html5/presentations">Presentations</a> </li> <li> <a class="" href="/category/html5/sliders">Sliders</a> </li> <li> <a class="" href="/category/html5/storage">Storage</a> </li> <li> <a class="" href="/category/html5/templates">Templates</a> </li> <li> <a class="" href="/category/html5/miscellaneous">Miscellaneous</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-8-dropdown" href="/search/ai"> AI Tools </a> <div class="header-categories__links-dropdown js-categories-8-dropdown"> <ul class="header-dropdown"> <li> <a class=" header-dropdown__top" href="/search/ai?sort=sales">Popular Items</a> </li> <li> <a class="" href="/search/ai%20content">AI Writers and Content Generators</a> </li> <li> <a class="" href="/search/ai%20image">AI Image and Video Generators</a> </li> <li> <a class="" href="/search/ai%20chat">AI Chatbots</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link header-categories__main-link--empty" href="https://themeforest.net/category/wordpress"> WP Themes </a> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-10-dropdown" href="/category/plugins"> Plugins </a> <div class="header-categories__links-dropdown js-categories-10-dropdown"> <ul class="header-dropdown"> <li> <a class=" header-dropdown__top" href="/popular_item/by_category?category=plugins">Popular Items</a> </li> <li> <a class="" href="/category/plugins/concrete5">Concrete5</a> </li> <li> <a class="" href="/category/plugins/drupal">Drupal</a> </li> <li> <a class="" href="/category/plugins/expressionengine">ExpressionEngine</a> </li> <li> <a class="" href="/category/plugins/joomla">Joomla</a> </li> <li> <a class="" href="/category/plugins/magento-extensions">Magento Extensions</a> </li> <li> <a class="" href="/category/plugins/muse-widgets">Muse Widgets</a> </li> <li> <a class="" href="/category/plugins/opencart">OpenCart</a> </li> <li> <a class="" href="/category/plugins/oscommerce">osCommerce</a> </li> <li> <a class="" href="/category/plugins/prestashop">Prestashop</a> </li> <li> <a class="" href="/category/plugins/ubercart">Ubercart</a> </li> <li> <a class="" href="/category/plugins/virtuemart">VirtueMart</a> </li> <li> <a class="" href="/category/plugins/zen-cart">Zen Cart</a> </li> <li> <a class="" href="/category/plugins/miscellaneous">Miscellaneous</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a rel="noopener" target="_blank" class="header-categories__main-link header-categories__main-link--empty header-categories__main-link--offsite_icon" href="https://placeit.net/mockup-generator?utm_source=envatomarket&amp;utm_medium=promos&amp;utm_campaign=placeit_mkt-menu-photos&amp;utm_content=mockup_generator"> Mockup Generator </a> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-12-dropdown" href="/category"> More </a> <div class="header-categories__links-dropdown js-categories-12-dropdown"> <ul class="header-dropdown"> <li> <a class="" href="/category/net">.NET</a> </li> <li> <a class="" href="/category/apps">Apps</a> </li> <li> <a class="" href="/search?term=facebook&amp;type=files">Facebook</a> </li> </ul> </div> </li> </ul> <div class="header-categories__search"> <form id="search" data-view="searchField" action="/category/all" accept-charset="UTF-8" method="get"> <div class="search-field -border-light h-ml2"> <div class="search-field__input"> <input id="term" name="term" class="js-term search-field__input-field" type="search" placeholder="Search" /> </div> <button class="search-field__button" type="submit"> <i class="e-icon -icon-search"><span class="e-icon__alt">Search</span></i> </button> </div> </form></div> </div> </div> </div> </header> </div> <div class="js-canvas__body canvas__body"> <div class="grid-container"> </div> <div class="context-header "> <div class="grid-container "> <nav class="breadcrumbs h-text-truncate "> <a class="js-breadcrumb-category" href="/">Home</a> <a href='/category/all' class="js-breadcrumb-category">Files</a> <a class="js-breadcrumb-category" href="https://codecanyon.net/category/php-scripts">PHP Scripts</a> <a class="js-breadcrumb-category" href="https://codecanyon.net/category/php-scripts/forms">Forms</a> </nav> <div class="item-header" data-view="itemHeader"> <div class="item-header__top"> <div class="item-header__title"> <h1 class="t-heading -color-inherit -size-l h-m0 is-hidden-phone"> Zigaform - PHP Calculator &amp; Cost Estimation Form Builder </h1> <h1 class="t-heading -color-inherit -size-xs h-m0 is-hidden-tablet-and-above"> Zigaform - PHP Calculator &amp; Cost Estimation Form Builder </h1> </div> <div class="item-header__price is-hidden-desktop"> <a class="js-item-header__cart-button e-btn--3d -color-primary -size-m" rel="nofollow" title="Add to Cart" data-view="modalAjax" href="/cart/configure_before_adding/15883447"> <span class="item-header__cart-button-icon"> <i class="e-icon -icon-cart -margin-right"></i> </span> <span class="t-heading -size-m -color-light -margin-none"> <b class="t-currency"><span class="js-item-header__price">$89</span></b> </span> </a> </div> </div> <div class="item-header__details-section"> <div class="item-header__author-details"> By <a rel="author" class="js-by-author" href="/user/softdiscover">SoftDiscover</a> </div> <div class="item-header__sales-count"> <svg width="16px" height="16px" viewBox="0 0 16 16" class="item-header__sales-count-icon" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" role="img"> <title>Cart</title> <path d="M 0.009 1.349 C 0.009 1.753 0.347 2.086 0.765 2.086 C 0.765 2.086 0.766 2.086 0.767 2.086 L 0.767 2.09 L 2.289 2.09 L 5.029 7.698 L 4.001 9.507 C 3.88 9.714 3.812 9.958 3.812 10.217 C 3.812 11.028 4.496 11.694 5.335 11.694 L 14.469 11.694 L 14.469 11.694 C 14.886 11.693 15.227 11.36 15.227 10.957 C 15.227 10.552 14.886 10.221 14.469 10.219 L 14.469 10.217 L 5.653 10.217 C 5.547 10.217 5.463 10.135 5.463 10.031 L 5.487 9.943 L 6.171 8.738 L 11.842 8.738 C 12.415 8.738 12.917 8.436 13.175 7.978 L 15.901 3.183 C 15.96 3.08 15.991 2.954 15.991 2.828 C 15.991 2.422 15.65 2.09 15.23 2.09 L 3.972 2.09 L 3.481 1.077 L 3.466 1.043 C 3.343 0.79 3.084 0.612 2.778 0.612 C 2.777 0.612 0.765 0.612 0.765 0.612 C 0.347 0.612 0.009 0.943 0.009 1.349 Z M 3.819 13.911 C 3.819 14.724 4.496 15.389 5.335 15.389 C 6.171 15.389 6.857 14.724 6.857 13.911 C 6.857 13.097 6.171 12.434 5.335 12.434 C 4.496 12.434 3.819 13.097 3.819 13.911 Z M 11.431 13.911 C 11.431 14.724 12.11 15.389 12.946 15.389 C 13.784 15.389 14.469 14.724 14.469 13.911 C 14.469 13.097 13.784 12.434 12.946 12.434 C 12.11 12.434 11.431 13.097 11.431 13.911 Z"></path> </svg> <strong>277</strong> sales </div> <div class="item-header__envato-highlighted"> <strong>Recently Updated</strong> <svg width="16px" height="16px" viewBox="0 0 14 14" class="item-header__envato-checkmark-icon" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" role="img"> <title></title> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.333252 7.00004C0.333252 3.31814 3.31802 0.333374 6.99992 0.333374C8.76803 0.333374 10.4637 1.03575 11.714 2.286C12.9642 3.53624 13.6666 5.23193 13.6666 7.00004C13.6666 10.6819 10.6818 13.6667 6.99992 13.6667C3.31802 13.6667 0.333252 10.6819 0.333252 7.00004ZM6.15326 9.23337L9.89993 5.48671C10.0227 5.35794 10.0227 5.15547 9.89993 5.02671L9.54659 4.67337C9.41698 4.54633 9.20954 4.54633 9.07993 4.67337L5.91993 7.83337L4.91993 6.84004C4.85944 6.77559 4.77498 6.73903 4.68659 6.73903C4.5982 6.73903 4.51375 6.77559 4.45326 6.84004L4.09993 7.19337C4.03682 7.25596 4.00133 7.34116 4.00133 7.43004C4.00133 7.51892 4.03682 7.60412 4.09993 7.66671L5.68659 9.23337C5.74708 9.29782 5.83154 9.33439 5.91993 9.33439C6.00832 9.33439 6.09277 9.29782 6.15326 9.23337Z" fill="#79B530"/> </svg> </div> </div> </div> <!-- Desktop Item Navigation --> <div class="is-hidden-tablet-and-below page-tabs"> <ul> <li class="selected"><a class="js-item-navigation-item-details t-link -decoration-none" href="/item/zigaform-php-calculator-cost-estimation-form-builder/15883447">Item Details</a></li> <li><a class="js-item-navigation-reviews t-link -decoration-none" href="/item/zigaform-php-calculator-cost-estimation-form-builder/reviews/15883447"><span>Reviews</span><span> <div class="rating-detailed-small"> <div class="rating-detailed-small__header"> <div class="rating-detailed-small__stars"> <div class="rating-detailed-small-center__star-rating"> <i class="e-icon -icon-star"> </i> <i class="e-icon -icon-star"> </i> <i class="e-icon -icon-star"> </i> <i class="e-icon -icon-star"> </i> <i class="e-icon -icon-star-half-empty"> </i> </div> 4.30 <span class="is-visually-hidden">4.30 stars</span> </div> </div> </div> </span><span class="item-navigation-reviews-comments">30</span></a></li> <li><a class="js-item-navigation-comments t-link -decoration-none" href="/item/zigaform-php-calculator-cost-estimation-form-builder/15883447/comments"><span>Comments</span><span class="item-navigation-reviews-comments">99</span></a></li> <li><a class="js-item-navigation-support t-link -decoration-none" href="/item/zigaform-php-calculator-cost-estimation-form-builder/15883447/support">Support</a></li> </ul> </div> <!-- Tablet or below Item Navigation --> <div class="page-tabs--dropdown" data-view="replaceItemNavsWithRemote" data-target=".js-remote"> <div class="page-tabs--dropdown__slt-custom-wlabel"> <div class="slt-custom-wlabel--page-tabs--dropdown"> <label> <span class="js-label"> Item Details </span> <span class="slt-custom-wlabel__arrow"> <i class="e-icon -icon-arrow-fill-down"></i> </span> </label> <select class="js-remote"> <option selected="selected" data-url="/item/zigaform-php-calculator-cost-estimation-form-builder/15883447">Item Details</option> <option data-url="/item/zigaform-php-calculator-cost-estimation-form-builder/reviews/15883447">Reviews (30)</option> <option data-url="/item/zigaform-php-calculator-cost-estimation-form-builder/15883447/comments">Comments (99)</option> <option data-url="/item/zigaform-php-calculator-cost-estimation-form-builder/15883447/support">Support</option> </select> </div> </div> </div> <div class="page-tabs"> <ul class="right item-bookmarking__left-icons_hidden" data-view="bookmarkStatesLoader"> <li class="js-favorite-widget item-bookmarking__control_icons--favorite" data-item-id="15883447"><a data-view="modalAjax" class="t-link -decoration-none" href="/sign_in?action_name=favorite&amp;resource_id=15883447"><span class="item-bookmarking__control--label">Add to Favorites</span></a></li> <li class="js-collection-widget item-bookmarking__control_icons--collection" data-item-id="15883447"><a data-view="modalAjax" class="t-link -decoration-none" href="/sign_in?action_name=collect&amp;resource_id=15883447"><span class="item-bookmarking__control--label">Add to Collection</span></a></li> </ul> </div> </div> </div> <div class="content-main" id="content"> <div class="grid-container"> <script nonce="xNV8DDiFAjroHhWFUZurmA=="> //<![CDATA[ window.GtmMeasurements.sendAnalyticsEvent({"eventName":"view_item","eventType":"user","ecommerce":{"currency":"USD","value":89.0,"items":[{"affiliation":"codecanyon","item_id":15883447,"item_name":"Zigaform - PHP Calculator \u0026 Cost Estimation Form Builder","item_brand":"SoftDiscover","item_category":"php-scripts","item_category2":"forms","price":89.0,"quantity":1,"item_add_on":"bundle_6month","item_variant":"regular"}]}}); //]]> </script> <div> <link href="https://s3.envato.com/files/545223681/4.phpcost-thumbnail-7.4.1.png" /> <div class="content-s "> <div class="item-bookmarking__left-icons__wrapper"> <ul class="item-bookmarking__left-icons" data-view="bookmarkStatesLoader"> <li class="item-bookmarking__control_icons--favorite"> <span> <a title="Add to Favorites" data-view="modalAjax" href="/sign_in?action_name=favorite&amp;resource_id=15883447"><span class="item-bookmarking__control--label">Add to Favorites</span></a> </span> </li> <li class="item-bookmarking__control_icons--collection"> <span> <a title="Add to Collection" data-view="modalAjax" href="/sign_in?action_name=collect&amp;resource_id=15883447"> <span class="item-bookmarking__control--label">Add to Collection</span> </a> </span> </li> </ul> </div> <div class="box--no-padding"> <div class="item-preview live-preview-btn--blue -preview-live"> <a target="_blank" href="/item/zigaform-php-calculator-cost-estimation-form-builder/full_screen_preview/15883447"><img alt="Zigaform - PHP Calculator &amp; Cost Estimation Form Builder - CodeCanyon Item for Sale" width="590" height="300" src="https://market-resized.envatousercontent.com/codecanyon.net/files/545223682/4.phpcost-inline-preview-7.4.1.jpg?auto=format&amp;q=94&amp;cf_fit=crop&amp;gravity=top&amp;h=8000&amp;w=590&amp;s=c19a0c936a4d8d48f77acc3ef38030030f340dc8fb52b5b1a5b08bd5d7181cd5" /></a> <div class="js- item-preview-image__gallery" data-title="Zigaform - PHP Calculator &amp; Cost Estimation Form Builder - CodeCanyon Item for Sale Screenshots Gallery" data-url="zigaform-php-calculator-cost-estimation-form-builder/screenshots/modal/15883447"> <a class="is-hidden" href="https://s3.envato.com/files/545223686/previews/10_preview.png">previews/10_preview.png</a> <a class="is-hidden" href="https://s3.envato.com/files/545223686/previews/11_preview.png">previews/11_preview.png</a> <a class="is-hidden" href="https://s3.envato.com/files/545223686/previews/12_preview.png">previews/12_preview.png</a> <a class="is-hidden" href="https://s3.envato.com/files/545223686/previews/13_preview.png">previews/13_preview.png</a> <a class="is-hidden" href="https://s3.envato.com/files/545223686/previews/14_preview.png">previews/14_preview.png</a> <a class="is-hidden" href="https://s3.envato.com/files/545223686/previews/15_preview.png">previews/15_preview.png</a> <a class="is-hidden" href="https://s3.envato.com/files/545223686/previews/16_preview.png">previews/16_preview.png</a> <a class="is-hidden" href="https://s3.envato.com/files/545223686/previews/17_preview.png">previews/17_preview.png</a> <a class="is-hidden" href="https://s3.envato.com/files/545223686/previews/18_preview.png">previews/18_preview.png</a> <a class="is-hidden" href="https://s3.envato.com/files/545223686/previews/19_preview.png">previews/19_preview.png</a> <a class="is-hidden" href="https://s3.envato.com/files/545223686/previews/1_preview.png">previews/1_preview.png</a> <a class="is-hidden" href="https://s3.envato.com/files/545223686/previews/20_preview.png">previews/20_preview.png</a> <a class="is-hidden" href="https://s3.envato.com/files/545223686/previews/21_preview.png">previews/21_preview.png</a> <a class="is-hidden" href="https://s3.envato.com/files/545223686/previews/22_preview.png">previews/22_preview.png</a> <a class="is-hidden" href="https://s3.envato.com/files/545223686/previews/23_preview.png">previews/23_preview.png</a> <a class="is-hidden" href="https://s3.envato.com/files/545223686/previews/24_preview.png">previews/24_preview.png</a> <a class="is-hidden" href="https://s3.envato.com/files/545223686/previews/25_preview.png">previews/25_preview.png</a> <a class="is-hidden" href="https://s3.envato.com/files/545223686/previews/2_preview.png">previews/2_preview.png</a> <a class="is-hidden" href="https://s3.envato.com/files/545223686/previews/3_preview.png">previews/3_preview.png</a> <a class="is-hidden" href="https://s3.envato.com/files/545223686/previews/4_preview.png">previews/4_preview.png</a> <a class="is-hidden" href="https://s3.envato.com/files/545223686/previews/5_preview.png">previews/5_preview.png</a> <a class="is-hidden" href="https://s3.envato.com/files/545223686/previews/6_preview.png">previews/6_preview.png</a> <a class="is-hidden" href="https://s3.envato.com/files/545223686/previews/7_preview.png">previews/7_preview.png</a> <a class="is-hidden" href="https://s3.envato.com/files/545223686/previews/8_preview.png">previews/8_preview.png</a> <a class="is-hidden" href="https://s3.envato.com/files/545223686/previews/9_preview.png">previews/9_preview.png</a> </div> <div data-view="inlineVideoPreview" data-props="{&quot;file&quot;:&quot;https://previews.customer.envatousercontent.com/h264-video-previews/b9b5aad8-27ac-4bfa-9c8c-a57f21ddd622/11061837.mp4&quot;,&quot;poster&quot;:&quot;https://market-resized.envatousercontent.com/codecanyon.net/files/545223682/4.phpcost-inline-preview-7.4.1.jpg?auto=format\u0026q=94\u0026cf_fit=crop\u0026gravity=top\u0026h=8000\u0026w=590\u0026s=c19a0c936a4d8d48f77acc3ef38030030f340dc8fb52b5b1a5b08bd5d7181cd5&quot;,&quot;title&quot;:&quot;Zigaform - PHP Calculator \u0026 Cost Estimation Form Builder&quot;,&quot;height&quot;:952,&quot;width&quot;:1692,&quot;embed_url&quot;:&quot;http://codecanyon.net/item/zigaform-php-calculator-cost-estimation-form-builder/embed/15883447&quot;,&quot;isMainPreview&quot;:false}"></div> <div class="js-video-error-container"></div> <div class="js-legacy-preview-buttons"> <div class="item-preview__actions"> <div id="fullscreen" class="item-preview__preview-buttons"> <a href="/item/zigaform-php-calculator-cost-estimation-form-builder/full_screen_preview/15883447" role="button" class="btn-icon live-preview" target="_blank" rel="noopener nofollow" > Live Preview </a> <a data-view="screenshotGallery" href="/item/zigaform-php-calculator-cost-estimation-form-builder/screenshots/15883447" role="button" class="btn-icon screenshots" target="_blank" rel="noopener" > Screenshots </a> <a href="#video-container" role="button" class="btn-icon video-preview" target="_blank" rel="noopener" > Video Preview </a> </div> </div> </div> </div> </div> <div data-view="toggleItemDescription"> <div class="js-item-togglable-content"> <div class="js-item-description item-description"> <div class="user-html user-html__with-lazy-load"><table> <tr> <td><a href="https://php-cost-estimator.zigaform.com/docs-category/getting-started/" rel="nofollow"> <span data-src="https://camo.envatousercontent.com/cad5513d65f78cac527320b1b975ea201442a4d8/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f312d626c6f636b2f6765742d737461727465642e706e67" data-alt="Zigaform - PHP Calculator &amp; Cost Estimation Form Builder - 1" class="lazy-load-img"></span> </a></td> <td><a href="https://php-cost-estimator.zigaform.com/docs/" rel="nofollow"> <span data-src="https://camo.envatousercontent.com/06210af86bcef2383482431cab002ec1fbd3aece/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f312d626c6f636b2f6f6e6c696e652d646f63732e706e67" data-alt="Zigaform - PHP Calculator &amp; Cost Estimation Form Builder - 2" class="lazy-load-img"></span> </a></td> <td> <a href="https://codecanyon.net/item/zigaform-wordpress-calculator-cost-estimation-form-builder/13663682/support"> <span data-src="https://camo.envatousercontent.com/a19910e24d8f9b0d63c53affdf48cc2a02ff4cfe/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f312d626c6f636b2f676574737570706f72742e706e67" data-alt="Zigaform - PHP Calculator &amp; Cost Estimation Form Builder - 3" class="lazy-load-img"></span> </a> </td> <td> <a href="https://www.facebook.com/groups/zigaform/" rel="nofollow"> <span data-src="https://camo.envatousercontent.com/431465a42a65859574bc9f55a17ddf8b5e3bf7c3/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f312d626c6f636b2f6a6f696e636f6d6d756e6974792e706e67" data-alt="Zigaform - PHP Calculator &amp; Cost Estimation Form Builder - 4" class="lazy-load-img"></span> </a> </td> </tr> </table> <p> <span data-src="https://camo.envatousercontent.com/1f92ec4edc7469ce5ba87b8eae949bdefe4c4164/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f322d626c6f636b2f696e74726f322e706e67" data-alt="zigaform wordpress form builder" class="lazy-load-img"></span> </p> <p> <span data-src="https://camo.envatousercontent.com/e0a76283f40d7ae23c5e2db81951728a4cc41e65/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f332d626c6f636b2f6261636b656e642e706e67" data-alt="backend" class="lazy-load-img"></span> </p> <p> <span data-src="https://camo.envatousercontent.com/97afc449fada7978abb1fa14ea650d81bbd38045/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f342d626c6f636b2f66726f6e74656e642e706e67" data-alt="frontend" class="lazy-load-img"></span> </p> <p> <span data-src="https://camo.envatousercontent.com/e0df4eec901d725c2ca1b68b59c532c7eae85191/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f352d312d626c6f636b2f656d626564322e706e67" data-alt="embed" class="lazy-load-img"></span> </p> <p> <span data-src="https://camo.envatousercontent.com/0956c4b08bf08d32711c2601117c95df44c4ec43/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f352d312d626c6f636b2f70617970616c2e706e67" data-alt="paypal" class="lazy-load-img"></span> </p> <p> <span data-src="https://camo.envatousercontent.com/928a9779fa48be42f7b52109d79f1c81080a6c6b/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f352d322d626c6f636b2f696e766f6963696e672e706e67" data-alt="invoicing" class="lazy-load-img"></span> </p> <p> <span data-src="https://camo.envatousercontent.com/80a9b16fedb155266ebc40373fe5900145cb010c/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f352d332d626c6f636b2f737469636b792d73756d6d6172792d626f782e706e67" data-alt="sticky summary box" class="lazy-load-img"></span> </p> <p> <span data-src="https://camo.envatousercontent.com/b662d7c54ca397c54fda93a7af5011506736d9e5/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f352d342d626c6f636b2f696e7374616e742d636865636b6f75742d7061796d656e742e706e67" data-alt="instant checkout payment" class="lazy-load-img"></span> </p> <p> <span data-src="https://camo.envatousercontent.com/725c55df6d11ceb777288a42829980529fb6eff2/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f352d626c6f636b2f616476616e6365642d677269642d73797374656d2e706e67" data-alt="advanced grid system" class="lazy-load-img"></span> </p> <p> <span data-src="https://camo.envatousercontent.com/14a0d79835d52e12232acc069d934090f2cef161/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f362d626c6f636b2f77697a6172642d666f726d732e706e67" data-alt="wizard forms" class="lazy-load-img"></span> </p> <p> <span data-src="https://camo.envatousercontent.com/199becf958e7ebf2c943c6b3d0301bd5d8720334/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f372d626c6f636b2f647261672d616e642d64726f702e706e67" data-alt="drag and drop" class="lazy-load-img"></span> </p> <p> <span data-src="https://camo.envatousercontent.com/e888585855b624fb8b9a59bad56fba7f68976e13/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f382d626c6f636b2f677269642d73797374656d2e706e67" data-alt="grid system" class="lazy-load-img"></span> </p> <p> <span data-src="https://camo.envatousercontent.com/6c0a311052c2cb75d9139c3b101103782b52e7af/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f392d626c6f636b2f636f6e646974696f6e616c2d6c6f6769632e706e67" data-alt="conditional logic" class="lazy-load-img"></span> </p> <p> <span data-src="https://camo.envatousercontent.com/c886f7070dff2b2dd73c6627b55fd79a76c47941/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f31302d626c6f636b2f736b696e2d637573746f6d697a65722e706e67" data-alt="skin customizer" class="lazy-load-img"></span> </p> <p> <span data-src="https://camo.envatousercontent.com/fb9faf6fc1f49a05a1d82c28d9c70c87cc6cde6a/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f31312d626c6f636b2f64796e616d69632d76616c69646174696f6e2e706e67" data-alt="dynamic validation " class="lazy-load-img"></span> </p> <p> <span data-src="https://camo.envatousercontent.com/a02aad81edffe014e779d84a960d8ee34271e3b4/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f31322d626c6f636b2f6f7665722d3635302d666f6e74732e706e67" data-alt="over 650 fonts" class="lazy-load-img"></span> </p> <p> <span data-src="https://camo.envatousercontent.com/b3f323602c56de9700f2abe1b0cc6e0d3027cbbf/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f31332d626c6f636b2f4f7665722d3736392d69636f6e732e706e67" data-alt="Over 769 icons" class="lazy-load-img"></span> </p> <p> <span data-src="https://camo.envatousercontent.com/df153b3d8baa2bf75e6e2cf41b221c685c737dfa/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f31342d626c6f636b2f66696c7465722d616e642d7365617263682d7375626d69747465642d646174612e706e67" data-alt="Filter and Search submitted data" class="lazy-load-img"></span> </p> <p> <span data-src="https://camo.envatousercontent.com/b218e5ab16d33effa6c45cadcd22d32d81b97b6a/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f31352d626c6f636b2f616e696d6174696f6e2d6566666563742e706e67" data-alt="animation effect" class="lazy-load-img"></span> </p> <p> <span data-src="https://camo.envatousercontent.com/fbd2dda1c6dfdacea618ef766be4d89f85d0bef1/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f31362d626c6f636b2f646f63756d656e746174696f6e2d616e642d737570706f72742e706e67" data-alt="documentation and support" class="lazy-load-img"></span> </p> <p> <span data-src="https://camo.envatousercontent.com/df6a9c07413abc3e639480a6344d106c795c0a91/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f31372d626c6f636b2f4578706f72742d666f726d2d656e74726965732e706e67" data-alt="Export form entries" class="lazy-load-img"></span> </p> <p> <span data-src="https://camo.envatousercontent.com/f56b6badf07b85cde67c6e3b0ea14baaad5a8531/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f31382d626c6f636b2f6e6f74696669636174696f6e2d656d61696c732e706e67" data-alt="Notification emails" class="lazy-load-img"></span> </p> <p> <span data-src="https://camo.envatousercontent.com/eee3277396327ec1cd7076934a0d60be52c1e9fe/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f31392d626c6f636b2f666f726d2d7375626d697373696f6e732e706e67" data-alt="Form submissions" class="lazy-load-img"></span> </p> <p> <span data-src="https://camo.envatousercontent.com/bca99fa9b07a73530c0cbc3e15a0d83900895e74/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f32302d626c6f636b2f7a696761666f726d2d6b65792d66656174757265732e706e67" data-alt="Key features" class="lazy-load-img"></span> </p> <p> <span data-src="https://camo.envatousercontent.com/9645081819e1c92045ef360b621d5d50a2552bc3/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f32312d626c6f636b2f726573706f6e736976652d6c61796f75742e706e67" data-alt="Responsive layout" class="lazy-load-img"></span> </p> <p> <span data-src="https://camo.envatousercontent.com/1eb68bae1e7ff13d1121ae74bef036f7b2e56d4a/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f32322d626c6f636b2f7472616e736c6174696f6e2e706e67" data-alt="Translation" class="lazy-load-img"></span> </p> <p> <span data-src="https://camo.envatousercontent.com/6a0bafbb8cee3aeaac174c1dc22ea51e655d1b6f/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f32332d312d626c6f636b2f6164646f6e732e706e67" data-alt="Addons" class="lazy-load-img"></span> </p> <br> <h2 id="item-description__users-say">USERS SAY</h2> <p> <span data-src="https://camo.envatousercontent.com/00ba9de61ad0672d040c3fed00682732498e3651/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f32332d626c6f636b2f726576696577732d323032302e706e67" data-alt="Review" class="lazy-load-img"></span> </p> <h3 id="item-description__the-ultimate-php-calculator-amp-cost-estimation-form-builder">The Ultimate PHP Calculator &amp; Cost Estimation Form Builder</h3> <p> <strong> Zigaform – PHP Calculator &amp; Cost Estimation Form Builder</strong> is a flexible PHP software which allows you to build your estimation forms on few easy steps using a simple yet powerful drag-and-drop form creator. Also it provides amazing form elements and skin live customizer that makes you to build professional forms. Also it provides an administration section where site admins manage tons of form options. It’s really easy to customize and you don’t need programming skills. </p> <h3 id="item-description__it-can-be-embedded-into-any-website-platform">it can be embedded into any website platform</h3> <br> <p> <span data-src="https://camo.envatousercontent.com/fdf911e6eaaa52d077869c210b0792bb0c962f2d/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f6d6973632f756e6976657273616c2d696e746567726174696f6e2d776f726470726573732e706e67" data-alt="Zigaform - PHP Calculator &amp; Cost Estimation Form Builder - 5" class="lazy-load-img"></span> <span data-src="https://camo.envatousercontent.com/939f9bfc86e79e71a8caf70bb9ab31e2ef8af93d/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f6d6973632f756e6976657273616c2d696e746567726174696f6e2d6a6f6f6d6c612e706e67" data-alt="Zigaform - PHP Calculator &amp; Cost Estimation Form Builder - 6" class="lazy-load-img"></span> <span data-src="https://camo.envatousercontent.com/362a943cacdd7c5d3a06fc48eea9cccd7e8e45d7/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f6d6973632f756e6976657273616c2d696e746567726174696f6e2d6d6167656e746f2e706e67" data-alt="Zigaform - PHP Calculator &amp; Cost Estimation Form Builder - 7" class="lazy-load-img"></span> <span data-src="https://camo.envatousercontent.com/98d17960adf353b73dab090b9877736edc8e59a4/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f6d6973632f756e6976657273616c2d696e746567726174696f6e2d6f70656e636172742e706e67" data-alt="Zigaform - PHP Calculator &amp; Cost Estimation Form Builder - 8" class="lazy-load-img"></span> <span data-src="https://camo.envatousercontent.com/ef3688b5f234a3e89f3fcffaac9fbc3bacee538b/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f6d6973632f756e6976657273616c2d696e746567726174696f6e2d776f6f636f6d6d657263652e706e67" data-alt="Zigaform - PHP Calculator &amp; Cost Estimation Form Builder - 9" class="lazy-load-img"></span> <span data-src="https://camo.envatousercontent.com/3ef951a4db29abaa464a6233763d97ab404c6005/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f6d6973632f756e6976657273616c2d696e746567726174696f6e2d616e79776562736974652e706e67" data-alt="Zigaform - PHP Calculator &amp; Cost Estimation Form Builder - 10" class="lazy-load-img"></span> </p> <p><strong>Try Live Form Demo:</strong><br></p> <p><a href="https://php-cost-estimator.zigaform.com/#demo-samples" rel="nofollow">Live demo examples</a></p> <p> <strong>Demo examples: </strong> </p><ul> <li> <a href="https://php-cost-estimator.zigaform.com/demo-sample/multivariable-calculation/" rel="nofollow"> Multivariable Calculation</a> </li> <li> <a href="https://php-cost-estimator.zigaform.com/demo-sample/loan-payment-calculator/" rel="nofollow"> Loan payment calculator</a> </li> <li> <a href="https://php-cost-estimator.zigaform.com/demo-sample/website-calculator/" rel="nofollow"> Website calculator</a> </li> <li> <a href="https://php-cost-estimator.zigaform.com/demo-sample/employment-form/" rel="nofollow">Employment Form</a> </li> <li> <a href="https://php-cost-estimator.zigaform.com/demo-sample/website-design-request/" rel="nofollow"> Website design request</a> </li> <li> <a href="https://php-cost-estimator.zigaform.com/demo-sample/wedding-planner/" rel="nofollow">Wedding planner</a> </li> <li> <a href="https://php-cost-estimator.zigaform.com/demo-sample/conditional-logic/" rel="nofollow">Conditional Logic</a> </li> <li> <a href="https://php-cost-estimator.zigaform.com/demo-sample/wizard-form/" rel="nofollow">Wizard form</a> </li> <li> <a href="https://php-cost-estimator.zigaform.com/demo-sample/online-event-registration/" rel="nofollow">Online event registration</a> </li> <li> <a href="https://php-cost-estimator.zigaform.com/demo-sample/reservation-request-form/" rel="nofollow">Reservation request form </a> </li> <li> <a href="https://php-cost-estimator.zigaform.com/demo-sample/purchase-order-point-of-sale/" rel="nofollow">Purchase order – point of sale</a> </li> <li> <a href="https://php-cost-estimator.zigaform.com/demo-sample/order-form/" rel="nofollow">Order form</a> </li> </ul> <h3 id="item-description__main-features">Main Features</h3> <ul> <li>Drag and drop or click to add fields to form </li> <li>it can be embedded with all popular website platforms (wordpress, joomla, drupal and etc) and any site</li> <li>Advanced grid system for building forms</li> <li>Advanced summary estimate box</li> <li>Paypal payment integration</li> <li>Invoicing feature</li> <li>Add customer fields to invoice</li> <li>Smart conditional logic</li> <li>Drag-and-drop reordering</li> <li>Skin customizer with live previewSimple, yet effective, logic-based anti-SPAM system</li> <li>Multi-Page forms (Wizard form)</li> <li>42+ advanced fields</li> <li>Dynamic validation for your form (email, letter, numbers and so on)</li> <li>Over 650 custom fonts </li> <li>Over 769 icons to use on your form elements</li> <li>80+ animated effects for form fields</li> <li>Graphic chart entry report by form</li> <li>Advanced search for entries</li> <li>Import and export your custom forms</li> <li>Option to duplicate forms and fields</li> <li>Detailed entries report by form</li> <li>Export form entries to pdf and csv</li> <li>Form detailed entries report</li> <li>Upload fields</li> <li>Toured guide option</li> <li>Detailed HTML documentation</li> <li>Multi Language support (Spanish, Italian, French, Russian, German, Portuguese, Chinese) </li> <li>Fully responsive design </li> <li>Cross Browser : ie8, ie9, ie10, chrome, firefox, safari, opera </li> <li>Powerful plugin</li> <li>Free support and upgrades.</li> <li>Email Notifications</li> <li>Easily add/delete/edit/manage forms, fields, entries and tons of features</li> <li>Language Switcher</li> </ul> <h3 id="item-description__add-ons">Add-Ons</h3> <ul> <li>WebHook &amp; Zapier Add-On: You can use the WebHooks Add-On to send data from your forms to any custom page or script you like. Also you can connect with Webhook of Zapier. <a href="https://kb.softdiscover.com/knowledgebase/webhook-zapier-add-on/" rel="nofollow">[Read More]</a> </li> <li>Animation Add-On: You can animate your fields adding many animation effects. Also you can set up the delay and other options. <a href="https://kb.softdiscover.com/knowledgebase/animation-add-on/" rel="nofollow">[Read More]</a> </li> </ul> <br> <p> <a href="https://php-cost-estimator.zigaform.com/#demo-samples" rel="nofollow"> <span data-src="https://camo.envatousercontent.com/9dbc32f850ee496ceedd51134faac6c845c328b9/687474703a2f2f7068702d636f73742d657374696d61746f722e7a696761666f726d2e636f6d2f5f656e7661746f2f6c61756e63682d64656d6f2e706e67" data-alt="Launch the demo" class="lazy-load-img"></span> </a> <a href="https://codecanyon.net/item/zigaform-php-calculator-cost-estimation-form-builder/15883447/support"> <span data-src="https://camo.envatousercontent.com/db1f5a8260c3ff3a8b657bd8550b8e5ab0721132/687474703a2f2f7068702d636f73742d657374696d61746f722e7a696761666f726d2e636f6d2f5f656e7661746f2f6765742d737570706f72742e706e67" data-alt="Get Support" class="lazy-load-img"></span> </a> <a href="https://php-cost-estimator.zigaform.com/docs/" rel="nofollow"> <span data-src="https://camo.envatousercontent.com/f69111704c443366ae77a080805c1a978883dbb5/687474703a2f2f7068702d636f73742d657374696d61746f722e7a696761666f726d2e636f6d2f5f656e7661746f2f646f63756d656e746174696f6e2e706e67" data-alt="Documentation" class="lazy-load-img"></span> </a> <a href="https://php-cost-estimator.zigaform.com/contact/" rel="nofollow"> <span data-src="https://camo.envatousercontent.com/3dc88247830869a1270c88bf0967b71a3d81b019/687474703a2f2f7068702d636f73742d657374696d61746f722e7a696761666f726d2e636f6d2f5f656e7661746f2f636f6e746163742d75732e706e67" data-alt="Contact Us" class="lazy-load-img"></span> </a> <a href="https://www.youtube.com/watch?v=uPypNQILtdE" rel="nofollow"> <span data-src="https://camo.envatousercontent.com/63c8a997657747649b84cbb2a04633d285fd34a8/687474703a2f2f7068702d636f73742d657374696d61746f722e7a696761666f726d2e636f6d2f5f656e7661746f2f7475746f7269616c732e706e67" data-alt="Video tutorials" class="lazy-load-img"></span> </a> <a href="https://php-cost-estimator.zigaform.com/" rel="nofollow"> <span data-src="https://camo.envatousercontent.com/dbd16108fdd418ca069e9e6964ac811c8a9736fb/687474703a2f2f7068702d636f73742d657374696d61746f722e7a696761666f726d2e636f6d2f5f656e7661746f2f636f6d652d76697369742d75732e706e67" data-alt="Zigaform site" class="lazy-load-img"></span> </a> <a href="https://codecanyon.net/user/softdiscover/follow"> <span data-src="https://camo.envatousercontent.com/5ba35722c0bd8edef96fe2b6314b217b78c4ea42/687474703a2f2f7068702d636f73742d657374696d61746f722e7a696761666f726d2e636f6d2f5f656e7661746f2f656e7661746f2d666f6c6c6f772d6d652e706e67" data-alt="Follow me on envato" class="lazy-load-img"></span> </a> <a href="https://www.twitter.com/zigaform/" rel="nofollow"> <span data-src="https://camo.envatousercontent.com/f4900c5f312aabe32b91d348ad06a40c4ee9722f/687474703a2f2f7068702d636f73742d657374696d61746f722e7a696761666f726d2e636f6d2f5f656e7661746f2f747769747465722e706e67" data-alt="Follow us on twitter" class="lazy-load-img"></span> </a> <a href="https://www.facebook.com/zigaform/" rel="nofollow"> <span data-src="https://camo.envatousercontent.com/09bb75da53496a42d5d6b72b162fab94f7f4ecc7/687474703a2f2f7068702d636f73742d657374696d61746f722e7a696761666f726d2e636f6d2f5f656e7661746f2f66616365626f6f6b2e706e67" data-alt="Like us on Facebook" class="lazy-load-img"></span> </a> </p> <h3 id="item-description__standalone-or-wordpress-version">STANDALONE OR WORDPRESS VERSION ?</h3> <p><strong>This standalone version works with any PHP website. It contains an independent backend to manage forms. </strong></p> <p> If you use Wordpress, you can find the WP version of this plugin <a href="http://goo.gl/TzbKPA" rel="nofollow">here</a> . </p> <h3 id="item-description__-requirements"> <strong> Requirements</strong> </h3> <ul> <li>php 7.4 or higher versions </li> <li>MySQL 5.x</li> </ul> <br> <p> <strong>Please rate <span data-src="https://camo.envatousercontent.com/0593171d17d73136f0c13d03964cfe90615804eb/687474703a2f2f7068702d636f73742d657374696d61746f722e7a696761666f726d2e636f6d2f5f656e7661746f2f737461722d69636f6e2e706e67" data-alt="1" class="lazy-load-img"></span> <span data-src="https://camo.envatousercontent.com/0593171d17d73136f0c13d03964cfe90615804eb/687474703a2f2f7068702d636f73742d657374696d61746f722e7a696761666f726d2e636f6d2f5f656e7661746f2f737461722d69636f6e2e706e67" data-alt="2" class="lazy-load-img"></span> <span data-src="https://camo.envatousercontent.com/0593171d17d73136f0c13d03964cfe90615804eb/687474703a2f2f7068702d636f73742d657374696d61746f722e7a696761666f726d2e636f6d2f5f656e7661746f2f737461722d69636f6e2e706e67" data-alt="3" class="lazy-load-img"></span> <span data-src="https://camo.envatousercontent.com/0593171d17d73136f0c13d03964cfe90615804eb/687474703a2f2f7068702d636f73742d657374696d61746f722e7a696761666f726d2e636f6d2f5f656e7661746f2f737461722d69636f6e2e706e67" data-alt="4" class="lazy-load-img"></span> <span data-src="https://camo.envatousercontent.com/0593171d17d73136f0c13d03964cfe90615804eb/687474703a2f2f7068702d636f73742d657374696d61746f722e7a696761666f726d2e636f6d2f5f656e7661746f2f737461722d69636f6e2e706e67" data-alt="5" class="lazy-load-img"></span> if you like the software and I’ll keep rolling new updates and cool features. <span data-src="https://camo.envatousercontent.com/de9719a403bb818f62e23ae9f5fd5d36cf3a3944/687474703a2f2f7068702d636f73742d657374696d61746f722e7a696761666f726d2e636f6d2f5f656e7661746f2f736d696c652d656d6f7469636f6e2e706e67" data-alt=" :)" data-title=" :)" class="lazy-load-img"></span></strong> </p> <h2 id="item-description__overall-features">Overall features</h2> <h3 id="item-description__drag-and-drop-form-builder">Drag and Drop Form Builder</h3> <p>Zigaform comes with a drag and drop builder that allows you to easily build forms in minutes, not hours. You can easily add and remove form fields with just one simple click. You can easily re-arrange them as needed with drag &amp; drop. All forms created with zigaform are 100% responsive and mobile-friendly. You have the ability to create multi-page forms, add file-upload, create smart conditional logic, and so much more.</p> <p> With the simple and intuitive drag and drop form builder, you don’t need any coding experience. Just arrange form elements and customize the settings and you are good to go. Change themes or designs with just clicks of a few buttons. </p> <h3 id="item-description__smart-conditional-logic">Smart Conditional Logic</h3> <p>Zigaform provides a visual editor for conditional logic. It allows you to create smart dynamic forms that help you collect the most relevant information. With conditional logic, your forms will dynamically change based on the selections the user makes while filling out your forms. You can choose to show or hide fields based on a selected item. The goal of our conditional logic is to allow you to create smart powerful and useful forms that give you the best results.</p> <h3 id="item-description__online-payment-with-paypal-payment">Online payment with paypal payment</h3> <p> it supports paypal payment. Enable your users to pay you via PayPal Payments Standard as part of the Forms submission process. </p> <h3 id="item-description__invoicing-feature">Invoicing feature</h3> <p> it supports invoicing feature. It allows you to create customized invoices and let your customers download the pdf file. </p> <h3 id="item-description__custom-formula-and-math-calculation">Custom formula and Math calculation</h3> <p> zigaform allows you to create custom formula using math calculations and support any kind of calculation. you can create a basic estimation form up to complex estimation form </p> <h3 id="item-description__automated-notification-e-mails">Automated Notification E-mails</h3> <p> Zigaform allows you to create custom email notifications to get notified when new entries are submitted. Personalize these emails by editing the subject, writing the message, and including options like entry details, carbon copy and tons of options. </p> <h3 id="item-description__advanced-grid-system">Advanced grid system</h3> <p> Zigaform offers an advanced grid system to allows you to create unique form layouts in a fully customizable and responsive grid system. It supports unlimited grid nesting. </p> <h3 id="item-description__multi-page-forms-wizard-form">Multi-Page forms (Wizard form)</h3> <p>The page break field allows you to break up your form into multiple pages and let’s your user know where they are in the process.</p> <h3 id="item-description__42-advanced-fields">42+ advanced fields</h3> <p>Zigaform has tons of field types to make a great form that will help your website succeed for you. <br> </p><ul> <li>Text input (single line)</li> <li>Textarea (multiple lines)</li> <li>Checkbox</li> <li>Radio (multiple choice)</li> <li>Select dropdown</li> <li>HTML</li> <li>File Upload</li> <li>Columns</li> <li>File Upload</li> <li>Image Upload</li> <li>Password</li> <li>Slider</li> <li>Range</li> <li>Spinner</li> <li>Captcha</li> <li>Recaptcha</li> <li>hidden field</li> <li>star rating</li> <li>color picker</li> <li>date picker</li> <li>Time picker</li> <li>Date and Time</li> <li>ReCaptcha</li> <li>Prepended, Appended textbox</li> <li>Panel</li> <li>Divider</li> <li>Heading</li> <li>Wizard buttons</li> <li>Switch</li> <li>Dinamic Checkboxes</li> <li>Dinamic Radiobutton</li> </ul> <h3 id="item-description__captcha-spam-protection">CAPTCHA spam protection</h3> <p>Zigaform offers support for Google reCaptcha to prevent spammers and spambots. Spam prevention is one of the first steps in form security. If spambots are able to break through your security efforts, they can alter the content of your site, inject malicious code, or even remove your ability to log in.</p> <p>To protect your site, you want to make it as easy as you can for your visitors to fill in your contact form, while making it as hard as possible for spambots to get through your security.</p> <h3 id="item-description__detailed-submitted-entries">Detailed submitted entries </h3> <p>This software allows you to view submitted entries within the admin area, and send submitted form data via email. Other options include a custom autoreply and filters to strip unwanted data. Zigaform also enables you to use built-in or custom validators to force specific data from the user.</p> <p>Some key features: </p><ul> <li>Bulk Export to CSV</li> <li>Bulk Delete</li> <li>Advanced Filtering</li> <li>Search across all entries</li> <li>Collect submitted data as well as date submitted and IP Address</li> </ul> <h3 id="item-description__fully-responsive-design">Fully responsive design</h3> <p>Zigaform designs are carefully crafted to fit all your devices. Be it mobile, iPad or a PC, it makes sure that your forms are readable and interactive to get maximum conversion rate.</p> <p>All of the elements are designed using either CSS or font icons. Meaning, your forms will look simply stunning on retina and high resolution devices. Say goodbye to pixelations and glitches and enjoy an interface that scales.</p> <h3 id="item-description__control-every-element">Control Every Element</h3> <p>An abundance of settings so you can fine tune every part of your form: from general settings down to individual fields, submit actions and emails.</p> <h3 id="item-description__effortless-php-integration">Effortless PHP Integration</h3> <p>Add a Zigaform Form to your site easily through the widget code provided by the software, or append it automatically to any content you choose.</p> <h3 id="item-description__translation-ready-multi-language-support">Translation Ready – Multi Language support </h3> <p>Translation-ready, for easy conversion to any language. it supports Spanish, Italian, French, Russian, German, Portuguese, and Chinese </p> <h3 id="item-description__heavy-on-security">Heavy on security</h3> <p>Zigaform has built-in security for strictly fighting spams and bots. Built on top of transparent nonce security. it is almost impossible to pass an automated submission.</p> <p>Still not satisfied? Go ahead and optionally use Google reCaptcha or simple Captcha on your form.</p> <h3 id="item-description__fast-amp-scalable">Fast &amp; scalable</h3> <p>Minified resources are loaded only when needed and are “enqueued” on the footer to keep your website as fast as it was, leaving a minimum footprint.</p> <p>Our system can easily handle many form elements with conditional logic.</p> <p>Zigaform is quickly becoming a popular choice among users and developers. It allows you to quickly create beautiful contact forms and comes with all the goodies you would need from a premium form builder.</p> <h3 id="item-description__free-support-and-upgrades">Free support and upgrades.</h3> <p>Their support is immaculate and the zigaform is one of the best you’ll find for WordPress. Highly recommended for users of all backgrounds &amp; experience levels.</p> <h3 id="item-description__what-makes-zigaform-great">What makes Zigaform great?</h3> <p> </p><ul> <li>The unlimited number of forms, fields, emails, actions, or submissions.</li> <li>A bulk of settings so that you can fine-tune every part of your form: from general settings to individual fields, submit actions and emails.</li> <li>Really easy to use and can be easily used by beginners.</li> <li>Comes with a drag-and-drop builder that allows you to build contact forms, donation forms, subscription forms, and surveys within minutes.</li> <li>Offers tons of customization options including the ability to use custom CSS and HTML code.</li> <li>More than just a contact form plugin. Helps improve website speed and security.</li> <li>Allows you to create multi-page forms that can be used to divide long forms which improve user experience and usability.</li> <li>Unlimited the amount of submissions/entries allowed for each form.</li> <li>Allows you to customize everything you want including field labels, CSS, and the HTML code.</li> <li>Offers support for Google reCaptcha to prevent spammers and spambots.</li> <li>Allows you to create complex forms with conditional logic.</li> <li>Over 42 field types to choose from.</li> <li>Ajax-powered form submission allows your users to submit the form without a refresh or redirection.</li> <li>Offers dozens of customization features.</li> <li>No restrictions on the number of forms or submissions or fields.</li> <li>Support for Google reCaptcha to prevent spam.</li> <li>It is translation ready and can be easily translated to any language.</li> <li>Comes with a JavaScript Datepicker input field.</li> <li>Send a confirmation receipt email to the user.</li> <li>Fully customize the forms by editing the CSS yourself.</li> <li>Easily export entries and submissions to a CSV file.</li> <li>Allows you to set up data validation for the forms.</li> <li>Send a copy of the submitted message to the user.</li> <li>Allow users to attach files to their messages.</li> <li>Customize the “Reply-To” email address.</li> <li>Add additional data about the sender like IP address and Date/Time to the message.</li> <li>Zigaform gives you an effortless PHP integration. You can add a zigaform Forms to your site easily with widget code, or append it automatically to any content you choose.</li> <li>It is translation-ready, for easy conversion to any language.</li> <li>Style customizations: Its visual styler lets you change the look and feel of your form. You can change field colors and sizes, add backgrounds and borders, and more.</li> <li>Enhanced features: Zigaform is constantly being improved with more advanced features. With Zigaform, the possibilities for creating a powerful form are endless.</li> <li>Developer friendly: If you’re a developer who needs to customize your form to any extent for clients, Zigaform might be the right solution.</li> <li>100% responsive forms: Your forms will always look great on any size device.</li> <li>Optimized for speed: it is highly optimized for web and server performance. It doesn’t negatively impact the page speed of your site.</li> <li>Ease of use: it comes with a drag and drop form builder that lets you create 100% mobile responsive forms without having you to touch a single line of code. It’s the easiest and most intuitive form builder</li> <li>Enhanced functionalities: The software is continuously improved with enhanced functionalities. The team at Zigaform takes security very seriously.</li> <li>Documentation is available: Best of all, you can find an extensive documentation on the zigaform website, which comes in handy if you need any assistance on using the form or troubleshooting the commonly found errors.</li> <li>Zigaform lets you create unlimited forms with essential field types including single line text, email, URL, paragraph text, radio, checkbox, dropdown, and reCaptcha.</li> <li>It saves your time and increases form completions by preloading data in your forms.</li> <li>Build complex forms with conditional logic. You can automatically hide or show fields or entire pages in your form based on selections your users make.</li> </ul> <h2 id="item-description__support">Support</h2> <a href="mailto:support@softdiscover.com"><span data-src="https://camo.envatousercontent.com/753728b3673f6693110532edc7af92e19f2f41f0/68747470733a2f2f64316379366b3073383678346b772e636c6f756466726f6e742e6e65742f73697465732f7068702d636f73742d657374696d61746f725f7a696761666f726d5f636f6d2f70726f6d6f2f6d6973632f6e6565642d637573746f6d697a6174696f6e2e706e67" data-alt="Zigaform - PHP Calculator &amp; Cost Estimation Form Builder - 11" class="lazy-load-img"></span></a> <p>Feel free to ask any questions at <a href="mailto:support@softdiscover.com">support@softdiscover.com</a></p> <br> <br> <h3 id="item-description__changelog">Changelog</h3> <h2 id="item-description__update-9-oct-2024-v7-2-2">Update 9 Oct 2024. (v7.2.2)</h2> <pre> * [fixed] - minor issue </pre> <a href="https://php-cost-estimator.zigaform.com/changelog/" rel="nofollow">FULL CHANGELOG</a></div> </div> <div class="js-item-description-toggle item-description-toggle"> <a class="item-description-toggle__link is-hidden" href="#"> <span>Show More <i class="e-icon -icon-chevron-down"></i></span> <span class="item-description-toggle__less">Show Less <i class="e-icon -icon-chevron-down -rotate-180"></i></span> </a> </div> </div> </div> <section data-view="recommendedItems" data-url="/item/zigaform-php-calculator-cost-estimation-form-builder/15883447/recommended_items" id="recommended_items"> </section> <section class="related-by-author h-my2 h-pb1"> <h2 class="t-heading -size-xs -weight-normal">More items by SoftDiscover</h2> <div class="related-by-author__list h-py1"> <ul class="item-thumbnail-carousel--item-page overflow" data-analytics-view-payload="{&quot;eventName&quot;:&quot;view_item_list&quot;,&quot;eventType&quot;:&quot;user&quot;,&quot;ecommerce&quot;:{&quot;currency&quot;:&quot;USD&quot;,&quot;item_list_name&quot;:&quot;Item page: More items by this author&quot;,&quot;items&quot;:[{&quot;affiliation&quot;:&quot;codecanyon&quot;,&quot;item_id&quot;:14889427,&quot;item_name&quot;:&quot;Zigaform - PHP Form Builder - Contact \u0026 Survey&quot;,&quot;item_brand&quot;:&quot;SoftDiscover&quot;,&quot;item_category&quot;:&quot;php-scripts&quot;,&quot;item_category2&quot;:&quot;forms&quot;,&quot;price&quot;:&quot;58&quot;,&quot;quantity&quot;:1,&quot;index&quot;:1},{&quot;affiliation&quot;:&quot;codecanyon&quot;,&quot;item_id&quot;:13663682,&quot;item_name&quot;:&quot;Zigaform - WordPress Calculator \u0026 Cost Estimation Form Builder&quot;,&quot;item_brand&quot;:&quot;SoftDiscover&quot;,&quot;item_category&quot;:&quot;wordpress&quot;,&quot;item_category2&quot;:&quot;forms&quot;,&quot;price&quot;:&quot;79&quot;,&quot;quantity&quot;:1,&quot;index&quot;:2},{&quot;affiliation&quot;:&quot;codecanyon&quot;,&quot;item_id&quot;:11057544,&quot;item_name&quot;:&quot;Zigaform - WordPress Form Builder&quot;,&quot;item_brand&quot;:&quot;SoftDiscover&quot;,&quot;item_category&quot;:&quot;wordpress&quot;,&quot;item_category2&quot;:&quot;forms&quot;,&quot;price&quot;:&quot;48&quot;,&quot;quantity&quot;:1,&quot;index&quot;:3}]}}"> <li class="item-thumbnail-container"> <div class="item-thumbnail__image"> <a data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_item&quot;,&quot;eventType&quot;:&quot;user&quot;,&quot;ecommerce&quot;:{&quot;currency&quot;:&quot;USD&quot;,&quot;items&quot;:[{&quot;affiliation&quot;:&quot;codecanyon&quot;,&quot;item_id&quot;:14889427,&quot;item_name&quot;:&quot;Zigaform - PHP Form Builder - Contact \u0026 Survey&quot;,&quot;item_brand&quot;:&quot;SoftDiscover&quot;,&quot;item_category&quot;:&quot;php-scripts&quot;,&quot;item_category2&quot;:&quot;forms&quot;,&quot;price&quot;:&quot;58&quot;,&quot;quantity&quot;:1}]}}" href="https://codecanyon.net/item/zigaform-php-form-builder-contact-survey/14889427"><span class="lazy-load-img" data-src="https://s3.envato.com/files/543330930/3.phpform-thumbnail-7.3.9.png" data-border="0" data-alt="Zigaform - PHP Form Builder - Contact &amp; Survey - CodeCanyon Item for Sale" data-title="Zigaform - PHP Form Builder - Contact &amp; Survey" data-height="80" data-width="80" data-class="landscape-image-magnifier preload no_preview" data-data-preview-width="" data-data-preview-height="" data-data-preview-url="https://s3.envato.com/files/543330931/3.phpform-inline-preview-7.3.9.jpg" data-data-item-name="Zigaform - PHP Form Builder - Contact &amp; Survey" data-data-item-author="SoftDiscover" data-data-item-id="14889427" data-data-item-category="PHP Scripts / Forms" data-data-item-cost="58"></span></a> </div> </li> <li class="item-thumbnail-container"> <div class="item-thumbnail__image"> <a data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_item&quot;,&quot;eventType&quot;:&quot;user&quot;,&quot;ecommerce&quot;:{&quot;currency&quot;:&quot;USD&quot;,&quot;items&quot;:[{&quot;affiliation&quot;:&quot;codecanyon&quot;,&quot;item_id&quot;:13663682,&quot;item_name&quot;:&quot;Zigaform - WordPress Calculator \u0026 Cost Estimation Form Builder&quot;,&quot;item_brand&quot;:&quot;SoftDiscover&quot;,&quot;item_category&quot;:&quot;wordpress&quot;,&quot;item_category2&quot;:&quot;forms&quot;,&quot;price&quot;:&quot;79&quot;,&quot;quantity&quot;:1}]}}" href="https://codecanyon.net/item/zigaform-wordpress-calculator-cost-estimation-form-builder/13663682"><span class="lazy-load-img" data-src="https://s3.envato.com/files/545223634/2.wpcost-thumbnail-7.4.1.png" data-border="0" data-alt="Zigaform - WordPress Calculator &amp; Cost Estimation Form Builder - CodeCanyon Item for Sale" data-title="Zigaform - WordPress Calculator &amp; Cost Estimation Form Builder" data-height="80" data-width="80" data-class="landscape-image-magnifier preload no_preview" data-data-preview-width="" data-data-preview-height="" data-data-preview-url="https://s3.envato.com/files/545223635/2.wpcost-inline-preview-7.4.1.jpg" data-data-item-name="Zigaform - WordPress Calculator &amp; Cost Estimation Form Builder" data-data-item-author="SoftDiscover" data-data-item-id="13663682" data-data-item-category="WordPress / Forms" data-data-item-cost="79"></span></a> </div> </li> <li class="item-thumbnail-container"> <div class="item-thumbnail__image"> <a data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_item&quot;,&quot;eventType&quot;:&quot;user&quot;,&quot;ecommerce&quot;:{&quot;currency&quot;:&quot;USD&quot;,&quot;items&quot;:[{&quot;affiliation&quot;:&quot;codecanyon&quot;,&quot;item_id&quot;:11057544,&quot;item_name&quot;:&quot;Zigaform - WordPress Form Builder&quot;,&quot;item_brand&quot;:&quot;SoftDiscover&quot;,&quot;item_category&quot;:&quot;wordpress&quot;,&quot;item_category2&quot;:&quot;forms&quot;,&quot;price&quot;:&quot;48&quot;,&quot;quantity&quot;:1}]}}" href="https://codecanyon.net/item/zigaform-wordpress-form-builder/11057544"><span class="lazy-load-img" data-src="https://s3.envato.com/files/543330362/1.wpfm-thumbnail-7.3.9.png" data-border="0" data-alt="Zigaform - WordPress Form Builder - CodeCanyon Item for Sale" data-title="Zigaform - WordPress Form Builder" data-height="80" data-width="80" data-class="landscape-image-magnifier preload no_preview" data-data-preview-width="" data-data-preview-height="" data-data-preview-url="https://s3.envato.com/files/543330368/1.wpfm-inline-preview-7.3.9.jpg" data-data-item-name="Zigaform - WordPress Form Builder" data-data-item-author="SoftDiscover" data-data-item-id="11057544" data-data-item-category="WordPress / Forms" data-data-item-cost="48"></span></a> </div> </li> <li class="item-thumbnail-container is-empty"></li> <li class="item-thumbnail-container is-empty"></li> <li class="item-thumbnail-container is-empty"></li> <li class="item-thumbnail-container is-empty"></li> </ul> </div> <div> <p class="t-body -size-m"> <a class="t-link-decoration-reversed" href="/user/SoftDiscover/portfolio">View author portfolio</a> </p> </div> </section> <div data-view="itemPageScrollEvents"></div> </div> <div class="sidebar-l sidebar-right"> <div class="pricebox-container"> <div class="purchase-panel"> <div id="purchase-form" class="purchase-form"> <form data-view="purchaseForm" data-analytics-has-custom-click="true" data-analytics-click-payload="{&quot;eventName&quot;:&quot;add_to_cart&quot;,&quot;eventType&quot;:&quot;user&quot;,&quot;quantityUpdate&quot;:false,&quot;ecommerce&quot;:{&quot;currency&quot;:&quot;USD&quot;,&quot;value&quot;:89.0,&quot;items&quot;:[{&quot;affiliation&quot;:&quot;codecanyon&quot;,&quot;item_id&quot;:15883447,&quot;item_name&quot;:&quot;Zigaform - PHP Calculator \u0026 Cost Estimation Form Builder&quot;,&quot;item_brand&quot;:&quot;SoftDiscover&quot;,&quot;item_category&quot;:&quot;php-scripts&quot;,&quot;item_category2&quot;:&quot;forms&quot;,&quot;price&quot;:&quot;89&quot;,&quot;quantity&quot;:1}]}}" action="/cart/add/15883447" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lK31hgf-I_cte0BzTroERmvhO5fLpBmV1m1jytsKMbhWi5f8-F56yLDD30DjxwnpnvZk4CAC_0DS4YwYGodLiA" autocomplete="off" /> <div> <div data-view="itemVariantSelector" data-id="15883447" data-cookiebot-enabled="true"> <div class="purchase-form__selection"> <span class="purchase-form__license-type"> <span data-view="flyout" class="flyout"> <span class="js-license-selector__chosen-license purchase-form__license-dropdown">Regular License</span> <div class="js-flyout__body flyout__body -padding-side-removed"> <span class="js-flyout__triangle flyout__triangle"></span> <div class="license-selector" data-view="licenseSelector"> <div class="js-license-selector__item license-selector__item" data-license="regular" data-name="Regular License"> <div class="license-selector__license-type"> <span class="t-heading -size-xxs">Regular License</span> <span class="js-license-selector__selected-label e-text-label -color-green -size-s " data-license="regular">Selected</span> </div> <div class="license-selector__price"> <span class="t-heading -size-m h-m0"> <b class="t-currency"><span class="">$89</span></b> </span> </div> <div class="license-selector__description"> <p class="t-body -size-m h-m0">Use, by you or one client, in a single end product which end users <strong>are not</strong> charged for. The total price includes the item price and a buyer fee.</p> </div> </div> <div class="js-license-selector__item license-selector__item" data-license="extended" data-name="Extended License"> <div class="license-selector__license-type"> <span class="t-heading -size-xxs">Extended License</span> <span class="js-license-selector__selected-label e-text-label -color-green -size-s is-hidden" data-license="extended">Selected</span> </div> <div class="license-selector__price"> <span class="t-heading -size-m h-m0"> <b class="t-currency"><span class="">$162</span></b> </span> </div> <div class="license-selector__description"> <p class="t-body -size-m h-m0">Use, by you or one client, in a single end product which end users <strong>can be</strong> charged for. The total price includes the item price and a buyer fee.</p> </div> </div> </div> <div class="flyout__link"> <p class="t-body -size-m h-m0"> <a class="t-link -decoration-reversed" target="_blank" href="https://codecanyon.net/licenses/standard">View license details</a> </p> </div> </div> </span> <select class="f-select js-purchase-license-selector is-hidden--js" name="license"> <option value="regular" selected="selected" data-license="regular" data-license-default="true">Regular License</option> <option value="extended" data-license="extended" data-license-default="false">Extended License</option> </select> </span> <div class="js-purchase-heading purchase-form__price t-heading -size-xxl "> <b class="t-currency"><span class="js-purchase-price">$89</span></b> </div> </div> <div class="purchase-form__license js-purchase-license is-active" data-license="regular"> <price class="js-purchase-license-prices" data-price-prepaid="$89" data-license="regular" data-price-prepaid-upgrade="$120.50" data-support-upgrade-price="$31.50" data-support-upgrade-saving="$42" data-support-extension-price="$52.50" data-support-extension-saving="$21" data-support-renewal-price="$73.50" /> </div> <div class="purchase-form__license js-purchase-license " data-license="extended"> <price class="js-purchase-license-prices" data-price-prepaid="$162" data-license="extended" data-price-prepaid-upgrade="$213.38" data-support-upgrade-price="$51.38" data-support-upgrade-saving="$68" data-support-extension-price="$85.63" data-support-extension-saving="$34.25" data-support-renewal-price="$119.88" /> </div> <div class="purchase-form__support"> <ul class="t-icon-list -font-size-s -icon-size-s -offset-flush"> <li class="t-icon-list__item -icon-ok"> <span class="is-visually-hidden">Included:</span> Quality checked by Envato </li> <li class="t-icon-list__item -icon-ok"> <span class="is-visually-hidden">Included:</span> Future updates </li> <li class="t-icon-list__item -icon-ok"> <span class="is-visually-hidden">Included:</span> 6 months support from <span class="purchase-form__author-name">SoftDiscover</span> <a class="t-link -decoration-reversed js-support__inclusion-link" data-view="modalAjax" href="/item_support/what_is_item_support/15883447"> <svg width="12px" height="13px" viewBox="0 0 12 13" class="" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" role="img"> <title>More Info</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 6.5a6 6 0 1 0 12 0 6 6 0 0 0-12 0zm7.739-3.17a.849.849 0 0 1-.307.664.949.949 0 0 1-.716.273c-.273 0-.529-.102-.716-.272a.906.906 0 0 1-.307-.665c0-.256.102-.512.307-.682.187-.17.443-.273.716-.273.273 0 .528.102.716.273a.908.908 0 0 1 .307.682zm-.103 6.34-.119.46c-.34.137-.613.24-.818.307a2.5 2.5 0 0 1-.716.103c-.409 0-.733-.103-.954-.307a.953.953 0 0 1-.341-.767c0-.12 0-.256.017-.375.017-.12.05-.273.085-.426l.426-1.517a7.14 7.14 0 0 1 .103-.41c.017-.119.034-.238.034-.357a.582.582 0 0 0-.12-.41c-.085-.068-.238-.119-.46-.119-.12 0-.239.017-.34.051-.069.03-.132.047-.189.064-.042.012-.082.024-.119.038l.12-.46c.234-.102.468-.18.69-.253l.11-.037c.24-.085.478-.119.734-.119.409 0 .733.102.954.307.222.187.341.477.341.784 0 .068 0 .187-.017.34v.003a2.173 2.173 0 0 1-.085.458l-.427 1.534-.102.41v.002c-.017.119-.034.237-.034.356 0 .204.051.34.136.409.137.085.307.119.46.102a1.3 1.3 0 0 0 .359-.051c.085-.051.17-.085.272-.12z" fill="#0084B4"/> </svg> </a> </li> </ul> <div class="purchase-form__upgrade purchase-form__upgrade--before-after-price"> <div class="purchase-form__upgrade-checkbox purchase-form__upgrade-checkbox--before-after-price"> <input type="hidden" name="support" id="support_default" value="bundle_6month" class="js-support__default" autocomplete="off" /> <input type="checkbox" name="support" id="support" value="bundle_12month" class="js-support__option" /> </div> <div class="purchase-form__upgrade-info"> <label class="purchase-form__label purchase-form__label--before-after-price" for="support"> Extend support to 12 months <span class="purchase-form__price purchase-form__price--before-after-price t-heading -size-xs h-pull-right"> <span class="js-renewal__price t-currency purchase-form__renewal-price purchase-form__renewal-price--strikethrough"> $73.50 </span> <b class="t-currency"> <span class="js-support__price">$31.50</span> </b> </span> </label> </div> </div> </div> </div> <div class="purchase-form__cta-buttons"> <div class="purchase-form__button"> <button name="button" type="submit" class="js-purchase__add-to-cart e-btn--3d -color-primary -size-m -width-full"> <i class="e-icon -icon-cart -margin-right"></i> <strong>Add to Cart</strong> </button></div> </div> <div class="purchase-form__us-dollars-notice-container"> <p class="purchase-form__us-dollars-notice"><i>Price is in US dollars and excludes tax and handling fees</i></p> </div> </div> </form> </div> </div> </div> <div class="box -radius-all"> <div class="media"> <div class="media__item"> <img alt="Elite author" title="Elite Author: Sold more than $75,000 on Envato Market" width="42" height="42" src="https://public-assets.envato-static.com/assets/badges/elite-10edc87feb7935dd2b5b4a75c2ecbf7602f735e2367b0430dfa4befe23c0d4ff.svg" /> </div> <div class="media__body -align-center"> <p class="t-body -size-m h-m0">Elite Author</p> </div> </div> </div> <div class="box -radius-all"> <div class="media"> <div class="media__item"> <div class="avatar-wrapper tooltip-advanced"> <a class="avatar" title="SoftDiscover" href="/user/SoftDiscover"> <span data-src="https://0.s3.envato.com/files/48172589/softdiscover-avatar.png" data-width="80" data-height="80" data-alt="SoftDiscover" class="lazy-load-img"></span> </a> </div> </div> <div class="media__body"> <h2 class="t-heading -size-s h-text-overflow-wrap-anywhere"> <a rel="author" class="t-link -color-dark -decoration-none" href="/user/softdiscover">SoftDiscover</a> </h2> <div class=""> <ul class="badges"> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/community_health-s-3c377dde1620d2cd711edfed7b7a4940e27efb29e2ad0a717a82a4e839b2c3be.svg" data-alt="Community Health" data-class="community-badges__badge--s" data-title="Community Health: Has participated in Envato&#39;s Community Health research initiatives" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/elite-s-330c3ef01292b534834456c5d15cc00abfb4bfdc65fb746e8dc0e10891912c89.svg" data-alt="Elite Author" data-class="community-badges__badge--s" data-title="Elite Author: Sold more than $75,000 on Envato Market" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/one_billion_milestone-s-ed3a00e6519c81aee36b4f053c5e59b64c3de33f69d2baa58a823b6827d96a3b.svg" data-alt="Milestone Member" data-class="community-badges__badge--s" data-title="Milestone Member: Part of the $1 billion community earnings milestone" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/author_level_7-s-15f7a1278b731ea9bba1cc8210d6379525be217fa795d7f80b18c59407c666ab.svg" data-alt="Author Level 7" data-class="community-badges__badge--s" data-title="Author Level 7: Has sold $75,000+ on Envato Market and is now an Elite Author" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/affiliate_level_4-s-fef9894a8ec159386bdd8227e224cefff7f9d436c8f5ca2a3b1c2e296e22b4af.svg" data-alt="Affiliate Level 4" data-class="community-badges__badge--s" data-title="Affiliate Level 4: Has referred 100+ members" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/collector_level_1-s-bf2f6bc7b60fa5894b2450012c0879111d0155da3b98ad35d9a64c7cd8e2efc4.svg" data-alt="Collector Level 1" data-class="community-badges__badge--s" data-title="Collector Level 1: Has collected 1+ items on Envato Market" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/had_trending_item-s-973480c3b882aee21c3dbefdbb9a47c01668da9beb2678ad5332194269fb7ceb.svg" data-alt="Trendsetter" data-class="community-badges__badge--s" data-title="Trendsetter: Had an item that was trending" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/veteran_level_11-s-98b8d23e4af26acc481e905d0415073231a6ec34a24f28ae61db601bfd08f61d.svg" data-alt="11 Years of Membership" data-class="community-badges__badge--s" data-title="11 Years of Membership: Has been part of the Envato Community for over 11 years" class="lazy-load-img"></span> </span> </li> </ul> </div> </div> </div> <div class="h-mt1"> <a class="e-btn--3d -color-light -width-full js-view-portfolio-button" href="/user/SoftDiscover/portfolio">View Portfolio</a> </div> </div> <div class="box -radius-all"> <div class="meta-attributes js-meta-attributes has-toggle is-collapsed" data-view="CondenseItemInfoPanel"> <table class="meta-attributes__table" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr class="js-condense-item-page-info-panel--last_update"> <td class="meta-attributes__attr-name">Last Update</td> <td class="meta-attributes__attr-detail"> <time class="updated" datetime="2024-11-20T14:36:33+11:00"> 20 November 2024 </time> </td> </tr> <tr class="js-condense-item-page-info-panel--created-at"> <td class="meta-attributes__attr-name">Published</td> <td class="meta-attributes__attr-detail"> <span data-nosnippet=""> 26 April 2016 </span> </td> </tr> <tr class="js-condense-item-page-info-panel--high-resolution"> <td class="meta-attributes__attr-name">High Resolution</td> <td class="meta-attributes__attr-detail"> <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/high-resolution/yes">Yes</a> </td> </tr> <tr class="js-condense-item-page-info-panel--compatible-browsers"> <td class="meta-attributes__attr-name">Compatible Browsers</td> <td class="meta-attributes__attr-detail"> <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-browsers/ie8">IE8</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-browsers/ie9">IE9</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-browsers/ie10">IE10</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-browsers/ie11">IE11</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-browsers/firefox">Firefox</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-browsers/safari">Safari</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-browsers/opera">Opera</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-browsers/chrome">Chrome</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-browsers/edge">Edge</a> </td> </tr> <tr class="js-condense-item-page-info-panel--files-included"> <td class="meta-attributes__attr-name">Files Included</td> <td class="meta-attributes__attr-detail"> <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/source-files-included/javascript%20js">JavaScript JS</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/source-files-included/javascript%20json">JavaScript JSON</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/source-files-included/html">HTML</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/source-files-included/css">CSS</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/source-files-included/php">PHP</a> </td> </tr> <tr class="js-condense-item-page-info-panel--software-framework"> <td class="meta-attributes__attr-name">Software Framework</td> <td class="meta-attributes__attr-detail"> <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/software-framework/codeigniter">CodeIgniter</a> </td> </tr> <tr class="js-condense-item-page-info-panel--software-version"> <td class="meta-attributes__attr-name">Software Version</td> <td class="meta-attributes__attr-detail"> <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/php%208.x">PHP 8.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/php%207.x">PHP 7.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/mysql%205.x">MySQL 5.x</a> </td> </tr> <tr> <td class="meta-attributes__attr-name">Tags</td> <td><span class="meta-attributes__attr-tags"> <a title="calculator" rel="nofollow" href="/search/calculator">calculator</a>, <a title="conditional logic" rel="nofollow" href="/search/conditional logic">conditional logic</a>, <a title="estimate" rel="nofollow" href="/search/estimate">estimate</a>, <a title="estimation" rel="nofollow" href="/search/estimation">estimation</a>, <a title="estimator" rel="nofollow" href="/search/estimator">estimator</a>, <a title="form builder" rel="nofollow" href="/search/form builder">form builder</a>, <a title="form creator" rel="nofollow" href="/search/form creator">form creator</a>, <a title="form designs" rel="nofollow" href="/search/form designs">form designs</a>, <a title="form generator" rel="nofollow" href="/search/form generator">form generator</a>, <a title="payment" rel="nofollow" href="/search/payment">payment</a>, <a title="paypal" rel="nofollow" href="/search/paypal">paypal</a>, <a title="professional forms" rel="nofollow" href="/search/professional forms">professional forms</a>, <a title="quick forms" rel="nofollow" href="/search/quick forms">quick forms</a>, <a title="wizard form" rel="nofollow" href="/search/wizard form">wizard form</a> </span></td> </tr> </tbody> </table> <div class="js-meta-attributes-toggle meta-attributes-toggle"> <a class="meta-attributes-toggle__link" href="#"> <span>More Attributes <i class="e-icon -icon-chevron-down"></i></span> <span class="meta-attributes-toggle__less">Fewer Attributes <i class="e-icon -icon-chevron-down -rotate-180"></i></span> </a> </div> </div></div> <div class="t-body -size-s h-text-align-center h-mt2"> &copy; All Rights Reserved SoftDiscover <br/> <a href="https://help.market.envato.com">Contact the Envato Market Help Team</a> </div> </div> <script nonce="xNV8DDiFAjroHhWFUZurmA=="> //<![CDATA[ // HACK: Google Chrome always scroll the previous page's position on hitting Back button // This causes issue with responsive version in which unexpanded item description obscure // the scroll position and Chrome will jump to the outer border of bottom window.addEventListener('unload', function(e) { window.scrollTo(0, 0); }); //]]> </script></div> </div> </div> <div> <div class='cross-sell'> <a class="cross-sell__link" data-analytics-view-payload="{&quot;eventName&quot;:&quot;view_promotion&quot;,&quot;contextDetail&quot;:&quot;footer block ads&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;elements_mkt-footer_28AUG2024&quot;,&quot;promotionName&quot;:&quot;elements_mkt-footer_28AUG2024&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_promotion&quot;,&quot;contextDetail&quot;:&quot;footer block ads&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;elements_mkt-footer_28AUG2024&quot;,&quot;promotionName&quot;:&quot;elements_mkt-footer_28AUG2024&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" data-analytics-click-once="true" href="https://elements.envato.com/pricing?utm_campaign=elements_mkt-footer_28AUG2024&amp;utm_content=cc_global-footer&amp;utm_medium=promos&amp;utm_source=codecanyon.net"> <div class="mainPanel"> <div class="mainPanelContent"> <div class="envatoLogo"> </div> <div class="mainPanelLinkContainer"> <p class="mainPanelLinkHeading"> Looking for unlimited downloads? </p> <p class="mainPanelLinkSubheading"> Subscribe to Envato Elements. </p> <div class="mainPanelLinkDescription"> <div class="descriptionItem"> <img src="https://public-assets.envato-static.com/assets/header/badge-a65149663b95bcee411e80ccf4da9788f174155587980d8f1d9c44fd8b59edd8.svg" alt="badge" width="20" height="20" > <span>Millions of premium assets </span> </div> <div class="descriptionItem"> <img src="https://public-assets.envato-static.com/assets/header/thumbs_up-e5ce4c821cfd6a6aeba61127a8e8c4d2d7c566e654f588a22708c64d66680869.svg" alt="thumbs up" width="20" height="20" > <span> Great value subscription</span> </div> </div> </div> </div> <button class="brand-neue-button brand-neue-button__open-in-new elements-nav__cta footer_btn">Start creating now</button> </div> <div class="secondaryPanel"> <img loading="lazy" src="https://public-assets.envato-static.com/assets/header-footer/cross-sell-elements-1x-080389fdc19b4cd6f665df2a1e9d17804c7a735175b070e0ae7a9abd1c8afbce.png" srcset="https://public-assets.envato-static.com/assets/header-footer/cross-sell-elements-2x-7b2e57d6be99b80fabbcb40d5c12e36b88979b893a11f7a101f9deef3e9d3ce8.png 2x" alt="Collage of Elements items" /> </div> </a></div> <footer class='global-footer'> <div class='grid-container -layout-wide'> <div class='global-footer__container'> <nav class='global-footer-info-links'> <hr class='global-footer__separator is-hidden-desktop h-mb4'> <ul class='global-footer-info-links__list'> <li class='global-footer-info-links__list-item'> <ul class='global-footer-sublist'> <li class='global-footer-sublist__item-title'> Envato Market </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://themeforest.net/legal/market">Terms</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://themeforest.net/licenses">Licenses</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://build.envato.com">Market API</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://envato.com/market/affiliate-program/">Become an affiliate</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://www.envato.com/cookies/">Cookies</a> </li> <li class='global-footer-sublist__item h-p0'> <button type="button" class="global-footer__text-link" data-view="cookieSettings">Cookie Settings</button> </li> </ul> </li> <li class='global-footer-info-links__list-item'> <ul class='global-footer-sublist'> <li class='global-footer-sublist__item-title'> Help </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://help.market.envato.com">Help Center</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://help.author.envato.com/hc/en-us">Authors</a> </li> </ul> </li> <li class='global-footer-info-links__list-item'> <ul class='global-footer-sublist'> <li class='global-footer-sublist__item-title'> Our Community </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://community.envato.com">Community</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://envato.com/blog">Blog</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://forums.envato.com">Forums</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://community.envato.com/#/events">Meetups</a> </li> </ul> </li> <li class='global-footer-info-links__list-item'> <ul class='global-footer-sublist'> <li class='global-footer-sublist__item-title'> Meet Envato </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://envato.com">About Envato</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://envato.com/careers/">Careers</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://envato.com/privacy/">Privacy Policy</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://www.envato.com/privacy/#my-personal-information">Do not sell or share my personal information</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://envato.com/sitemap/">Sitemap</a> </li> </ul> </li> </ul> </nav> <div class='global-footer-stats'> <div class='global-footer-stats__content'> <img class="global-footer-stats__logo" alt="Envato Market" src="https://public-assets.envato-static.com/assets/logos/envato_market-dd390ae860330996644c1c109912d2bf63885fc075b87215ace9b5b4bdc71cc8.svg" /> <ul class='global-footer-stats__list'> <li class='global-footer-stats__list-item h-p0'> <span class='global-footer-stats__number'>76,339,762</span> items sold </li> <li class='global-footer-stats__list-item h-p0'> <span class='global-footer-stats__number'>$1,188,901,282</span> community earnings </li> </ul> </div> <div class='global-footer-stats__bcorp'> <a target="_blank" rel="noopener noreferrer" class="global-footer-bcorp-link" href="https://bcorporation.net/en-us/find-a-b-corp/company/envato"> <img class="global-footer-bcorp-logo" width="50" alt="B Corp Logo" loading="lazy" src="https://public-assets.envato-static.com/assets/header-footer/logo-bcorp-e83f7da84188b8edac311fbf08eaa86634e9db7c67130cdc17837c1172c5f678.svg" /> </a> </div> </div> </div> <hr class='global-footer__separator'> <div class='global-footer__container'> <div class='global-footer-company-links'> <ul class='global-footer-company-links__list'> <li class='global-footer-company-links__list-item'> <a class="global-footer__text-link -opacity-full" href="https://envato.com">Envato.com</a> </li> <li class='global-footer-company-links__list-item'> <a class="global-footer__text-link -opacity-full" data-analytics-view-payload="{&quot;eventName&quot;:&quot;view_promotion&quot;,&quot;contextDetail&quot;:&quot;footer nav&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;elements_mkt-footernav&quot;,&quot;promotionName&quot;:&quot;elements_mkt-footernav&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_promotion&quot;,&quot;contextDetail&quot;:&quot;footer nav&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;elements_mkt-footernav&quot;,&quot;promotionName&quot;:&quot;elements_mkt-footernav&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" href="https://elements.envato.com?utm_campaign=elements_mkt-footernav">Envato Elements</a> </li> <li class='global-footer-company-links__list-item'> <a class="global-footer__text-link -opacity-full" href="https://placeit.net/">Placeit by Envato</a> </li> <li class='global-footer-company-links__list-item'> <a class="global-footer__text-link -opacity-full" href="https://tutsplus.com">Envato Tuts+</a> </li> <li class='global-footer-company-links__list-item'> <a class="global-footer__text-link -opacity-full" href="https://envato.com/products/">All Products</a> </li> <li class='global-footer-company-links__list-item'> <a class="global-footer__text-link -opacity-full" href="https://envato.com/sitemap/">Sitemap</a> </li> </ul> <hr class="global-footer__separator is-hidden-tablet-and-above h-mt3"> <small class='global-footer-company-links__price-disclaimer'> Price is in US dollars and excludes tax and handling fees </small> <small class='global-footer-company-links__copyright'> © 2024 Envato Pty Ltd. Trademarks and brands are the property of their respective owners. </small> </div> <div class='global-footer-social'> <ul> <li class='global-footer-social__list-item'> <a class="global-footer__icon-link" rel="nofollow" href="https://twitter.com/envato"> <span data-src="https://public-assets.envato-static.com/assets/header-footer/social/twitter-fed054cb31fc18407431a26876142c31a26c6bd59026c684d9625e4d7e58002a.svg" data-class="global-footer-social__icon" data-alt="Twitter" data-title="Twitter" data-width="22" data-height="22" class="lazy-load-img"></span> </a> </li> <li class='global-footer-social__list-item'> <a class="global-footer__icon-link" rel="nofollow" href="https://www.facebook.com/envato"> <span data-src="https://public-assets.envato-static.com/assets/header-footer/social/facebook-20d27cecd9ae46e6f7bad373316a0dc544669d42dbe0f66b3672720fbe5592fc.svg" data-class="global-footer-social__icon" data-alt="Facebook" data-title="Facebook" data-width="22" data-height="22" class="lazy-load-img"></span> </a> </li> <li class='global-footer-social__list-item'> <a class="global-footer__icon-link" rel="nofollow" href="https://www.youtube.com/user/Envato"> <span data-src="https://public-assets.envato-static.com/assets/header-footer/social/youtube-2d6a8f758426e727939834a47fe9e16ed6b651afed9ca4327a986f76f496594a.svg" data-class="global-footer-social__icon" data-alt="YouTube" data-title="YouTube" data-width="22" data-height="22" class="lazy-load-img"></span> </a> </li> <li class='global-footer-social__list-item'> <a class="global-footer__icon-link" rel="nofollow" href="https://www.instagram.com/envato/"> <span data-src="https://public-assets.envato-static.com/assets/header-footer/social/instagram-dce9fbf4d8428e6f75492fdc4e32ef7543ce3ba6347a5b055e7ac68c45416dc2.svg" data-class="global-footer-social__icon" data-alt="Instagram" data-title="Instagram" data-width="22" data-height="22" class="lazy-load-img"></span> </a> </li> <li class='global-footer-social__list-item'> <a class="global-footer__icon-link" rel="nofollow" href="https://www.pinterest.com/envato/"> <span data-src="https://public-assets.envato-static.com/assets/header-footer/social/pinterest-2e00aae335d66e4e28273bbfe4e9428ca8d8d91cbd9122d81312218ea34747df.svg" data-class="global-footer-social__icon" data-alt="Pinterest" data-title="Pinterest" data-width="22" data-height="22" class="lazy-load-img"></span> </a> </li> </ul> </div> </div> </div> </footer> </div> </div> <div class="is-hidden-phone"> <div id="tooltip-magnifier" class="magnifier"> <strong></strong> <div class="info"> <div class="author-category"> by <span class="author"></span> </div> <div class="price"> <span class="cost"></span> </div> </div> <div class="footer"> <span class="category"></span> <span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span> </div> </div> <div id="landscape-image-magnifier" class="magnifier"> <div class="size-limiter"> </div> <strong></strong> <div class="info"> <div class="author-category"> by <span class="author"></span> </div> <div class="price"> <span class="cost"></span> </div> </div> <div class="footer"> <span class="category"></span> <span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span> </div> </div> <div id="portrait-image-magnifier" class="magnifier"> <div class="size-limiter"> </div> <strong></strong> <div class="info"> <div class="author-category"> by <span class="author"></span> </div> <div class="price"> <span class="cost"></span> </div> </div> <div class="footer"> <span class="category"></span> <span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span> </div> </div> <div id="square-image-magnifier" class="magnifier"> <div class="size-limiter"> </div> <strong></strong> <div class="info"> <div class="author-category"> by <span class="author"></span> </div> <div class="price"> <span class="cost"></span> </div> </div> <div class="footer"> <span class="category"></span> <span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span> </div> </div> <div id="smart-image-magnifier" class="magnifier"> <div class="size-limiter"> </div> <strong></strong> <div class="info"> <div class="author-category"> by <span class="author"></span> </div> <div class="price"> <span class="cost"></span> </div> </div> <div class="footer"> <span class="category"></span> <span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span> </div> </div> <div id="video-magnifier" class="magnifier"> <div class="size-limiter"> </div> <strong></strong> <div class="info"> <div class="author-category"> by <span class="author"></span> </div> <div class="price"> <span class="cost"></span> </div> </div> <div class="footer"> <span class="category"></span> <span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span> </div> </div> </div> </div> <div class="page__overlay" data-view="offCanvasNavToggle" data-off-canvas="close"></div> </div> </div> <script src="https://public-assets.envato-static.com/assets/market/core/index-3d8a0ccd9978174dda7d3aa30b258e7ace330a435d742f005d78398b2a3f6013.js" nonce="xNV8DDiFAjroHhWFUZurmA=="></script> <script src="https://public-assets.envato-static.com/assets/market/pages/default/index-f343a714d04e9f18234e16f363b09212a5aca215988f9a738438975a3e445c97.js" nonce="xNV8DDiFAjroHhWFUZurmA=="></script> <div id="affiliate-tracker" class="is-hidden" data-view="affiliatesTracker" data-cookiebot-enabled="true"></div> <script src="https://public-assets.envato-static.com/assets/market/core/lazyload-f0fdf08f4783c5b030b32eb74e26ace288ccfeeee00a96df46f974edf09fc853.js" crossorigin="anonymous" nonce="xNV8DDiFAjroHhWFUZurmA==" integrity="sha256-Lj73XO2pRKnz68V0O125cWko4eq1N3BVb2oeXYCSLv0="></script> <script nonce="xNV8DDiFAjroHhWFUZurmA=="> //<![CDATA[ $(function(){viewloader.execute(Views);}); //]]> </script> <script src="https://consent.cookiebot.com/uc.js" data-cbid="d10f7659-aa82-4007-9cf1-54a9496002bf" data-georegions="{&quot;region&quot;:&quot;US&quot;,&quot;cbid&quot;:&quot;d9683f70-895f-4427-97dc-f1087cddf9d8&quot;}" async="async" id="Cookiebot" nonce="xNV8DDiFAjroHhWFUZurmA=="></script> <script nonce="xNV8DDiFAjroHhWFUZurmA=="> //<![CDATA[ var ACCOUNTS = ["m"]; window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; var consentCookie = getCookie('CookieConsent'); if (consentCookie) { var hasConsent = Market.Helpers.CookieConsent.given('statistics'); if (hasConsent) { setupGoogleAnalytics(); loadGoogleAnalytics(); loadLinkingForAllAccounts(); } } else { setupGoogleAnalytics(); loadGoogleAnalytics(); loadLinkingForAllAccounts(); } window.addEventListener('CookiebotOnAccept', handleCookiebotAcceptDeclineEvent, false); window.addEventListener('CookiebotOnDecline', handleCookiebotAcceptDeclineEvent, false); function handleCookiebotAcceptDeclineEvent() { if (Cookiebot.consent.statistics) { if (!(window.ga && ga.create)) { setupGoogleAnalytics(); loadGoogleAnalytics(); loadLinkingForAllAccounts(); } } else { unloadGoogleAnalytics() } } function getCookie(name) { var name = name + "="; var decodedCookie = decodeURIComponent(document.cookie); var cookieContent = decodedCookie.split(';'); for(var i = 0; i < cookieContent.length; i++) { var c = cookieContent[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return false; } function delete_cookie_by_name(name) { document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; } function unloadGoogleAnalytics() { var payload = {"name":"m","allowLinker":true}; var accountId = "UA-11834194-12"; // Set the GA User Opt-out flag window['ga-disable-'+accountId] = true; // Do not explicitly make any further calls to ga() ga(payload.name+".remove"); // Delete any existing GA cookies (_ga, _gat & _gaid) and GA Client ID from localStorage delete_cookie_by_name('_ga'); delete_cookie_by_name('_gat'); delete_cookie_by_name('_gid'); // Delete LocalStorage Entries if (Market.Helpers.GaLsUtils.localStorageAvailable()) { var clientId = Market.Helpers.GaLsUtils.getClientId(); if (!clientId) { return; } Market.Helpers.GaLsUtils.removeClientId(); } // Do not transmit the Client ID to other sites upon navigation (i.e. autoLink) } function domLoaded() { return new Promise(resolve => { if ( document.readyState === 'interactive' || document.readyState === 'complete' ) { resolve() } else { document.addEventListener( 'DOMContentLoaded', () => { resolve() }, { capture: true, once: true, passive: true } ) } }) } function loadLinkingForAllAccounts() { domLoaded().then(() => { window._envGaTrackerNames = ACCOUNTS; for (var i = 0; i < ACCOUNTS.length; i++) { var t = ACCOUNTS[i]; ga(t+'.require', 'linker'); ga(t+'.require', 'linkid', 'linkid.js'); }; document.body.addEventListener('click', function(event) { decorateLink(event); }); document.body.addEventListener('contextmenu', function(event) { // Aside from a normal click, we need to handle the variety of ways users // can open a link in a new tab // Right click to open context menu decorateLink(event); }); document.body.addEventListener('mousedown', function(event) { // Aside from a normal click, we need to handle the variety of ways users // can open a link in a new tab // Middle mouse button click if (event.button === 1) { decorateLink(event); } }); }); } function decorateLink(event) { window._envGaTrackerNames = ACCOUNTS; var currentTarget = jQuery(event.target); var link = currentTarget.closest('a')[0]; var ourDomains = ["audiojungle.net","themeforest.net","videohive.net","graphicriver.net","3docean.net","codecanyon.net","photodune.net","elements.envato.com","build.envatohostedservices.com","author.envato.com","tutsplus.com","sites.envato.com","account.envato.com","forums.envato.com"]; var filteredDomains = ourDomains.filter(function(domain) { return domain !== document.location.hostname; }); for (var i = 0; i < ACCOUNTS.length; i++) { var t = ACCOUNTS[i]; if (link && link.href) { if (filteredDomains.includes(link.hostname) || currentSiteLinkOpensInNewWindow(link)) { ga(t+'.linker:decorate', link) } } } } function currentSiteLinkOpensInNewWindow(link) { return document.location.hostname === link.hostname && link.target === '_blank'; } function setupGoogleAnalytics() { (function () { var accountId = "UA-11834194-12"; window['ga-disable-'+accountId] = false; var options = {"name":"m","allowLinker":true}; if (Market.Helpers.GaLsUtils.localStorageAvailable()) { if (Market.Helpers.GaLsUtils.clientIdNotPresent()) { options.clientId = Market.Helpers.GaLsUtils.retrieveClientId(); } ga("create", accountId, options); ga(function() { var tracker = ga.getByName(options.name); Market.Helpers.GaLsUtils.storeClientId(tracker.get('clientId')); for (var i = 0; i < ACCOUNTS.length; i++) { var t = ACCOUNTS[i]; ga(t+'.set', 'dimension18', Market.Helpers.GaLsUtils.retrieveClientId()) } }) } else { ga("create", accountId, options); } window._envGaTrackerNames = ACCOUNTS; for (var i = 0; i < ACCOUNTS.length; i++) { var t = ACCOUNTS[i]; ga(t+'.require', ""); ga(t+'.require', 'ec'); ga(t+'.require', 'displayfeatures'); ga(t+'.set', 'dimension20', 'item:details') var itemPageIdMatch = window.location.pathname.match(/^\/item\/[a-z-]+\/(?:reviews\/)?(\d+)(?:\/comments|\/support)?$/); if (itemPageIdMatch) { // Fetch item ID from path var itemId = itemPageIdMatch[1]; ga(t+'.set', 'dimension23', itemId); } } loadLinkingForAllAccounts() }()); } function loadGoogleAnalytics() { (function () { var s=document.createElement('script'); s.type='text/javascript'; s.async=true; s.src='https://www.google-analytics.com/analytics.js'; var x=document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s,x); }()); } //]]> </script> <script nonce="xNV8DDiFAjroHhWFUZurmA=="> //<![CDATA[ trimGacUaCookies() trimGaSessionCookies() function trimGacUaCookies() { // Trim the list of gac cookies and only leave the most recent ones. This // prevents rejecting the request later on when the cookie size grows larger // than nginx buffers. let maxCookies = 15 var gacCookies = [] let cookies = document.cookie.split('; ') for (let i in cookies) { let [cookieName, cookieVal] = cookies[i].split('=', 2) if (cookieName.startsWith('_gac_UA')) { gacCookies.push([cookieName, cookieVal]) } } if (gacCookies.length <= maxCookies){return } gacCookies.sort((a, b) => { return (a[1] > b[1] ? -1 : 1) }) for (let i in gacCookies) { if (i < maxCookies) continue $.removeCookie(gacCookies[i][0], { path: '/', domain: '.' + window.location.host }) } } function trimGaSessionCookies() { // Trim the list of ga session cookies and only leave the most recent ones. This // prevents rejecting the request later on when the cookie size grows larger // than nginx buffers. let maxCookies = 15 var gaCookies = [] // safelist our GA properties for production and staging const KEEPLIST = ['_ga_ZKBVC1X78F', '_ga_9Z72VQCKY0'] let cookies = document.cookie.split('; ') for (let i in cookies) { let [cookieName, cookieVal] = cookies[i].split('=', 2) // explicitly ensure the cookie starts with `_ga_` so that we don't accidentally include // the `_ga` cookie if (cookieName.startsWith('_ga_')) { if (KEEPLIST.includes(cookieName)) { continue } gaCookies.push([cookieName, cookieVal]) } } if (gaCookies.length <= maxCookies){return } gaCookies.sort((a, b) => { return (a[1] > b[1] ? -1 : 1) }) for (let i in gaCookies) { if (i < maxCookies) continue $.removeCookie(gaCookies[i][0], { path: '/', domain: '.' + window.location.host }) } } //]]> </script> <script nonce="xNV8DDiFAjroHhWFUZurmA=="> //<![CDATA[ // Set Datadog custom attributes (function () { if (typeof window.datadog_attributes != 'object') window.datadog_attributes = {} window.datadog_attributes['pageType'] = 'item:details' })() //]]> </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10