diff --git a/assets/scss/common/_custom.scss b/assets/scss/common/_custom.scss
index fdc2425a693818f94aae729aa568dbbd7dde37f6..0cf4ee3b54d07dedc819adcdec0ac081db89580c 100644
--- a/assets/scss/common/_custom.scss
+++ b/assets/scss/common/_custom.scss
@@ -78,3 +78,7 @@ a{
 .offcanvas .nav-link:hover, .offcanvas .nav-link:focus{
   color: $tetra-green;
 }
+
+.img-fluid{
+  width: 100px;
+}
diff --git a/config/_default/hugo.toml b/config/_default/hugo.toml
index 64217bd2648100012fb4a7dcb9aadb09263f6d7a..24733082fa720b8139f6d7a3627cc8e15db3d30f 100644
--- a/config/_default/hugo.toml
+++ b/config/_default/hugo.toml
@@ -1,4 +1,4 @@
-title = "My Docs"
+title = "Tetras Doc'"
 baseurl = "/"
 canonifyURLs = false
 disableAliases = true
diff --git a/content/docs/reference/_index.md b/content/docs/reference/_index.md
index f3bff15dc344b101e3a35c2a4565372bafe3c2d4..19c4e781ed61738ab0e70ac87af1f4adf204e4de 100644
--- a/content/docs/reference/_index.md
+++ b/content/docs/reference/_index.md
@@ -1,5 +1,5 @@
 ---
-title: "Reference"
+title: "Set up"
 description: ""
 summary: ""
 date: 2023-09-07T16:12:37+02:00
@@ -9,7 +9,7 @@ menu:
   docs:
     parent: ""
     identifier: "reference-22e9ba8aefa7ef9891199cf8db3a08cd"
-weight: 900
+weight: 700
 toc: true
 seo:
   title: "" # custom title (optional)
diff --git a/content/docs/reference/example.md b/content/docs/reference/example.md
index bfb802def4e4f6a337e6a6e9992992e1cfc90682..15d79f197da166532341b6f46b7a5967a6e7d956 100644
--- a/content/docs/reference/example.md
+++ b/content/docs/reference/example.md
@@ -1,6 +1,6 @@
 ---
-title: "Example Reference"
-description: "Reference pages are ideal for outlining how things work in terse and clear terms."
+title: "Set up"
+description: "How to set up this Tetras Documentation Template."
 summary: ""
 date: 2023-09-07T16:13:18+02:00
 lastmod: 2023-09-07T16:13:18+02:00
@@ -18,8 +18,10 @@ seo:
   noindex: false # false (default) or true
 ---
 
-Reference pages are ideal for outlining how things work in terse and clear terms. Less concerned with telling a story or addressing a specific use case, they should give a comprehensive outline of what your documenting.
+This Documentation will guide you to setting up this template.
 
-## Further reading
+## Create Menu Item
 
-- Read [about reference](https://diataxis.fr/reference/) in the Diátaxis framework
+![Screen capture of the left nav menu](img.png)
+
+![img_1.png](img_1.png)
diff --git a/content/docs/reference/img.png b/content/docs/reference/img.png
new file mode 100644
index 0000000000000000000000000000000000000000..31dc176c37fa95a926426999b82f142de22c4aa1
Binary files /dev/null and b/content/docs/reference/img.png differ
diff --git a/content/docs/reference/img_1.png b/content/docs/reference/img_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..ea17cc9943f9003de87239350fb87c3f31d46774
Binary files /dev/null and b/content/docs/reference/img_1.png differ
diff --git a/hugo_stats.json b/hugo_stats.json
index 68476b77d2920045f19e2c1600ed1f62119b97b6..8c09ccf534bd13c213a2f0d12a0cb67b9bc938ce 100644
--- a/hugo_stats.json
+++ b/hugo_stats.json
@@ -21,6 +21,7 @@
       "head",
       "header",
       "html",
+      "img",
       "input",
       "kbd",
       "label",
@@ -54,6 +55,7 @@
       "bg-dots",
       "blog",
       "blog-header",
+      "blur-up",
       "btn",
       "btn-close",
       "btn-cta",
@@ -131,10 +133,12 @@
       "icon-tabler-search",
       "icon-tabler-sun",
       "icon-tabler-x",
+      "img-fluid",
       "justify-content-between",
       "justify-content-center",
       "justify-content-end",
       "justify-content-start",
+      "lazyload",
       "lead",
       "list",
       "list-inline",
@@ -236,8 +240,13 @@
     "ids": [
       "TableOfContents",
       "buttonColorMode",
+      "create-menu-item",
       "doks-docs-nav",
+      "first",
+      "first-step",
       "further-reading",
+      "h-rh-i-0",
+      "h-rh-i-1",
       "offcanvasNavMain",
       "offcanvasNavMainLabel",
       "offcanvasNavSection",
@@ -252,6 +261,7 @@
       "section-0cbc6611f5540bd0809a388dc95a615b",
       "section-45389ee90014e0938cb09409b9a8794d",
       "section-63d5049791d9d79d86e9a108b0a999ca",
+      "section-b191593bc602ff910417b3f85bb496ca",
       "socialMenu",
       "sous-titre-test",
       "titre-test",
diff --git a/resources/_gen/assets/scss/scss/app.scss_901a6e181e810c5c7347a10d84f037ab.content b/resources/_gen/assets/scss/scss/app.scss_901a6e181e810c5c7347a10d84f037ab.content
index 13d163d61d564b1f9d32eb8aedd3a30e6e2f0fab..2f7e2b67a828b63edbd59c7f8305709a230e8ad5 100644
--- a/resources/_gen/assets/scss/scss/app.scss_901a6e181e810c5c7347a10d84f037ab.content
+++ b/resources/_gen/assets/scss/scss/app.scss_901a6e181e810c5c7347a10d84f037ab.content
@@ -13658,4 +13658,7 @@ body {
 .offcanvas .nav-link:hover, .offcanvas .banner .nav a:hover, .banner .nav .offcanvas a:hover, .offcanvas .nav-link:focus, .offcanvas .banner .nav a:focus, .banner .nav .offcanvas a:focus {
   color: #5a8264; }
 
+.img-fluid {
+  width: 100px; }
+
 /*# sourceMappingURL=main.css.map */
\ No newline at end of file
diff --git a/resources/_gen/assets/scss/scss/app.scss_901a6e181e810c5c7347a10d84f037ab.json b/resources/_gen/assets/scss/scss/app.scss_901a6e181e810c5c7347a10d84f037ab.json
index 1f1aa5650d92f0eed5dbce63ebfdd44a2433e581..b1ebd52c2136cac96a170cccfac849dcc5377d31 100644
--- a/resources/_gen/assets/scss/scss/app.scss_901a6e181e810c5c7347a10d84f037ab.json
+++ b/resources/_gen/assets/scss/scss/app.scss_901a6e181e810c5c7347a10d84f037ab.json
@@ -1 +1 @@
-{"Target":"main.1fb42c129b30a3348fc1c6362ce119bcdc34cb1f8d67f22e09aede6022085e4658c8f8a59337de54a112cefcc4875a2a4ab3221fcfe3fdc3a68b9ac3d9872cd0.css","MediaType":"text/css","Data":{"Integrity":"sha512-H7QsEpswozSPwcY2LOEZvNw0yx+NZ/IuCa7eYCIIXkZYyPilkzfeVKESzvzEh1oqSrMiH8/j/cOmi5rD2Ycs0A=="}}
\ No newline at end of file
+{"Target":"main.e71463b2741767f6699e7d789055dfb6d21ad682d2c09bc0c41b027f6c9fd2e976b53b0807cd2ba27c26f0516ad0c616f9c4c3317c92bbfd662f459147969509.css","MediaType":"text/css","Data":{"Integrity":"sha512-5xRjsnQXZ/Zpnn14kFXfttIa1oLSwJvAxBsCf2yf0ul2tTsIB80ronwm8FFq0MYW+cTDMXySu/1mL0WRR5aVCQ=="}}
\ No newline at end of file