1 files changed, 12 insertions, 0 deletions
diff --git a/frontend/src/app/_elements/carousel-vertical/carousel-vertical.component.html b/frontend/src/app/_elements/carousel-vertical/carousel-vertical.component.html
new file mode 100644
index 00000000..f52aee12
--- /dev/null
+++ b/frontend/src/app/_elements/carousel-vertical/carousel-vertical.component.html
@@ -0,0 +1,12 @@
+<h1>
+    {{scroll}}
+</h1>
+<div #wrapper class="carousel position-relative" style="overflow-y: scroll;" [style]="'height:'+ shownElements * height+'rem;'">
+    <div class="my-2" *ngFor="let item of itemsToShow; let i = index;" [style]="'height:'+ height+'rem; width: 90%; margin: auto;'">
+        <div class="position-absolute text-dark bg-white" [style]="calcStyle(i)">
+            <a class="stretched-link" (click)="clickItem">
+                <p class="title">{{item.name}}</p>
+            </a>
+        </div>
+    </div>
+</div>
+\ No newline at end of file