diff --git a/book/features/interactive_element.ipynb b/book/features/interactive_element.ipynb
index b29afd2..c737ebc 100644
--- a/book/features/interactive_element.ipynb
+++ b/book/features/interactive_element.ipynb
@@ -15,9 +15,8 @@
     " - JupyterQuiz: code-based implementation of multiple-choiche questions and numerical answer questions. This is a basic open course tool which requires you to write your quiz questions in Python language as a `dict` or to a `.json` file.\n",
     " - H5p: TU-Delft-licensed tool to create questions (and many other interactive elements) using an [online GUI](https://tudelft.h5p.com/). These elements are embedded into the book using an iframe which requires very little coding. This elements are easier to implement than the JupyterQuiz and have more features (although proper numerical answer questions are missing). More information on this is provided in [this subchapter](h5p.md)\n",
     " - Grasple-exercises: TU-Delft-licensed tool to creating math-based quiz questions. Again, these elements are embedded into the book using an iframe which requiries very little coding. These elements are very well suited to math-based problems as it allows analytical evaluation of numerical values and formulas. Furthermore, Grasple allows parameterization (not required for formative exercises). More information on this is provided in [this subchapter](grasple.md)\n",
-    " - Non-kernel-based widgets: You can create interactive widgets with Python which doesn't need a kernel to run online:\n",
-    "    - You can create html/javascript widgets, an example is shown in [this subchapter](adding_basic_HTML_elements.md)\n",
-    "    - The use of the [plotly](https://plotly.com/python/getting-started/) package is an example which allows this use.\n",
+    " - Custom HTML/Javascript widgets: You can create and embed html/javascript widgets, an example is shown in [this subchapter](HTML_javascript.md)\n",
+    " - HTML/Javascript widgets using Plotly. The use of the [plotly](https://plotly.com/python/getting-started/) package is an example which allows you to create HTML/Javascript widgets from python code without any knowledge on HTML/Javascript.\n",
     "\n",
     "Examples of each type is shown below based on the following problem:\n",
     "\n",
@@ -310,7 +309,18 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## Interactive widget without kernel\n",
+    "## HTML/Javascript\n",
+    "\n",
+    "The example below shows a custom HTML/Javascript element\n",
+    "\n",
+    "<iframe src=\"../_static/element_pdf_and_cdf.html\" width=\"600\" height=\"300\" frameborder=\"0\"></iframe>"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "## Plotly graph\n",
     "\n",
     "The example below is taken from the FEM-module by Frans van der Meer.\n",
     "When using Plotly graphs, make sure the notebook is executed in Jupyter Lab / Jupyter Notebook for the figures to be shown in the book. Running the code in VS code might break the result in the book, although the output is visible in VS code. Alternatively, add the following lines of code to your notebook to have a valid output in the book as well:\n",