Update docs

docs/form-builder.md

@@ -0,0 +1,18 @@
+---
+title: Webhook.site Form Builder
+nav_order: 395
+---
+
+# Form Builder by Webhook.site
+
+Form Builder is an easy way to create HTML forms with custom functionality for Web sites, like contact forms, registration forms, etc.
+
+Simply drag and drop the desired components onto the form, enter your Webhook.site URL and copy the HTML code to your Web site editor. 
+
+<div class="center">
+<a href="https://webhook.site/form-builder" class="md-button md-button--default no-underline center">Go to Webhook.site Form Builder</a>
+</div>
+
+Below is a quick video demo that shows how to use Form Builder to create a flow that emails recipients a generated PDF file using [Custom Actions](/custom-actions.html).
+
+<center><iframe width="100%" height="315" src="https://www.youtube.com/embed/aOTqrnIm_8Q" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></center>

docs/stylesheets/extra.css

@@ -8,6 +8,10 @@ body, input {
   -webkit-font-smoothing: auto;
 }
 
+.center {
+   text-align: center;
+}
+
 .md-header-nav__topic {
   font-weight: bold;
 }

mkdocs.yml

@@ -57,7 +57,7 @@ nav:
   - News: news.markdown
   - FAQ: faq.markdown
   - Open Source: open-source.markdown
-  - Basic, Pro & Enterprise: pro.markdown
+  - Basic, Pro & Enterprise: pro.markdown  
   - CLI: cli.md
   - API:
     - Usage & Authentication: api/about.md
@@ -70,6 +70,8 @@ nav:
     - Schedules: api/schedules.md
     - Global Variables: api/global-variables.md
   - Schedules: schedules.md
+  - DNSHook: dnshook.md
+  - Form Builder: form-builder.md
   - Custom Actions:
     - About Custom Actions: custom-actions.markdown
     - Variables: custom-actions/variables.md
@@ -90,4 +92,3 @@ nav:
       - Network and HTTP: webhookscript/functions/network.md
       - Strings: webhookscript/functions/string.md
       - Custom Action Variables: webhookscript/functions/variables.md
-  - DNSHook: dnshook.md