From 43ffbc9232d737fabe7b021758e126f122a34aba Mon Sep 17 00:00:00 2001
From: SasikaA073 <sasikapamith2016@gmail.com>
Date: Fri, 12 Apr 2024 00:39:31 +0530
Subject: [PATCH] Add test.md

---
 docs/en.search-data.json     |   2 +-
 docs/tags/example/index.xml  | 103 +++++++++++++++++++-------
 docs/tags/guide/index.xml    | 103 +++++++++++++++++++-------
 docs/tags/markdown/index.xml | 103 +++++++++++++++++++-------
 docs/test/index.html         | 137 +++++++++++++++++++++++++----------
 5 files changed, 334 insertions(+), 114 deletions(-)

diff --git a/docs/en.search-data.json b/docs/en.search-data.json
index ea29868..5f7ea31 100644
--- a/docs/en.search-data.json
+++ b/docs/en.search-data.json
@@ -1 +1 @@
-{"/test/":{"data":{"":"","how-to-get-started#How to get started":"How to get started\rClone the Repository:\nDevelopers should start by cloning the repository to their local machine: git clone https://github.com/mora-bprs/mora-bprs.github.io.git\rNavigate to the Hugo Site Directory:\nOnce cloned, developers should navigate to the directory where the Hugo site is located: cd mora-bprs.github.io\rInstall Hugo:\nDevelopers need to have Hugo installed on their local machine. They can follow the installation instructions provided on the official Hugo website. Start Editing the Site:\nDevelopers can start editing the Hugo site by modifying the content files located in the content directory. They can use Markdown syntax to write content and make changes as needed. Preview Changes Locally:\nTo preview their changes locally, developers can run the Hugo development server: hugo server -D\rThis command starts a local web server, and developers can view the site in their web browser at http://localhost:1313. Commit Changes to the “dev” Branch:\nAfter making changes, developers should commit their changes to the “dev” branch: git checkout dev\rgit add .\rgit commit -m \"Description of changes made\"\rgit push origin dev\rSubmit Pull Requests (Optional):\nIf your workflow involves code reviews, developers can submit pull requests from the “dev” branch to other branches (e.g., “main” for production). This allows for review and collaboration before merging changes. Deploy to Production (Optional):\nOnce changes are ready to be deployed to production, you can merge the “dev” branch into the appropriate branch (e.g., “main”) to trigger a deployment. By documenting these steps, developers will have a clear understanding of how to clone, edit, and push updates to the Hugo site hosted in the “mora-bprs.github.io” repository, helping to streamline the development process."},"title":"How to get started"}}
\ No newline at end of file
+{"/test/":{"data":{"":"","how-to-get-started#How to get started":"How to get started\rClone the Repository:\nyou should start by cloning the repository to their local machine:\ngit clone https://github.com/mora-bprs/mora-bprs.github.io.git\rNavigate to the Hugo Site Directory:\nOnce cloned, you should navigate to the directory where the Hugo site is located:\ncd mora-bprs.github.io\rInstall Hugo:\nYou need to have Hugo installed on their local machine. They can follow the installation instructions provided on the official Hugo website. Start Editing the Site:\nRefer to this hugo theme documentation to edit the pages. You can start editing the Hugo site by modifying the content files located in the content directory. They can use Markdown syntax to write content and make changes as needed. first create a folder with the slug name in the content folder, then create an index.md file in that folder and write the content in it.\ntemplate for index.md file:\n--- title: \"Title of the page\" date: 2024-03-03 authors: - name: imfing link: https://go.io tags: - Markdown - Example - Guide draft: false --- ## Sample Markdown content Here write the content of the page in markdown syntax.\rPreview Changes Locally:\nTo preview their changes locally, you can run the Hugo development server: hugo server -D\rThis command starts a local web server, and you can view the site in their web browser at http://localhost:1313.\nGenerate the changes locally:\nTo generate the changes locally, you can run the Hugo command: hugo --destination docs\rThis command generates the static files in the docs directory.\nCommit Changes to the “dev” Branch:\nCreate a branch named dev when you run this for the first time.\ngit checkout -b dev\rIf this is not your first time working with dev branch do the following.\nAfter making changes, you should commit their changes to the “dev” branch:\ngit checkout dev git add . git commit -m \"Description of changes made\" git push origin dev"},"title":"How to get started"}}
\ No newline at end of file
diff --git a/docs/tags/example/index.xml b/docs/tags/example/index.xml
index 71789c9..eba3cfc 100644
--- a/docs/tags/example/index.xml
+++ b/docs/tags/example/index.xml
@@ -29,11 +29,12 @@
 &lt;li&gt;
 &lt;p&gt;&lt;strong&gt;Clone the Repository:&lt;/strong&gt;&lt;/p&gt;
 &lt;ul&gt;
-&lt;li&gt;Developers should start by cloning the repository to their local machine:
+&lt;li&gt;
+&lt;p&gt;you should start by cloning the repository to their local machine:&lt;/p&gt;
 &lt;div class=&#34;hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code&#34;&gt;
   
 
-&lt;pre&gt;&lt;code&gt;git clone https://github.com/mora-bprs/mora-bprs.github.io.git&lt;/code&gt;&lt;/pre&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
+&lt;div&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-shell&#34; data-lang=&#34;shell&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;git clone https://github.com/mora-bprs/mora-bprs.github.io.git&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
   &lt;button
     class=&#34;hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50&#34;
     title=&#34;Copy code&#34;
@@ -51,11 +52,12 @@
 &lt;li&gt;
 &lt;p&gt;&lt;strong&gt;Navigate to the Hugo Site Directory:&lt;/strong&gt;&lt;/p&gt;
 &lt;ul&gt;
-&lt;li&gt;Once cloned, developers should navigate to the directory where the Hugo site is located:
+&lt;li&gt;
+&lt;p&gt;Once cloned, you should navigate to the directory where the Hugo site is located:&lt;/p&gt;
 &lt;div class=&#34;hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code&#34;&gt;
   
 
