Added notebooks

docs/demos/demos.rst

@@ -1,48 +1,23 @@
 Python Package Examples
-=====================
+==================
 
-This page contains various demos built using the Unify Python Package.
+.. grid:: 1 1 3 3
+    :gutter: 4
 
-.. raw:: html
+    .. grid-item-card:: Building a ChatBot
+        :link: ./python-package-notebooks/ChatBot.ipynb
 
-   <style>
-       /* Default styles for light theme */
-       html[data-theme="light"] .card {
-           background-color: white;
-           color: black;
-       }
+        An interactive chatbot application.
 
-       /* Custom styles for dark theme */
-       html[data-theme="dark"] .card {
-           background-color: #15191e; 
-           color: white;
-       }
-   </style>
+    .. grid-item-card:: Synchronous vs Asynchronous Clients
+        :link: ./python-package-notebooks/AsyncvsSync.ipynb
 
-.. raw:: html
+        Exploring Sync vs Async Clients: Usage and Differences.
 
-   <br>
+.. toctree::
+    :hidden:
+    :maxdepth: -1
+    :caption: Python Package Examples
 
-.. raw:: html
-
-   <div class="card">
-       <div class="container">
-           <h4><b>Building a ChatBot</b></h4>
-           <p>An interactive chatbot application.</p>
-           <a href="https://colab.research.google.com/drive/1JPeQACy6WbFueBAfyDe5vm0-a2pUm6Qh?usp=sharing" target="_blank"><button>Open Notebook</button></a>
-       </div>
-   </div>
-
-.. raw:: html
-
-   <br>
-
-.. raw:: html
-
-   <div class="card">
-       <div class="container">
-           <h4><b>Synchronous vs Asynchronous Clients</b></h4>
-           <p>Exploring Sync vs Async Clients: Usage and Differences.</p>
-           <a href="https://colab.research.google.com/drive/1LE3Bo9PFGkqjP0Y7dzFbc65mpXdL-Dei#scrollTo=VoVWnxboiKem" target="_blank"><button>Open Notebook</button></a>
-       </div>
-   </div>
+    ./python-package-notebooks/ChatBot.ipynb
+    ./python-package-notebooks/AsyncvsSync.ipynb