diff --git a/includes/db_connect.php b/includes/db_connect.php
new file mode 100644
index 0000000..37dc1d8
--- /dev/null
+++ b/includes/db_connect.php
@@ -0,0 +1,14 @@
+<?php
+    $host = getenv('POSTGRES_HOST');
+    $db = getenv('POSTGRES_DB');
+    $user = getenv('POSTGRES_APPUSER');
+    $pass = getenv('POSTGRES_APPPASSWORD');
+    $port = getenv('POSTGRES_PORT');
+
+    try {
+        $dsn = "pgsql:host=$host;port=$port;dbname=$db;";
+        $pdo = new PDO($dsn, $user, $pass, [PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION]);
+    } catch (PDOException $e) {
+        echo "Verbindungsfehler: " . $e->getMessage();
+    }
+?>
\ No newline at end of file
diff --git a/index.php b/index.php
index 74f6c08..2d8acbe 100644
--- a/index.php
+++ b/index.php
@@ -1,3 +1,20 @@
 <?php
-	echo "Hello World!";
+    require_once __DIR__ . '/includes/db_connect.php';
+	$system = getenv('POSTGRES_SYSTEM') ?? 'test';
+
+	$stmt = $pdo->query("SELECT vorderseite
+							FROM karteikarte;");
+	$karteikarten = $stmt->fetchAll(PDO::FETCH_ASSOC);
 ?>
+<!DOCTYPE html>
+<html>
+
+<head>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+	<?php foreach ($karteikarten as $y): ?>
+		<p>Vorderseite: <?= $y['vorderseite'] ?></p>
+	<?php endforeach; ?>
+</body>
+</html>
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..78cbfbe
--- /dev/null
+++ b/style.css
@@ -0,0 +1,8 @@
+html {
+    font-size: 16px;
+    font-family: Arial, Helvetica, sans-serif;
+}
+
+body {
+    background-color: rgb(122, 122, 122);
+}
\ No newline at end of file