-&lt;pre&gt;&lt;code&gt;cd mora-bprs.github.io&lt;/code&gt;&lt;/pre&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
+&lt;div&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-shell&#34; data-lang=&#34;shell&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;cd mora-bprs.github.io&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
   &lt;button
     class=&#34;hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50&#34;
     title=&#34;Copy code&#34;
@@ -73,18 +75,38 @@
 &lt;li&gt;
 &lt;p&gt;&lt;strong&gt;Install Hugo:&lt;/strong&gt;&lt;/p&gt;
 &lt;ul&gt;
-&lt;li&gt;Developers need to have Hugo installed on their local machine. They can follow the installation instructions provided on the &lt;a href=&#34;https://gohugo.io/installation/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;official Hugo website&lt;/a&gt;.&lt;/li&gt;
+&lt;li&gt;You need to have Hugo installed on their local machine. They can follow the installation instructions provided on the &lt;a href=&#34;https://gohugo.io/installation/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;official Hugo website&lt;/a&gt;.&lt;/li&gt;
 &lt;/ul&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p&gt;&lt;strong&gt;Start Editing the Site:&lt;/strong&gt;&lt;/p&gt;
 &lt;ul&gt;
-&lt;li&gt;Developers can start editing the Hugo site by modifying the content files located in the &lt;code&gt;content&lt;/code&gt; directory. They can use Markdown syntax to write content and make changes as needed.&lt;/li&gt;
+&lt;li&gt;Refer to this &lt;a href=&#34;https://imfing.github.io/hextra/docs/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;hugo theme documentation&lt;/a&gt; to edit the pages.&lt;/li&gt;
+&lt;li&gt;You can start editing the Hugo site by modifying the content files located in the &lt;code&gt;content&lt;/code&gt; directory. They can use Markdown syntax to write content and make changes as needed.&lt;/li&gt;
 &lt;/ul&gt;
+&lt;p&gt;first create a folder with the slug name in the content folder, then create an index.md file in that folder and write the content in it.&lt;/p&gt;
+&lt;p&gt;template for index.md file:&lt;/p&gt;
 &lt;div class=&#34;hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code&#34;&gt;
   
 
-&lt;pre&gt;&lt;code&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
+&lt;div&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-markdown&#34; data-lang=&#34;markdown&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;---
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;title: &amp;#34;Title of the page&amp;#34;
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;date: 2024-03-03
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;authors:
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#66d9ef&#34;&gt;-&lt;/span&gt; name: imfing
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    link: https://go.io
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;tags:
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#66d9ef&#34;&gt;-&lt;/span&gt; Markdown
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#66d9ef&#34;&gt;-&lt;/span&gt; Example
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#66d9ef&#34;&gt;-&lt;/span&gt; Guide
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;draft: false
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;---
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;## Sample Markdown content
+&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;&lt;/span&gt;
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;Here write the content of the page in markdown syntax.&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
   &lt;button
     class=&#34;hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50&#34;
     title=&#34;Copy code&#34;
@@ -100,11 +122,12 @@
 &lt;li&gt;
 &lt;p&gt;&lt;strong&gt;Preview Changes Locally:&lt;/strong&gt;&lt;/p&gt;
 &lt;ul&gt;
-&lt;li&gt;To preview their changes locally, developers can run the Hugo development server:
+&lt;li&gt;To preview their changes locally, you can run the Hugo development server:&lt;/li&gt;
+&lt;/ul&gt;
 &lt;div class=&#34;hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code&#34;&gt;
   
 
-&lt;pre&gt;&lt;code&gt;hugo server -D&lt;/code&gt;&lt;/pre&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
+&lt;div&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-shell&#34; data-lang=&#34;shell&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;hugo server -D&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
   &lt;button
     class=&#34;hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50&#34;
     title=&#34;Copy code&#34;
@@ -116,20 +139,39 @@
 
   
 &lt;/div&gt;
-This command starts a local web server, and developers can view the site in their web browser at &lt;code&gt;http://localhost:1313&lt;/code&gt;.&lt;/li&gt;
+&lt;p&gt;This command starts a local web server, and you can view the site in their web browser at &lt;code&gt;http://localhost:1313&lt;/code&gt;.&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;&lt;strong&gt;Generate the changes locally:&lt;/strong&gt;&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;To generate the changes locally, you can run the Hugo command:&lt;/li&gt;
 &lt;/ul&gt;
+&lt;div class=&#34;hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code&#34;&gt;
+  
+
+&lt;div&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-shell&#34; data-lang=&#34;shell&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;hugo --destination docs&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
+  &lt;button
+    class=&#34;hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50&#34;
+    title=&#34;Copy code&#34;
+  &gt;
+    &lt;div class=&#34;copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4&#34;&gt;&lt;/div&gt;
+    &lt;div class=&#34;success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4&#34;&gt;&lt;/div&gt;
+  &lt;/button&gt;
+&lt;/div&gt;
+
+  
+&lt;/div&gt;
+&lt;p&gt;This command generates the static files in the &lt;code&gt;docs&lt;/code&gt; directory.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p&gt;&lt;strong&gt;Commit Changes to the &amp;ldquo;dev&amp;rdquo; Branch:&lt;/strong&gt;&lt;/p&gt;
 &lt;ul&gt;
-&lt;li&gt;After making changes, developers should commit their changes to the &amp;ldquo;dev&amp;rdquo; branch:
+&lt;li&gt;
+&lt;p&gt;Create a branch named &lt;code&gt;dev&lt;/code&gt; when you run this for the first time.&lt;/p&gt;
 &lt;div class=&#34;hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code&#34;&gt;
   
 
-&lt;pre&gt;&lt;code&gt;git checkout dev
-git add .
-git commit -m &amp;#34;Description of changes made&amp;#34;
-git push origin dev&lt;/code&gt;&lt;/pre&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
+&lt;div&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-shell&#34; data-lang=&#34;shell&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;git checkout -b dev&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
   &lt;button
     class=&#34;hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50&#34;
     title=&#34;Copy code&#34;
@@ -142,22 +184,33 @@ git push origin dev&lt;/code&gt;&lt;/pre&gt;&lt;div class=&#34;hextra-code-copy-
   
 &lt;/div&gt;
 &lt;/li&gt;
