diff --git a/environments.json b/environments.json
new file mode 100644
index 0000000..3495ed0
--- /dev/null
+++ b/environments.json
@@ -0,0 +1,6 @@
+[
+    {
+        "name": "localhost",
+        "ip": "127.0.0.1"
+    }
+]
\ No newline at end of file
diff --git a/index.php b/index.php
new file mode 100644
index 0000000..4edc637
--- /dev/null
+++ b/index.php
@@ -0,0 +1,25 @@
+<?php
+include 'include/include_header.php';
+?>
+
+To-do: zorgen dat je juiste flow naar de juiste omgeving gaat
+
+<div class="container my-5">
+  <div class="row row-cols-1 row-cols-md-3 g-4">
+
+    <!-- Kaart 1 -->
+    <div class="col">
+      <div class="card h-100 p-3">
+        <div class="card-body">
+          <h5 class="card-title">
+            <i class="bi bi-file-earmark-text me-2" style="font-size: 1.5rem;"></i>
+            Template Pomp
+          </h5>
+          <p class="card-text">Korte beschrijving van Template 1.</p>
+          <a href="flows/pomp" class="btn btn-primary btn-sm">Bekijk</a>
+        </div>
+      </div>
+    </div>
+    
+  </div>
+</div>
diff --git a/settings.php b/settings.php
new file mode 100644
index 0000000..039dc3d
--- /dev/null
+++ b/settings.php
@@ -0,0 +1,69 @@
+<?php
+include 'include/include_header.php';
+
+// Laad opgeslagen omgevingen (optioneel uit een JSON-bestand)
+$env_file = 'environments.json';
+$environments = [];
+if(file_exists($env_file)) {
+    $environments = json_decode(file_get_contents($env_file), true);
+}
+
+// Verwerk toevoegen van nieuwe omgeving
+if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['name'], $_POST['ip'])) {
+    $name = trim($_POST['name']);
+    $ip = trim($_POST['ip']);
+    if ($name && $ip) {
+        $environments[] = ['name' => $name, 'ip' => $ip];
+        file_put_contents($env_file, json_encode($environments, JSON_PRETTY_PRINT));
+        header("Location: " . $_SERVER['PHP_SELF']);
+        exit;
+    }
+}
+
+// Verwerk verwijderen van omgeving
+if (isset($_GET['delete'])) {
+    $index = intval($_GET['delete']);
+    if (isset($environments[$index])) {
+        array_splice($environments, $index, 1);
+        file_put_contents($env_file, json_encode($environments, JSON_PRETTY_PRINT));
+        header("Location: " . $_SERVER['PHP_SELF']);
+        exit;
+    }
+}
+?>
+
+<div class="container my-5">
+  <h2>Node-RED Omgevingen Beheer</h2>
+
+  <!-- Formulier voor toevoegen -->
+  <form method="POST" class="row g-3 my-3">
+    <div class="col-md-5">
+      <input type="text" name="name" class="form-control" placeholder="Naam omgeving" required>
+    </div>
+    <div class="col-md-5">
+      <input type="text" name="ip" class="form-control" placeholder="IP-adres" required>
+    </div>
+    <div class="col-md-2">
+      <button type="submit" class="btn btn-success w-100">Toevoegen</button>
+    </div>
+  </form>
+
+  <!-- Omgevingen kaarten -->
+  <div class="row row-cols-1 row-cols-md-3 g-4">
+    <?php foreach($environments as $index => $env): ?>
+      <div class="col">
+        <div class="card h-100 p-3">
+          <div class="card-body">
+            <h5 class="card-title">
+              <i class="bi bi-hdd-network me-2" style="font-size: 1.5rem;"></i>
+              <?= htmlspecialchars($env['name']) ?>
+            </h5>
+            <p class="card-text">IP-adres: <?= htmlspecialchars($env['ip']) ?></p>
+            <a href="http://<?= htmlspecialchars($env['ip']) ?>:1880" target="_blank" class="btn btn-primary btn-sm">Open Node-RED</a>
+            <a href="?delete=<?= $index ?>" class="btn btn-danger btn-sm">Verwijderen</a>
+          </div>
+        </div>
+      </div>
+    <?php endforeach; ?>
+  </div>
+</div>