diff --git a/resources/index.md b/resources/index.md
index dd3786d2..d91b7c46 100644
--- a/resources/index.md
+++ b/resources/index.md
@@ -46,7 +46,7 @@ hide:
   <div class="col-sm-4">
     <div class="card text-white bg-dark mb-3" style="max-width: 18rem;">
       <div class="card-body">
-        <h2 class="card-title" color=white;>01 Prepare</h2>
+        <h2 class="card-title text-white">01 Prepare</h2>
         <p class="card-text">1. Do you understand FAIR and its implications?</br>2. Define purpose, learning objectives, target audience.</p>
         <a href="https://fair-by-design-methodology.github.io/microlearning/latest/01%20Prepare/prepare/" class="btn btn-light stretched-link">Go to stage</a>
       </div>
@@ -76,7 +76,7 @@ hide:
   <div class="col-sm-4">
     <div class="card bg-light mb-3" style="max-width: 18rem;">
       <div class="card-body">
-        <h2 class="card-title">Produce</h2>
+        <h2 class="card-title">04 Produce</h2>
         <p class="card-text">1. Develop content using common apps and file formats. </br> 2. Define machine readable metadata. </br> 3. Perform internal QA check.</p>
         <a href="https://fair-by-design-methodology.github.io/microlearning/latest/04%20Produce/produce/" class="btn btn-dark stretched-link">Go to stage</a>
       </div>
@@ -86,7 +86,7 @@ hide:
   <div class="col-sm-4">
     <div class="card text-white bg-dark mb-3" style="max-width: 18rem;">
       <div class="card-body">
-        <h2 class="card-title">Publish</h2>
+        <h2 class="card-title">05 Publish</h2>
         <p class="card-text">1. Define license and other related info. </br>2. Release to public for instructors and learners. </br>3. Enable feedback gathering.</p>
         <a href="https://fair-by-design-methodology.github.io/microlearning/latest/05%20Publish/publish/" class="btn btn-light stretched-link">Go to stage</a>
       </div>
@@ -96,7 +96,7 @@ hide:
   <div class="col-sm-4">
     <div class="card bg-light mb-3" style="max-width: 18rem;">
       <div class="card-body">
-        <h2 class="card-title">Verify</h2>
+        <h2 class="card-title">06 Verify</h2>
         <p class="card-text">1. Final QA check. </br> </br> 2. Use gathered feedback for continuous improvement.</br></p>
         <a href="https://fair-by-design-methodology.github.io/microlearning/latest/06%20Verify/verify/" class="btn btn-dark stretched-link">Go to stage</a>
       </div>
@@ -109,7 +109,7 @@ hide:
         <div class="col-sm-4"></div>
         <div class="col-sm-4">
             <div class="card-body">
-            <h2 class="card-title">Continuous Improvement</h2>
+            <h2 class="card-title">07 Continuous Improvement</h2>
             <p class="card-text">1. Create a list of potential improvements. </br></br> 2. Choose a set of improvements to be implemented and start a new release cycle.</br></p>
             <a href="https://fair-by-design-methodology.github.io/microlearning/latest/06%20Verify/verify/" class="btn btn-dark stretched-link">Go to stage</a>
             </div>