-&lt;/ul&gt;
-&lt;/li&gt;
 &lt;li&gt;
-&lt;p&gt;&lt;strong&gt;Submit Pull Requests (Optional):&lt;/strong&gt;&lt;/p&gt;
-&lt;ul&gt;
-&lt;li&gt;If your workflow involves code reviews, developers can submit pull requests from the &amp;ldquo;dev&amp;rdquo; branch to other branches (e.g., &amp;ldquo;main&amp;rdquo; for production). This allows for review and collaboration before merging changes.&lt;/li&gt;
-&lt;/ul&gt;
+&lt;p&gt;If this is not your first time working with &lt;code&gt;dev&lt;/code&gt; branch do the following.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
-&lt;p&gt;&lt;strong&gt;Deploy to Production (Optional):&lt;/strong&gt;&lt;/p&gt;
-&lt;ul&gt;
-&lt;li&gt;Once changes are ready to be deployed to production, you can merge the &amp;ldquo;dev&amp;rdquo; branch into the appropriate branch (e.g., &amp;ldquo;main&amp;rdquo;) to trigger a deployment.&lt;/li&gt;
+&lt;p&gt;After making changes, you should commit their changes to the &amp;ldquo;dev&amp;rdquo; branch:&lt;/p&gt;
+&lt;div class=&#34;hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code&#34;&gt;
+  
+
+&lt;div&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-shell&#34; data-lang=&#34;shell&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;git checkout dev
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;git add .
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;git commit -m &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;Description of changes made&amp;#34;&lt;/span&gt;
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;git push origin dev&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
+  &lt;button
+    class=&#34;hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50&#34;
+    title=&#34;Copy code&#34;
+  &gt;
+    &lt;div class=&#34;copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4&#34;&gt;&lt;/div&gt;
+    &lt;div class=&#34;success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4&#34;&gt;&lt;/div&gt;
+  &lt;/button&gt;
+&lt;/div&gt;
+
+  
+&lt;/div&gt;
+&lt;/li&gt;
 &lt;/ul&gt;
 &lt;/li&gt;
 &lt;/ol&gt;
-&lt;p&gt;By documenting these steps, developers will have a clear understanding of how to clone, edit, and push updates to the Hugo site hosted in the &amp;ldquo;mora-bprs.github.io&amp;rdquo; repository, helping to streamline the development process.&lt;/p&gt;
 
       </description>
     </item>
diff --git a/docs/tags/guide/index.xml b/docs/tags/guide/index.xml
index cbca849..89a4b51 100644
--- a/docs/tags/guide/index.xml
+++ b/docs/tags/guide/index.xml
@@ -29,11 +29,12 @@
 &lt;li&gt;
 &lt;p&gt;&lt;strong&gt;Clone the Repository:&lt;/strong&gt;&lt;/p&gt;
 &lt;ul&gt;
-&lt;li&gt;Developers should start by cloning the repository to their local machine:
+&lt;li&gt;
+&lt;p&gt;you should start by cloning the repository to their local machine:&lt;/p&gt;
 &lt;div class=&#34;hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code&#34;&gt;
   
 
-&lt;pre&gt;&lt;code&gt;git clone https://github.com/mora-bprs/mora-bprs.github.io.git&lt;/code&gt;&lt;/pre&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
+&lt;div&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-shell&#34; data-lang=&#34;shell&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;git clone https://github.com/mora-bprs/mora-bprs.github.io.git&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
   &lt;button
     class=&#34;hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50&#34;
     title=&#34;Copy code&#34;
@@ -51,11 +52,12 @@
 &lt;li&gt;
 &lt;p&gt;&lt;strong&gt;Navigate to the Hugo Site Directory:&lt;/strong&gt;&lt;/p&gt;
 &lt;ul&gt;
-&lt;li&gt;Once cloned, developers should navigate to the directory where the Hugo site is located:
+&lt;li&gt;
+&lt;p&gt;Once cloned, you should navigate to the directory where the Hugo site is located:&lt;/p&gt;
 &lt;div class=&#34;hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code&#34;&gt;
   
 
-&lt;pre&gt;&lt;code&gt;cd mora-bprs.github.io&lt;/code&gt;&lt;/pre&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
+&lt;div&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-shell&#34; data-lang=&#34;shell&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;cd mora-bprs.github.io&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
   &lt;button
     class=&#34;hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50&#34;
     title=&#34;Copy code&#34;
@@ -73,18 +75,38 @@
 &lt;li&gt;
 &lt;p&gt;&lt;strong&gt;Install Hugo:&lt;/strong&gt;&lt;/p&gt;
 &lt;ul&gt;
-&lt;li&gt;Developers need to have Hugo installed on their local machine. They can follow the installation instructions provided on the &lt;a href=&#34;https://gohugo.io/installation/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;official Hugo website&lt;/a&gt;.&lt;/li&gt;
+&lt;li&gt;You need to have Hugo installed on their local machine. They can follow the installation instructions provided on the &lt;a href=&#34;https://gohugo.io/installation/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;official Hugo website&lt;/a&gt;.&lt;/li&gt;
 &lt;/ul&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p&gt;&lt;strong&gt;Start Editing the Site:&lt;/strong&gt;&lt;/p&gt;
 &lt;ul&gt;
-&lt;li&gt;Developers can start editing the Hugo site by modifying the content files located in the &lt;code&gt;content&lt;/code&gt; directory. They can use Markdown syntax to write content and make changes as needed.&lt;/li&gt;
+&lt;li&gt;Refer to this &lt;a href=&#34;https://imfing.github.io/hextra/docs/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;hugo theme documentation&lt;/a&gt; to edit the pages.&lt;/li&gt;
+&lt;li&gt;You can start editing the Hugo site by modifying the content files located in the &lt;code&gt;content&lt;/code&gt; directory. They can use Markdown syntax to write content and make changes as needed.&lt;/li&gt;
 &lt;/ul&gt;
