From b51c49dc164936fe199f7ff16e3e4cbb4ba082cd Mon Sep 17 00:00:00 2001
From: Christopher-O <christopher.oakes@cra-arc.gc.ca>
Date: Thu, 31 Oct 2024 14:37:23 -0600
Subject: [PATCH] Update index.html

Added extended functionality example for use of start attribute for steps
---
 .../2021-05-steps/index.html"                 | 34 +++++++++++++++++++
 1 file changed, 34 insertions(+)

diff --git "a/m\303\251li-m\303\251lo/2021-05-steps/index.html" "b/m\303\251li-m\303\251lo/2021-05-steps/index.html"
index 0a675d80e..8be1854dc 100644
--- "a/m\303\251li-m\303\251lo/2021-05-steps/index.html"
+++ "b/m\303\251li-m\303\251lo/2021-05-steps/index.html"
@@ -37,6 +37,7 @@ <h2>On this page</h2>
       <li><a href="#sublist">Sub (nested) lists</a></li>
       <li><a href="#striped">Striped design</a></li>
       <li><a href="#stripedsub">Striped design for sub list</a></li>
+	  <li><a href="#startattr">Start attribute</a></li>
     </ul>
   </section>
   <section>
@@ -464,3 +465,36 @@ <h4>Header for step 4 (no striped design added for sub steps)</h4>
 &lt;/ol&gt;</code></pre>
     </details>
   </section>
+<section>
+    <h2 id="startattr">Start attribute</h2>
+    <p>The list pattern is customized to follow the value of the <code>start</code> attribute from 2 up to the number 10.</p>
+    <h3>Default steps list design</h3>
+    <p>This example has the <code>start</code> attribute value of 3.</p>
+    <ol class="lst-stps" start="3">
+      <li>
+        <h3><a href="#">Topic/task hyperlink text for step 1</a></h3>
+        <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>
+      </li>
+      <li>
+        <h3><a href="#">Topic/task hyperlink text for step 2</a></h3>
+        <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>
+      </li>
+      <li>
+        <h3><a href="#">Topic/task hyperlink text for step 3</a></h3>
+        <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>
+      </li>
+      <li>
+        <h3><a href="#">Topic/task hyperlink text for step 4</a></h3>
+        <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>
+      </li>
+    </ol>
+    <details>
+      <summary>View code</summary>
+      <pre><code>&lt;ol class="lst-stps" start="3"&gt;
+  &lt;li&gt;...&lt;/li&gt;
+  &lt;li&gt;...&lt;/li&gt;
+  &lt;li&gt;...&lt;/li&gt;
+  &lt;li&gt;...&lt;/li&gt;
+&lt;/ol&gt;</code></pre>
+    </details>
+  </section>