diff --git a/kontor-api/src/templates/components/navbar.html b/kontor-api/src/templates/components/navbar.html
index 2d037e7..24f428f 100644
--- a/kontor-api/src/templates/components/navbar.html
+++ b/kontor-api/src/templates/components/navbar.html
@@ -12,9 +12,7 @@
           <a class="nav-link active" aria-current="page" href="/">Home</a>
         </li>
         <li class="nav-item dropdown">
-          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
-            Comics
-          </a>
+          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">Comics</a>
           <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
             <li><a class="dropdown-item" href="/comic/comics/">Comics</a></li>
             <li><a class="dropdown-item" href="/comic/artists/">Artists</a></li>
@@ -22,6 +20,13 @@
             <li><a class="dropdown-item" href="#">Something else here</a></li>
           </ul>
         </li>
+        <li class="nav-item dropdown">
+          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">Media</a>
+          <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
+            <li><a class="dropdown-item" href="/media/files/">MediaFiles</a></li>
+            <li><a class="dropdown-item" href="/media/actors/">MediaActors</a></li>
+          </ul>
+        </li>
         <li class="nav-item">
           <a class="nav-link" href="/docs/">Docs</a>
         </li>
diff --git a/kontor-api/src/templates/media/files.html b/kontor-api/src/templates/media/files.html
new file mode 100644
index 0000000..3fb77a8
--- /dev/null
+++ b/kontor-api/src/templates/media/files.html
@@ -0,0 +1,29 @@
+{% extends "shared/base.html" %}
+
+{% block title %}
+  <title>MediaFiles List</title>
+{% endblock %}
+
+{% block content %}
+  {% with msg=msg %}
+    {% include "components/alerts.html" %}
+  {% endwith %}
+  <div class="container">
+    <table class="table table-hover">
+      <thead><tr>
+        <th scope="col">Titel</th>
+        <th scope="col">URL</th>
+        <th scope="col">Cloudlink</th>
+      </tr></thead>
+      <tbody>
+          {%  for mediafile in mediafiles %}
+         <tr>
+           <th scope="row"><a href="/media/files/{{mediafile.id}}">{{mediafile.title}}</a></th>
+           <td>{{mediafile.url}}</td>
+           <td>{{mediafile.cloud_link}}</td>
+         </tr>
+          {% endfor %}
+      </tbody>
+    </table>
+  </div>
+{% endblock %}
diff --git a/kontor-api/src/webapps/base.py b/kontor-api/src/webapps/base.py
index 022ea9a..24b16cf 100644
--- a/kontor-api/src/webapps/base.py
+++ b/kontor-api/src/webapps/base.py
@@ -2,11 +2,13 @@ from fastapi import APIRouter, Request
 from fastapi.templating import Jinja2Templates
 
 from src.webapps.comic import route_comics
+from src.webapps.media import route_media
 
 templates = Jinja2Templates(directory="src/templates")
 
 api_router = APIRouter()
 api_router.include_router(route_comics.router)
+api_router.include_router(route_media.router)
 
 @api_router.get("/")
 def home(request: Request, msg: str = None):
diff --git a/kontor-api/src/webapps/media/route_media.py b/kontor-api/src/webapps/media/route_media.py
new file mode 100644
index 0000000..602690f
--- /dev/null
+++ b/kontor-api/src/webapps/media/route_media.py
@@ -0,0 +1,32 @@
+from uuid import UUID
+
+from fastapi import APIRouter, Request
+from fastapi.templating import Jinja2Templates
+
+from src.apis.utils import SessionDep
+from src.db.models.media import MediaFile, MediaActor
+#ifrom src.schema.media.comic import get_comic_details
+
+templates = Jinja2Templates(directory="src/templates")
+router = APIRouter(include_in_schema=False, prefix="/media")
+
+@router.get("/files")
+def get_mediafiles(db: SessionDep, request: Request, msg: str = None):
+    mediafiles = db.query(MediaFile).all()
+    return templates.TemplateResponse("media/files.html", {"request": request, "msg": msg, "mediafiles": mediafiles})
+
+@router.get("/files/{file_id}")
+def file_details(file_id: UUID, request: Request, db: SessionDep):
+    mediafile = db.get(MediaFile, file_id)
+    return templates.TemplateResponse("media/file_detail.html", {"request": request, "mediafile":mediafile})
+
+@router.get("/actors")
+def get_actors(db: SessionDep, request: Request, msg: str = None):
+    actors = db.query(MediaActor).all()
+    return templates.TemplateResponse("media/actors.html", {"request": request, "msg": msg, "actors": actors})
+
+@router.get("/actors/{actor_id}")
+def artist_detail(actor_id: UUID, request: Request, db: SessionDep):
+    mediaactor = db.get(MediaActor, actor_id)
+    return templates.TemplateResponse("media/artist_detail.html", {"request": request, "mediaactor": mediaactor})
+