+&lt;p&gt;first create a folder with the slug name in the content folder, then create an index.md file in that folder and write the content in it.&lt;/p&gt;
+&lt;p&gt;template for index.md file:&lt;/p&gt;
 &lt;div class=&#34;hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code&#34;&gt;
   
 
-&lt;pre&gt;&lt;code&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
+&lt;div&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-markdown&#34; data-lang=&#34;markdown&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;---
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;title: &amp;#34;Title of the page&amp;#34;
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;date: 2024-03-03
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;authors:
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#66d9ef&#34;&gt;-&lt;/span&gt; name: imfing
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    link: https://go.io
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;tags:
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#66d9ef&#34;&gt;-&lt;/span&gt; Markdown
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#66d9ef&#34;&gt;-&lt;/span&gt; Example
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#66d9ef&#34;&gt;-&lt;/span&gt; Guide
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;draft: false
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;---
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;## Sample Markdown content
+&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;&lt;/span&gt;
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;Here write the content of the page in markdown syntax.&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
   &lt;button
     class=&#34;hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50&#34;
     title=&#34;Copy code&#34;
@@ -100,11 +122,12 @@
 &lt;li&gt;
 &lt;p&gt;&lt;strong&gt;Preview Changes Locally:&lt;/strong&gt;&lt;/p&gt;
 &lt;ul&gt;
-&lt;li&gt;To preview their changes locally, developers can run the Hugo development server:
+&lt;li&gt;To preview their changes locally, you can run the Hugo development server:&lt;/li&gt;
+&lt;/ul&gt;
 &lt;div class=&#34;hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code&#34;&gt;
   
 
-&lt;pre&gt;&lt;code&gt;hugo server -D&lt;/code&gt;&lt;/pre&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
+&lt;div&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-shell&#34; data-lang=&#34;shell&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;hugo server -D&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
   &lt;button
     class=&#34;hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50&#34;
     title=&#34;Copy code&#34;
@@ -116,20 +139,39 @@
 
   
 &lt;/div&gt;
-This command starts a local web server, and developers can view the site in their web browser at &lt;code&gt;http://localhost:1313&lt;/code&gt;.&lt;/li&gt;
+&lt;p&gt;This command starts a local web server, and you can view the site in their web browser at &lt;code&gt;http://localhost:1313&lt;/code&gt;.&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;&lt;strong&gt;Generate the changes locally:&lt;/strong&gt;&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;To generate the changes locally, you can run the Hugo command:&lt;/li&gt;
 &lt;/ul&gt;
+&lt;div class=&#34;hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code&#34;&gt;
+  
+
+&lt;div&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-shell&#34; data-lang=&#34;shell&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;hugo --destination docs&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
+  &lt;button
+    class=&#34;hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50&#34;
+    title=&#34;Copy code&#34;
+  &gt;
+    &lt;div class=&#34;copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4&#34;&gt;&lt;/div&gt;
+    &lt;div class=&#34;success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4&#34;&gt;&lt;/div&gt;
+  &lt;/button&gt;
+&lt;/div&gt;
+
+  
+&lt;/div&gt;
+&lt;p&gt;This command generates the static files in the &lt;code&gt;docs&lt;/code&gt; directory.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p&gt;&lt;strong&gt;Commit Changes to the &amp;ldquo;dev&amp;rdquo; Branch:&lt;/strong&gt;&lt;/p&gt;
 &lt;ul&gt;
-&lt;li&gt;After making changes, developers should commit their changes to the &amp;ldquo;dev&amp;rdquo; branch:
+&lt;li&gt;
+&lt;p&gt;Create a branch named &lt;code&gt;dev&lt;/code&gt; when you run this for the first time.&lt;/p&gt;
 &lt;div class=&#34;hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code&#34;&gt;
   
 
-&lt;pre&gt;&lt;code&gt;git checkout dev
-git add .
-git commit -m &amp;#34;Description of changes made&amp;#34;
-git push origin dev&lt;/code&gt;&lt;/pre&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
+&lt;div&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-shell&#34; data-lang=&#34;shell&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;git checkout -b dev&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
   &lt;button
     class=&#34;hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50&#34;
     title=&#34;Copy code&#34;
@@ -142,22 +184,33 @@ git push origin dev&lt;/code&gt;&lt;/pre&gt;&lt;div class=&#34;hextra-code-copy-
   
 &lt;/div&gt;
 &lt;/li&gt;
-&lt;/ul&gt;
-&lt;/li&gt;
 &lt;li&gt;
-&lt;p&gt;&lt;strong&gt;Submit Pull Requests (Optional):&lt;/strong&gt;&lt;/p&gt;
-&lt;ul&gt;
-&lt;li&gt;If your workflow involves code reviews, developers can submit pull requests from the &amp;ldquo;dev&amp;rdquo; branch to other branches (e.g., &amp;ldquo;main&amp;rdquo; for production). This allows for review and collaboration before merging changes.&lt;/li&gt;
-&lt;/ul&gt;
+&lt;p&gt;If this is not your first time working with &lt;code&gt;dev&lt;/code&gt; branch do the following.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
-&lt;p&gt;&lt;strong&gt;Deploy to Production (Optional):&lt;/strong&gt;&lt;/p&gt;
-&lt;ul&gt;
-&lt;li&gt;Once changes are ready to be deployed to production, you can merge the &amp;ldquo;dev&amp;rdquo; branch into the appropriate branch (e.g., &amp;ldquo;main&amp;rdquo;) to trigger a deployment.&lt;/li&gt;
+&lt;p&gt;After making changes, you should commit their changes to the &amp;ldquo;dev&amp;rdquo; branch:&lt;/p&gt;
+&lt;div class=&#34;hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code&#34;&gt;
+  
+
+&lt;div&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-shell&#34; data-lang=&#34;shell&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;git checkout dev
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;git add .
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;git commit -m &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;Description of changes made&amp;#34;&lt;/span&gt;
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;git push origin dev&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
+  &lt;button
+    class=&#34;hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50&#34;
+    title=&#34;Copy code&#34;
+  &gt;
+    &lt;div class=&#34;copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4&#34;&gt;&lt;/div&gt;
+    &lt;div class=&#34;success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4&#34;&gt;&lt;/div&gt;
+  &lt;/button&gt;
+&lt;/div&gt;
+
+  
+&lt;/div&gt;
+&lt;/li&gt;
 &lt;/ul&gt;
 &lt;/li&gt;
 &lt;/ol&gt;
