diff --git a/angular.json b/angular.json
index d3bba80..f95c075 100644
--- a/angular.json
+++ b/angular.json
@@ -67,6 +67,10 @@
{
"replace": "projects/environments/environment.ts",
"with": "projects/app-a/environments/environment.ts"
+ },
+ {
+ "replace": "projects/environments/htmlenv.ts",
+ "with": "projects/app-a/environments/htmlenv.ts"
}
]
},
@@ -76,7 +80,13 @@
"vendorChunk": true,
"extractLicenses": false,
"sourceMap": true,
- "namedChunks": true
+ "namedChunks": true,
+ "fileReplacements": [
+ {
+ "replace": "projects/environments/htmlenv.ts",
+ "with": "projects/app-a/environments/htmlenv.ts"
+ }
+ ]
}
},
"defaultConfiguration": "production"
@@ -134,6 +144,11 @@
}
}
},
+
+
+
+
+
"app-b": {
"projectType": "application",
"schematics": {
@@ -161,7 +176,21 @@
"projects/app-b/src/assets"
],
"styles": [
- "projects/app-b/src/styles-c.scss"
+ "projects/app-b/src/assets/css/fonts.scss",
+ "projects/app-b/src/assets/css/basics.scss",
+ "projects/app-b/src/assets/css/main-menu.scss",
+ "projects/app-b/src/assets/css/registry.scss",
+ "projects/app-b/src/assets/css/page-top-panel.scss",
+ "projects/app-b/src/assets/css/buttons.scss",
+ "projects/app-b/src/assets/css/dropdown.scss",
+ "projects/app-b/src/assets/css/forms.scss",
+ "projects/app-b/src/assets/css/grid.scss",
+ "projects/app-b/src/assets/css/tables.scss",
+ "projects/app-b/src/assets/css/tabs.scss",
+ "projects/app-b/src/assets/css/list-items.scss",
+ "projects/app-b/src/assets/css/documents-lists.scss",
+ "projects/app-b/src/assets/css/slider.scss",
+ "projects/app-b/src/styles.scss"
],
"scripts": []
},
@@ -184,6 +213,10 @@
{
"replace": "projects/environments/environment.ts",
"with": "projects/app-b/environments/environment.ts"
+ },
+ {
+ "replace": "projects/environments/htmlenv.ts",
+ "with": "projects/app-b/environments/htmlenv.ts"
}
]
},
@@ -193,7 +226,13 @@
"vendorChunk": true,
"extractLicenses": false,
"sourceMap": true,
- "namedChunks": true
+ "namedChunks": true,
+ "fileReplacements": [
+ {
+ "replace": "projects/environments/htmlenv.ts",
+ "with": "projects/app-b/environments/htmlenv.ts"
+ }
+ ]
}
},
"defaultConfiguration": "production"
@@ -230,6 +269,20 @@
"projects/app-b/src/assets"
],
"styles": [
+ "projects/app-b/src/assets/css/fonts.scss",
+ "projects/app-b/src/assets/css/basics.scss",
+ "projects/app-b/src/assets/css/main-menu.scss",
+ "projects/app-b/src/assets/css/registry.scss",
+ "projects/app-b/src/assets/css/page-top-panel.scss",
+ "projects/app-b/src/assets/css/buttons.scss",
+ "projects/app-b/src/assets/css/dropdown.scss",
+ "projects/app-b/src/assets/css/forms.scss",
+ "projects/app-b/src/assets/css/grid.scss",
+ "projects/app-b/src/assets/css/tables.scss",
+ "projects/app-b/src/assets/css/tabs.scss",
+ "projects/app-b/src/assets/css/list-items.scss",
+ "projects/app-b/src/assets/css/documents-lists.scss",
+ "projects/app-b/src/assets/css/slider.scss",
"projects/app-b/src/styles.scss"
],
"scripts": []
diff --git a/projects/app-a/environments/htmlenv.ts b/projects/app-a/environments/htmlenv.ts
new file mode 100644
index 0000000..00f505b
--- /dev/null
+++ b/projects/app-a/environments/htmlenv.ts
@@ -0,0 +1,3 @@
+export const html = {
+ project:'app-a'
+}
\ No newline at end of file
diff --git a/projects/app-b/environments/htmlenv.ts b/projects/app-b/environments/htmlenv.ts
new file mode 100644
index 0000000..6c32aa4
--- /dev/null
+++ b/projects/app-b/environments/htmlenv.ts
@@ -0,0 +1,3 @@
+export const html = {
+ project:'app-b'
+}
\ No newline at end of file
diff --git a/projects/app-b/src/assets/css/basics.scss b/projects/app-b/src/assets/css/basics.scss
new file mode 100644
index 0000000..23723d8
--- /dev/null
+++ b/projects/app-b/src/assets/css/basics.scss
@@ -0,0 +1,350 @@
+@import "~@angular/material/prebuilt-themes/indigo-pink.css";
+
+
+
+:root {
+
+ --smart: 688px;
+ --medium: 1048px;
+ --xs: 4px;
+ --s: 8px;
+ --m: 16px;
+ --l: 24px;
+ --xl: 36px;
+ --xxl: 48px;
+
+ --radius-1: 12px;
+ --radius-2: 20px;
+ --white: #ffffff;
+ --light: #F6F6F6;
+
+
+ --prime: #0070BA;
+ --prime-hov: #005799;
+ --prime-act: #004077;
+ --prime-dis: #A1CAE5;
+
+
+
+ --second: #6C6C6C;
+ --second-hov: #4D4D4D;
+ --second-act: #2D2D2D;
+ --second-dis: #C0C0C0;
+
+
+ --blue-0: #2EB2E8;
+
+
+
+}
+
+.style-color{
+ background-color: var(--light);
+}
+
+ .mat-calendar-body-selected {
+ background-color: #0079c2;
+}
+
+button.mat-calendar-body-cell:hover{
+ background-color: transparent;
+ border: none;
+ font-weight: 400;
+}
+
+button.mat-calendar-body-cell{
+ font-weight: 400;
+}
+
+.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){
+ background-color: rgba(0, 162, 255,0.3);
+ font-weight: 400;
+}
+
+.tox-promotion, .tox-statusbar__branding {
+ display: none!important;
+}
+
+
+*, ::after, ::before {
+ box-sizing: border-box;
+}
+
+* {scrollbar-color:transparent transparent; scrollbar-width:none;}
+*::-webkit-scrollbar-track {background-color:transparent;}
+*::-webkit-scrollbar {width:0; height:0; background-color:transparent;}
+*::-webkit-scrollbar-thumb {background-color:transparent; border-radius:2rem;}
+
+
+html {
+ height: 100%;
+ font-family: "PT Sans";
+ font-size: 16px;
+ -webkit-font-smoothing:antialiased;
+}
+
+body {
+ height: 100%;
+ padding: 0;
+ margin: 0;
+ color: var(--second-act);
+ background-color: var(--light);
+ .wrapper {
+ width: 100%;
+ min-height: 100vh;
+ display: flex;
+ flex-direction: column;
+
+ .content {
+ flex-grow: 1;
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: center;
+ gap: 40px;
+ left-content{
+ flex-basis: 100%;
+ background-color: var(--light);
+ .background{
+ width: 100%;
+ height: 400px;
+ background-size: cover;
+ background-position: center;
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ border-bottom: 1px solid var(--second-dis);
+ border-top: 1px solid var(--second-dis);
+ .left-content{
+ width: 100%;
+ height: 100%;
+ max-width: 1280px;
+ margin: 0 40px;
+ position: relative;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ .h1-jumbotron{
+ display: inline-block;
+ border-bottom: 12px solid var(--blue-0);
+ font-family: PT Sans Narrow;
+ font-size: 76px;
+ font-weight: 700;
+ line-height:100%;
+ letter-spacing: 0.76px;
+ color: white;
+ }
+ header-user-bar{
+ position: absolute;
+ right: 0;
+ top: 32px;
+ }
+ .menu{
+ position: absolute;
+ left: 0px;
+ top: 32px;
+ }
+ }
+ }
+ .edit-field{
+ height: 58px;
+ width: 100%;
+ background-color: var(--white);
+ display: flex;
+ justify-content: center;
+ .edit-field-row{
+ width: 100%;
+ max-width: 1280px;
+ margin: 0 40px;
+ display: flex;
+ justify-content: right;
+ align-items: center;
+ font-size: 20px;
+ gap: 8px;
+ }
+
+ }
+ }
+ .main-content{
+ flex-basis: 840px;
+ .pages{
+ width: 100%;
+ }
+ }
+ right-content{
+ flex-basis: 400px;
+ }
+ }
+ }
+}
+
+.limiter {
+ width: 100%;
+ max-width: 1280px;
+ margin: 0 auto;
+}
+
+
+h2 {
+ color: var(--second-act);
+ font-family: PT Sans Narrow;
+ font-size: 50px;
+ font-style: normal;
+ font-weight: 700;
+ line-height: 60px; /* 120% */
+ letter-spacing: 0.5px;
+ padding-top: 16px;
+ margin:0;
+}
+h3 {
+ color: var(--second-act);
+ font-family: PT Sans Narrow;
+ font-size: 36px;
+ font-style: normal;
+ font-weight: 700;
+ line-height: 60px; /* 120% */
+ letter-spacing: 0.36px;
+ padding-top: 8px;
+ margin:0;
+}
+h4 {
+ color: var(--second-act);
+ font-family: PT Sans Narrow;
+ font-size: 24px;
+ font-style: normal;
+ font-weight: 700;
+ line-height: 44px; /* 133.333% */
+ letter-spacing: 0.24px;
+ padding-top: 8px;
+ margin:0;
+}
+
+a {
+ text-decoration: none;
+ color: var(--prime);
+ cursor: pointer;
+ &:hover{
+ color: var(--prime-act);
+ };
+ &.document {
+ display: inline-flex;
+
+ &:before {
+ width: 20px;
+ height: 20px;
+ margin-right: 8px;
+ flex-shrink: 0;
+ background: transparent url('~projects/app-b/src/assets/images/icons/document/document_20.svg') 50% 50% no-repeat;
+ content: '';
+ }
+ }
+}
+
+span.link {
+ font-weight: normal;
+ color: #86898E;
+ cursor: pointer;
+}
+
+.fullwidth {
+ width: calc(100% + 80px);
+ margin-left: -40px;
+ margin-right: -40px;
+}
+
+.loader {
+ margin-top: 32px;
+ text-align: center;
+ animation: fade-in-and-scale 0.5s infinite;
+ &:before {
+ display: inline-block;
+ width: 80px;
+ height: 80px;
+ border-radius: 100px;
+ background-image: radial-gradient(rgba(44,134,205,1), rgba(44,134,205,0));
+ content: '';
+ }
+}
+
+.op-63{
+ opacity: 0.63;
+}
+html-section ul{
+ padding: 0;
+ >li{
+ list-style: none;
+ &::before{
+ display: inline-block;
+ content: "";
+ width: 16px;
+ height: 2px;
+ background-color: var(--prime);
+ margin-bottom: 5px;
+ margin-right: 16px;
+ }
+ }
+}
+
+
+@media screen and (min-width: 1330px) {
+ .fullwidth {
+ width: 100vw;
+ margin-left: calc((1160px - 100vw) / 2);
+ margin-right: 0;
+ }
+}
+
+
+
+@keyframes slide-from-right {
+ 0% {transform: translateX(100%);}
+ 100% {transform: translateX(0);}
+}
+
+@keyframes slide-from-left {
+ 0% {transform: translateX(-100%);}
+ 100% {transform: translateX(0);}
+}
+
+@keyframes slide-from-top-and-fade-in {
+ 0% {transform: translateY(-100%); opacity: 0}
+ 100% {transform: translateY(0); opacity: 1}
+}
+
+@keyframes slide-from-bottom-and-fade-in {
+ 0% {transform: translateY(100%); opacity: 0}
+ 100% {transform: translateY(0); opacity: 1}
+}
+
+
+@keyframes fade-in-and-scale {
+ 0% {transform:scale(0.3); opacity:0;}
+ 100% {transform:scale(1); opacity:0.5;}
+}
+
+@media screen and (max-width: 480px) {
+ h2{
+ font-size: 36px;
+ line-height: 44px;
+ }
+ h3{
+ font-size: 24px;
+ line-height: 32px;
+ }
+ h4{
+ color:var(--second);
+ }
+}
+
+
+@media screen and (max-width: 1330px) {
+ .limiter {
+ padding: 0 24px;
+ }
+ .fullwidth {
+ width: calc(100% + 48px);
+ margin-left: -24px;
+ margin-right: -24px;
+ }
+
+}
diff --git a/projects/app-b/src/assets/css/buttons.scss b/projects/app-b/src/assets/css/buttons.scss
new file mode 100644
index 0000000..9a421b1
--- /dev/null
+++ b/projects/app-b/src/assets/css/buttons.scss
@@ -0,0 +1,212 @@
+button, .btn, a.btn {
+ display: inline-flex;
+ padding: 8px 24px;
+ justify-content: center;
+ align-items: center;
+ gap: 10px;
+ cursor: pointer;
+ border-radius: 12px;
+ border: 1px solid var(--prime);
+ background:var(--prime);
+ color: #FFF;
+ font-family: PT Sans Narrow;
+ font-size: 24px;
+ font-style: normal;
+ font-weight: 700;
+ line-height: 32px; /* 133.333% */
+ letter-spacing: 0.24px;
+
+ &:hover{
+ border: 1px solid var(--prime-hov);
+ background: var(--prime-hov);
+ }
+
+ &:active{
+ border: 1px solid #004077;
+ background: #004077;
+ }
+
+ &[disabled] {
+ border: 1px solid #A1CAE5;
+ background: #A1CAE5;
+ }
+
+ &.outline{
+ background:#FFF;
+ color: var(--prime);
+ &:hover{
+ border: 1px solid var(--prime-hov);
+ color: var(--prime-hov);
+ }
+
+ &:active{
+ border: 1px solid #004077;
+ color: #004077;
+ }
+
+ &[disabled] {
+ border: 1px solid #A1CAE5;
+ color: #A1CAE5;
+ }
+ }
+
+ &.clear,&.icon{
+ padding: 0;
+ justify-content: center;
+ align-items: center;
+ gap: 10px;
+ cursor: pointer;
+ border-radius: 0;
+ border: none;
+ background-color: transparent;
+ color: var(--second-act);
+ font-family: PT Sans Narrow;
+ font-size: 12px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 100%; /* 133.333% */
+ letter-spacing: 100%;
+ }
+
+ &.trash,&.add-child,&.edit,&.delete,&.close-blue,&.move{
+
+ width: 24px;
+ height: 24px;
+ background: center no-repeat;
+
+ }
+
+ &.trash {
+ background-image: url('~src/assets/images/icons/trash_grey_24dp.svg');
+ }
+ &.add-child {
+ background-image: url('~src/assets/images/icons/add_web_page_24dp.svg');
+ }
+ &.edit {
+ background-image: url('~src/assets/images/icons/edit_24dp.svg');
+ }
+ &.close {
+ background-image: url('~src/assets/images/icons/close_24dp.svg');
+ }
+ &.close-blue {
+ background-image: url('~src/assets/images/icons/close_blue_24dp.svg');
+ };
+ &.move {
+ background-image: url('~src/assets/images/icons/drag-n-drop_24.svg');
+ };
+
+}
+
+
+div.move{
+ cursor: move;
+ width: 24px;
+ height: 24px;
+ background: center no-repeat;
+ background-image: url('~src/assets/images/icons/drag-n-drop_24.svg');
+}
+
+// .inline-menu.default {
+// display: inline-flex;
+// align-items: center;
+// gap: 24px;
+// padding: 8px 24px;
+// background-color: #F5F4F4;
+// border: #E8E8E8 solid 1px;
+// border-radius: 4px;
+// button {
+// width: 20px;
+// height: 20px;
+// background: transparent none 50% 50% no-repeat;
+// &.add {background-image: url('~src/assets/images/icons/note_add_20.svg');}
+// &.edit {background-image: url('~src/assets/images/icons/edit_20.svg');}
+// &.delete {background-image: url('~src/assets/images/icons/trash_20.svg');}
+// &.move {background-image: url('~src/assets/images/icons/drag-n-drop_24.svg');}
+// }
+// }
+
+// .btn {
+// color: #ffffff;
+// padding: 11px 24px;
+// background: var(--orange-2);
+// border: 1px solid var(--orange-2);
+// border-radius: 4px;
+// font-weight: 500;
+// font-size: 0.875rem;
+// line-height: 18px;
+// letter-spacing: 0.02em;
+// text-transform: uppercase;
+
+
+// &.with-icon {
+// display: flex;
+// flex-direction: row;
+// align-items: center;
+// padding: 8px 20px 8px 12px;
+// &:before {
+// display: block;
+// width: 24px;
+// height: 24px;
+// margin-right: 8px;
+// background: transparent none 50% 50% no-repeat;
+// content: "";
+// }
+// &.add {
+// &:before {
+// //background-image: url('~src/assets/images/icons/add_circle_white_24dp.svg');
+// }
+// }
+// }
+// &.small {
+// height: 28px;
+// padding: 4px 16px;
+// }
+// &.danger {
+// background-color: #db373a;
+// }
+// &.secondary {
+// background-color: var(--white);
+// color: var(--orange-2);
+// border: var(--orange-2) solid 1px;
+// &.danger {
+// border-color: #db373a;
+// color: #db373a;
+// }
+// }
+// &.icon {
+// width: 24px;
+// height: 24px;
+// padding: 0;
+// border-color: transparent;
+// background: transparent none 50% 50% no-repeat;
+// //&.reply {background-image: url('~src/assets/images/icons/add_comment_20dp.svg');}
+// //&.delete {background-image: url('~src/assets/images/icons/close_20dp.svg');}
+// &.trash {background-image: url('~src/assets/images/icons/delete_24dp.svg');}
+// &.edit {background-image: url('~src/assets/images/icons/edit_dark_24.svg');}
+// //&.chain {background-image: url('~src/assets/images/icons/linked_24dp.svg');}
+// &.checkbox {
+// display: flex;
+// width: 18px;
+// height: 18px;
+// border: solid 1px #7f7f7f;
+// border-radius: 2px;
+// &.checked,&.mixed {
+// background-color: #2c86cd;
+// border-color: #2c86cd;
+// }
+// &.checked {
+// //background-image: url('~src/assets/images/icons/checkbox_24dp.svg');
+// }
+// &.mixed {
+// &:before {
+// display: block;
+// width: 12px;
+// height: 2px;
+// margin: auto;
+// background-color: #ffffff;
+// content: "";
+// }
+// }
+// }
+// }
+// }
diff --git a/projects/app-b/src/assets/css/documents-lists.scss b/projects/app-b/src/assets/css/documents-lists.scss
new file mode 100644
index 0000000..953a2c2
--- /dev/null
+++ b/projects/app-b/src/assets/css/documents-lists.scss
@@ -0,0 +1,62 @@
+.documents.list.default {
+ background: transparent url('~src/assets/images/icons/document/document_pdf_60dp.svg') 0 0 no-repeat;
+ min-height: 60px;
+ padding-left: 72px;
+ font-size: 20px;
+ .title {
+ margin: 0 0 16px;
+ font-weight: bold;
+ }
+ .items {
+ .item {
+ margin: 0 0 16px;
+ a {
+ display: inline-block;
+ }
+ &:last-child {
+ margin: 0;
+ }
+ }
+ .none {
+ color: #7f7f7f;
+ }
+ }
+ .buttons {
+ margin-top: 24px;
+ button {
+ margin-right: 24px;
+ margin-bottom: 8px;
+ &:last-child {
+ margin-right: 0;
+ }
+ }
+ }
+}
+
+.documents.list.inline {
+ .item {
+ display: inline-block;
+ padding: 3px 30px 3px 12px;
+ margin: 0 12px 4px 0;
+ border: solid 1px rgba(0, 0, 0, 0.06);
+ border-radius: 12px;
+ //background: #e3eff9 url('~src/assets/images/icons/open_in_new_18dp.svg') calc(100% - 8px) 50% no-repeat;
+ font-size: 0.875rem;
+ a {
+ color: #000000;
+ }
+ }
+}
+
+
+@media screen and (max-width: 410px) {
+ .documents.list.default {
+ .buttons {
+ button {
+ width: 100%;
+ margin: 0 0 12px;
+ }
+ }
+ }
+}
+
diff --git a/projects/app-b/src/assets/css/dropdown.scss b/projects/app-b/src/assets/css/dropdown.scss
new file mode 100644
index 0000000..2584d1b
--- /dev/null
+++ b/projects/app-b/src/assets/css/dropdown.scss
@@ -0,0 +1,84 @@
+.dropdown {
+ position: absolute;
+ width: 250px;
+ left: 48px;
+ top: 32px;
+ z-index: 10;
+ z-index: 1000;
+
+ .menu {
+ display: flex;
+ flex-direction: column;
+ border: var(--second-dis) solid 1px;
+ border-radius: var(--radius-1);
+ box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
+
+ .type {
+ display: flex;
+ flex-direction: column;
+ background-color: var(--white);
+ border-bottom: var(--second-dis) solid 1px;
+ overflow: hidden;
+ &:first-child {
+ border-radius: var(--radius-1) var(--radius-1) 0 0;
+ }
+ &:last-child {
+ border-radius: 0 0 var(--radius-1) var(--radius-1);
+ .row {
+ border-bottom: none;
+ }
+ a, span {
+ border-bottom: none;
+ }
+ }
+ >&:hover {
+ background-color: var(--light);
+ }
+
+ .row {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 12px 20px;
+
+ column-gap: 12px;
+ cursor: pointer;
+ color: var(--second-act);
+
+ .title {
+
+ }
+
+
+
+ a, span {
+ display: block;
+ padding: 12px 16px;
+ color: #000000;
+ cursor: pointer;
+ border-bottom: #E0E0E0 solid 1px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
+ &:last-child {
+ a, span {
+ border-bottom: none;
+ }
+ }
+ }
+
+ .sub-row {
+ padding: 12px 16px 12px 32px;
+ border-top: var(--second-dis) solid 1px;
+ color: var(--second);
+ background-color: var(--white);
+
+ cursor: pointer;
+ &:hover {
+ background-color: var(--light);
+ }
+ }
+ }
+ }
+}
diff --git a/projects/app-b/src/assets/css/fonts.scss b/projects/app-b/src/assets/css/fonts.scss
new file mode 100644
index 0000000..dd1e80a
--- /dev/null
+++ b/projects/app-b/src/assets/css/fonts.scss
@@ -0,0 +1,166 @@
+// @font-face {
+// font-family: 'Open Sans';
+// src: url('../fonts/sans/OpenSans-Italic.eot');
+// src: local('Open Sans Italic'), local('OpenSans-Italic'),
+// url('../fonts/sans/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
+// url('../fonts/sans/OpenSans-Italic.woff2') format('woff2'),
+// url('../fonts/sans/OpenSans-Italic.woff') format('woff'),
+// url('../fonts/sans/OpenSans-Italic.ttf') format('truetype');
+// font-weight: normal;
+// font-style: italic;
+// }
+
+// @font-face {
+// font-family: 'Open Sans';
+// src: url('../fonts/sans/OpenSans-Regular.eot');
+// src: local('Open Sans Regular'), local('OpenSans-Regular'),
+// url('../fonts/sans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
+// url('../fonts/sans/OpenSans-Regular.woff2') format('woff2'),
+// url('../fonts/sans/OpenSans-Regular.woff') format('woff'),
+// url('../fonts/sans/OpenSans-Regular.ttf') format('truetype');
+// font-weight: normal;
+// font-style: normal;
+// }
+
+// @font-face {
+// font-family: 'Open Sans';
+// src: url('../fonts/sans/OpenSans-BoldItalic.eot');
+// src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
+// url('../fonts/sans/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
+// url('../fonts/sans/OpenSans-BoldItalic.woff2') format('woff2'),
+// url('../fonts/sans/OpenSans-BoldItalic.woff') format('woff'),
+// url('../fonts/sans/OpenSans-BoldItalic.ttf') format('truetype');
+// font-weight: bold;
+// font-style: italic;
+// }
+
+// @font-face {
+// font-family: 'Open Sans';
+// src: url('../fonts/sans/OpenSans-SemiBold.eot');
+// src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
+// url('../fonts/sans/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
+// url('../fonts/sans/OpenSans-SemiBold.woff2') format('woff2'),
+// url('../fonts/sans/OpenSans-SemiBold.woff') format('woff'),
+// url('../fonts/sans/OpenSans-SemiBold.ttf') format('truetype');
+// font-weight: 600;
+// font-style: normal;
+// }
+
+// @font-face {
+// font-family: 'Open Sans';
+// src: url('../fonts/sans/OpenSans-ExtraBoldItalic.eot');
+// src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),
+// url('../fonts/sans/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
+// url('../fonts/sans/OpenSans-ExtraBoldItalic.woff2') format('woff2'),
+// url('../fonts/sans/OpenSans-ExtraBoldItalic.woff') format('woff'),
+// url('../fonts/sans/OpenSans-ExtraBoldItalic.ttf') format('truetype');
+// font-weight: 800;
+// font-style: italic;
+// }
+
+// @font-face {
+// font-family: 'Open Sans';
+// src: url('../fonts/sans/OpenSans-LightItalic.eot');
+// src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
+// url('../fonts/sans/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'),
+// url('../fonts/sans/OpenSans-LightItalic.woff2') format('woff2'),
+// url('../fonts/sans/OpenSans-LightItalic.woff') format('woff'),
+// url('../fonts/sans/OpenSans-LightItalic.ttf') format('truetype');
+// font-weight: 300;
+// font-style: italic;
+// }
+
+// @font-face {
+// font-family: 'Open Sans';
+// src: url('../fonts/sans/OpenSans-Bold.eot');
+// src: local('Open Sans Bold'), local('OpenSans-Bold'),
+// url('../fonts/sans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
+// url('../fonts/sans/OpenSans-Bold.woff2') format('woff2'),
+// url('../fonts/sans/OpenSans-Bold.woff') format('woff'),
+// url('../fonts/sans/OpenSans-Bold.ttf') format('truetype');
+// font-weight: bold;
+// font-style: normal;
+// }
+
+// @font-face {
+// font-family: 'Open Sans';
+// src: url('../fonts/sans/OpenSans-SemiBoldItalic.eot');
+// src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
+// url('../fonts/sans/OpenSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
+// url('../fonts/sans/OpenSans-SemiBoldItalic.woff2') format('woff2'),
+// url('../fonts/sans/OpenSans-SemiBoldItalic.woff') format('woff'),
+// url('../fonts/sans/OpenSans-SemiBoldItalic.ttf') format('truetype');
+// font-weight: 600;
+// font-style: italic;
+// }
+
+// @font-face {
+// font-family: 'Open Sans';
+// src: url('../fonts/sans/OpenSans-ExtraBold.eot');
+// src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
+// url('../fonts/sans/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
+// url('../fonts/sans/OpenSans-ExtraBold.woff2') format('woff2'),
+// url('../fonts/sans/OpenSans-ExtraBold.woff') format('woff'),
+// url('../fonts/sans/OpenSans-ExtraBold.ttf') format('truetype');
+// font-weight: 800;
+// font-style: normal;
+// }
+
+// @font-face {
+// font-family: 'Open Sans';
+// src: url('../fonts/sans/OpenSans-Light.eot');
+// src: local('Open Sans Light'), local('OpenSans-Light'),
+// url('../fonts/sans/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
+// url('../fonts/sans/OpenSans-Light.woff2') format('woff2'),
+// url('../fonts/sans/OpenSans-Light.woff') format('woff'),
+// url('../fonts/sans/OpenSans-Light.ttf') format('truetype');
+// font-weight: 300;
+// font-style: normal;
+// }
+
+@font-face {
+ font-family: 'PT Sans';
+ src: url('../fonts/ptsans/PT_Sans-Web-Regular.ttf');
+ font-style: normal;
+ font-weight: 400;
+ font-display: swap;
+}
+
+@font-face {
+ font-family: 'PT Sans';
+ src: url('../fonts/ptsans/PT_Sans-Web-Bold.ttf');
+ font-style: normal;
+ font-weight: 700;
+ font-display: swap;
+}
+
+@font-face {
+ font-family: 'PT Sans';
+ src: url('../fonts/ptsans/PT_Sans-Web-Italic.ttf');
+ font-style: italic;
+ font-weight: 400;
+ font-display: swap;
+}
+
+@font-face {
+ font-family: 'PT Sans';
+ src: url('../fonts/ptsans/PT_Sans-Web-Bolditalic.ttf');
+ font-style: italic;
+ font-weight: 700;
+ font-display: swap;
+}
+
+@font-face {
+ font-family: 'PT Sans Narrow';
+ src: url('../fonts/ptsans/PTSansNarrow-Regular.ttf');
+ font-style: itnormalalic;
+ font-weight: 400;
+ font-display: swap;
+}
+@font-face {
+ font-family: 'PT Sans Narrow';
+ src: url('../fonts/ptsans/PTSansNarrow-Bold.ttf');
+ font-style: normal;
+ font-weight: 700;
+ font-display: swap;
+}
\ No newline at end of file
diff --git a/projects/app-b/src/assets/css/forms.scss b/projects/app-b/src/assets/css/forms.scss
new file mode 100644
index 0000000..a6b1c48
--- /dev/null
+++ b/projects/app-b/src/assets/css/forms.scss
@@ -0,0 +1,140 @@
+input, select, textarea {
+ width: 100%;
+ height: 40px;
+ padding: 8px 16px;
+ border-radius: 12px;
+ border: solid 1px var(--second-dis);
+ font-family: "PT Sans";
+ font-size: 20px;
+ color: var(--second-act);
+ background-color: #fff;
+ &:hover{
+ border-color: var(--second);
+ outline: none;
+ }
+ &:focus, &:focus-visible {
+ border-color: var(--prime);
+ outline: none;
+
+ }
+ &:disabled{
+ border-color: #EDEDED;
+ outline: none;
+ }
+}
+
+.invalid {
+ input, select, .textbox {
+ border-color: #e60046!important;
+ }
+}
+
+
+.switch {
+ width: 44px;
+ height: 24px;
+ margin: auto 0;
+ padding: 2px;
+ border-radius: 12px;
+ background-color: #fff;
+ border: 1px solid var(--second);
+ cursor: pointer;
+ transition: background-color 0.3s;
+ &:before {
+ display: block;
+ width: 18px;
+ height: 18px;
+ background-color: var(--second-dis);
+ border-radius: 9px;
+ transition: transform 0.3s;
+ content: '';
+ }
+ &.active {
+ background-color:var(--prime);
+ border-color:var(--prime);
+ &:before {
+ transform: translateX(20px);
+ background-color: #fff;
+ }
+ }
+ &.active{
+ &:hover {
+ background-color:var(--prime-hov);
+ border-color:var(--prime-hov);
+ &:before {
+ transform: translateX(20px);
+ }
+ }
+ &:focus{
+ background-color:var(--prime-act);
+ border-color:var(--prime-act);
+ &:before {
+ transform: translateX(20px);
+ }
+ }
+ }
+ &:not(.active):hover {
+ border-color:var(--second-hov);
+ &:before {
+ background-color: var(--second);
+ }
+ }
+ &.disabled {
+ opacity: 0.5;
+ }
+}
+
+
+
+.checkbox {
+ position: absolute;
+ z-index: -1;
+ opacity: 0;
+}
+
+.checkbox+label {
+ display: inline-flex;
+ align-items: center;
+ user-select: none;
+ font-size: 20px;
+}
+.checkbox+label::before {
+ content: '';
+ display: inline-block;
+ width: 24px;
+ height: 24px;
+ flex-shrink: 0;
+ flex-grow: 0;
+ margin-right: 0.5em;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-size: 100% 100%;
+ background-image: url("~/src/assets/images/icons/checkbox/checbox_none_base_24dp.svg");
+}
+.checkbox:checked+label::before {
+ background-image: url("~/src/assets/images/icons/checkbox/checbox_check_base_24dp.svg");
+}
+.checkbox:not(:disabled):not(:checked)+label:hover::before {
+ background-image: url("~/src/assets/images/icons/checkbox/checbox_none_hover_24dp.svg");
+}
+.checkbox:not(:disabled):checked+label:hover::before {
+ background-image: url("~/src/assets/images/icons/checkbox/checbox_check_hover_24dp.svg");
+}
+.checkbox:not(:disabled):checked:active+label::before {
+ background-image: url("~/src/assets/images/icons/checkbox/checbox_check_active_24dp.svg");
+}
+.checkbox:not(:disabled):not(:checked):active+label::before {
+ background-image: url("~/src/assets/images/icons/checkbox/checbox_none_active_24dp.svg");
+}
+.checkbox:focus:checked+label::before {
+ background-image: url("~/src/assets/images/icons/checkbox/checbox_check_hover_24dp.svg");
+}
+.checkbox:focus:not(:checked)+label::before {
+ background-image: url("~/src/assets/images/icons/checkbox/checbox_none_hover_24dp.svg");
+}
+.checkbox:disabled:checked+label::before {
+ background-image: url("~/src/assets/images/icons/checkbox/checbox_check_disabled_24dp.svg");
+}
+.checkbox:disabled:not(:checked)+label::before {
+ background-image: url("~/src/assets/images/icons/checkbox/checbox_none_disabled_24dp.svg");
+}
\ No newline at end of file
diff --git a/projects/app-b/src/assets/css/grid.scss b/projects/app-b/src/assets/css/grid.scss
new file mode 100644
index 0000000..e69de29
diff --git a/projects/app-b/src/assets/css/list-items.scss b/projects/app-b/src/assets/css/list-items.scss
new file mode 100644
index 0000000..8d98622
--- /dev/null
+++ b/projects/app-b/src/assets/css/list-items.scss
@@ -0,0 +1,86 @@
+.list.item.default {
+ padding: 24px;
+ margin-bottom: 24px;
+ background-color: #FFFFFF;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ .main-bar {
+ display: flex;
+ flex-direction: row;
+ width: 100%;
+ .left {
+ flex-grow: 1;
+ }
+ .right {
+ display: flex;
+ flex-direction: column;
+ margin-left: 24px;
+ flex-shrink: 0;
+ .row {
+ display: flex;
+ flex-direction: row;
+ button {
+ margin: 0 12px 0 0;
+ &:last-child {
+ margin-right: 0;
+ }
+ }
+ }
+ }
+
+ .params {
+ p {
+ margin-bottom: 14px;
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+ }
+ }
+
+ .title {
+ margin-bottom: 12px;
+ font-weight: bold;
+ }
+
+ .status {
+ margin-bottom: 14px;
+ font-size: 0.875rem;
+ font-weight: bold;
+ color: #7f7f7f;
+ }
+ .yellow, .reviewing {color: #c48723;}
+ .green, .active {color: #669933;}
+ .red, .declined {color: #e60046;}
+ .edit {
+ //background-image: url("~src/assets/images/icons/edit_24dp.svg");
+ }
+ .delete {
+ //background-image: url("~src/assets/images/icons/delete_24dp.svg");
+ }
+ .toggle {
+ margin-top: auto;
+ margin-left: auto;
+ //background-image: url("~src/assets/images/icons/arrow_down_24dp.svg");
+ transition: transform 0.2s;
+ &.active {
+ transform: rotateZ(180deg);
+ }
+ }
+ .name {
+ margin-bottom: 14px;
+ font-weight: bold;
+ }
+
+ .details {
+ margin-top: 24px;
+ }
+}
+
+
+@media screen and (max-width: 767px) {
+ .list.item.default {
+ padding: 16px;
+ margin-left: -16px;
+ margin-right: -16px;
+ }
+}
diff --git a/projects/app-b/src/assets/css/main-menu.scss b/projects/app-b/src/assets/css/main-menu.scss
new file mode 100644
index 0000000..aeeeb1f
--- /dev/null
+++ b/projects/app-b/src/assets/css/main-menu.scss
@@ -0,0 +1,175 @@
+header{
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background-color: var(--white);
+ .header{
+ width: 1280px;
+ height: 80px;
+ margin: 12px 40px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+
+
+ }
+};
+
+
+
+a.logo{
+ img{
+ width:114px;
+ height: 80px;
+ }
+}
+
+
+
+
+
+
+@media screen and (max-width: 1330px){
+ .header{
+ >pages-menu.top-menu, >a.vnii{
+ display: none;
+ }
+ }
+
+}
+
+
+
+
+
+@media screen and (min-width: 1330px){
+ .header{
+ .burger{
+ display: none;
+ }
+ >pages-menu.top-menu{
+ flex-direction: row;
+ gap:24px;
+ pages-menu-item{
+ font-size: 20px;
+ .item{
+ drop-down{
+ display: none;
+ }
+ }
+ .sub-menu:not(.current){
+ display:none;
+ }
+ .sub-menu>pages-menu{
+ position: absolute;
+ padding: 0;
+ height: 68px;
+ width: 100vw;
+ background-color: var(--white);
+ left: 0px;
+ top: 104px;
+ flex-direction: row;
+ gap:24px;
+ align-items: start;
+ justify-content: center;
+ z-index:1;
+ pages-menu-item{
+ pages-menu{
+ display: none;
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+right-content{
+ drop-down{
+ display: none !important;
+ }
+ .item{
+ padding: 10px;
+ }
+ .sub-menu>pages-menu{
+ padding-left: 0;
+ }
+
+ .lavel-1{
+ &.item{
+ display: none;
+ }
+ }
+
+ .lavel-2{
+ &.item{
+ display: none;
+ }
+ &.sub-menu{
+ display: none;
+ &.parent,&.current{
+ display: block;
+ >pages-menu{
+ background-color: var(--white);
+ padding: 20px;
+ border-radius: 8px;
+ box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.27);
+ }
+ }
+ }
+ }
+
+ .lavel-3 {
+ >a {
+ font-family: PT Sans Narrow;
+ font-size: 24px;
+ font-style: normal;
+ font-weight: 700;
+ line-height: 32px;
+ /* 133.333% */
+ letter-spacing: 0.24px;
+ color: var(--second);
+
+ &:hover {
+ color: var(--prime-act);
+ }
+ }
+ &.parent>a,
+ &.current>a {
+ color: var(--prime);
+ }
+
+ }
+
+ .lavel-4 {
+ a {
+ font-family: PT Sans;
+ font-size: 20px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 24px;
+
+ color: var(--second);
+
+ &:hover {
+ color: var(--second-act);
+ }
+ }
+
+ &.current,&.parent {
+ background-color: #ededed;
+ border-radius: 8px;
+ a {
+ color: var(--second-act);
+ }
+ }
+
+
+ }
+
+
+
+
+
+ }
+
diff --git a/projects/app-b/src/assets/css/page-top-panel.scss b/projects/app-b/src/assets/css/page-top-panel.scss
new file mode 100644
index 0000000..9892dbb
--- /dev/null
+++ b/projects/app-b/src/assets/css/page-top-panel.scss
@@ -0,0 +1,68 @@
+.top-panel {
+ margin: 0 auto 32px;
+ max-width: 1240px;
+ &.pt-40 {
+ padding-top: 40px;
+ }
+
+ .buttons {
+ margin-bottom: 32px;
+ .btn {
+ font-weight: 700;
+ }
+ }
+
+ .filters {
+ padding: 16px 0 24px;
+
+ background-color: #F5F4F4;
+ border-top: #E8E8E8 solid 1px;
+ border-bottom: #E8E8E8 solid 1px;
+ .limiter {
+ display: flex;
+ flex-direction: row;
+ align-items: flex-end;
+ }
+ .search {
+ flex-grow: 1;
+ label {
+ margin-bottom: 2px;
+ color: #86898E;
+ }
+ input {
+ height: 40px;
+ padding: 8px 52px 8px 16px;
+ border: #BFBFBF solid 1px;
+ border-radius: 12px;
+ background: #ffffff url('~src/assets/images/icons/search_24dp.svg') calc(100% - 12px) 50% no-repeat;
+ }
+ }
+ .advanced {
+ margin-left: 24px;
+ button {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ gap: 8px;
+ height: 40px;
+ padding: 8px 16px;
+ background-color: #F9B417;
+ color: #ffffff;
+ border-radius: 20px;
+ font-size: 14px;
+ font-weight: 700;
+ text-transform: uppercase;
+ &:before {
+ width: 24px;
+ height: 24px;
+ background: transparent url('~src/assets/images/icons/filter_empty_24.svg') 50% 50% no-repeat;
+ content: '';
+ }
+ &.filled:before {
+ background-image: url('~src/assets/images/icons/filter_filled_24.svg');
+ }
+ }
+ }
+ }
+}
+
diff --git a/projects/app-b/src/assets/css/registry.scss b/projects/app-b/src/assets/css/registry.scss
new file mode 100644
index 0000000..36043cd
--- /dev/null
+++ b/projects/app-b/src/assets/css/registry.scss
@@ -0,0 +1,56 @@
+.registry {
+ .bar {
+ background-color: #3E3D40;
+ color: #ffffff;
+ .menu {
+ button {
+ background: transparent 50% 50% no-repeat;
+ &.add.category {background-image: url('~src/assets/images/icons/add_library_24.svg');}
+ &.add.entry {background-image: url('~src/assets/images/icons/add_notes_24.svg');}
+ &.move {
+ background-image: url('~src/assets/images/icons/drag-n-drop_24w.svg');
+ cursor: move;
+ }
+ &.edit {background-image: url('~src/assets/images/icons/edit_24.svg');}
+ &.delete {background-image: url('~src/assets/images/icons/close_white_24dp.svg');}
+ }
+ }
+ .expand {
+ button {
+ background: url('~src/assets/images/icons/expand_less_24.svg') 50% 50% no-repeat;
+ }
+ }
+ }
+ registry-category {
+ display: block;
+ .bar {
+ background-color: #86898E;
+ }
+
+ registry-category {
+ .bar {
+ background-color: #F5F4F4;
+ color: #86898E;
+
+ .menu {
+ button {
+ &.add.category {background-image: url('~src/assets/images/icons/add_library_dark_24.svg');}
+ &.add.entry {background-image: url('~src/assets/images/icons/add_notes_dark_24.svg');}
+ &.move {background-image: url('~src/assets/images/icons/drag-n-drop_24.svg');}
+ &.edit {background-image: url('~src/assets/images/icons/edit_dark_24.svg');}
+ &.delete {background-image: url('~src/assets/images/icons/close_24dp.svg');}
+ }
+ }
+ .expand {
+ button {
+ background: url('~src/assets/images/icons/expand_less_dark_24.svg') 50% 50% no-repeat;
+ }
+ }
+ }
+
+ registry-category {
+ padding-left: 24px;
+ }
+ }
+ }
+}
diff --git a/projects/app-b/src/assets/css/slider.scss b/projects/app-b/src/assets/css/slider.scss
new file mode 100644
index 0000000..0bd700b
--- /dev/null
+++ b/projects/app-b/src/assets/css/slider.scss
@@ -0,0 +1,387 @@
+.slider-bar {
+
+
+ max-width: 720px;
+
+ background-color: #ffffff;
+
+
+ &.right-side{
+ animation: slide-from-right 0.3s;
+ right: 0;
+ box-shadow: -3px 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+&.left-side{
+ animation: slide-from-left 0.3s;
+ left: 0;
+ box-shadow: 3px 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+
+
+ z-index: 110;
+
+ .header {
+ padding: var(--m) var(--l);
+ border-bottom: 1px solid var(--second);
+
+ .title {
+
+
+
+ h2 {
+ font-size: 30px;
+ margin: 0;
+ }
+
+ }
+
+ .stepper {
+ padding: var(--l) 0 0;
+ .items {
+ display: flex;
+ flex-direction: row;
+ gap: var(--l);
+ .item {
+ width: 150px;
+ flex-shrink: 1;
+ font-size: 14px;
+ overflow: hidden;
+ .num {
+ position: relative;
+ width: calc(100% - 13px);
+ height: var(--l);
+ padding: 4px 6px;
+ margin: 0 0 4px;
+ border-radius: 2px 0 0 2px;
+ background-color: #E8E9EB;
+ color: #86898E;
+ font-weight: bold;
+ &:after {
+ position: absolute;
+ left: 100%;
+ top: 0;
+ width: 13px;
+ height: 100%;
+ background: transparent url('~src/assets/images/icons/step_upcoming.svg') 100% 50% no-repeat;
+ content: '';
+ }
+ }
+ .name {
+ font-size: 14px;
+ color: #6c6c6c;
+ }
+ &.active {
+ .num {
+ background-color: #B88E12;
+ color: #ffffff;
+ &:after {
+ background-image: url('~src/assets/images/icons/step_active.svg');
+ }
+ }
+ .name {
+ color: #B88E12;
+ font-weight: bold;
+ }
+ }
+ &.finished {
+ .num {
+ background-color: rgba(184, 142, 18, 0.2);
+ color: #B88E12;
+ &:after {
+ background-image: url('~src/assets/images/icons/step_finished.svg');
+ }
+ }
+ .name {
+ color: #B88E12;
+ }
+ }
+ }
+ }
+ }
+ }
+
+ .body {
+ height: 100%;
+ padding: var(--xxl) 0;
+ >div>pages-menu{
+ padding: 0 var(--s) var(--xl) var(--xl);
+ }
+ form-frame{
+ margin: 0 var(--l);
+ display: block;
+ }
+ }
+
+ .btn-menu{
+ display: block;
+ padding: 15px var(--xl);
+ border-top: 1px solid var(--second);
+ div{
+
+ display: flex;
+ flex-direction: column;
+ gap: 15px;
+ button{
+ display: flex;
+ justify-content: start;
+ font-weight: 300;
+ font-size: 15px;
+ &:hover{
+ color: var(--active);
+ }
+ }
+
+ }
+ }
+
+
+ [footer] {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: var(--m) var(--l);
+ border-top: 1px solid var(--second);
+
+
+ .left {
+ .reset {
+ color: #6C6C6C;
+ cursor: pointer;
+ }
+
+ .notice {
+ font-weight: 300;
+ line-height: var(--l); /* 150% */
+ }
+ }
+
+ .right {
+ margin-left: auto;
+ display: flex;
+ button {
+ margin-left: var(--l);
+ }
+ }
+ }
+}
+
+.slider-overlay {
+
+ background-color: rgba(0, 0, 0, 0.37);
+
+}
+
+
+@media screen and (max-width: 767px) {
+ .slider-bar {
+ .header, .footer {
+ padding: var(--m);
+ }
+
+ [footer] {
+ .left {
+ font-size: 14px;
+ }
+ .right {
+ button {
+ padding: var(--s) var(--m);
+ margin-left: var(--m);
+ }
+ }
+ }
+ }
+}
+
+
+// .slider-bar {
+// position: fixed;
+// top: 0;
+// right: 0;
+// display: flex;
+// flex-direction: column;
+// width: 100%;
+// max-width: 720px;
+// height: 100%;
+// background-color: #ffffff;
+// box-shadow: -3px 0 6px 0 rgba(0, 0, 0, 0.16);
+// overflow: hidden;
+// animation: slide-from-right 0.3s;
+// z-index: 110;
+
+// &.right-side{
+// animation: slide-from-right 0.3s;
+// right: 0;
+// box-shadow: -3px 0 6px 0 rgba(0, 0, 0, 0.16);
+// }
+// &.left-side{
+// animation: slide-from-left 0.3s;
+// left: 0;
+// box-shadow: 3px 0 6px 0 rgba(0, 0, 0, 0.16);
+// }
+
+// .header {
+// padding: 14px 24px;
+// border-bottom: 1px solid #C0C0C0;
+
+// .title {
+// display: flex;
+// flex-direction: row;
+// align-items: center;
+
+// h2 {
+// margin: 0;
+// font-family: PT Sans Narrow;
+// font-size: 36px;
+// font-style: normal;
+// font-weight: 700;
+// line-height: 44px; /* 122.222% */
+// letter-spacing: 0.36px;
+// color: var(--dark-1);
+// }
+
+// .close {
+// width: 24px;
+// height: 24px;
+// margin-left: auto;
+// padding: 0;
+// border: none;
+// border-radius: 0;
+// background: transparent url(/assets/images/icons/close_24dp.svg) 50% 50% no-repeat;
+// }
+// }
+
+// .stepper {
+// padding: 24px 0 0;
+// .items {
+// display: flex;
+// flex-direction: row;
+// gap: 24px;
+// .item {
+// width: 150px;
+// flex-shrink: 1;
+// font-size: 14px;
+// overflow: hidden;
+// .num {
+// position: relative;
+// width: calc(100% - 13px);
+// height: 24px;
+// padding: 4px 6px;
+// margin: 0 0 4px;
+// border-radius: 2px 0 0 2px;
+// background-color: #E8E9EB;
+// color: #86898E;
+// font-weight: bold;
+// &:after {
+// position: absolute;
+// left: 100%;
+// top: 0;
+// width: 13px;
+// height: 100%;
+// background: transparent url('~src/assets/images/icons/step_upcoming.svg') 100% 50% no-repeat;
+// content: '';
+// }
+// }
+// .name {
+// font-size: 14px;
+// color: var(--second);
+// }
+// &.active {
+// .num {
+// background-color: #B88E12;
+// color: #ffffff;
+// &:after {
+// background-image: url('~src/assets/images/icons/step_active.svg');
+// }
+// }
+// .name {
+// color: #B88E12;
+// font-weight: bold;
+// }
+// }
+// &.finished {
+// .num {
+// background-color: rgba(184, 142, 18, 0.2);
+// color: #B88E12;
+// &:after {
+// background-image: url('~src/assets/images/icons/step_finished.svg');
+// }
+// }
+// .name {
+// color: #B88E12;
+// }
+// }
+// }
+// }
+// }
+// }
+
+// .body {
+// height: 100%;
+// padding: 32px 24px;
+// flex-grow: 1;
+// overflow: auto;
+// -webkit-overflow-scrolling: touch;
+// }
+
+// .footer {
+// display: flex;
+// flex-direction: row;
+// align-items: center;
+// padding: 16px 24px;
+// border-top: 1px solid #C0C0C0;
+
+// .left {
+// .reset {
+// color: var(--second);
+// cursor: pointer;
+// }
+
+// .notice {
+// font-family: PT Sans;
+// font-size: 16px;
+// font-style: normal;
+// font-weight: 400;
+// line-height: 24px; /* 150% */
+// }
+// }
+
+// .right {
+// margin-left: auto;
+// display: flex;
+// button {
+// margin-left: 24px;
+// }
+// }
+// }
+// }
+
+// .slider-overlay {
+// position: fixed;
+// top: 0;
+// left: 0;
+// width: 100%;
+// height: 100%;
+// background-color: rgba(0, 0, 0, 0.37);
+// z-index: 100;
+// }
+
+
+// @media screen and (max-width: 767px) {
+// .slider-bar {
+// .header, .body, .footer {
+// padding: 16px;
+// }
+
+// .footer {
+// .left {
+// font-size: 14px;
+// }
+// .right {
+// button {
+// padding: 8px 16px;
+// margin-left: 16px;
+// }
+// }
+// }
+// }
+// }
diff --git a/projects/app-b/src/assets/css/tables.scss b/projects/app-b/src/assets/css/tables.scss
new file mode 100644
index 0000000..8fca50a
--- /dev/null
+++ b/projects/app-b/src/assets/css/tables.scss
@@ -0,0 +1,60 @@
+table.default {
+ width: 100%;
+ border-collapse: collapse;
+ tr {
+ td {
+ padding: 6px 0;
+ &.caption {
+ width: 232px;
+ padding-right: 24px;
+ color: #86898E;
+ vertical-align: top;
+ }
+ &.value {
+ vertical-align: top;
+ p {
+ margin: 0 0 12px;
+ }
+ }
+ }
+ }
+ &.lined {
+ tr {
+ td {
+ border-bottom: #e0e0e0 solid 1px;
+ }
+ &:last-child {
+ td {
+ border-bottom: none;
+ }
+ }
+ }
+ }
+}
+
+
+@media screen and (max-width: 767px) {
+ table.default {
+ tr {
+ display: block;
+ td {
+ display: block;
+ padding: 0;
+ b {
+ display: block;
+ padding: 14px 0 0;
+ }
+ &.caption {
+ width: 100%;
+ margin: 14px 0 6px;
+ }
+ &.value {
+
+ }
+ }
+ }
+ &.lined tr td {
+ border-bottom: none;
+ }
+ }
+}
diff --git a/projects/app-b/src/assets/css/tabs.scss b/projects/app-b/src/assets/css/tabs.scss
new file mode 100644
index 0000000..d7534e1
--- /dev/null
+++ b/projects/app-b/src/assets/css/tabs.scss
@@ -0,0 +1,47 @@
+.tabs.default {
+ display: flex;
+ margin-bottom: 32px;
+ max-width: 100%;
+ overflow: auto;
+ border-bottom: #E8E8E8 solid 1px;
+ -webkit-overflow-scrolling: touch;
+ &.simple {
+ margin-bottom: 24px;
+ }
+ button {
+ padding: 7px 16px;
+ margin-right: -1px;
+ background: #ffffff;
+ border-radius: 8px 8px 0 0;
+ border: #E8E8E8 solid 1px;
+ border-bottom: none;
+ color: #86898E;
+ font-size: 16px;
+ font-weight: 700;
+ cursor: pointer;
+ &:last-child {
+ margin-right: 0;
+ }
+ span {
+ white-space: nowrap;
+ }
+ &:last-child {
+ span {
+ }
+ }
+ &.active {
+ color: #ffffff;
+ background-color: #F9B417;
+ border-color: #F9B417;
+ }
+ &.disabled {
+ opacity: 0.7;
+ cursor: not-allowed;
+ }
+ &:hover {
+ background-color: #F9B417;
+ border-color: #F9B417;
+ color: #ffffff;
+ }
+ }
+}
diff --git a/projects/app-b/src/assets/fonts/lato/Lato-Black.ttf b/projects/app-b/src/assets/fonts/lato/Lato-Black.ttf
new file mode 100644
index 0000000..3f7819f
Binary files /dev/null and b/projects/app-b/src/assets/fonts/lato/Lato-Black.ttf differ
diff --git a/projects/app-b/src/assets/fonts/lato/Lato-BlackItalic.ttf b/projects/app-b/src/assets/fonts/lato/Lato-BlackItalic.ttf
new file mode 100644
index 0000000..2dc1173
Binary files /dev/null and b/projects/app-b/src/assets/fonts/lato/Lato-BlackItalic.ttf differ
diff --git a/projects/app-b/src/assets/fonts/lato/Lato-Bold.ttf b/projects/app-b/src/assets/fonts/lato/Lato-Bold.ttf
new file mode 100644
index 0000000..29f691d
Binary files /dev/null and b/projects/app-b/src/assets/fonts/lato/Lato-Bold.ttf differ
diff --git a/projects/app-b/src/assets/fonts/lato/Lato-BoldItalic.ttf b/projects/app-b/src/assets/fonts/lato/Lato-BoldItalic.ttf
new file mode 100644
index 0000000..f402040
Binary files /dev/null and b/projects/app-b/src/assets/fonts/lato/Lato-BoldItalic.ttf differ
diff --git a/projects/app-b/src/assets/fonts/lato/Lato-Hairline.ttf b/projects/app-b/src/assets/fonts/lato/Lato-Hairline.ttf
new file mode 100644
index 0000000..a7365b8
Binary files /dev/null and b/projects/app-b/src/assets/fonts/lato/Lato-Hairline.ttf differ
diff --git a/projects/app-b/src/assets/fonts/lato/Lato-HairlineItalic.ttf b/projects/app-b/src/assets/fonts/lato/Lato-HairlineItalic.ttf
new file mode 100644
index 0000000..919d2d6
Binary files /dev/null and b/projects/app-b/src/assets/fonts/lato/Lato-HairlineItalic.ttf differ
diff --git a/projects/app-b/src/assets/fonts/lato/Lato-Heavy.ttf b/projects/app-b/src/assets/fonts/lato/Lato-Heavy.ttf
new file mode 100644
index 0000000..ce528ef
Binary files /dev/null and b/projects/app-b/src/assets/fonts/lato/Lato-Heavy.ttf differ
diff --git a/projects/app-b/src/assets/fonts/lato/Lato-HeavyItalic.ttf b/projects/app-b/src/assets/fonts/lato/Lato-HeavyItalic.ttf
new file mode 100644
index 0000000..ae73655
Binary files /dev/null and b/projects/app-b/src/assets/fonts/lato/Lato-HeavyItalic.ttf differ
diff --git a/projects/app-b/src/assets/fonts/lato/Lato-Italic.ttf b/projects/app-b/src/assets/fonts/lato/Lato-Italic.ttf
new file mode 100644
index 0000000..b4bfc9b
Binary files /dev/null and b/projects/app-b/src/assets/fonts/lato/Lato-Italic.ttf differ
diff --git a/projects/app-b/src/assets/fonts/lato/Lato-Light.ttf b/projects/app-b/src/assets/fonts/lato/Lato-Light.ttf
new file mode 100644
index 0000000..834d1c0
Binary files /dev/null and b/projects/app-b/src/assets/fonts/lato/Lato-Light.ttf differ
diff --git a/projects/app-b/src/assets/fonts/lato/Lato-LightItalic.ttf b/projects/app-b/src/assets/fonts/lato/Lato-LightItalic.ttf
new file mode 100644
index 0000000..c6ef9e0
Binary files /dev/null and b/projects/app-b/src/assets/fonts/lato/Lato-LightItalic.ttf differ
diff --git a/projects/app-b/src/assets/fonts/lato/Lato-Medium.ttf b/projects/app-b/src/assets/fonts/lato/Lato-Medium.ttf
new file mode 100644
index 0000000..4684a7e
Binary files /dev/null and b/projects/app-b/src/assets/fonts/lato/Lato-Medium.ttf differ
diff --git a/projects/app-b/src/assets/fonts/lato/Lato-MediumItalic.ttf b/projects/app-b/src/assets/fonts/lato/Lato-MediumItalic.ttf
new file mode 100644
index 0000000..673b6e4
Binary files /dev/null and b/projects/app-b/src/assets/fonts/lato/Lato-MediumItalic.ttf differ
diff --git a/projects/app-b/src/assets/fonts/lato/Lato-Regular.ttf b/projects/app-b/src/assets/fonts/lato/Lato-Regular.ttf
new file mode 100644
index 0000000..74decd9
Binary files /dev/null and b/projects/app-b/src/assets/fonts/lato/Lato-Regular.ttf differ
diff --git a/projects/app-b/src/assets/fonts/lato/Lato-Semibold.ttf b/projects/app-b/src/assets/fonts/lato/Lato-Semibold.ttf
new file mode 100644
index 0000000..faf591e
Binary files /dev/null and b/projects/app-b/src/assets/fonts/lato/Lato-Semibold.ttf differ
diff --git a/projects/app-b/src/assets/fonts/lato/Lato-SemiboldItalic.ttf b/projects/app-b/src/assets/fonts/lato/Lato-SemiboldItalic.ttf
new file mode 100644
index 0000000..4ea1e8f
Binary files /dev/null and b/projects/app-b/src/assets/fonts/lato/Lato-SemiboldItalic.ttf differ
diff --git a/projects/app-b/src/assets/fonts/lato/Lato-Thin.ttf b/projects/app-b/src/assets/fonts/lato/Lato-Thin.ttf
new file mode 100644
index 0000000..4fca8bd
Binary files /dev/null and b/projects/app-b/src/assets/fonts/lato/Lato-Thin.ttf differ
diff --git a/projects/app-b/src/assets/fonts/lato/Lato-ThinItalic.ttf b/projects/app-b/src/assets/fonts/lato/Lato-ThinItalic.ttf
new file mode 100644
index 0000000..223c133
Binary files /dev/null and b/projects/app-b/src/assets/fonts/lato/Lato-ThinItalic.ttf differ
diff --git a/projects/app-b/src/assets/fonts/ptrootui/PT-Root-UI_Bold.ttf b/projects/app-b/src/assets/fonts/ptrootui/PT-Root-UI_Bold.ttf
new file mode 100644
index 0000000..4bc5ac4
Binary files /dev/null and b/projects/app-b/src/assets/fonts/ptrootui/PT-Root-UI_Bold.ttf differ
diff --git a/projects/app-b/src/assets/fonts/ptrootui/PT-Root-UI_Light.ttf b/projects/app-b/src/assets/fonts/ptrootui/PT-Root-UI_Light.ttf
new file mode 100644
index 0000000..60b70ae
Binary files /dev/null and b/projects/app-b/src/assets/fonts/ptrootui/PT-Root-UI_Light.ttf differ
diff --git a/projects/app-b/src/assets/fonts/ptrootui/PT-Root-UI_Medium.ttf b/projects/app-b/src/assets/fonts/ptrootui/PT-Root-UI_Medium.ttf
new file mode 100644
index 0000000..65cb85e
Binary files /dev/null and b/projects/app-b/src/assets/fonts/ptrootui/PT-Root-UI_Medium.ttf differ
diff --git a/projects/app-b/src/assets/fonts/ptrootui/PT-Root-UI_Regular.ttf b/projects/app-b/src/assets/fonts/ptrootui/PT-Root-UI_Regular.ttf
new file mode 100644
index 0000000..b71fe7d
Binary files /dev/null and b/projects/app-b/src/assets/fonts/ptrootui/PT-Root-UI_Regular.ttf differ
diff --git a/projects/app-b/src/assets/fonts/ptrootui/PT-Root-UI_VF.ttf b/projects/app-b/src/assets/fonts/ptrootui/PT-Root-UI_VF.ttf
new file mode 100644
index 0000000..68099d2
Binary files /dev/null and b/projects/app-b/src/assets/fonts/ptrootui/PT-Root-UI_VF.ttf differ
diff --git a/projects/app-b/src/assets/fonts/ptsans/PTSansNarrow-Bold.ttf b/projects/app-b/src/assets/fonts/ptsans/PTSansNarrow-Bold.ttf
new file mode 100644
index 0000000..960a20a
Binary files /dev/null and b/projects/app-b/src/assets/fonts/ptsans/PTSansNarrow-Bold.ttf differ
diff --git a/projects/app-b/src/assets/fonts/ptsans/PTSansNarrow-Regular.ttf b/projects/app-b/src/assets/fonts/ptsans/PTSansNarrow-Regular.ttf
new file mode 100644
index 0000000..5e83fc8
Binary files /dev/null and b/projects/app-b/src/assets/fonts/ptsans/PTSansNarrow-Regular.ttf differ
diff --git a/projects/app-b/src/assets/fonts/ptsans/PT_Sans-Web-Bold.ttf b/projects/app-b/src/assets/fonts/ptsans/PT_Sans-Web-Bold.ttf
new file mode 100644
index 0000000..3d4e6fe
Binary files /dev/null and b/projects/app-b/src/assets/fonts/ptsans/PT_Sans-Web-Bold.ttf differ
diff --git a/projects/app-b/src/assets/fonts/ptsans/PT_Sans-Web-BoldItalic.ttf b/projects/app-b/src/assets/fonts/ptsans/PT_Sans-Web-BoldItalic.ttf
new file mode 100644
index 0000000..eb61f14
Binary files /dev/null and b/projects/app-b/src/assets/fonts/ptsans/PT_Sans-Web-BoldItalic.ttf differ
diff --git a/projects/app-b/src/assets/fonts/ptsans/PT_Sans-Web-Italic.ttf b/projects/app-b/src/assets/fonts/ptsans/PT_Sans-Web-Italic.ttf
new file mode 100644
index 0000000..180a5d6
Binary files /dev/null and b/projects/app-b/src/assets/fonts/ptsans/PT_Sans-Web-Italic.ttf differ
diff --git a/projects/app-b/src/assets/fonts/ptsans/PT_Sans-Web-Regular.ttf b/projects/app-b/src/assets/fonts/ptsans/PT_Sans-Web-Regular.ttf
new file mode 100644
index 0000000..83a21b7
Binary files /dev/null and b/projects/app-b/src/assets/fonts/ptsans/PT_Sans-Web-Regular.ttf differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-Bold.eot b/projects/app-b/src/assets/fonts/sans/OpenSans-Bold.eot
new file mode 100644
index 0000000..ea72eff
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-Bold.eot differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-Bold.ttf b/projects/app-b/src/assets/fonts/sans/OpenSans-Bold.ttf
new file mode 100644
index 0000000..6ef767e
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-Bold.ttf differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-Bold.woff b/projects/app-b/src/assets/fonts/sans/OpenSans-Bold.woff
new file mode 100644
index 0000000..e79f7a5
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-Bold.woff differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-Bold.woff2 b/projects/app-b/src/assets/fonts/sans/OpenSans-Bold.woff2
new file mode 100644
index 0000000..7b0884b
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-Bold.woff2 differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-BoldItalic.eot b/projects/app-b/src/assets/fonts/sans/OpenSans-BoldItalic.eot
new file mode 100644
index 0000000..d449edc
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-BoldItalic.eot differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-BoldItalic.ttf b/projects/app-b/src/assets/fonts/sans/OpenSans-BoldItalic.ttf
new file mode 100644
index 0000000..619688f
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-BoldItalic.ttf differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-BoldItalic.woff b/projects/app-b/src/assets/fonts/sans/OpenSans-BoldItalic.woff
new file mode 100644
index 0000000..b6cef12
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-BoldItalic.woff differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-BoldItalic.woff2 b/projects/app-b/src/assets/fonts/sans/OpenSans-BoldItalic.woff2
new file mode 100644
index 0000000..a2e1a8b
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-BoldItalic.woff2 differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-ExtraBold.eot b/projects/app-b/src/assets/fonts/sans/OpenSans-ExtraBold.eot
new file mode 100644
index 0000000..610ed1c
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-ExtraBold.eot differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-ExtraBold.ttf b/projects/app-b/src/assets/fonts/sans/OpenSans-ExtraBold.ttf
new file mode 100644
index 0000000..4d8122f
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-ExtraBold.ttf differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-ExtraBold.woff b/projects/app-b/src/assets/fonts/sans/OpenSans-ExtraBold.woff
new file mode 100644
index 0000000..70ea6a7
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-ExtraBold.woff differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-ExtraBold.woff2 b/projects/app-b/src/assets/fonts/sans/OpenSans-ExtraBold.woff2
new file mode 100644
index 0000000..477f837
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-ExtraBold.woff2 differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-ExtraBoldItalic.eot b/projects/app-b/src/assets/fonts/sans/OpenSans-ExtraBoldItalic.eot
new file mode 100644
index 0000000..300a9b2
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-ExtraBoldItalic.eot differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-ExtraBoldItalic.ttf b/projects/app-b/src/assets/fonts/sans/OpenSans-ExtraBoldItalic.ttf
new file mode 100644
index 0000000..19d23bc
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-ExtraBoldItalic.ttf differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-ExtraBoldItalic.woff b/projects/app-b/src/assets/fonts/sans/OpenSans-ExtraBoldItalic.woff
new file mode 100644
index 0000000..fbade87
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-ExtraBoldItalic.woff differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-ExtraBoldItalic.woff2 b/projects/app-b/src/assets/fonts/sans/OpenSans-ExtraBoldItalic.woff2
new file mode 100644
index 0000000..e83eed6
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-ExtraBoldItalic.woff2 differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-Italic.eot b/projects/app-b/src/assets/fonts/sans/OpenSans-Italic.eot
new file mode 100644
index 0000000..8fcbd4a
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-Italic.eot differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-Italic.ttf b/projects/app-b/src/assets/fonts/sans/OpenSans-Italic.ttf
new file mode 100644
index 0000000..ad35c61
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-Italic.ttf differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-Italic.woff b/projects/app-b/src/assets/fonts/sans/OpenSans-Italic.woff
new file mode 100644
index 0000000..21e1af7
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-Italic.woff differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-Italic.woff2 b/projects/app-b/src/assets/fonts/sans/OpenSans-Italic.woff2
new file mode 100644
index 0000000..3917b0f
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-Italic.woff2 differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-Light.eot b/projects/app-b/src/assets/fonts/sans/OpenSans-Light.eot
new file mode 100644
index 0000000..bc66ed5
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-Light.eot differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-Light.ttf b/projects/app-b/src/assets/fonts/sans/OpenSans-Light.ttf
new file mode 100644
index 0000000..29a6ef5
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-Light.ttf differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-Light.woff b/projects/app-b/src/assets/fonts/sans/OpenSans-Light.woff
new file mode 100644
index 0000000..d99b35e
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-Light.woff differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-Light.woff2 b/projects/app-b/src/assets/fonts/sans/OpenSans-Light.woff2
new file mode 100644
index 0000000..4146b91
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-Light.woff2 differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-LightItalic.eot b/projects/app-b/src/assets/fonts/sans/OpenSans-LightItalic.eot
new file mode 100644
index 0000000..214dbe4
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-LightItalic.eot differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-LightItalic.ttf b/projects/app-b/src/assets/fonts/sans/OpenSans-LightItalic.ttf
new file mode 100644
index 0000000..5129a4d
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-LightItalic.ttf differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-LightItalic.woff b/projects/app-b/src/assets/fonts/sans/OpenSans-LightItalic.woff
new file mode 100644
index 0000000..67f56ab
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-LightItalic.woff differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-LightItalic.woff2 b/projects/app-b/src/assets/fonts/sans/OpenSans-LightItalic.woff2
new file mode 100644
index 0000000..6f4f7d4
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-LightItalic.woff2 differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-Regular.eot b/projects/app-b/src/assets/fonts/sans/OpenSans-Regular.eot
new file mode 100644
index 0000000..72513df
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-Regular.eot differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-Regular.ttf b/projects/app-b/src/assets/fonts/sans/OpenSans-Regular.ttf
new file mode 100644
index 0000000..054f70e
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-Regular.ttf differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-Regular.woff b/projects/app-b/src/assets/fonts/sans/OpenSans-Regular.woff
new file mode 100644
index 0000000..89836d5
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-Regular.woff differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-Regular.woff2 b/projects/app-b/src/assets/fonts/sans/OpenSans-Regular.woff2
new file mode 100644
index 0000000..2a13fed
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-Regular.woff2 differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-SemiBold.eot b/projects/app-b/src/assets/fonts/sans/OpenSans-SemiBold.eot
new file mode 100644
index 0000000..b9cf174
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-SemiBold.eot differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-SemiBold.ttf b/projects/app-b/src/assets/fonts/sans/OpenSans-SemiBold.ttf
new file mode 100644
index 0000000..77b3b79
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-SemiBold.ttf differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-SemiBold.woff b/projects/app-b/src/assets/fonts/sans/OpenSans-SemiBold.woff
new file mode 100644
index 0000000..9870a60
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-SemiBold.woff differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-SemiBold.woff2 b/projects/app-b/src/assets/fonts/sans/OpenSans-SemiBold.woff2
new file mode 100644
index 0000000..8e3dbfd
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-SemiBold.woff2 differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-SemiBoldItalic.eot b/projects/app-b/src/assets/fonts/sans/OpenSans-SemiBoldItalic.eot
new file mode 100644
index 0000000..7b343ec
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-SemiBoldItalic.eot differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-SemiBoldItalic.ttf b/projects/app-b/src/assets/fonts/sans/OpenSans-SemiBoldItalic.ttf
new file mode 100644
index 0000000..ec182e9
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-SemiBoldItalic.ttf differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-SemiBoldItalic.woff b/projects/app-b/src/assets/fonts/sans/OpenSans-SemiBoldItalic.woff
new file mode 100644
index 0000000..35e02e3
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-SemiBoldItalic.woff differ
diff --git a/projects/app-b/src/assets/fonts/sans/OpenSans-SemiBoldItalic.woff2 b/projects/app-b/src/assets/fonts/sans/OpenSans-SemiBoldItalic.woff2
new file mode 100644
index 0000000..7bb28a3
Binary files /dev/null and b/projects/app-b/src/assets/fonts/sans/OpenSans-SemiBoldItalic.woff2 differ
diff --git a/projects/app-b/src/assets/images/_remove/news_1.jpg b/projects/app-b/src/assets/images/_remove/news_1.jpg
new file mode 100644
index 0000000..c2f2482
Binary files /dev/null and b/projects/app-b/src/assets/images/_remove/news_1.jpg differ
diff --git a/projects/app-b/src/assets/images/_remove/news_2.jpg b/projects/app-b/src/assets/images/_remove/news_2.jpg
new file mode 100644
index 0000000..b1fce9a
Binary files /dev/null and b/projects/app-b/src/assets/images/_remove/news_2.jpg differ
diff --git a/projects/app-b/src/assets/images/_remove/p1.png b/projects/app-b/src/assets/images/_remove/p1.png
new file mode 100644
index 0000000..cb4bfd2
Binary files /dev/null and b/projects/app-b/src/assets/images/_remove/p1.png differ
diff --git a/projects/app-b/src/assets/images/_remove/photo1.png b/projects/app-b/src/assets/images/_remove/photo1.png
new file mode 100644
index 0000000..58675de
Binary files /dev/null and b/projects/app-b/src/assets/images/_remove/photo1.png differ
diff --git a/projects/app-b/src/assets/images/acreditation.png b/projects/app-b/src/assets/images/acreditation.png
new file mode 100644
index 0000000..aaeba8e
Binary files /dev/null and b/projects/app-b/src/assets/images/acreditation.png differ
diff --git a/projects/app-b/src/assets/images/build.png b/projects/app-b/src/assets/images/build.png
new file mode 100644
index 0000000..c19ce74
Binary files /dev/null and b/projects/app-b/src/assets/images/build.png differ
diff --git a/projects/app-b/src/assets/images/favicon.png b/projects/app-b/src/assets/images/favicon.png
new file mode 100644
index 0000000..ba0c959
Binary files /dev/null and b/projects/app-b/src/assets/images/favicon.png differ
diff --git a/projects/app-b/src/assets/images/favicon.svg b/projects/app-b/src/assets/images/favicon.svg
new file mode 100644
index 0000000..753c8cb
--- /dev/null
+++ b/projects/app-b/src/assets/images/favicon.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/projects/app-b/src/assets/images/ico/add_circle_24.svg b/projects/app-b/src/assets/images/ico/add_circle_24.svg
new file mode 100644
index 0000000..f830d5e
--- /dev/null
+++ b/projects/app-b/src/assets/images/ico/add_circle_24.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/ico/arrow_downward_24.svg b/projects/app-b/src/assets/images/ico/arrow_downward_24.svg
new file mode 100644
index 0000000..8e8cc83
--- /dev/null
+++ b/projects/app-b/src/assets/images/ico/arrow_downward_24.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/ico/arrow_drop_down_24-1.svg b/projects/app-b/src/assets/images/ico/arrow_drop_down_24-1.svg
new file mode 100644
index 0000000..c031fe9
--- /dev/null
+++ b/projects/app-b/src/assets/images/ico/arrow_drop_down_24-1.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/ico/arrow_drop_down_24.svg b/projects/app-b/src/assets/images/ico/arrow_drop_down_24.svg
new file mode 100644
index 0000000..4dbbd1d
--- /dev/null
+++ b/projects/app-b/src/assets/images/ico/arrow_drop_down_24.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/ico/arrow_upward_24.svg b/projects/app-b/src/assets/images/ico/arrow_upward_24.svg
new file mode 100644
index 0000000..1bd8fa6
--- /dev/null
+++ b/projects/app-b/src/assets/images/ico/arrow_upward_24.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/ico/burger_blue_40dp.svg b/projects/app-b/src/assets/images/ico/burger_blue_40dp.svg
new file mode 100644
index 0000000..0f58fbc
--- /dev/null
+++ b/projects/app-b/src/assets/images/ico/burger_blue_40dp.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/ico/chevron_left_24.svg b/projects/app-b/src/assets/images/ico/chevron_left_24.svg
new file mode 100644
index 0000000..657691e
--- /dev/null
+++ b/projects/app-b/src/assets/images/ico/chevron_left_24.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/ico/chevron_right_24.svg b/projects/app-b/src/assets/images/ico/chevron_right_24.svg
new file mode 100644
index 0000000..721dfc8
--- /dev/null
+++ b/projects/app-b/src/assets/images/ico/chevron_right_24.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/ico/close_24.svg b/projects/app-b/src/assets/images/ico/close_24.svg
new file mode 100644
index 0000000..1787531
--- /dev/null
+++ b/projects/app-b/src/assets/images/ico/close_24.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/ico/delete_24.svg b/projects/app-b/src/assets/images/ico/delete_24.svg
new file mode 100644
index 0000000..1eb8bb6
--- /dev/null
+++ b/projects/app-b/src/assets/images/ico/delete_24.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/ico/drag-n-drop_24.svg b/projects/app-b/src/assets/images/ico/drag-n-drop_24.svg
new file mode 100644
index 0000000..0bda0a7
--- /dev/null
+++ b/projects/app-b/src/assets/images/ico/drag-n-drop_24.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/ico/edit_24.svg b/projects/app-b/src/assets/images/ico/edit_24.svg
new file mode 100644
index 0000000..0611624
--- /dev/null
+++ b/projects/app-b/src/assets/images/ico/edit_24.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/ico/expand_less_24.svg b/projects/app-b/src/assets/images/ico/expand_less_24.svg
new file mode 100644
index 0000000..a237b79
--- /dev/null
+++ b/projects/app-b/src/assets/images/ico/expand_less_24.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/ico/expand_more_24.svg b/projects/app-b/src/assets/images/ico/expand_more_24.svg
new file mode 100644
index 0000000..a38a198
--- /dev/null
+++ b/projects/app-b/src/assets/images/ico/expand_more_24.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/ico/home_page_24.svg b/projects/app-b/src/assets/images/ico/home_page_24.svg
new file mode 100644
index 0000000..a4b508c
--- /dev/null
+++ b/projects/app-b/src/assets/images/ico/home_page_24.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/ico/library_add_24.svg b/projects/app-b/src/assets/images/ico/library_add_24.svg
new file mode 100644
index 0000000..9259e85
--- /dev/null
+++ b/projects/app-b/src/assets/images/ico/library_add_24.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/ico/more_24.svg b/projects/app-b/src/assets/images/ico/more_24.svg
new file mode 100644
index 0000000..b14252a
--- /dev/null
+++ b/projects/app-b/src/assets/images/ico/more_24.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/ico/person_add_24.svg b/projects/app-b/src/assets/images/ico/person_add_24.svg
new file mode 100644
index 0000000..f2a083c
--- /dev/null
+++ b/projects/app-b/src/assets/images/ico/person_add_24.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/ico/visibility_off_24.svg b/projects/app-b/src/assets/images/ico/visibility_off_24.svg
new file mode 100644
index 0000000..ce1a5cf
--- /dev/null
+++ b/projects/app-b/src/assets/images/ico/visibility_off_24.svg
@@ -0,0 +1,10 @@
+
diff --git a/projects/app-b/src/assets/images/ico/visibility_on_24.svg b/projects/app-b/src/assets/images/ico/visibility_on_24.svg
new file mode 100644
index 0000000..02f6aa7
--- /dev/null
+++ b/projects/app-b/src/assets/images/ico/visibility_on_24.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/ico/web_page_24.svg b/projects/app-b/src/assets/images/ico/web_page_24.svg
new file mode 100644
index 0000000..c747dfd
--- /dev/null
+++ b/projects/app-b/src/assets/images/ico/web_page_24.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/ico/web_page_add_24.svg b/projects/app-b/src/assets/images/ico/web_page_add_24.svg
new file mode 100644
index 0000000..cc442e9
--- /dev/null
+++ b/projects/app-b/src/assets/images/ico/web_page_add_24.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/icons/add_24dp.svg b/projects/app-b/src/assets/images/icons/add_24dp.svg
new file mode 100644
index 0000000..706ad60
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/add_24dp.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/icons/add_cirle_24dp.svg b/projects/app-b/src/assets/images/icons/add_cirle_24dp.svg
new file mode 100644
index 0000000..8d8f255
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/add_cirle_24dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/add_cirle_active_24dp.svg b/projects/app-b/src/assets/images/icons/add_cirle_active_24dp.svg
new file mode 100644
index 0000000..d4742c3
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/add_cirle_active_24dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/add_cirle_hover_24dp.svg b/projects/app-b/src/assets/images/icons/add_cirle_hover_24dp.svg
new file mode 100644
index 0000000..e1ef099
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/add_cirle_hover_24dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/add_folder_24.svg b/projects/app-b/src/assets/images/icons/add_folder_24.svg
new file mode 100644
index 0000000..0dae8cc
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/add_folder_24.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/icons/add_library_24.svg b/projects/app-b/src/assets/images/icons/add_library_24.svg
new file mode 100644
index 0000000..2611b93
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/add_library_24.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/icons/add_library_dark_24.svg b/projects/app-b/src/assets/images/icons/add_library_dark_24.svg
new file mode 100644
index 0000000..ec7095c
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/add_library_dark_24.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/icons/add_notes_24.svg b/projects/app-b/src/assets/images/icons/add_notes_24.svg
new file mode 100644
index 0000000..e534088
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/add_notes_24.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/icons/add_notes_dark_24.svg b/projects/app-b/src/assets/images/icons/add_notes_dark_24.svg
new file mode 100644
index 0000000..276fea2
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/add_notes_dark_24.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/icons/add_person_24.svg b/projects/app-b/src/assets/images/icons/add_person_24.svg
new file mode 100644
index 0000000..bed72f6
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/add_person_24.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/icons/add_web_page_24dp.svg b/projects/app-b/src/assets/images/icons/add_web_page_24dp.svg
new file mode 100644
index 0000000..e4119eb
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/add_web_page_24dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/architecture_24.svg b/projects/app-b/src/assets/images/icons/architecture_24.svg
new file mode 100644
index 0000000..be005af
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/architecture_24.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/icons/arrow_downward_24dp.svg b/projects/app-b/src/assets/images/icons/arrow_downward_24dp.svg
new file mode 100644
index 0000000..9140f3c
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/arrow_downward_24dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/arrow_drop_down_24dp.svg b/projects/app-b/src/assets/images/icons/arrow_drop_down_24dp.svg
new file mode 100644
index 0000000..b422e3a
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/arrow_drop_down_24dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/arrow_drop_down_active_24dp.svg b/projects/app-b/src/assets/images/icons/arrow_drop_down_active_24dp.svg
new file mode 100644
index 0000000..13d86cf
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/arrow_drop_down_active_24dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/arrow_drop_down_dark_24dp.svg b/projects/app-b/src/assets/images/icons/arrow_drop_down_dark_24dp.svg
new file mode 100644
index 0000000..964f94d
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/arrow_drop_down_dark_24dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/arrow_drop_down_grey_24dp.svg b/projects/app-b/src/assets/images/icons/arrow_drop_down_grey_24dp.svg
new file mode 100644
index 0000000..e663923
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/arrow_drop_down_grey_24dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/arrow_upward_24.svg b/projects/app-b/src/assets/images/icons/arrow_upward_24.svg
new file mode 100644
index 0000000..be2672f
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/arrow_upward_24.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/icons/arrow_upward_24dp.svg b/projects/app-b/src/assets/images/icons/arrow_upward_24dp.svg
new file mode 100644
index 0000000..c93e594
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/arrow_upward_24dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/arrow_upward_dark_24.svg b/projects/app-b/src/assets/images/icons/arrow_upward_dark_24.svg
new file mode 100644
index 0000000..11cb3e1
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/arrow_upward_dark_24.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/icons/ban_20dp.svg b/projects/app-b/src/assets/images/icons/ban_20dp.svg
new file mode 100644
index 0000000..3633599
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/ban_20dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/burger_blue_40dp.svg b/projects/app-b/src/assets/images/icons/burger_blue_40dp.svg
new file mode 100644
index 0000000..551081d
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/burger_blue_40dp.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/icons/burger_white_24dp.svg b/projects/app-b/src/assets/images/icons/burger_white_24dp.svg
new file mode 100644
index 0000000..83ed446
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/burger_white_24dp.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/icons/checkbox/checbox_check_active_24dp.svg b/projects/app-b/src/assets/images/icons/checkbox/checbox_check_active_24dp.svg
new file mode 100644
index 0000000..a252f08
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/checkbox/checbox_check_active_24dp.svg
@@ -0,0 +1,4 @@
+
\ No newline at end of file
diff --git a/projects/app-b/src/assets/images/icons/checkbox/checbox_check_base_24dp.svg b/projects/app-b/src/assets/images/icons/checkbox/checbox_check_base_24dp.svg
new file mode 100644
index 0000000..bbf02cd
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/checkbox/checbox_check_base_24dp.svg
@@ -0,0 +1,4 @@
+
\ No newline at end of file
diff --git a/projects/app-b/src/assets/images/icons/checkbox/checbox_check_disabled_24dp.svg b/projects/app-b/src/assets/images/icons/checkbox/checbox_check_disabled_24dp.svg
new file mode 100644
index 0000000..3afd20c
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/checkbox/checbox_check_disabled_24dp.svg
@@ -0,0 +1,4 @@
+
\ No newline at end of file
diff --git a/projects/app-b/src/assets/images/icons/checkbox/checbox_check_hover_24dp.svg b/projects/app-b/src/assets/images/icons/checkbox/checbox_check_hover_24dp.svg
new file mode 100644
index 0000000..952a6a1
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/checkbox/checbox_check_hover_24dp.svg
@@ -0,0 +1,4 @@
+
\ No newline at end of file
diff --git a/projects/app-b/src/assets/images/icons/checkbox/checbox_none_active_24dp.svg b/projects/app-b/src/assets/images/icons/checkbox/checbox_none_active_24dp.svg
new file mode 100644
index 0000000..053c201
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/checkbox/checbox_none_active_24dp.svg
@@ -0,0 +1,3 @@
+
\ No newline at end of file
diff --git a/projects/app-b/src/assets/images/icons/checkbox/checbox_none_base_24dp.svg b/projects/app-b/src/assets/images/icons/checkbox/checbox_none_base_24dp.svg
new file mode 100644
index 0000000..ccddab5
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/checkbox/checbox_none_base_24dp.svg
@@ -0,0 +1,3 @@
+
\ No newline at end of file
diff --git a/projects/app-b/src/assets/images/icons/checkbox/checbox_none_disabled_24dp.svg b/projects/app-b/src/assets/images/icons/checkbox/checbox_none_disabled_24dp.svg
new file mode 100644
index 0000000..9e5d943
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/checkbox/checbox_none_disabled_24dp.svg
@@ -0,0 +1,3 @@
+
\ No newline at end of file
diff --git a/projects/app-b/src/assets/images/icons/checkbox/checbox_none_hover_24dp.svg b/projects/app-b/src/assets/images/icons/checkbox/checbox_none_hover_24dp.svg
new file mode 100644
index 0000000..8fe74f6
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/checkbox/checbox_none_hover_24dp.svg
@@ -0,0 +1,3 @@
+
\ No newline at end of file
diff --git a/projects/app-b/src/assets/images/icons/chevron_cirle_right_24dp.svg b/projects/app-b/src/assets/images/icons/chevron_cirle_right_24dp.svg
new file mode 100644
index 0000000..60f0d33
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/chevron_cirle_right_24dp.svg
@@ -0,0 +1,9 @@
+
+
\ No newline at end of file
diff --git a/projects/app-b/src/assets/images/icons/chevron_left_48.svg b/projects/app-b/src/assets/images/icons/chevron_left_48.svg
new file mode 100644
index 0000000..4ebd7f1
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/chevron_left_48.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/chevron_left_48dp.svg b/projects/app-b/src/assets/images/icons/chevron_left_48dp.svg
new file mode 100644
index 0000000..ba46955
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/chevron_left_48dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/chevron_left_white_48dp.svg b/projects/app-b/src/assets/images/icons/chevron_left_white_48dp.svg
new file mode 100644
index 0000000..d7c9a1a
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/chevron_left_white_48dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/chevron_right_20dp.svg b/projects/app-b/src/assets/images/icons/chevron_right_20dp.svg
new file mode 100644
index 0000000..d4fb449
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/chevron_right_20dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/chevron_right_24dp.svg b/projects/app-b/src/assets/images/icons/chevron_right_24dp.svg
new file mode 100644
index 0000000..4127cfa
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/chevron_right_24dp.svg
@@ -0,0 +1,3 @@
+
\ No newline at end of file
diff --git a/projects/app-b/src/assets/images/icons/chevron_right_48dp.svg b/projects/app-b/src/assets/images/icons/chevron_right_48dp.svg
new file mode 100644
index 0000000..0d1e9fd
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/chevron_right_48dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/chevron_right_orange_20dp.svg b/projects/app-b/src/assets/images/icons/chevron_right_orange_20dp.svg
new file mode 100644
index 0000000..7f19a82
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/chevron_right_orange_20dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/chevron_right_white_48dp.svg b/projects/app-b/src/assets/images/icons/chevron_right_white_48dp.svg
new file mode 100644
index 0000000..d708edc
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/chevron_right_white_48dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/circle_half_stroke_21dp.svg b/projects/app-b/src/assets/images/icons/circle_half_stroke_21dp.svg
new file mode 100644
index 0000000..3423700
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/circle_half_stroke_21dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/circle_minus_24.svg b/projects/app-b/src/assets/images/icons/circle_minus_24.svg
new file mode 100644
index 0000000..e567696
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/circle_minus_24.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/icons/circle_plus_24.svg b/projects/app-b/src/assets/images/icons/circle_plus_24.svg
new file mode 100644
index 0000000..21dedb0
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/circle_plus_24.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/icons/close_16dp.svg b/projects/app-b/src/assets/images/icons/close_16dp.svg
new file mode 100644
index 0000000..5254343
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/close_16dp.svg
@@ -0,0 +1,4 @@
+
diff --git a/projects/app-b/src/assets/images/icons/close_20dp.svg b/projects/app-b/src/assets/images/icons/close_20dp.svg
new file mode 100644
index 0000000..c18a85a
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/close_20dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/close_24.svg b/projects/app-b/src/assets/images/icons/close_24.svg
new file mode 100644
index 0000000..4faeeb5
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/close_24.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/close_24dp.svg b/projects/app-b/src/assets/images/icons/close_24dp.svg
new file mode 100644
index 0000000..007e404
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/close_24dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/close_50.svg b/projects/app-b/src/assets/images/icons/close_50.svg
new file mode 100644
index 0000000..1ba04c7
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/close_50.svg
@@ -0,0 +1,16 @@
+
diff --git a/projects/app-b/src/assets/images/icons/close_blue_24dp.svg b/projects/app-b/src/assets/images/icons/close_blue_24dp.svg
new file mode 100644
index 0000000..b85b497
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/close_blue_24dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/close_white_24dp.svg b/projects/app-b/src/assets/images/icons/close_white_24dp.svg
new file mode 100644
index 0000000..9885f71
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/close_white_24dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/delete_24dp.svg b/projects/app-b/src/assets/images/icons/delete_24dp.svg
new file mode 100644
index 0000000..7fd299c
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/delete_24dp.svg
@@ -0,0 +1,4 @@
+
diff --git a/projects/app-b/src/assets/images/icons/dialpad_24dp.svg b/projects/app-b/src/assets/images/icons/dialpad_24dp.svg
new file mode 100644
index 0000000..45ec1ac
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/dialpad_24dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/document/DOC.svg b/projects/app-b/src/assets/images/icons/document/DOC.svg
new file mode 100644
index 0000000..7d8972d
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/document/DOC.svg
@@ -0,0 +1,21 @@
+
diff --git a/projects/app-b/src/assets/images/icons/document/JPG.svg b/projects/app-b/src/assets/images/icons/document/JPG.svg
new file mode 100644
index 0000000..59e2799
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/document/JPG.svg
@@ -0,0 +1,20 @@
+
diff --git a/projects/app-b/src/assets/images/icons/document/PDF.svg b/projects/app-b/src/assets/images/icons/document/PDF.svg
new file mode 100644
index 0000000..801b3a3
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/document/PDF.svg
@@ -0,0 +1,22 @@
+
diff --git a/projects/app-b/src/assets/images/icons/document/PPT.svg b/projects/app-b/src/assets/images/icons/document/PPT.svg
new file mode 100644
index 0000000..f49c9e0
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/document/PPT.svg
@@ -0,0 +1,19 @@
+
diff --git a/projects/app-b/src/assets/images/icons/document/XLS.svg b/projects/app-b/src/assets/images/icons/document/XLS.svg
new file mode 100644
index 0000000..ab2f9e1
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/document/XLS.svg
@@ -0,0 +1,20 @@
+
diff --git a/projects/app-b/src/assets/images/icons/document/document_20.svg b/projects/app-b/src/assets/images/icons/document/document_20.svg
new file mode 100644
index 0000000..e78740d
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/document/document_20.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/document/document_20dp.svg b/projects/app-b/src/assets/images/icons/document/document_20dp.svg
new file mode 100644
index 0000000..fbea155
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/document/document_20dp.svg
@@ -0,0 +1,10 @@
+
diff --git a/projects/app-b/src/assets/images/icons/document/document_60dp.svg b/projects/app-b/src/assets/images/icons/document/document_60dp.svg
new file mode 100644
index 0000000..b0e563a
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/document/document_60dp.svg
@@ -0,0 +1,20 @@
+
\ No newline at end of file
diff --git a/projects/app-b/src/assets/images/icons/document/document_pdf_60dp.svg b/projects/app-b/src/assets/images/icons/document/document_pdf_60dp.svg
new file mode 100644
index 0000000..6dcd30a
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/document/document_pdf_60dp.svg
@@ -0,0 +1,14 @@
+
diff --git a/projects/app-b/src/assets/images/icons/drag-n-drop_24.svg b/projects/app-b/src/assets/images/icons/drag-n-drop_24.svg
new file mode 100644
index 0000000..0fc6322
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/drag-n-drop_24.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/drag-n-drop_24w.svg b/projects/app-b/src/assets/images/icons/drag-n-drop_24w.svg
new file mode 100644
index 0000000..4ffd5ff
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/drag-n-drop_24w.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/edit_20.svg b/projects/app-b/src/assets/images/icons/edit_20.svg
new file mode 100644
index 0000000..3a3e214
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/edit_20.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/icons/edit_24.svg b/projects/app-b/src/assets/images/icons/edit_24.svg
new file mode 100644
index 0000000..feebd61
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/edit_24.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/icons/edit_24dp.svg b/projects/app-b/src/assets/images/icons/edit_24dp.svg
new file mode 100644
index 0000000..062e151
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/edit_24dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/edit_dark_24.svg b/projects/app-b/src/assets/images/icons/edit_dark_24.svg
new file mode 100644
index 0000000..6c72436
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/edit_dark_24.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/icons/email_20.svg b/projects/app-b/src/assets/images/icons/email_20.svg
new file mode 100644
index 0000000..748f490
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/email_20.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/email_orange_24dp.svg b/projects/app-b/src/assets/images/icons/email_orange_24dp.svg
new file mode 100644
index 0000000..e138ecc
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/email_orange_24dp.svg
@@ -0,0 +1,10 @@
+
diff --git a/projects/app-b/src/assets/images/icons/email_white_24dp.svg b/projects/app-b/src/assets/images/icons/email_white_24dp.svg
new file mode 100644
index 0000000..c8eef23
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/email_white_24dp.svg
@@ -0,0 +1,10 @@
+
diff --git a/projects/app-b/src/assets/images/icons/expand_less_20.svg b/projects/app-b/src/assets/images/icons/expand_less_20.svg
new file mode 100644
index 0000000..e108b6d
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/expand_less_20.svg
@@ -0,0 +1,10 @@
+
diff --git a/projects/app-b/src/assets/images/icons/expand_less_24.svg b/projects/app-b/src/assets/images/icons/expand_less_24.svg
new file mode 100644
index 0000000..c8ef2f4
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/expand_less_24.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/expand_less_dark_24.svg b/projects/app-b/src/assets/images/icons/expand_less_dark_24.svg
new file mode 100644
index 0000000..a5f326e
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/expand_less_dark_24.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/expand_more_20.svg b/projects/app-b/src/assets/images/icons/expand_more_20.svg
new file mode 100644
index 0000000..0341eaf
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/expand_more_20.svg
@@ -0,0 +1,10 @@
+
diff --git a/projects/app-b/src/assets/images/icons/filter_empty_24.svg b/projects/app-b/src/assets/images/icons/filter_empty_24.svg
new file mode 100644
index 0000000..72891db
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/filter_empty_24.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/icons/filter_filled_24.svg b/projects/app-b/src/assets/images/icons/filter_filled_24.svg
new file mode 100644
index 0000000..341f91f
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/filter_filled_24.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/icons/glasses_24dp.svg b/projects/app-b/src/assets/images/icons/glasses_24dp.svg
new file mode 100644
index 0000000..e02f7f5
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/glasses_24dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/home_page_24dp.svg b/projects/app-b/src/assets/images/icons/home_page_24dp.svg
new file mode 100644
index 0000000..cbf395b
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/home_page_24dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/image_grey_20dp.svg b/projects/app-b/src/assets/images/icons/image_grey_20dp.svg
new file mode 100644
index 0000000..dd1d33a
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/image_grey_20dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/left_50.svg b/projects/app-b/src/assets/images/icons/left_50.svg
new file mode 100644
index 0000000..4cca2b8
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/left_50.svg
@@ -0,0 +1,16 @@
+
diff --git a/projects/app-b/src/assets/images/icons/location_orange_24dp.svg b/projects/app-b/src/assets/images/icons/location_orange_24dp.svg
new file mode 100644
index 0000000..fe43047
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/location_orange_24dp.svg
@@ -0,0 +1,10 @@
+
diff --git a/projects/app-b/src/assets/images/icons/location_white_24dp.svg b/projects/app-b/src/assets/images/icons/location_white_24dp.svg
new file mode 100644
index 0000000..0b4e716
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/location_white_24dp.svg
@@ -0,0 +1,10 @@
+
diff --git a/projects/app-b/src/assets/images/icons/login.svg b/projects/app-b/src/assets/images/icons/login.svg
new file mode 100644
index 0000000..a94d4da
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/login.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/login_24dp.svg b/projects/app-b/src/assets/images/icons/login_24dp.svg
new file mode 100644
index 0000000..b36c7b8
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/login_24dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/login_white_24dp.svg b/projects/app-b/src/assets/images/icons/login_white_24dp.svg
new file mode 100644
index 0000000..d985733
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/login_white_24dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/mail_blue_24dp.svg b/projects/app-b/src/assets/images/icons/mail_blue_24dp.svg
new file mode 100644
index 0000000..a33d91a
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/mail_blue_24dp.svg
@@ -0,0 +1,10 @@
+
diff --git a/projects/app-b/src/assets/images/icons/minus_grey_20dp.svg b/projects/app-b/src/assets/images/icons/minus_grey_20dp.svg
new file mode 100644
index 0000000..d905bed
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/minus_grey_20dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/more_horiz_20dp.svg b/projects/app-b/src/assets/images/icons/more_horiz_20dp.svg
new file mode 100644
index 0000000..0a39cc6
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/more_horiz_20dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/note_add_20.svg b/projects/app-b/src/assets/images/icons/note_add_20.svg
new file mode 100644
index 0000000..8e290ca
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/note_add_20.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/icons/ok_black_24dp.svg b/projects/app-b/src/assets/images/icons/ok_black_24dp.svg
new file mode 100644
index 0000000..56d45f8
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/ok_black_24dp.svg
@@ -0,0 +1,4 @@
+
diff --git a/projects/app-b/src/assets/images/icons/ok_grey_24dp.svg b/projects/app-b/src/assets/images/icons/ok_grey_24dp.svg
new file mode 100644
index 0000000..b20303b
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/ok_grey_24dp.svg
@@ -0,0 +1,4 @@
+
diff --git a/projects/app-b/src/assets/images/icons/ok_orange_28x28.svg b/projects/app-b/src/assets/images/icons/ok_orange_28x28.svg
new file mode 100644
index 0000000..fef4ce4
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/ok_orange_28x28.svg
@@ -0,0 +1,22 @@
+
diff --git a/projects/app-b/src/assets/images/icons/phone_20.svg b/projects/app-b/src/assets/images/icons/phone_20.svg
new file mode 100644
index 0000000..41c31ea
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/phone_20.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/phone_blue_24dp.svg b/projects/app-b/src/assets/images/icons/phone_blue_24dp.svg
new file mode 100644
index 0000000..a9a3ad7
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/phone_blue_24dp.svg
@@ -0,0 +1,13 @@
+
diff --git a/projects/app-b/src/assets/images/icons/phone_white_24dp.svg b/projects/app-b/src/assets/images/icons/phone_white_24dp.svg
new file mode 100644
index 0000000..00d6961
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/phone_white_24dp.svg
@@ -0,0 +1,13 @@
+
diff --git a/projects/app-b/src/assets/images/icons/placeholder.svg b/projects/app-b/src/assets/images/icons/placeholder.svg
new file mode 100644
index 0000000..13d0d17
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/placeholder.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/plus_grey_20dp.svg b/projects/app-b/src/assets/images/icons/plus_grey_20dp.svg
new file mode 100644
index 0000000..262a6b5
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/plus_grey_20dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/registration.svg b/projects/app-b/src/assets/images/icons/registration.svg
new file mode 100644
index 0000000..f9779c6
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/registration.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/icons/return_19dp.svg b/projects/app-b/src/assets/images/icons/return_19dp.svg
new file mode 100644
index 0000000..e5be632
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/return_19dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/right_50.svg b/projects/app-b/src/assets/images/icons/right_50.svg
new file mode 100644
index 0000000..37436cf
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/right_50.svg
@@ -0,0 +1,16 @@
+
diff --git a/projects/app-b/src/assets/images/icons/search_24.svg b/projects/app-b/src/assets/images/icons/search_24.svg
new file mode 100644
index 0000000..113da72
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/search_24.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/search_24dp.svg b/projects/app-b/src/assets/images/icons/search_24dp.svg
new file mode 100644
index 0000000..da93285
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/search_24dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/step_active.svg b/projects/app-b/src/assets/images/icons/step_active.svg
new file mode 100644
index 0000000..b970c51
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/step_active.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/step_finished.svg b/projects/app-b/src/assets/images/icons/step_finished.svg
new file mode 100644
index 0000000..148b281
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/step_finished.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/step_upcoming.svg b/projects/app-b/src/assets/images/icons/step_upcoming.svg
new file mode 100644
index 0000000..c538930
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/step_upcoming.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/sun_22dp.svg b/projects/app-b/src/assets/images/icons/sun_22dp.svg
new file mode 100644
index 0000000..0c11fc9
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/sun_22dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/telegram_24dp.svg b/projects/app-b/src/assets/images/icons/telegram_24dp.svg
new file mode 100644
index 0000000..e5853a5
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/telegram_24dp.svg
@@ -0,0 +1,4 @@
+
diff --git a/projects/app-b/src/assets/images/icons/telegram_black_24dp.svg b/projects/app-b/src/assets/images/icons/telegram_black_24dp.svg
new file mode 100644
index 0000000..d05c7e7
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/telegram_black_24dp.svg
@@ -0,0 +1,4 @@
+
diff --git a/projects/app-b/src/assets/images/icons/telegram_grey_24dp.svg b/projects/app-b/src/assets/images/icons/telegram_grey_24dp.svg
new file mode 100644
index 0000000..e5853a5
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/telegram_grey_24dp.svg
@@ -0,0 +1,4 @@
+
diff --git a/projects/app-b/src/assets/images/icons/trash_20.svg b/projects/app-b/src/assets/images/icons/trash_20.svg
new file mode 100644
index 0000000..7e67d57
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/trash_20.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/icons/trash_24dp.svg b/projects/app-b/src/assets/images/icons/trash_24dp.svg
new file mode 100644
index 0000000..676b451
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/trash_24dp.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/icons/trash_grey_24dp.svg b/projects/app-b/src/assets/images/icons/trash_grey_24dp.svg
new file mode 100644
index 0000000..ef8636d
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/trash_grey_24dp.svg
@@ -0,0 +1,5 @@
+
diff --git a/projects/app-b/src/assets/images/icons/view_man_273_370dp.svg b/projects/app-b/src/assets/images/icons/view_man_273_370dp.svg
new file mode 100644
index 0000000..eb6993d
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/view_man_273_370dp.svg
@@ -0,0 +1,20 @@
+
+
\ No newline at end of file
diff --git a/projects/app-b/src/assets/images/icons/visibility_off_24dp.svg b/projects/app-b/src/assets/images/icons/visibility_off_24dp.svg
new file mode 100644
index 0000000..743b9db
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/visibility_off_24dp.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/visibility_on_24dp.svg b/projects/app-b/src/assets/images/icons/visibility_on_24dp.svg
new file mode 100644
index 0000000..60542f0
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/visibility_on_24dp.svg
@@ -0,0 +1,10 @@
+
diff --git a/projects/app-b/src/assets/images/icons/vk_black_24dp.svg b/projects/app-b/src/assets/images/icons/vk_black_24dp.svg
new file mode 100644
index 0000000..b00b39b
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/vk_black_24dp.svg
@@ -0,0 +1,4 @@
+
diff --git a/projects/app-b/src/assets/images/icons/vk_grey_24dp.svg b/projects/app-b/src/assets/images/icons/vk_grey_24dp.svg
new file mode 100644
index 0000000..45f22b3
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/vk_grey_24dp.svg
@@ -0,0 +1,4 @@
+
diff --git a/projects/app-b/src/assets/images/icons/vk_white_29x28.svg b/projects/app-b/src/assets/images/icons/vk_white_29x28.svg
new file mode 100644
index 0000000..4bd40a1
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/vk_white_29x28.svg
@@ -0,0 +1,15 @@
+
diff --git a/projects/app-b/src/assets/images/icons/web_page_24dp.svg b/projects/app-b/src/assets/images/icons/web_page_24dp.svg
new file mode 100644
index 0000000..c368005
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/web_page_24dp.svg
@@ -0,0 +1,3 @@
+
\ No newline at end of file
diff --git a/projects/app-b/src/assets/images/icons/x.svg b/projects/app-b/src/assets/images/icons/x.svg
new file mode 100644
index 0000000..69ffd8b
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/x.svg
@@ -0,0 +1,3 @@
+
diff --git a/projects/app-b/src/assets/images/icons/youtube_24dp.svg b/projects/app-b/src/assets/images/icons/youtube_24dp.svg
new file mode 100644
index 0000000..27852f9
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/youtube_24dp.svg
@@ -0,0 +1,4 @@
+
diff --git a/projects/app-b/src/assets/images/icons/zen_black_28x28.svg b/projects/app-b/src/assets/images/icons/zen_black_28x28.svg
new file mode 100644
index 0000000..761904b
--- /dev/null
+++ b/projects/app-b/src/assets/images/icons/zen_black_28x28.svg
@@ -0,0 +1,11 @@
+
diff --git a/projects/app-b/src/assets/images/igc.png b/projects/app-b/src/assets/images/igc.png
new file mode 100644
index 0000000..d79eb57
Binary files /dev/null and b/projects/app-b/src/assets/images/igc.png differ
diff --git a/projects/app-b/src/assets/images/igc.svg b/projects/app-b/src/assets/images/igc.svg
new file mode 100644
index 0000000..739f2ea
--- /dev/null
+++ b/projects/app-b/src/assets/images/igc.svg
@@ -0,0 +1,9 @@
+
diff --git a/projects/app-b/src/assets/images/ksi.svg b/projects/app-b/src/assets/images/ksi.svg
new file mode 100644
index 0000000..50af431
--- /dev/null
+++ b/projects/app-b/src/assets/images/ksi.svg
@@ -0,0 +1,44 @@
+
diff --git a/projects/app-b/src/assets/images/logo_vniigaz_1163x816.svg b/projects/app-b/src/assets/images/logo_vniigaz_1163x816.svg
new file mode 100644
index 0000000..6c67f96
--- /dev/null
+++ b/projects/app-b/src/assets/images/logo_vniigaz_1163x816.svg
@@ -0,0 +1,9 @@
+
diff --git a/projects/app-b/src/assets/images/logo_vniigaz_wt_280x110.svg b/projects/app-b/src/assets/images/logo_vniigaz_wt_280x110.svg
new file mode 100644
index 0000000..9c22671
--- /dev/null
+++ b/projects/app-b/src/assets/images/logo_vniigaz_wt_280x110.svg
@@ -0,0 +1,57 @@
+
\ No newline at end of file
diff --git a/projects/app-b/src/assets/images/logo_vniigaz_wt_280x110_old.svg b/projects/app-b/src/assets/images/logo_vniigaz_wt_280x110_old.svg
new file mode 100644
index 0000000..dff9775
--- /dev/null
+++ b/projects/app-b/src/assets/images/logo_vniigaz_wt_280x110_old.svg
@@ -0,0 +1,50 @@
+
diff --git a/projects/app-b/src/assets/images/normativ.svg b/projects/app-b/src/assets/images/normativ.svg
new file mode 100644
index 0000000..9871390
--- /dev/null
+++ b/projects/app-b/src/assets/images/normativ.svg
@@ -0,0 +1,6 @@
+
diff --git a/projects/app-b/src/assets/images/partners/eaes_logo.png b/projects/app-b/src/assets/images/partners/eaes_logo.png
new file mode 100644
index 0000000..c375e92
Binary files /dev/null and b/projects/app-b/src/assets/images/partners/eaes_logo.png differ
diff --git a/projects/app-b/src/assets/images/partners/glavgosekspertiza_logo.png b/projects/app-b/src/assets/images/partners/glavgosekspertiza_logo.png
new file mode 100644
index 0000000..efc1c56
Binary files /dev/null and b/projects/app-b/src/assets/images/partners/glavgosekspertiza_logo.png differ
diff --git a/projects/app-b/src/assets/images/partners/iso_logo.png b/projects/app-b/src/assets/images/partners/iso_logo.png
new file mode 100644
index 0000000..f7369c3
Binary files /dev/null and b/projects/app-b/src/assets/images/partners/iso_logo.png differ
diff --git a/projects/app-b/src/assets/images/partners/minstroy_logo.png b/projects/app-b/src/assets/images/partners/minstroy_logo.png
new file mode 100644
index 0000000..f875e3b
Binary files /dev/null and b/projects/app-b/src/assets/images/partners/minstroy_logo.png differ
diff --git a/projects/app-b/src/assets/images/partners/rosstandart_logo.png b/projects/app-b/src/assets/images/partners/rosstandart_logo.png
new file mode 100644
index 0000000..d48eeea
Binary files /dev/null and b/projects/app-b/src/assets/images/partners/rosstandart_logo.png differ
diff --git a/projects/app-b/src/assets/images/portfolio-sample.png b/projects/app-b/src/assets/images/portfolio-sample.png
new file mode 100644
index 0000000..179a98a
Binary files /dev/null and b/projects/app-b/src/assets/images/portfolio-sample.png differ
diff --git a/projects/app-b/src/assets/images/portfolio_bg.png b/projects/app-b/src/assets/images/portfolio_bg.png
new file mode 100644
index 0000000..26a1377
Binary files /dev/null and b/projects/app-b/src/assets/images/portfolio_bg.png differ
diff --git a/projects/app-b/src/assets/images/tehnicheskie.svg b/projects/app-b/src/assets/images/tehnicheskie.svg
new file mode 100644
index 0000000..3fe3910
--- /dev/null
+++ b/projects/app-b/src/assets/images/tehnicheskie.svg
@@ -0,0 +1,6 @@
+
diff --git a/projects/app-b/src/assets/images/tk465.svg b/projects/app-b/src/assets/images/tk465.svg
new file mode 100644
index 0000000..cde8b8d
--- /dev/null
+++ b/projects/app-b/src/assets/images/tk465.svg
@@ -0,0 +1,4 @@
+
diff --git a/projects/app-b/src/assets/images/triangle.png b/projects/app-b/src/assets/images/triangle.png
new file mode 100644
index 0000000..9f581e0
Binary files /dev/null and b/projects/app-b/src/assets/images/triangle.png differ
diff --git a/projects/app-b/src/assets/images/tu.svg b/projects/app-b/src/assets/images/tu.svg
new file mode 100644
index 0000000..16cffba
--- /dev/null
+++ b/projects/app-b/src/assets/images/tu.svg
@@ -0,0 +1,4 @@
+
diff --git a/projects/app-b/src/assets/images/view-man.svg b/projects/app-b/src/assets/images/view-man.svg
new file mode 100644
index 0000000..25c3cd0
--- /dev/null
+++ b/projects/app-b/src/assets/images/view-man.svg
@@ -0,0 +1,24 @@
+
diff --git a/projects/app-b/src/styles-c.scss b/projects/app-b/src/styles-c.scss
deleted file mode 100644
index f2cb9fe..0000000
--- a/projects/app-b/src/styles-c.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-/* You can add global styles to this file, and also import other style files */
-body{
- background-color:cadetblue;
- h1{
- color:darkolivegreen;
- font-family:'Times New Roman', Times, serif;
- }
-}
\ No newline at end of file
diff --git a/projects/app-b/src/styles.scss b/projects/app-b/src/styles.scss
new file mode 100644
index 0000000..754678b
--- /dev/null
+++ b/projects/app-b/src/styles.scss
@@ -0,0 +1,93 @@
+
+
+* {
+ font-family: "PT Sans";
+ }
+
+ // li {
+ // list-style-image: url("~src/assets/images/icons/add_24dp.svg");
+ // }
+
+ // .btn {
+ // font-weight: 500;
+ // font-size: 0.875rem;
+ // line-height: 1.125rem;
+ // letter-spacing: 0.02em;
+ // text-transform: uppercase;
+ // }
+
+ .menu, .page-header {
+ display: flex;
+ .block {
+ background: #fff;
+ border: 1px solid var(--second-dis);
+ border-radius: 12px;
+ padding: 12px 24px;
+ display: flex;
+ margin-bottom: 16px;
+ column-gap: 20px;
+ button {
+ background-position: center;
+ background-repeat: no-repeat;
+ padding: 0;
+ background-color: #ffffff;
+ border: none;
+ border-radius: 0;
+ &.up, &.down, &.edit, &.publish, &.unpublish, &.delete {
+ width: 24px;
+ height: 24px;
+ }
+ &.up {background-image: url("~src/assets/images/icons/arrow_upward_24dp.svg");}
+ &.down {background-image: url("~src/assets/images/icons/arrow_downward_24dp.svg");}
+ &.edit {background-image: url("~src/assets/images/icons/edit_24dp.svg");}
+ &.publish {background-image: url("~src/assets/images/icons/visibility_on_24dp.svg");}
+ &.unpublish {background-image: url("~src/assets/images/icons/visibility_off_24dp.svg");}
+ &.delete {background-image: url("~src/assets/images/icons/trash_24dp.svg");}
+ }
+ }
+ }
+
+ .size-little {
+ * {
+ font-size: 0.75rem;
+ line-height: 1rem;
+ }
+ h1 {font-size: 1.5rem;}
+ }
+ .size-middle {
+ * {
+ font-size: 1rem;
+ line-height: 20px;
+ }
+ h1 {
+ font-weight: 700;
+ font-size: 2rem;
+ line-height: 40px;
+ }
+ }
+ .size-large {
+ * {
+ font-size: 1.25rem;
+ line-height: 24px;
+ }
+ h1 {font-size: 3rem;}
+ }
+ .image-hidden {
+ img, svg {
+ visibility: hidden !important;
+ }
+ *, *::after, *::before {
+ background-image: none !important;
+ }
+ }
+
+ .style-brown {
+ filter: sepia(150%) !important;
+ }
+ .style-white-black {
+ filter: grayscale(100%) !important;;
+ }
+ .style-black-white {
+ filter: grayscale(100%) invert(100%) !important;;
+ }
+
\ No newline at end of file
diff --git a/projects/app/_modules/layout/grid/grid.component.ts b/projects/app/_modules/layout/grid/grid.component.ts
index c76f8cb..4b018da 100644
--- a/projects/app/_modules/layout/grid/grid.component.ts
+++ b/projects/app/_modules/layout/grid/grid.component.ts
@@ -1,4 +1,5 @@
import {Component} from '@angular/core';
+import { html } from '@environments/htmlenv';
@Component({
selector: 'grid',
@@ -6,4 +7,8 @@ import {Component} from '@angular/core';
styleUrls: ['grid.component.scss']
})
export class GridComponent {
+
+ ngOnInit(){
+ console.log('PROJECT',html.project)
+ }
}
diff --git a/projects/environments/htmlenv.ts b/projects/environments/htmlenv.ts
new file mode 100644
index 0000000..42ef743
--- /dev/null
+++ b/projects/environments/htmlenv.ts
@@ -0,0 +1,3 @@
+export const html = {
+ project:'root'
+}
\ No newline at end of file