diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 138caac..2db4a96 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -5,33 +5,9 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
-
-
-
-
-
@@ -39,7 +15,7 @@
-
+
@@ -67,32 +43,32 @@
- {
+ "keyToString": {
+ "ModuleVcsDetector.initialDetectionPerformed": "true",
+ "RunOnceActivity.ShowReadmeOnStart": "true",
+ "RunOnceActivity.TerminalTabsStorage.copyFrom.TerminalArrangementManager.252": "true",
+ "RunOnceActivity.git.unshallow": "true",
+ "com.intellij.ml.llm.matterhorn.ej.ui.settings.DefaultModelSelectionForGA.v1": "true",
+ "git-widget-placeholder": "dev",
+ "ignore.virus.scanning.warn.message": "true",
+ "js.debugger.nextJs.config.created.client": "true",
+ "js.debugger.nextJs.config.created.server": "true",
+ "junie.onboarding.icon.badge.shown": "true",
+ "list.type.of.created.stylesheet": "SCSS",
+ "node.js.detected.package.eslint": "true",
+ "node.js.detected.package.tslint": "true",
+ "node.js.selected.package.eslint": "(autodetect)",
+ "node.js.selected.package.tslint": "(autodetect)",
+ "nodejs_package_manager_path": "npm",
+ "npm.Next.js: server-side.executor": "Run",
+ "prettierjs.PrettierConfiguration.Package": "C:\\dev-personal\\ocenka-web\\node_modules\\prettier",
+ "settings.editor.selected.configurable": "terminal",
+ "to.speed.mode.migration.done": "true",
+ "ts.external.directory.path": "C:\\dev-personal\\ocenka-web\\node_modules\\typescript\\lib",
+ "vue.rearranger.settings.migration": "true"
}
-}]]>
+}
@@ -131,7 +107,8 @@
-
+
+
diff --git a/src/widgets/footer/styles.module.scss b/src/widgets/footer/styles.module.scss
index c09e799..db7cbf7 100644
--- a/src/widgets/footer/styles.module.scss
+++ b/src/widgets/footer/styles.module.scss
@@ -15,12 +15,12 @@
.Grid {
margin: 0 auto;
- max-width: 1540px;
- padding: 20px 10px 20px;
+ max-width: rem(1540px);
+ padding: rem(20px) rem(10px) rem(20px);
display: grid;
grid-template-columns: auto;
grid-auto-columns: 1fr;
- gap: 40px 20px;
+ gap: rem(40px) rem(20px);
grid-auto-flow: row;
grid-template-areas:
"about"
@@ -32,32 +32,32 @@
grid-template-areas:
"about about"
"contacts social";
- padding: 40px 20px 0;
- gap: 20px 2px;
+ padding: rem(40px) rem(20px) 0;
+ gap: rem(20px) 0;
}
@include iflaptop {
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-areas:
"about linksa linksb linksc"
"contacts contacts social social";
- padding: 40px 28px 0;
- gap: 0px 0px;
+ padding: rem(40px) rem(28px) 0;
+ gap: 0 0;
}
@include ifdesktop {
- padding: 40px 40px 0;
+ padding: rem(40px) rem(40px) 0;
}
.About {
grid-area: about;
.Image {
- margin-bottom: 20px;
+ margin-bottom: rem(20px);
}
.Description {
font-family: $font-roboto;
- font-weight: $font-regular;
- font-size: 20px;
+ font-weight: 400;
+ font-size: rem(20px);
line-height: 160%;
color: $color-white;
}
@@ -65,7 +65,7 @@
.LinksA {
grid-area: linksa;
- padding: 10px;
+ padding: rem(10px);
display: none;
@include iftablet {
}
@@ -90,7 +90,7 @@
.LinksB {
grid-area: linksb;
- padding: 10px;
+ padding: rem(10px);
display: none;
@include iflaptop {
@@ -112,7 +112,7 @@
.LinksC {
grid-area: linksc;
- padding: 10px;
+ padding: rem(10px);
display: none;
@include iflaptop {
@@ -134,6 +134,9 @@
.Contacts {
grid-area: contacts;
+ border-top: 1px solid #4da49a;
+ margin-top: rem(20px);
+ padding-top: rem(20px);
.Title {
@extend %title;
@@ -143,7 +146,7 @@
display: flex;
flex-direction: column;
justify-content: center;
- gap: 24px;
+ gap: rem(24px);
@include iflaptop {
flex-direction: row;
@@ -154,7 +157,7 @@
display: flex;
flex-direction: row;
align-items: center;
- gap: 16px;
+ gap: rem(16px);
@include iftablet {
}
@@ -167,9 +170,9 @@
.Icon {
border-radius: 50%;
- width: 48px;
- height: 48px;
- padding: 8px;
+ width: rem(48px);
+ height: rem(48px);
+ padding: rem(8px);
background: $color-white;
}
@@ -182,12 +185,15 @@
.Social {
grid-area: social;
+ border-top: 1px solid #4da49a;
+ margin-top: rem(20px);
+ padding-top: rem(20px);
@include iflaptop {
- padding-left: 100px;
+ padding-left: rem(100px);
}
@include ifdesktop {
- padding-left: 200px;
+ padding-left: rem(200px);
}
.Title {
@@ -198,7 +204,7 @@
display: flex;
flex-direction: row;
align-items: center;
- gap: 20px;
+ gap: rem(20px);
}
.Icon {
@@ -209,27 +215,27 @@
.Bottom {
margin: 0 auto;
- max-width: 1540px;
+ max-width: rem(1540px);
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
- padding: 16px 10px;
+ padding: rem(16px) rem(10px);
font-family: $font-roboto;
- font-weight: $font-regular;
- font-size: 16px;
+ font-weight: 400;
+ font-size: rem(16px);
line-height: 100%;
color: $color-white;
@include iftablet {
- padding: 16px 20px;
+ padding: rem(16px) rem(20px);
}
@include iflaptop {
- padding: 16px 28px;
+ padding: rem(16px) rem(28px);
}
@include ifdesktop {
- padding: 16px 40px;
+ padding: rem(16px) rem(40px);
}
.List {
@@ -259,7 +265,7 @@
& a {
text-decoration: none;
color: $color-link-hover;
- margin: 0 8px;
+ margin: 0 rem(8px);
&:hover {
text-decoration: underline;
@@ -269,11 +275,11 @@
%title {
font-family: $font-roboto;
- font-weight: $font-regular;
+ font-weight: 400;
font-size: 20px;
line-height: 100%;
color: $color-white;
- margin-bottom: 20px;
+ margin-bottom: rem(20px);
}
%list {
@@ -281,22 +287,24 @@
flex-direction: column;
gap: 10px;
list-style: disc;
+ margin-left: rem(40px);
}
%list-item {
font-family: $font-roboto;
- font-weight: $font-regular;
- font-size: 16px;
+ font-weight: 300;
+ font-size: rem(16px);
line-height: 130%;
color: $color-white;
- margin-left: 20px;
+ &:hover{
+ text-decoration: underline;
+ }
}
%icon-desc {
font-family: $font-roboto;
- font-weight: $font-regular;
- font-size: 18px;
+ font-size: rem(18px);
line-height: 100%;
color: $color-white;
- margin-bottom: 20px;
+ margin-bottom: rem(20px);
}
\ No newline at end of file
diff --git a/src/widgets/footer/ui.tsx b/src/widgets/footer/ui.tsx
index 00cc19f..7d46319 100644
--- a/src/widgets/footer/ui.tsx
+++ b/src/widgets/footer/ui.tsx
@@ -22,38 +22,100 @@ function Footer() {
Оценка имущества
- - Оценка жилой недвижимости
- - Оценка коммерческой недвижимости
- - Оценка ущерба недвижимости
- - Оценка сооружений
- - Оценка машин и оборудования
-
- Оценка стоимости предприятия (бизнеса)
+
+ Оценка жилой недвижимости
+
+
+ -
+
+ Оценка коммерческой недвижимости
+
+
+ -
+
+ Оценка ущерба недвижимости
+
+
+ -
+ Оценка сооружений
+
+ -
+
+ Оценка машин и оборудования
+
+
+ -
+
+ Оценка стоимости предприятия (бизнеса)
+
Экспертиза
- - Автотехническая экспертиза
- - Товароведческая экспертиза
- - Трасологическая экспертиза
- - Кадастровая экспертиза
- - Строительно-техническая экспертиза
- - Оценочная экспертиза
+ -
+
+ Автотехническая экспертиза
+
+
+ -
+
+ Товароведческая экспертиза
+
+
+ -
+
+ Трасологическая экспертиза
+
+
+ -
+
+ Кадастровая экспертиза
+
+
+ -
+
+ Строительно-техническая экспертиза
+
+
+ -
+ Оценочная экспертиза
+
Юриспруденция
- - Семейные и наследственные споры
- - Земельные и имущественные споры
- - Взыскание долгов с юридических лиц
- - Страховые споры
-
- Сопровождение сделок и составление договоров
+
+ Семейные и наследственные споры
+
+
+ -
+
+ Земельные и имущественные споры
+
+
+ -
+
+ Взыскание долгов с юридических лиц
+
+
+ -
+ Страховые споры
+
+ -
+
+ Сопровождение сделок и составление договоров
+
+
+ -
+
+ Представительство в суде
+
- - Представительство в суде