diff --git a/prototype/src/main/resources/templates/fragments/customer.html b/prototype/src/main/resources/templates/fragments/customer.html
new file mode 100644
index 0000000..daf6de3
--- /dev/null
+++ b/prototype/src/main/resources/templates/fragments/customer.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="de" dir="ltr" xmlns:th="http://www.thymeleaf.org">
+
+<head>
+   <meta charset="UTF-8">
+   <title>e-commerce</title>
+</head>
+
+<body>
+   <nav th:fragment="sidebar">
+      <h1>Kategorien</h1>
+      <ul class="secondary">
+         <li><a>Aufnahmegeräte</a></li>
+         <li><a>Computer</a></li>
+         <li><a>Fernseher</a></li>
+         <li><a>Handys</a></li>
+         <li><a>Unterhaltungselektronik</a></li>
+         <li><a>Sonstiges</a></li>
+      </ul>
+   </nav>
+</body>
+</html>
diff --git a/prototype/src/main/resources/templates/register.html b/prototype/src/main/resources/templates/register.html
index 2125d5c..5cee803 100644
--- a/prototype/src/main/resources/templates/register.html
+++ b/prototype/src/main/resources/templates/register.html
@@ -28,12 +28,12 @@
 
          <div>
             <label for="password">Passwort</label>
-            <input class="full-width" type="text" name="password" placeholder="Passwort" id="password" required>
+            <input class="full-width" type="password" name="password" placeholder="Passwort" id="password" required>
          </div>
 
          <div>
             <label for="password2">Passwort wiederholen</label>
-            <input class="full-width" type="text" name="password2" placeholder="Passwort" id="password2" required>
+            <input class="full-width" type="password" name="password2" placeholder="Passwort" id="password2" required>
          </div>
 
          <div>
diff --git a/prototype/src/main/resources/templates/user/settings.html b/prototype/src/main/resources/templates/user/settings.html
index e69de29..26e443a 100644
--- a/prototype/src/main/resources/templates/user/settings.html
+++ b/prototype/src/main/resources/templates/user/settings.html
@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html lang="de" dir="ltr" xmlns:th="http://www.thymeleaf.org">
+
+<head>
+   <meta charset="utf-8">
+   <meta name="viewport" content="width=device-width, initial-scale=0.75, user-scalable=no">
+
+   <title>Über uns</title>
+   <link rel="stylesheet" th:href="@{/css/ecom.css}" />
+</head>
+
+<body>
+   <nav th:replace="/fragments/header :: header">Header</nav>
+
+   <div class="sidebar-layout content-width">
+      <nav></nav>
+      <div>
+         <h1>Einstellungen</h1>
+      </div>
+   </div>
+   <main class="sidebar-layout content-width">
+      <nav th:replace="/fragments/customer :: sidebar"></nav>
+      <div class="content-width">
+         <form class="detailflex">
+            <div>
+               <h2> Login Daten </h2>
+            </div>
+            <div>
+               <div class="input-icon">
+                  <input class="full-width" type="text" name="email" value="max.mueller@example.com" required />
+                  <button> Email-Adresse ändern </button>
+               </div>
+            </div>
+         </form>
+
+         <form class="detailflex">
+            <div>
+               <h2> Sicherheit </h2>
+            </div>
+            <div>
+               <label for="password">Altes Passwort</label>
+               <input class="full-width" type="password" name="old-password" placeholder="Passwort" id="password" required>
+
+               <label for="password">Neues Passwort</label>
+               <input class="full-width" type="password" name="password" placeholder="Passwort" id="password" required>
+               <label for="password2">Neues Passwort wiederholen</label>
+               <input class="full-width" type="password" name="password2" placeholder="Passwort" id="password2" required>
+               <button> Passwort Daten ändern </button>
+            </div>
+         </form>
+
+         <form class="detailflex">
+            <div>
+               <h2> Rechungs- und Lieferinformation </h2>
+            </div>
+
+            <div class="col-2">
+               <div>
+                  <label for="salutation">Anrede</label>
+                  <input class="full-width" list="salutationsOpt" name="salutation" placeholder="Anrede" value="Herr" required />
+                  <datalist id="salutationsOpt">
+                     <option value="Herr">
+                     <option value="Frau">
+                     <option value="Herr Dr.">
+                     <option value="Frau Dr.">
+                  </datalist>
+               </div>
+               <div>
+                  <label for="name">Name</label>
+                  <input class="full-width" type="text" name="name" placeholder="Nachname Vorname" value="Max Müller" required />
+               </div>
+            </div>
+
+            <div>
+               <label for="address">Anschrift</label>
+               <textarea rows="5" class="full-width" type="text" name="address" placeholder="Optional: Zusatz&#10;Optional: Unternehmen&#10;Straße Hausnummer&#10;Postleitzeit Ort&#10;Land">
+Musterstraße 26
+7158 Mustertal
+Deutschland</textarea>
+            </div>
+            <fieldset>
+               <input type="radio" name="type" value="priv" id="type-priv" required checked>
+               <label for="type-priv">Ich bin Privatkunde.</label> <br />
+               <input type="radio" name="type" value="bus" id="type-bus" required>
+               <label for="type-bus">Ich bin Geschäftskunde.</label> <br />
+            </fieldset>
+            <div>
+               <button> Lieferinformation ändern </button>
+            </div>
+         </form>
+
+         <form class="detailflex">
+            <div>
+               <h2> Zahlungsinformation</h2>
+            </div>
+            <div>
+               <div class="input-icon">
+                  <input class="full-width" type="text" name="payment-card" placeholder="XXXXXXXX840" required />
+                  <button> Kreditkartennummer ändern </button>
+               </div>
+            </div>
+         </form>
+      </div>
+   </main>
+   <footer th:replace="/fragments/footer :: footer"></footer>
+</body>
+
+</html>