-&lt;p&gt;By documenting these steps, developers will have a clear understanding of how to clone, edit, and push updates to the Hugo site hosted in the &amp;ldquo;mora-bprs.github.io&amp;rdquo; repository, helping to streamline the development process.&lt;/p&gt;
 
       </description>
     </item>
diff --git a/docs/tags/markdown/index.xml b/docs/tags/markdown/index.xml
index 05e3c7e..fc45992 100644
--- a/docs/tags/markdown/index.xml
+++ b/docs/tags/markdown/index.xml
@@ -29,11 +29,12 @@
 &lt;li&gt;
 &lt;p&gt;&lt;strong&gt;Clone the Repository:&lt;/strong&gt;&lt;/p&gt;
 &lt;ul&gt;
-&lt;li&gt;Developers should start by cloning the repository to their local machine:
+&lt;li&gt;
+&lt;p&gt;you should start by cloning the repository to their local machine:&lt;/p&gt;
 &lt;div class=&#34;hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code&#34;&gt;
   
 
-&lt;pre&gt;&lt;code&gt;git clone https://github.com/mora-bprs/mora-bprs.github.io.git&lt;/code&gt;&lt;/pre&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
+&lt;div&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-shell&#34; data-lang=&#34;shell&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;git clone https://github.com/mora-bprs/mora-bprs.github.io.git&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
   &lt;button
     class=&#34;hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50&#34;
     title=&#34;Copy code&#34;
@@ -51,11 +52,12 @@
 &lt;li&gt;
 &lt;p&gt;&lt;strong&gt;Navigate to the Hugo Site Directory:&lt;/strong&gt;&lt;/p&gt;
 &lt;ul&gt;
-&lt;li&gt;Once cloned, developers should navigate to the directory where the Hugo site is located:
+&lt;li&gt;
+&lt;p&gt;Once cloned, you should navigate to the directory where the Hugo site is located:&lt;/p&gt;
 &lt;div class=&#34;hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code&#34;&gt;
   
 
-&lt;pre&gt;&lt;code&gt;cd mora-bprs.github.io&lt;/code&gt;&lt;/pre&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
+&lt;div&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-shell&#34; data-lang=&#34;shell&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;cd mora-bprs.github.io&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
   &lt;button
     class=&#34;hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50&#34;
     title=&#34;Copy code&#34;
@@ -73,18 +75,38 @@
 &lt;li&gt;
 &lt;p&gt;&lt;strong&gt;Install Hugo:&lt;/strong&gt;&lt;/p&gt;
 &lt;ul&gt;
-&lt;li&gt;Developers need to have Hugo installed on their local machine. They can follow the installation instructions provided on the &lt;a href=&#34;https://gohugo.io/installation/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;official Hugo website&lt;/a&gt;.&lt;/li&gt;
+&lt;li&gt;You need to have Hugo installed on their local machine. They can follow the installation instructions provided on the &lt;a href=&#34;https://gohugo.io/installation/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;official Hugo website&lt;/a&gt;.&lt;/li&gt;
 &lt;/ul&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p&gt;&lt;strong&gt;Start Editing the Site:&lt;/strong&gt;&lt;/p&gt;
 &lt;ul&gt;
-&lt;li&gt;Developers can start editing the Hugo site by modifying the content files located in the &lt;code&gt;content&lt;/code&gt; directory. They can use Markdown syntax to write content and make changes as needed.&lt;/li&gt;
+&lt;li&gt;Refer to this &lt;a href=&#34;https://imfing.github.io/hextra/docs/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;hugo theme documentation&lt;/a&gt; to edit the pages.&lt;/li&gt;
+&lt;li&gt;You can start editing the Hugo site by modifying the content files located in the &lt;code&gt;content&lt;/code&gt; directory. They can use Markdown syntax to write content and make changes as needed.&lt;/li&gt;
 &lt;/ul&gt;
+&lt;p&gt;first create a folder with the slug name in the content folder, then create an index.md file in that folder and write the content in it.&lt;/p&gt;
+&lt;p&gt;template for index.md file:&lt;/p&gt;
 &lt;div class=&#34;hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code&#34;&gt;
   
 
-&lt;pre&gt;&lt;code&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
+&lt;div&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-markdown&#34; data-lang=&#34;markdown&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;---
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;title: &amp;#34;Title of the page&amp;#34;
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;date: 2024-03-03
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;authors:
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#66d9ef&#34;&gt;-&lt;/span&gt; name: imfing
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    link: https://go.io
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;tags:
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#66d9ef&#34;&gt;-&lt;/span&gt; Markdown
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#66d9ef&#34;&gt;-&lt;/span&gt; Example
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#66d9ef&#34;&gt;-&lt;/span&gt; Guide
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;draft: false
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;---
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;## Sample Markdown content
+&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;&lt;/span&gt;
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;Here write the content of the page in markdown syntax.&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
   &lt;button
     class=&#34;hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50&#34;
     title=&#34;Copy code&#34;
@@ -100,11 +122,12 @@
 &lt;li&gt;
 &lt;p&gt;&lt;strong&gt;Preview Changes Locally:&lt;/strong&gt;&lt;/p&gt;
 &lt;ul&gt;
-&lt;li&gt;To preview their changes locally, developers can run the Hugo development server:
+&lt;li&gt;To preview their changes locally, you can run the Hugo development server:&lt;/li&gt;
+&lt;/ul&gt;
 &lt;div class=&#34;hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code&#34;&gt;
   
 
-&lt;pre&gt;&lt;code&gt;hugo server -D&lt;/code&gt;&lt;/pre&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
+&lt;div&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-shell&#34; data-lang=&#34;shell&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;hugo server -D&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
   &lt;button
     class=&#34;hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50&#34;
     title=&#34;Copy code&#34;
@@ -116,20 +139,39 @@
 
   
 &lt;/div&gt;
