1 files changed, 87 insertions, 20 deletions
diff --git a/sources/shiboken6/doc/index.rst b/sources/shiboken6/doc/index.rst
index dcebdfe19..68f96dded 100644
--- a/sources/shiboken6/doc/index.rst
+++ b/sources/shiboken6/doc/index.rst
@@ -25,26 +25,92 @@ Shiboken
 Documentation
 =============
 
-.. raw:: html
-
-    <table class="special">
-        <colgroup>
-            <col style="width: 33%" />
-            <col style="width: 33%" />
-            <col style="width: 33%" />
-        </colgroup>
-        <tr>
-          <td><a href="gettingstarted.html"><p><strong>Getting Started</strong><br/>Install and build from source.</p></a></td>
-          <td><a href="shibokengenerator.html"><p><strong>Shiboken Generator</strong><br/>Binding generator executable.</p></a></td>
-          <td><a href="shibokenmodule.html"><p><strong>Shiboken Module</strong><br/>Python utility module.</p></a></td>
-        </tr>
-        <tr>
-          <td><a href="typesystem.html"><p><strong>Type System</strong><br/>Reference and functionallities.</p></a></td>
-          <td><a href="examples/index.html"><p><strong>Examples</strong><br/>Using Shiboken.</p></a></td>
-          <td><a href="considerations.html"><p><strong>Considerations</strong><br/>Known issues and FAQ.</p></a></td>
-        </tr>
-
-    </table>
+.. grid:: 1 3 3 3
+    :gutter: 2
+
+    .. grid-item-card::
+        :class-item: text-center
+
+        Install and build from source.
+        +++
+        .. button-ref:: gettingstarted
+            :color: primary
+            :outline:
+            :expand:
+
+            Getting Started
+
+    .. grid-item-card::
+        :class-item: text-center
+
+        Binding generator executable.
+        +++
+        .. button-ref:: shibokengenerator
+            :color: primary
+            :outline:
+            :expand:
+
+            Shiboken Generator
+
+    .. grid-item-card::
+        :class-item: text-center
+
+        Python utility module.
+        +++
+        .. button-ref:: shibokenmodule
+            :color: primary
+            :outline:
+            :expand:
+
+            Shiboken Module
+
+    .. grid-item-card::
+        :class-item: text-center
+
+        Reference and functionallities.
+        +++
+        .. button-ref:: typesystem
+            :color: primary
+            :outline:
+            :expand:
+
+            Type System
+
+    .. grid-item-card::
+        :class-item: text-center
+
+        Using Shiboken.
+        +++
+        .. button-ref:: examples/index
+            :color: primary
+            :outline:
+            :expand:
+
+            Examples
+
+    .. grid-item-card::
+        :class-item: text-center
+
+        Generating Python stub files.
+        +++
+        .. button-ref:: shiboken-genpyi
+            :color: primary
+            :outline:
+            :expand:
+
+            shiboken6-genpyi
+
+    .. grid-item-card::
+        :class-item: text-center
+
+        Known issues and FAQ.
+        +++
+        .. button-ref:: considerations
+            :color: primary
+            :outline:
+            :expand:
+
+            Considerations
 
 .. toctree::
    :hidden:
@@ -55,4 +121,5 @@ Documentation
    shibokenmodule.rst
    typesystem.rst
    examples/index.rst
+   shiboken-genpyi.rst
    considerations.rst