Adding avatar template

app/partials/user-avatar.jade

@@ -0,0 +1,20 @@
+extends dummy-layout
+
+block head
+    title Taiga  Project management web application with scrum in mind!
+
+block content
+    div.wrapper(tg-user-avatar, ng-controller="UserSettingsController as ctrl",
+                ng-init="section='user-settings'")
+        sidebar.menu-secondary.sidebar(tg-user-settings-navigation="avatar")
+            include views/modules/user-settings-menu
+
+        section.main.user-avatar
+            header
+                include views/components/mainTitle
+
+            form
+                fieldset
+                    img.avatar(tg-bo-src="user.photo" alt="avatar")
+                    a.button.button-green Cambiar
+                    input(type="file", id="user-avatar", ng-value="user.photo", class="hidden")

app/styles/main.scss

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

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

@@ -0,0 +1,22 @@
+.user-avatar {
+    fieldset {
+        margin-bottom: 1rem;
+        width: 50%;
+        &:last-child {
+            margin-top: 2rem;
+        }
+    }
+    img {
+        width: 300px;
+        border: 2px solid $white;
+        border-radius: 8%;
+    }
+    .button {
+        width: 130px;
+        height: 34px;
+        position: absolute;
+        bottom: 20px;
+        left: 85px;
+        cursor: pointer;
+    }
+}