-This command starts a local web server, and developers can view the site in their web browser at &lt;code&gt;http://localhost:1313&lt;/code&gt;.&lt;/li&gt;
+&lt;p&gt;This command starts a local web server, and you can view the site in their web browser at &lt;code&gt;http://localhost:1313&lt;/code&gt;.&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;&lt;strong&gt;Generate the changes locally:&lt;/strong&gt;&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;To generate the changes locally, you can run the Hugo command:&lt;/li&gt;
 &lt;/ul&gt;
+&lt;div class=&#34;hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code&#34;&gt;
+  
+
+&lt;div&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-shell&#34; data-lang=&#34;shell&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;hugo --destination docs&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
+  &lt;button
+    class=&#34;hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50&#34;
+    title=&#34;Copy code&#34;
+  &gt;
+    &lt;div class=&#34;copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4&#34;&gt;&lt;/div&gt;
+    &lt;div class=&#34;success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4&#34;&gt;&lt;/div&gt;
+  &lt;/button&gt;
+&lt;/div&gt;
+
+  
+&lt;/div&gt;
+&lt;p&gt;This command generates the static files in the &lt;code&gt;docs&lt;/code&gt; directory.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p&gt;&lt;strong&gt;Commit Changes to the &amp;ldquo;dev&amp;rdquo; Branch:&lt;/strong&gt;&lt;/p&gt;
 &lt;ul&gt;
-&lt;li&gt;After making changes, developers should commit their changes to the &amp;ldquo;dev&amp;rdquo; branch:
+&lt;li&gt;
+&lt;p&gt;Create a branch named &lt;code&gt;dev&lt;/code&gt; when you run this for the first time.&lt;/p&gt;
 &lt;div class=&#34;hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code&#34;&gt;
   
 
-&lt;pre&gt;&lt;code&gt;git checkout dev
-git add .
-git commit -m &amp;#34;Description of changes made&amp;#34;
-git push origin dev&lt;/code&gt;&lt;/pre&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
+&lt;div&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-shell&#34; data-lang=&#34;shell&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;git checkout -b dev&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
   &lt;button
     class=&#34;hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50&#34;
     title=&#34;Copy code&#34;
@@ -142,22 +184,33 @@ git push origin dev&lt;/code&gt;&lt;/pre&gt;&lt;div class=&#34;hextra-code-copy-
   
 &lt;/div&gt;
 &lt;/li&gt;
-&lt;/ul&gt;
-&lt;/li&gt;
 &lt;li&gt;
-&lt;p&gt;&lt;strong&gt;Submit Pull Requests (Optional):&lt;/strong&gt;&lt;/p&gt;
-&lt;ul&gt;
-&lt;li&gt;If your workflow involves code reviews, developers can submit pull requests from the &amp;ldquo;dev&amp;rdquo; branch to other branches (e.g., &amp;ldquo;main&amp;rdquo; for production). This allows for review and collaboration before merging changes.&lt;/li&gt;
-&lt;/ul&gt;
+&lt;p&gt;If this is not your first time working with &lt;code&gt;dev&lt;/code&gt; branch do the following.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
-&lt;p&gt;&lt;strong&gt;Deploy to Production (Optional):&lt;/strong&gt;&lt;/p&gt;
-&lt;ul&gt;
-&lt;li&gt;Once changes are ready to be deployed to production, you can merge the &amp;ldquo;dev&amp;rdquo; branch into the appropriate branch (e.g., &amp;ldquo;main&amp;rdquo;) to trigger a deployment.&lt;/li&gt;
+&lt;p&gt;After making changes, you should commit their changes to the &amp;ldquo;dev&amp;rdquo; branch:&lt;/p&gt;
+&lt;div class=&#34;hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code&#34;&gt;
+  
+
+&lt;div&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-shell&#34; data-lang=&#34;shell&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;git checkout dev
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;git add .
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;git commit -m &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;Description of changes made&amp;#34;&lt;/span&gt;
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;git push origin dev&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0&#34;&gt;
+  &lt;button
+    class=&#34;hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50&#34;
+    title=&#34;Copy code&#34;
+  &gt;
+    &lt;div class=&#34;copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4&#34;&gt;&lt;/div&gt;
+    &lt;div class=&#34;success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4&#34;&gt;&lt;/div&gt;
+  &lt;/button&gt;
+&lt;/div&gt;
+
+  
+&lt;/div&gt;
+&lt;/li&gt;
 &lt;/ul&gt;
 &lt;/li&gt;
 &lt;/ol&gt;
-&lt;p&gt;By documenting these steps, developers will have a clear understanding of how to clone, edit, and push updates to the Hugo site hosted in the &amp;ldquo;mora-bprs.github.io&amp;rdquo; repository, helping to streamline the development process.&lt;/p&gt;
 
       </description>
     </item>
diff --git a/docs/test/index.html b/docs/test/index.html
index b7d2ebe..7bb5d08 100644
--- a/docs/test/index.html
+++ b/docs/test/index.html
@@ -13,9 +13,11 @@
 
   <title>How to get started – Mora BPRS</title>
   <meta name="description" content="How to get started
Clone the Repository:
-Developers should start by cloning the repository to their local machine: git clone https://github.com/mora-bprs/mora-bprs.github.io.git
Navigate to the Hugo Site Directory:
-Once cloned, developers should navigate to the directory where the Hugo site is located: cd mora-bprs.github.io
Install Hugo:
-Developers need to have Hugo installed on their local machine. They can follow the installation instructions provided on the official Hugo website. Start Editing the Site:" />
+you should start by cloning the repository to their local machine:
+git clone https://github.com/mora-bprs/mora-bprs.github.io.git
Navigate to the Hugo Site Directory:
+Once cloned, you should navigate to the directory where the Hugo site is located:
+cd mora-bprs.github.io
Install Hugo:
+You need to have Hugo installed on their local machine. They can follow the installation instructions provided on the official Hugo website. Start Editing the Site:" />
 
   
     <link rel="canonical" href="https://example.org/test/" itemprop="url" />
@@ -25,9 +27,11 @@
 
 <meta property="og:title" content="How to get started" />
 <meta property="og:description" content="How to get started
