diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..1f1befd
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,2 @@
+/public
+/.hugo_build.lock
diff --git a/content/docs/Installation.md b/content/docs/Installation.md
index 67b1d02..cb641b4 100644
--- a/content/docs/Installation.md
+++ b/content/docs/Installation.md
@@ -4,4 +4,6 @@ title: Installation
 weight: 2
 ---
 
-# Installation
+```golang
+go get gitnet.fr/deblan/go-form
+```
diff --git a/content/docs/fields/_index.md b/content/docs/fields/_index.md
index 677d37e..ae7d331 100644
--- a/content/docs/fields/_index.md
+++ b/content/docs/fields/_index.md
@@ -1,5 +1,49 @@
 ---
-linkTitle: Input
-title: Input
+linkTitle: Fields
+title: Fields
 weight: 3
 ---
+
+The documentation of field is realised with this program.
+
+```golang {hl_lines=[12,13]}
+import (
+	"bytes"
+	"fmt"
+	"html/template"
+
+	"gitnet.fr/deblan/go-form/form"
+	"gitnet.fr/deblan/go-form/theme"
+)
+
+func main() {
+	myForm := form.NewForm(
+		// the documented field here
+        // form.NewField...
+	).
+		WithName("form").
+		End()
+
+	render := theme.NewRenderer(theme.Html5)
+	tpl, _ := template.New("example").Funcs(render.FuncMap()).Parse(`{{- form .Form -}}`)
+
+	var buffer bytes.Buffer
+
+	tpl.Execute(&buffer, map[string]any{
+		"Form": myForm,
+	})
+
+	fmt.Print(buffer.String())
+}
+```
+
+## Common options
+
+| Name         | type                | description                                           | Info                          |
+| ----         | ----                | ----                                                  | ----                          |
+| `required`   | `bool`              | Add `required="true"`                                 | Does not apply a constraint   |
+| `attr`       | `map[string]string` | List of extra attributes of the field                 |                               |
+| `row_attr`   | `map[string]string` | List of extra attributes of the field's top container |                               |
+| `label`      | `string`            | The label of the field                                | Usually show before the field |
+| `label_attr` | `map[string]string` | List of extra attributes of the label                 |                               |
+| `help`       | `string`            | Helper of the field                                   |                               |
diff --git a/content/docs/fields/input/_index.md b/content/docs/fields/input/_index.md
deleted file mode 100644
index b92c9fb..0000000
--- a/content/docs/fields/input/_index.md
+++ /dev/null
@@ -1,11 +0,0 @@
----
-linkTitle: Input
-title: Input
-weight: 3
----
-
-<table>
-    <tr>
-        <td>ok</td>
-    </tr>
-</table>
diff --git a/content/docs/fields/input/text.md b/content/docs/fields/input/text.md
index f83dd1f..5badb2b 100644
--- a/content/docs/fields/input/text.md
+++ b/content/docs/fields/input/text.md
@@ -1,10 +1,50 @@
 ---
 linkTitle: Text
 title: Text
+weight: 1
 ---
 
