diff --git a/apps/client/src/widgets/collections/presentation/index.tsx b/apps/client/src/widgets/collections/presentation/index.tsx
index 24b59c047..f912e8d2e 100644
--- a/apps/client/src/widgets/collections/presentation/index.tsx
+++ b/apps/client/src/widgets/collections/presentation/index.tsx
@@ -7,8 +7,9 @@ export default function PresentationView({ note }: ViewModeProps<{}>) {
     const containerRef = useRef<HTMLDivElement>(null);
 
     useEffect(() => {
-        const presentationEl = buildPresentation(note.noteId);
-        containerRef.current?.replaceChildren(presentationEl);
+        buildPresentation(note).then(presentationEl => {
+            containerRef.current?.replaceChildren(presentationEl);
+        });
     }, [ note ]);
 
     return <div ref={containerRef} className="presentation" />;
diff --git a/apps/client/src/widgets/collections/presentation/slide_builder.ts b/apps/client/src/widgets/collections/presentation/slide_builder.ts
index 1bcc63117..fcfdca8d0 100644
--- a/apps/client/src/widgets/collections/presentation/slide_builder.ts
+++ b/apps/client/src/widgets/collections/presentation/slide_builder.ts
@@ -1,5 +1,13 @@
-export function buildPresentation(parentNoteId: string) {
-    const p = document.createElement("p");
-    p.innerHTML = "Hello world";
-    return p;
+import FNote from "../../../entities/fnote";
+
+export async function buildPresentation(parentNote: FNote) {
+    const slides = await parentNote.getChildNotes();
+    const rootElement = new DocumentFragment();
+
+    for (const slide of slides) {
+        const slideEl = document.createElement("div");
+
+    }
+
+    return rootElement;
 }