Clone the Repository:
-Developers should start by cloning the repository to their local machine: git clone https://github.com/mora-bprs/mora-bprs.github.io.git
Navigate to the Hugo Site Directory:
-Once cloned, developers should navigate to the directory where the Hugo site is located: cd mora-bprs.github.io
Install Hugo:
-Developers need to have Hugo installed on their local machine. They can follow the installation instructions provided on the official Hugo website. Start Editing the Site:" />
+you should start by cloning the repository to their local machine:
+git clone https://github.com/mora-bprs/mora-bprs.github.io.git
Navigate to the Hugo Site Directory:
+Once cloned, you should navigate to the directory where the Hugo site is located:
+cd mora-bprs.github.io
Install Hugo:
+You need to have Hugo installed on their local machine. They can follow the installation instructions provided on the official Hugo website. Start Editing the Site:" />
 <meta property="og:type" content="article" />
 <meta property="og:url" content="https://example.org/test/" /><meta property="article:section" content="" />
 <meta property="article:published_time" content="2024-03-03T00:00:00+00:00" />
@@ -35,16 +39,20 @@
 
   <meta itemprop="name" content="How to get started">
 <meta itemprop="description" content="How to get started
Clone the Repository:
-Developers should start by cloning the repository to their local machine: git clone https://github.com/mora-bprs/mora-bprs.github.io.git
Navigate to the Hugo Site Directory:
-Once cloned, developers should navigate to the directory where the Hugo site is located: cd mora-bprs.github.io
Install Hugo:
-Developers need to have Hugo installed on their local machine. They can follow the installation instructions provided on the official Hugo website. Start Editing the Site:"><meta itemprop="datePublished" content="2024-03-03T00:00:00+00:00" />
+you should start by cloning the repository to their local machine:
+git clone https://github.com/mora-bprs/mora-bprs.github.io.git
Navigate to the Hugo Site Directory:
+Once cloned, you should navigate to the directory where the Hugo site is located:
+cd mora-bprs.github.io
Install Hugo:
+You need to have Hugo installed on their local machine. They can follow the installation instructions provided on the official Hugo website. Start Editing the Site:"><meta itemprop="datePublished" content="2024-03-03T00:00:00+00:00" />
 <meta itemprop="dateModified" content="2024-03-03T00:00:00+00:00" />
-<meta itemprop="wordCount" content="270">
+<meta itemprop="wordCount" content="310">
 <meta itemprop="keywords" content="Markdown,Example,Guide," /><meta name="twitter:card" content="summary"/><meta name="twitter:title" content="How to get started"/>
 <meta name="twitter:description" content="How to get started
Clone the Repository:
-Developers should start by cloning the repository to their local machine: git clone https://github.com/mora-bprs/mora-bprs.github.io.git
Navigate to the Hugo Site Directory:
-Once cloned, developers should navigate to the directory where the Hugo site is located: cd mora-bprs.github.io
Install Hugo:
-Developers need to have Hugo installed on their local machine. They can follow the installation instructions provided on the official Hugo website. Start Editing the Site:"/>
+you should start by cloning the repository to their local machine:
+git clone https://github.com/mora-bprs/mora-bprs.github.io.git
Navigate to the Hugo Site Directory:
+Once cloned, you should navigate to the directory where the Hugo site is located:
+cd mora-bprs.github.io
Install Hugo:
+You need to have Hugo installed on their local machine. They can follow the installation instructions provided on the official Hugo website. Start Editing the Site:"/>
 
     <link rel="preload" href="/css/compiled/main.min.61306e8c6209bd4dda4f79b0ba2d5ad99f03ed9d26355d42cb759ac00dd69981.css" as="style" integrity="sha256-YTBujGIJvU3aT3mwui1a2Z8D7Z0mNV1Cy3WawA3WmYE=" />
     <link href="/css/compiled/main.min.61306e8c6209bd4dda4f79b0ba2d5ad99f03ed9d26355d42cb759ac00dd69981.css" rel="stylesheet" integrity="sha256-YTBujGIJvU3aT3mwui1a2Z8D7Z0mNV1Cy3WawA3WmYE=" />
@@ -190,11 +198,12 @@ <h2>How to get started<span class="hx-absolute -hx-mt-20" id="how-to-get-started
 <li>
 <p><strong>Clone the Repository:</strong></p>
 <ul>
-<li>Developers should start by cloning the repository to their local machine:
+<li>
+<p>you should start by cloning the repository to their local machine:</p>
 <div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
   
 
-<pre><code>git clone https://github.com/mora-bprs/mora-bprs.github.io.git</code></pre><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
+<div><div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-shell" data-lang="shell"><span style="display:flex;"><span>git clone https://github.com/mora-bprs/mora-bprs.github.io.git</span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
   <button
     class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
     title="Copy code"
@@ -212,11 +221,12 @@ <h2>How to get started<span class="hx-absolute -hx-mt-20" id="how-to-get-started
 <li>
 <p><strong>Navigate to the Hugo Site Directory:</strong></p>
 <ul>
-<li>Once cloned, developers should navigate to the directory where the Hugo site is located:
+<li>
+<p>Once cloned, you should navigate to the directory where the Hugo site is located:</p>
 <div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
   
 
-<pre><code>cd mora-bprs.github.io</code></pre><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
+<div><div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-shell" data-lang="shell"><span style="display:flex;"><span>cd mora-bprs.github.io</span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
   <button
     class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
     title="Copy code"
@@ -234,18 +244,38 @@ <h2>How to get started<span class="hx-absolute -hx-mt-20" id="how-to-get-started
 <li>
 <p><strong>Install Hugo:</strong></p>
 <ul>
-<li>Developers need to have Hugo installed on their local machine. They can follow the installation instructions provided on the <a href="https://gohugo.io/installation/" target="_blank" rel="noopener">official Hugo website</a>.</li>
+<li>You need to have Hugo installed on their local machine. They can follow the installation instructions provided on the <a href="https://gohugo.io/installation/" target="_blank" rel="noopener">official Hugo website</a>.</li>
 </ul>
 </li>
 <li>
 <p><strong>Start Editing the Site:</strong></p>
 <ul>
