docs: fixing cards links (#725)

Author: DeaMariaLeon

docs/examples.md

@@ -18,28 +18,27 @@ dimensions.
 <div class="grid" markdown>
 
   ![Sparse](./assets/images/conference-room-icon.png){width=10%, align=left}
-  <a href="Introduction" style: class="card">Introduction </a>
+  <a href="introduction/" style: class="card">Introduction </a>
   { .card }
 
   ![Sparse](./assets/images/install-software-download-icon.png){width=10%, align=left}
-  <a href="Install" style: class="card">Install</a>
+  <a href="install/" style: class="card">Install</a>
   { .card }
 
   ![Sparse](./assets/images/open-book-icon.png){width=10%, align=left}
-  <a href="#" class="card">Tutorials</a>
+  <a href="examples/" class="card">Tutorials</a>
   { .card }
 
   ![Sparse](./assets/images/check-list-icon.png){width=10%, align=left}
-  <a href="construct" class="card">How-to guides</a>
+  <a href="construct/" class="card">How-to guides</a>
   { .card }
 
   ![Sparse](./assets/images/repair-fix-repairing-icon.png){width=10%, align=left}
-  <a href="API/BACKEND" style: class="card">API</a>
+  <a href="api/BACKEND/" style: class="card">API</a>
   { .card }
 
-
  ![Sparse](./assets/images/group-discussion-icon.png){width=10%, align=left}
-  <a href="Contributing" style: class="card">Contributing </a>
+  <a href="contributing" style: class="card">Contributing </a>
   { .card }
 
 </div>