Test img into doc

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;
+}

config/_default/hugo.toml

-title = "My Docs"
+title = "Tetras Doc'"
 baseurl = "/"
 canonifyURLs = false
 disableAliases = true

content/docs/reference/_index.md

 ---
-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)

content/docs/reference/example.md

 ---
-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)

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",

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

resources/_gen/assets/scss/scss/app.scss_901a6e181e810c5c7347a10d84f037ab.json

-{"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