diff --git a/src/Blazor.AdminLte.Site.Shared/Pages/Ui/General.razor b/src/Blazor.AdminLte.Site.Shared/Pages/Ui/General.razor
index 513f2652..0912a83e 100644
--- a/src/Blazor.AdminLte.Site.Shared/Pages/Ui/General.razor
+++ b/src/Blazor.AdminLte.Site.Shared/Pages/Ui/General.razor
@@ -27,14 +27,14 @@
 @code {
     private CarouselItemCollection items = new CarouselItemCollection()
         {
-        new CarouselItem(){Image="https://placehold.it/900x500/39CCCC/ffffff&text=I+Love+Bootstrap",Alt="First slide"},
+        new CarouselItem(){Image="https://placehold.it/900x500/39CCCC/ffffff&text=I+Love+Bootstrap",Alt="First slide",Link="/starter-pages/active-page?slide=1"},
         new CarouselItem(){Image="https://placehold.it/900x500/3c8dbc/ffffff&text=I+Love+Bootstrap",Alt="Second slide"},
-        new CarouselItem(){Image="https://placehold.it/900x500/f39c12/ffffff&text=I+Love+Bootstrap",Alt="Third slide"},
+        new CarouselItem(){Image="https://placehold.it/900x500/f39c12/ffffff&text=I+Love+Bootstrap",Alt="Third slide",Link="/starter-pages/active-page?slide=3"},
     };
     private CarouselItemCollection items1 = new CarouselItemCollection()
         {
-        new CarouselItem(){Image="https://placehold.it/900x500/2c8dbc/ffffff&text=I+Love+Bootstrap",Alt="First slide"},
+        new CarouselItem(){Image="https://placehold.it/900x500/2c8dbc/ffffff&text=I+Love+Bootstrap",Alt="First slide",Link="/starter-pages/active-page?slide=1"},
         new CarouselItem(){Image="https://placehold.it/900x500/19CCCC/ffffff&text=I+Love+Bootstrap",Alt="Second slide"},
-        new CarouselItem(){Image="https://placehold.it/900x500/339c12/ffffff&text=I+Love+Bootstrap",Alt="Third slide"},
+        new CarouselItem(){Image="https://placehold.it/900x500/339c12/ffffff&text=I+Love+Bootstrap",Alt="Third slide",Link="/starter-pages/active-page?slide=3"},
     };
 }
diff --git a/src/Blazor.AdminLte/UIElements/Accordian-Carousel/Carousel.razor b/src/Blazor.AdminLte/UIElements/Accordian-Carousel/Carousel.razor
index 5ed1416b..211c3b51 100644
--- a/src/Blazor.AdminLte/UIElements/Accordian-Carousel/Carousel.razor
+++ b/src/Blazor.AdminLte/UIElements/Accordian-Carousel/Carousel.razor
@@ -7,14 +7,14 @@
             <li data-target="#@Identifier" data-slide-to="@i" class='@(i==0 ? "active" : string.Empty)'></li>
         }
     </ol>
-
     <div class="carousel-inner">
-
         @for (int i = 0; i < Items.Count; i++)
         {
-            <div class="carousel-item@(i == Items.Count - 1 ? " active carousel-item-left" : string.Empty) @(i==0 ? " carousel-item-next carousel-item-left" : string.Empty)">
+        <div class="carousel-item@(i == Items.Count - 1 ? " active carousel-item-left" : string.Empty) @(i==0 ? " carousel-item-next carousel-item-left" : string.Empty)">
+            <a href="@Items[i].Link">
                 <img class='d-block w-100' src="@Items[i].Image" alt="@Items[i].Alt">
-            </div>
+            </a>
+        </div>
         }
     </div>
     <a class="carousel-control-prev" href="#@Identifier" role="button" data-slide="prev">
diff --git a/src/Blazor.AdminLte/UIElements/Accordian-Carousel/Carousel.razor.cs b/src/Blazor.AdminLte/UIElements/Accordian-Carousel/Carousel.razor.cs
index f353e372..bb673f8c 100644
--- a/src/Blazor.AdminLte/UIElements/Accordian-Carousel/Carousel.razor.cs
+++ b/src/Blazor.AdminLte/UIElements/Accordian-Carousel/Carousel.razor.cs
@@ -1,6 +1,4 @@
-using System;
-using System.Collections.Generic;
-using System.Text;
+using System.Collections.Generic;
 
 namespace Blazor.AdminLte
 {
@@ -8,6 +6,8 @@ public class CarouselItem
     {
         public string Image { get; set; }
         public string Alt { get; set; }
+
+        public string Link { get; set; } = "javascript:void(0)";
     }
 
     public class CarouselItemCollection : List<CarouselItem>