User Profile and delete account template

app/partials/user-profile.jade

@@ -0,0 +1,36 @@
+extends layout
+
+block head
+    title Taiga  Project management web application with scrum in mind!
+
+block content
+    div.wrapper
+        sidebar.menu-secondary.sidebar
+            include views/modules/admin-menu
+
+        sidebar.menu-tertiary.sidebar
+            include views/modules/admin-submenu-project-profile
+
+        section.main.user-profile
+            header
+                include views/components/mainTitle
+
+            form
+                fieldset
+                    label(for="user-email") Email
+                    input(type="text", placeholder="Email", id="user-email")
+                fieldset
+                    label(for="current-password") Current Password
+                    input(type="password", placeholder="Password", id="current-password")
+                fieldset
+                    label(for="new-password") New Password
+                    input(type="password", placeholder="New Password", id="new-password")
+                fieldset
+                    label(for="retype-password") Retype Password
+                    input(type="password", placeholder="Retype Password", id="retype-password")
+                fieldset
+                    input(type="submit", class="hidden")
+                    a.button.button-green(href="") Save
+                    a.delete-account(href="", title="Delete Taiga account") Delete Taiga account
+    div.lightbox.lightbox-delete-account
+        include views/modules/lightbox-delete-account

app/partials/views/modules/lightbox-delete-account.jade

@@ -0,0 +1,12 @@
+a.close(href="", title="close")
+    span.icon.icon-delete
+form
+    h2.title Delete Taiga Account
+    p
+        span.delete-question Are you sure you want to delete your Taiga account?
+        span.subtitle We're going to miss you! :-(
+    div.delete-options
+        a.button.button-green(href="", title="Accept")
+            span Accept
+        a.button.button-red(href="", title="Delete")
+            span Cancel

app/styles/main.scss

@@ -100,6 +100,7 @@ $prefix-for-spec:      true;
 
 //Modules user Settings
 @import 'modules/user-settings/mail-notifications-table';
+@import 'modules/user-settings/user-profile';
 
 //#################################################
 //             Layout

app/styles/modules/common/lightbox.scss

@@ -261,6 +261,33 @@
     }
 }
 
+.lightbox-delete-account {
+    form {
+        @include table-flex-child(0, 420px, 0, 420px);
+    }
+    .delete-question,
+    .subtitle {
+        display: block;
+        line-height: 2rem;
+        text-align: center;
+    }
+    .subtitle {
+        @extend %large;
+        @extend %title;
+    }
+    .delete-options {
+        @include table-flex();
+        a {
+            @include table-flex-child(1, 0, 0);
+            padding: 8px 0;
+            text-align: center;
+            &:first-child {
+                margin-right: .5rem;
+            }
+        }
+    }
+}
+
 
 .lightbox-generic-success,
 .lightbox-generic-error {

app/styles/modules/user-settings/user-profile.scss

@@ -0,0 +1,30 @@
+.user-profile {
+    input[type="text"],
+    input[type="email"] {
+        @extend %title;
+        background-color: $very-light-gray;
+    }
+    fieldset {
+        margin-bottom: 1rem;
+        width: 50%;
+        &:last-child {
+            margin-top: 2rem;
+        }
+    }
+    label {
+        @extend %title;
+        display: block;
+        margin-bottom: .5rem;
+    }
+    .button-green {
+        color: $white;
+        display: block;
+        padding: 12px;
+        text-align: center;
+    }
+    .delete-account {
+        @extend %small;
+        display: block;
+        margin-top: 1rem;
+    }
+}