diff --git a/content/en/_index.html b/content/en/_index.html
index 1f03327..26b3548 100644
--- a/content/en/_index.html
+++ b/content/en/_index.html
@@ -8,7 +8,7 @@ linkTitle = "SelfPrivacy"
 	<div class="flex-md-row flex-column-reverse d-flex justify-content-center align-content-center">
 		<div class="col-xs-12 col-md-4">
 			<div class="container rounded">
-				<div id="screenshotsCarouselControls" class="carousel slide" data-ride="carousel">
+				<div id="screenshotsCarouselControls" class="carousel slide" data-bs-ride="carousel">
 				  <div class="carousel-inner rounded">
 					<div class="carousel-item">
 					  <img class="d-block w-100" src="/images/screenshots/1-en.png" alt="First slide">
@@ -33,23 +33,23 @@ linkTitle = "SelfPrivacy"
 					</div>
 				  </div>
 				  <ol class="carousel-indicators">
-					<li data-target="#screenshotsCarouselControls" data-slide-to="0" class="active"></li>
-					<li data-target="#screenshotsCarouselControls" data-slide-to="1"></li>
-					<li data-target="#screenshotsCarouselControls" data-slide-to="2"></li>
-					<li data-target="#screenshotsCarouselControls" data-slide-to="3"></li>
-					<li data-target="#screenshotsCarouselControls" data-slide-to="4"></li>
-					<li data-target="#screenshotsCarouselControls" data-slide-to="5"></li>
-					<li data-target="#screenshotsCarouselControls" data-slide-to="6"></li>
+					<li data-bs-target="#screenshotsCarouselControls" data-slide-to="0" class="active"></li>
+					<li data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="1"></li>
+					<li data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="2"></li>
+					<li data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="3"></li>
+					<li data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="4"></li>
+					<li data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="5"></li>
+					<li data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="6"></li>
 				  </ol>
-				  <a class="carousel-control-prev" href="#screenshotsCarouselControls" role="button" data-slide="prev">
+				  <button class="carousel-control-prev" type="button" data-bs-target="#screenshotsCarouselControls" 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="#screenshotsCarouselControls" role="button" data-slide="next">
+					<span class="visually-hidden">Previous</span>
+				  </button>
+				  <button class="carousel-control-next" type="button" data-bs-target="#screenshotsCarouselControls" data-bs-slide="next">
 					<span class="carousel-control-next-icon" aria-hidden="true"></span>
-					<span class="sr-only">Next</span>
-				  </a>
-				</div>
+					<span class="visually-hidden">Next</span>
+				  </button>	
+				  </div>
 			</div>
  		</div>
 		<div class="col-xs-12 col-md-8 col-lg-6 my-auto">
diff --git a/content/ru/_index.html b/content/ru/_index.html
index d1762a8..900a199 100644
--- a/content/ru/_index.html
+++ b/content/ru/_index.html
@@ -8,7 +8,7 @@ linkTitle = "SelfPrivacy"
 	<div class="flex-md-row flex-column-reverse d-flex justify-content-center align-content-center">
 		<div class="col-xs-12 col-md-4">
 			<div class="container rounded">
-				<div id="screenshotsCarouselControls" class="carousel slide" data-ride="carousel">
+				<div id="screenshotsCarouselControls" class="carousel slide" data-bs-ride="carousel">
 					<div class="carousel-inner rounded">
 						<div class="carousel-item">
 							<img class="d-block w-100" src="/images/screenshots/1-ru.png" alt="Первый слайд">
@@ -33,24 +33,22 @@ linkTitle = "SelfPrivacy"
 						</div>
 					</div>
 					<ol class="carousel-indicators">
-						<li data-target="#screenshotsCarouselControls" data-slide-to="0" class="active"></li>
-						<li data-target="#screenshotsCarouselControls" data-slide-to="1"></li>
-						<li data-target="#screenshotsCarouselControls" data-slide-to="2"></li>
-						<li data-target="#screenshotsCarouselControls" data-slide-to="3"></li>
-						<li data-target="#screenshotsCarouselControls" data-slide-to="4"></li>
-						<li data-target="#screenshotsCarouselControls" data-slide-to="5"></li>
-						<li data-target="#screenshotsCarouselControls" data-slide-to="6"></li>
+						<li data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="0" class="active"></li>
+						<li data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="1"></li>
+						<li data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="2"></li>
+						<li data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="3"></li>
+						<li data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="4"></li>
+						<li data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="5"></li>
+						<li data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="6"></li>
 					</ol>
-					<a class="carousel-control-prev" href="#screenshotsCarouselControls" role="button"
-						data-slide="prev">
+					<button class="carousel-control-prev" type="button" data-bs-target="#screenshotsCarouselControls" 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="#screenshotsCarouselControls" role="button"
-						data-slide="next">
+						<span class="visually-hidden">Назад</span>
+					  </button>
+					  <button class="carousel-control-next" type="button" data-bs-target="#screenshotsCarouselControls" data-bs-slide="next">
 						<span class="carousel-control-next-icon" aria-hidden="true"></span>
-						<span class="sr-only">Next</span>
-					</a>
+						<span class="visually-hidden">Далее</span>
+					  </button>					
 				</div>
 			</div>
 		</div>