-<li>Developers can start editing the Hugo site by modifying the content files located in the <code>content</code> directory. They can use Markdown syntax to write content and make changes as needed.</li>
+<li>Refer to this <a href="https://imfing.github.io/hextra/docs/" target="_blank" rel="noopener">hugo theme documentation</a> to edit the pages.</li>
+<li>You can start editing the Hugo site by modifying the content files located in the <code>content</code> directory. They can use Markdown syntax to write content and make changes as needed.</li>
 </ul>
+<p>first create a folder with the slug name in the content folder, then create an index.md file in that folder and write the content in it.</p>
+<p>template for index.md file:</p>
 <div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
   
 
-<pre><code></code></pre><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
+<div><div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-markdown" data-lang="markdown"><span style="display:flex;"><span>---
+</span></span><span style="display:flex;"><span>title: &#34;Title of the page&#34;
+</span></span><span style="display:flex;"><span>date: 2024-03-03
+</span></span><span style="display:flex;"><span>authors:
+</span></span><span style="display:flex;"><span>  <span style="color:#66d9ef">-</span> name: imfing
+</span></span><span style="display:flex;"><span>    link: https://go.io
+</span></span><span style="display:flex;"><span>
+</span></span><span style="display:flex;"><span>tags:
+</span></span><span style="display:flex;"><span>  <span style="color:#66d9ef">-</span> Markdown
+</span></span><span style="display:flex;"><span>  <span style="color:#66d9ef">-</span> Example
+</span></span><span style="display:flex;"><span>  <span style="color:#66d9ef">-</span> Guide
+</span></span><span style="display:flex;"><span>
+</span></span><span style="display:flex;"><span>draft: false
+</span></span><span style="display:flex;"><span>---
+</span></span><span style="display:flex;"><span>
+</span></span><span style="display:flex;"><span><span style="color:#75715e">## Sample Markdown content
+</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span>
+</span></span><span style="display:flex;"><span>Here write the content of the page in markdown syntax.</span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
   <button
     class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
     title="Copy code"
@@ -261,11 +291,12 @@ <h2>How to get started<span class="hx-absolute -hx-mt-20" id="how-to-get-started
 <li>
 <p><strong>Preview Changes Locally:</strong></p>
 <ul>
-<li>To preview their changes locally, developers can run the Hugo development server:
+<li>To preview their changes locally, you can run the Hugo development server:</li>
+</ul>
 <div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
   
 
-<pre><code>hugo server -D</code></pre><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
+<div><div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-shell" data-lang="shell"><span style="display:flex;"><span>hugo server -D</span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
   <button
     class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
     title="Copy code"
@@ -277,20 +308,39 @@ <h2>How to get started<span class="hx-absolute -hx-mt-20" id="how-to-get-started
 
   
 </div>
-This command starts a local web server, and developers can view the site in their web browser at <code>http://localhost:1313</code>.</li>
+<p>This command starts a local web server, and you can view the site in their web browser at <code>http://localhost:1313</code>.</p>
+</li>
+<li>
+<p><strong>Generate the changes locally:</strong></p>
+<ul>
+<li>To generate the changes locally, you can run the Hugo command:</li>
 </ul>
+<div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
+  
+
+<div><div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-shell" data-lang="shell"><span style="display:flex;"><span>hugo --destination docs</span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
+  <button
+    class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
+    title="Copy code"
+  >
+    <div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
+    <div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
+  </button>
+</div>
+
+  
+</div>
+<p>This command generates the static files in the <code>docs</code> directory.</p>
 </li>
 <li>
 <p><strong>Commit Changes to the &ldquo;dev&rdquo; Branch:</strong></p>
 <ul>
-<li>After making changes, developers should commit their changes to the &ldquo;dev&rdquo; branch:
+<li>
+<p>Create a branch named <code>dev</code> when you run this for the first time.</p>
 <div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
   
 
-<pre><code>git checkout dev
-git add .
-git commit -m &#34;Description of changes made&#34;
-git push origin dev</code></pre><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
+<div><div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-shell" data-lang="shell"><span style="display:flex;"><span>git checkout -b dev</span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
   <button
     class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
     title="Copy code"
@@ -303,22 +353,33 @@ <h2>How to get started<span class="hx-absolute -hx-mt-20" id="how-to-get-started
   
 </div>
 </li>
-</ul>
-</li>
 <li>
-<p><strong>Submit Pull Requests (Optional):</strong></p>
-<ul>
-<li>If your workflow involves code reviews, developers can submit pull requests from the &ldquo;dev&rdquo; branch to other branches (e.g., &ldquo;main&rdquo; for production). This allows for review and collaboration before merging changes.</li>
-</ul>
+<p>If this is not your first time working with <code>dev</code> branch do the following.</p>
 </li>
 <li>
-<p><strong>Deploy to Production (Optional):</strong></p>
-<ul>
-<li>Once changes are ready to be deployed to production, you can merge the &ldquo;dev&rdquo; branch into the appropriate branch (e.g., &ldquo;main&rdquo;) to trigger a deployment.</li>
+<p>After making changes, you should commit their changes to the &ldquo;dev&rdquo; branch:</p>
+<div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
+  
+
+<div><div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-shell" data-lang="shell"><span style="display:flex;"><span>git checkout dev
+</span></span><span style="display:flex;"><span>git add .
+</span></span><span style="display:flex;"><span>git commit -m <span style="color:#e6db74">&#34;Description of changes made&#34;</span>
+</span></span><span style="display:flex;"><span>git push origin dev</span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
+  <button
+    class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
+    title="Copy code"
+  >
+    <div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
+    <div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
+  </button>
+</div>
+
+  
+</div>
+</li>
 </ul>
 </li>
 </ol>
-<p>By documenting these steps, developers will have a clear understanding of how to clone, edit, and push updates to the Hugo site hosted in the &ldquo;mora-bprs.github.io&rdquo; repository, helping to streamline the development process.</p>
 
         </div>
         <div class="hx-mt-16"></div>