diff --git a/source/Landing.md b/source/Landing.md
index 2b270851..11434ff5 100644
--- a/source/Landing.md
+++ b/source/Landing.md
@@ -11,11 +11,13 @@
 
 <!-- be careful with the indentation -->
 
-<div id="carousel-neuroml" class="carousel slide" data-ride="carousel">
+<div id="carousel-neuroml" class="carousel slide" data-bs-ride="carousel">
   <ol class="carousel-indicators">
-    <li data-target="#carousel-neuroml" data-slide-to="0" class="active"></li>
-    <li data-target="#carousel-neuroml" data-slide-to="1"></li>
-    <li data-target="#carousel-neuroml" data-slide-to="2"></li>
+    <li data-bs-target="#carousel-neuroml" data-bs-slide-to="0" class="active"></li>
+    <li data-bs-target="#carousel-neuroml" data-bs-slide-to="1"></li>
+    <li data-bs-target="#carousel-neuroml" data-bs-slide-to="2"></li>
+    <li data-bs-target="#carousel-neuroml" data-bs-slide-to="3"></li>
+    <li data-bs-target="#carousel-neuroml" data-bs-slide-to="4"></li>
   </ol>
   <div class="carousel-inner">
     <div class="carousel-item active">
@@ -64,11 +66,11 @@
 
   </div>
 </div>
-<a class="carousel-control-prev" href="#carousel-neuroml" role="button" data-slide="prev">
+<a class="carousel-control-prev" href="#carousel-neuroml" role="button" data-bs-slide="prev">
   <span class="carousel-control-prev-icon" aria-hidden="true"></span>
   <span class="sr-only">Previous</span>
 </a>
-<a class="carousel-control-next" href="#carousel-neuroml" role="button" data-slide="next">
+<a class="carousel-control-next" href="#carousel-neuroml" role="button" data-bs-slide="next">
   <span class="carousel-control-next-icon" aria-hidden="true"></span>
   <span class="sr-only">Next</span>
 </a>