-<table>
-    <tr>
-        <td>ok</td>
-    </tr>
-</table>
+## Basic example
+
+{{< tabs items="GO,Result" >}}
+    {{< tab >}}
+```golang
+form.NewFieldText("Name")
+```
+    {{< /tab >}}
+    {{< tab >}}
+```html
+<form action="" method="POST" >
+	<div >
+		<input id="form-name"   name="form[Name]" value="" type="text" >
+	</div>
+</form>
+```
+    {{< /tab >}}
+{{< /tabs >}}
+
+## Fully featured example
+
+{{< tabs items="GO,Result" >}}
+    {{< tab >}}
+```golang
+form.NewFieldText("Name").
+	WithOptions(
+		form.NewOption("label", "Name"),
+		form.NewOption("required", true),
+		form.NewOption("attr", map[string]string{"data-foo": "foo"}),
+		form.NewOption("row_attr", map[string]string{"data-bar": "bar"}),
+	)
+```
+    {{< /tab >}}
+    {{< tab >}}
+```html
+<form action="" method="POST" >
+	<div data-bar="bar">
+		<label for="form-name" >Name</label>
+		<input id="form-name"  required="required" name="form[Name]" value="" type="text" data-foo="foo">
+	</div>
+</form>
+```
+    {{< /tab >}}
+{{< /tabs >}}
diff --git a/content/docs/form/_index.md b/content/docs/form/_index.md
deleted file mode 100644
index e73ab96..0000000
--- a/content/docs/form/_index.md
+++ /dev/null
@@ -1,65 +0,0 @@
----
-linkTitle: Form
-title: Form
-weight: 3
----
-
-A form is a struct containing:
-
-* Fields
-* Options
-* Method
-* Action
-
-## Import
-
-```golang
-import (
-	"net/http"
-
-    "gitnet.fr/deblan/go-form/form"
-)
-```
-
-## Usage
-
-```golang
-// Let's create a new form
-// You can pass *form.Field as arguments
-myForm := form.NewForm(field1, field2, ...)
-
-// Add somes fields
-myForm.Add(field3, field4, ...)
-
-// Set the method
-// <form method="POST" ...>
-myForm.WithMethod(http.MethodPost)
-
-// Define the action
-// <form action="/" ...>
-myForm.WithAction("/")
-
-// Set a name
-myForm.WithName("myForm")
-
-// Add options
-myForm.WithOptions(option1, option2, ...)
-
-// When all fields are added, call End()
-myForm.End()
-```
-
-## Attributes
-
-Some options are natively supported in go-form themes.
-
-```golang
-myForm.WithOptions(
-    form.NewOption("help", "A help for the form"),
-    // <form data-foo="bar" data-bar="bar" ...
-    form.NewOption("attr", map[string]string{
-        "data-foo": "foo",
-        "data-bar": "bar",
-    }),
-)
-```
diff --git a/content/docs/form/bind.md b/content/docs/form/bind.md
deleted file mode 100644
index 96c68d4..0000000
--- a/content/docs/form/bind.md
+++ /dev/null
@@ -1,43 +0,0 @@
----
-linkTitle: Bind
-title: Bind
-weight: 2
----
-
-```golang
-import (
-	"net/http"
-
-    "gitnet.fr/deblan/go-form/form"
-)
-
-type Person struct {
-    Name string
-    Age  int
-}
-
-func createForm() *form.Form {
-    f := form.NewForm()
-
-    // do stuff
-
-    return f
-}
-
-http.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
-    alice := Person{
-        Name: "Alice",
-        Age:  42,
-    }
-
-    myForm := createForm()
-
-    if r.Method == myForm.Method {
-        myForm.HandleRequest(r)
-
-        if myForm.IsSubmitted() && myForm.IsValid() {
-            myForm.Bind(&data)
-        }
-    }
-})
-```
diff --git a/content/docs/form/mount.md b/content/docs/form/mount.md
deleted file mode 100644
index e64d533..0000000
--- a/content/docs/form/mount.md
+++ /dev/null
@@ -1,20 +0,0 @@
----
-linkTitle: Mount
-title: Mount
-weight: 1
----
-
-```golang
-type Person struct {
-    Name string
-    Age  int
-}
-
-alice := Person{
-    Name: "Alice",
-    Age:  42,
-}
-
-// Assuming 2 fields named "Name" and "Age" exist
-myForm.Mount(alice)
-```
diff --git a/content/docs/workflow/_index.md b/content/docs/workflow/_index.md
new file mode 100644
index 0000000..48eb8aa
--- /dev/null
+++ b/content/docs/workflow/_index.md
@@ -0,0 +1,120 @@
+---
+linkTitle: Workflow
+title: Workflow
+weight: 2
+---
+
+{{% steps %}}
+
+### Import
+
+```golang
+import (
+    "html/template"
+	"net/http"
+
+    "gitnet.fr/deblan/go-form/form"
+    "gitnet.fr/deblan/go-form/theme"
+)
+```
+
+### Create a form
+
+```golang
+// Let's create a new form
+// You can pass *form.Field as arguments
+myForm := form.NewForm(field1, field2, ...)
+
+// Add somes fields
+myForm.Add(field3, field4, ...)
+
+// Set the method
+// <form method="POST" ...>
+myForm.WithMethod(http.MethodPost)
+
+// Define the action
+// <form action="/" ...>
+myForm.WithAction("/")
+
+// Set a name
+myForm.WithName("myForm")
+
+// Add options
+myForm.WithOptions(option1, option2, ...)
+
+// When all fields are added, call End()
+myForm.End()
+```
+
+#### Attributes
+
+Some options are natively supported in go-form themes.
+
+```golang
+myForm.WithOptions(
+    form.NewOption("help", "A help for the form"),
+    // <form data-foo="bar" data-bar="bar" ...
+    form.NewOption("attr", map[string]string{
+        "data-foo": "foo",
+        "data-bar": "bar",
+    }),
+)
+```
+
+### Data mounting
+
+This step is not required when you does not want to pre-fill the form.
+Your struct can be complexe and the form only map existing properties.
+
+```golang
+type Person struct {
+    Name string
+    Age  int
+}
+
+data := Person{
+    Name: "Alice",
+    Age:  42,
+}
+
+// Assuming 2 fields named "Name" and "Age" exist
+myForm.Mount(data)
+```
+
+### Rendering
+
+```golang
+http.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
+    // myForm := form.NewForm(...)
+
+    render := theme.NewRenderer(theme.Html5)
+    tpl, _ := template.New("page").Funcs(render.FuncMap()).Parse(`{{ form .Form }}`)
+
+    w.Header().Set("Content-Type", "text/html; charset=utf-8")
+
+    tpl.Execute(w, map[string]any{
+        "Form": myForm,
+    })
+}
+```
+
+### Data binding
+
+This is the final step. After the form handles the request, you can check if the form has been submitted, check the values are valid and finally populate your struct.
+
+```golang
+http.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
+    // data := Person{...}
+    // myForm := form.NewForm(...)
+
+    if r.Method == myForm.Method {
+        myForm.HandleRequest(r)
+
+        if myForm.IsSubmitted() && myForm.IsValid() {
+            myForm.Bind(&data)
+        }
+    }
+})
+```
+
+{{% /steps %}}
diff --git a/hugo.yaml b/hugo.yaml
index 4f31507..6211413 100644
--- a/hugo.yaml
+++ b/hugo.yaml
@@ -9,6 +9,7 @@ outputs:
 
 enableRobotsTXT: true
 hasCJKLanguage: true
+enableInlineShortcodes: true
 
 menu:
   main:
@@ -43,7 +44,10 @@ params:
       # width: 40
       # height: 20
       # link: /
-    width: wide
+    width: full
+
+  page:
+    width: full
 
   theme:
     # light | dark | system