From 512822e06816db8e9294b70c75d4ee4ded7e0139 Mon Sep 17 00:00:00 2001 From: Boris Voropaev Date: Wed, 31 Jan 2024 12:25:21 +0300 Subject: [PATCH] gbu footer --- angular.json | 12 ++++ .../layout/footer/footer.component.html | 25 +++++++ .../layout/footer/footer.component.scss | 0 .../layout/footer/footer.component.ts | 13 ++++ .../component/layout/grid/grid.component.html | 1 + src/gbu/css/_grid.scss | 67 ++++++++++++++++++- src/gbu/index.html | 2 +- 7 files changed, 117 insertions(+), 3 deletions(-) create mode 100644 src/gbu/component/layout/footer/footer.component.html create mode 100644 src/gbu/component/layout/footer/footer.component.scss create mode 100644 src/gbu/component/layout/footer/footer.component.ts diff --git a/angular.json b/angular.json index 94423c7..047eebd 100644 --- a/angular.json +++ b/angular.json @@ -352,6 +352,10 @@ "replace": "src/app/_modules/layout/right-content/right-content.component.ts", "with": "src/gbu/component/layout/right-content/right-content.component.ts" }, + { + "replace": "src/app/_modules/layout/footer/footer.component.ts", + "with": "src/gbu/component/layout/footer/footer.component.ts" + }, { "replace": "src/app/_modules/pages/menu/slider-menu/slider-menu.component.ts", "with": "src/gbu/component/pages/menu/slider-menu/slider-menu.component.ts" @@ -415,9 +419,17 @@ "replace": "src/app/_modules/layout/right-content/right-content.component.ts", "with": "src/gbu/component/layout/right-content/right-content.component.ts" }, + { + "replace": "src/app/_modules/layout/footer/footer.component.ts", + "with": "src/gbu/component/layout/footer/footer.component.ts" + }, { "replace": "src/app/_modules/pages/menu/slider-menu/slider-menu.component.ts", "with": "src/gbu/component/pages/menu/slider-menu/slider-menu.component.ts" + }, + { + "replace": "src/app/_modules/registries/registry/entries/entry/registry-entry.component.ts", + "with": "src/gbu/component/registries/registry/entries/entry/registry-entry.component.ts" } ], "inlineStyleLanguage": "scss", diff --git a/src/gbu/component/layout/footer/footer.component.html b/src/gbu/component/layout/footer/footer.component.html new file mode 100644 index 0000000..48145f2 --- /dev/null +++ b/src/gbu/component/layout/footer/footer.component.html @@ -0,0 +1,25 @@ + \ No newline at end of file diff --git a/src/gbu/component/layout/footer/footer.component.scss b/src/gbu/component/layout/footer/footer.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/gbu/component/layout/footer/footer.component.ts b/src/gbu/component/layout/footer/footer.component.ts new file mode 100644 index 0000000..34ebac8 --- /dev/null +++ b/src/gbu/component/layout/footer/footer.component.ts @@ -0,0 +1,13 @@ +import {Component} from '@angular/core'; + +@Component({ + selector: 'footer', + templateUrl: 'footer.component.html', + styleUrls: ['footer.component.scss'] +}) +export class FooterComponent { + constructor() { + } + + +} diff --git a/src/gbu/component/layout/grid/grid.component.html b/src/gbu/component/layout/grid/grid.component.html index 3878da6..324ebfd 100644 --- a/src/gbu/component/layout/grid/grid.component.html +++ b/src/gbu/component/layout/grid/grid.component.html @@ -25,6 +25,7 @@ + diff --git a/src/gbu/css/_grid.scss b/src/gbu/css/_grid.scss index d5c8bb5..f50731d 100644 --- a/src/gbu/css/_grid.scss +++ b/src/gbu/css/_grid.scss @@ -141,7 +141,7 @@ jumbotron{ .content-grid{ display: flex; justify-content: space-between; - margin-bottom: 120px; + margin-bottom: 48px; left-content{ display: none; @@ -201,7 +201,70 @@ jumbotron{ } footer{ - display: none; + .footer{ + display: flex; + justify-content: space-between; + flex-wrap: wrap; + padding-inline: 48px; + background-color: #000; + padding-block: 32px; + color: #ACACAC; + .footer-contact-left{ + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + padding-bottom: 24px; + flex-wrap: wrap; + flex-basis: 40%; + margin-right: 16px; + flex-grow: 1; + a{ + width: 91px; + height: 96px; + img{ + width: 100%; + } + } + .footer-contact-left-name{ + + strong{ + color: #FFF; + } + } + + .footer-contact-left-license{ + font-family: Golos; + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 21px; /* 150% */ + } + + }; + .footer-contact-right{ + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 16px; + padding-bottom: 24px; + flex-basis: 40%; + margin-left: 16px; + flex-grow: 1; + a{ + color: #ACACAC; + } + } + .footer-down{ + display: flex; + flex-grow: 1; + flex-basis: 100%; + justify-content: space-between; + padding-top: 24px; + border-top: 1px solid #6A6868; + } + } } diff --git a/src/gbu/index.html b/src/gbu/index.html index 4ca4098..5bfe778 100644 --- a/src/gbu/index.html +++ b/src/gbu/index.html @@ -4,7 +4,7 @@ ГБУ Жилищник - +