diff --git a/doc/source/getting_started/intro_tutorials/04_plotting.rst b/doc/source/getting_started/intro_tutorials/04_plotting.rst
index 44ce9bd655cd19..ef0e5592f6f934 100644
--- a/doc/source/getting_started/intro_tutorials/04_plotting.rst
+++ b/doc/source/getting_started/intro_tutorials/04_plotting.rst
@@ -7,7 +7,33 @@
     import pandas as pd
     import matplotlib.pyplot as plt
 
-.. include:: air_quality_no2.rst
+.. raw:: html
+
+    <div class="card gs-data">
+        <div class="card-header">
+            <div class="gs-data-title">
+                Data used for this tutorial:
+            </div>
+        </div>
+        <ul class="list-group list-group-flush">
+            <li class="list-group-item">
+
+. include:: air_quality_no2.rst
+
+.. ipython:: python
+
+    air_quality = pd.read_csv("data/air_quality_no2.csv", index_col=0, parse_dates=True)
+    air_quality.head()
+
+.. note::
+    The usage of the ``index_col`` and ``parse_dates`` parameters of the ``read_csv`` function to define the first (0th) column as
+    index of the resulting ``DataFrame`` and convert the dates in the column to :class:`Timestamp` objects, respectively.
+
+.. raw:: html
+
+        </li>
+    </ul>
+    </div>
 
 How to create plots in pandas?
 ------------------------------
diff --git a/doc/source/getting_started/intro_tutorials/05_add_columns.rst b/doc/source/getting_started/intro_tutorials/05_add_columns.rst
index ad0179e2b895b6..2f17707090d973 100644
--- a/doc/source/getting_started/intro_tutorials/05_add_columns.rst
+++ b/doc/source/getting_started/intro_tutorials/05_add_columns.rst
@@ -6,7 +6,29 @@
 
     import pandas as pd
 
-.. include:: air_quality_no2.rst
+.. raw:: html
+
+    <div class="card gs-data">
+        <div class="card-header">
+            <div class="gs-data-title">
+                Data used for this tutorial:
+            </div>
+        </div>
+        <ul class="list-group list-group-flush">
+            <li class="list-group-item">
+
+. include:: air_quality_no2.rst
+
+.. ipython:: python
+
+    air_quality = pd.read_csv("data/air_quality_no2.csv", index_col=0, parse_dates=True)
+    air_quality.head()
+
+.. raw:: html
+
+        </li>
+    </ul>
+    </div>
 
 How to create new columns derived from existing columns?
 --------------------------------------------------------
diff --git a/doc/source/getting_started/intro_tutorials/air_quality_no2.rst b/doc/source/getting_started/intro_tutorials/air_quality_no2.rst
index 31ac29e3bb6c2f..a5a5442330e43f 100644
--- a/doc/source/getting_started/intro_tutorials/air_quality_no2.rst
+++ b/doc/source/getting_started/intro_tutorials/air_quality_no2.rst
@@ -1,19 +1,11 @@
 .. raw:: html
 
-    <div class="card gs-data">
-        <div class="card-header">
-            <div class="gs-data-title">
-                Data used for this tutorial:
-            </div>
-        </div>
-        <ul class="list-group list-group-flush">
-            <li class="list-group-item">
-                <div data-toggle="collapse" href="#collapsedata" role="button" aria-expanded="false" aria-controls="collapsedata">
-                    <span class="badge badge-dark">Air quality data</span>
-                </div>
-                <div class="collapse" id="collapsedata">
-                    <div class="card-body">
-                        <p class="card-text">
+    <div data-toggle="collapse" href="#collapsedata" role="button" aria-expanded="false" aria-controls="collapsedata">
+        <span class="badge badge-dark">Air quality data</span>
+    </div>
+    <div class="collapse" id="collapsedata">
+        <div class="card-body">
+            <p class="card-text">
 
 For this tutorial, air quality data about :math:`NO_2` is used, made
 available by `openaq <https://openaq.org>`__ and using the
@@ -24,22 +16,7 @@ in respectively Paris, Antwerp and London.
 
 .. raw:: html
 
-                        </p>
-                        <a href="https://github.com/pandas-dev/pandas/tree/master/doc/data/air_quality_no2.csv" class="btn btn-dark btn-sm">To raw data</a>
-                    </div>
-                </div>
-
-.. ipython:: python
-
-    air_quality = pd.read_csv("data/air_quality_no2.csv", index_col=0, parse_dates=True)
-    air_quality.head()
-
-.. note::
-    The usage of the ``index_col`` and ``parse_dates`` parameters of the ``read_csv`` function to define the first (0th) column as
-    index of the resulting ``DataFrame`` and convert the dates in the column to :class:`Timestamp` objects, respectively.
-
-.. raw:: html
-
-            </li>
-        </ul>
+            </p>
+            <a href="https://github.com/pandas-dev/pandas/tree/master/doc/data/air_quality_no2.csv" class="btn btn-dark btn-sm">To raw data</a>
+        </div>
     </div>