diff --git a/src/components/AuthHeader/AuthHeader.js b/src/components/AuthHeader/AuthHeader.js
index 8f1c65d3..0e576084 100644
--- a/src/components/AuthHeader/AuthHeader.js
+++ b/src/components/AuthHeader/AuthHeader.js
@@ -5,6 +5,13 @@ import userIcon from "../../images/userIcon.png";
import "./authHeader.scss";
export const AuthHeader = ({}) => {
+ function scrollToForm() {
+ window.scrollTo({
+ top: 850,
+ behavior: "smooth",
+ });
+ }
+
return (
diff --git a/src/components/AuthHeader/authHeader.scss b/src/components/AuthHeader/authHeader.scss
index 1447a2b9..f221a916 100644
--- a/src/components/AuthHeader/authHeader.scss
+++ b/src/components/AuthHeader/authHeader.scss
@@ -51,6 +51,10 @@
}
}
}
+
+ img {
+ cursor: pointer;
+ }
}
}
}
@@ -61,7 +65,7 @@
}
}
-@media (max-width: 1024px) {
+@media (max-width: 1375px) {
.auth-header {
display: none;
}
diff --git a/src/components/SideBar/SideBar.js b/src/components/SideBar/SideBar.js
index d0194e23..89702468 100644
--- a/src/components/SideBar/SideBar.js
+++ b/src/components/SideBar/SideBar.js
@@ -1,6 +1,7 @@
import React, { useState } from "react";
import arrow from "../../images/sideBarArrow.svg";
+import LogoITguild from "../../images/LogoITguild.svg";
import "./sidebar.scss";
@@ -41,9 +42,7 @@ export const SideBar = () => {
-
IT
-
guild
-
Аутстафинговая компания
+
-
diff --git a/src/components/SideBar/sidebar.scss b/src/components/SideBar/sidebar.scss
index 7fdc5822..98864db8 100644
--- a/src/components/SideBar/sidebar.scss
+++ b/src/components/SideBar/sidebar.scss
@@ -7,7 +7,7 @@
height: 100%;
background: #e1fccf;
- @media (max-width: 1024px) {
+ @media (max-width: 1375px) {
position: fixed;
width: 100% !important;
height: 80px;
@@ -75,7 +75,7 @@
}
}
- @media (max-width: 1024px) {
+ @media (max-width: 1375px) {
flex-direction: row;
height: 100%;
@@ -121,25 +121,7 @@
&__title {
display: flex;
- flex-wrap: wrap;
- h3 {
- color: #52b709;
- font-size: 35px;
- line-height: 32px;
- margin-right: 10px;
- }
-
- p {
- width: 70%;
- font-size: 30px;
- line-height: 32px;
- color: #000000;
- }
-
- span {
- font-size: 12px;
- margin-left: 0px;
- }
+ margin-top: 24px;
}
&__navigation {
@@ -175,7 +157,7 @@
}
}
- @media (max-width: 1024px) {
+ @media (max-width: 1375px) {
&__title {
margin-top: 35px;
}
@@ -199,7 +181,7 @@
left: 79px;
}
- @media (max-width: 1024px) {
+ @media (max-width: 1375px) {
left: 0;
width: 100%;
height: 535px;
diff --git a/src/components/SliderWorkers/sliderWorkers.scss b/src/components/SliderWorkers/sliderWorkers.scss
index 42139c07..fa95f0a2 100644
--- a/src/components/SliderWorkers/sliderWorkers.scss
+++ b/src/components/SliderWorkers/sliderWorkers.scss
@@ -125,7 +125,13 @@
}
}
+ @media (max-width: 1375px) {
+ margin-top: 50px;
+ }
+
@media (max-width: 1024px) {
+ margin-top: 0;
+
&__title {
flex-direction: column;
padding: 120px 0 56px 0;
diff --git a/src/components/UI/FreeDevelopers/FreeDevelopers.js b/src/components/UI/FreeDevelopers/FreeDevelopers.js
index 71ca8626..adbc02a3 100644
--- a/src/components/UI/FreeDevelopers/FreeDevelopers.js
+++ b/src/components/UI/FreeDevelopers/FreeDevelopers.js
@@ -40,7 +40,7 @@ export const FreeDevelopers = ({}) => {
-
+
@@ -66,6 +66,25 @@ export const FreeDevelopers = ({}) => {
Время разработки: 2 года.
+
+
+
+ Godesigner - сервис для фриланс дизайнеров, копирайтеров и их
+ заказчиков
+
+
Стек – PHP (li3), HTML, CSS, JavaScript, MYSQL, Nginx.
+
+ - Расширение функционала старых модулей проекта
+ - создание и проектирование новых модулей сайта
+
+
+
+
+
+
Для просмотра полного резюме разработчика авторизуйтесь
+
+ Войти
+
diff --git a/src/components/UI/FreeDevelopers/freeDevelopers.scss b/src/components/UI/FreeDevelopers/freeDevelopers.scss
index 4a390ded..ed73e21f 100644
--- a/src/components/UI/FreeDevelopers/freeDevelopers.scss
+++ b/src/components/UI/FreeDevelopers/freeDevelopers.scss
@@ -60,23 +60,35 @@
}
}
- button {
- background: #52b709;
- border-radius: 44px;
- width: 202px;
- height: 50px;
- font-weight: 500;
- font-size: 16px;
- line-height: 32px;
- color: #ffffff;
- border: none;
+ @media (max-width: 720px) {
+ flex-direction: column;
+ }
+
+ @media (max-width: 450px) {
+ flex-direction: column;
+
+ &-box {
+ flex-direction: column;
+ align-items: center;
+
+ img {
+ width: 50%;
+ }
+ }
+
+ &-name {
+ margin: 10px 0 10px 0;
+ text-align: center;
+ align-items: center;
+ }
}
}
&__body {
+ position: relative;
background: #ffffff;
border-radius: 12px;
- margin-bottom: 100px;
+ margin-bottom: 160px;
&-title {
background: #e1fccf;
@@ -99,6 +111,136 @@
font-size: 16px;
margin-bottom: 30px;
}
+
+ &-bottom {
+ margin-top: 50px;
+ opacity: 0.25;
+ }
+ }
+
+ .logIn {
+ position: absolute;
+ bottom: 75px;
+ border: 3px solid #52b709;
+ border-radius: 12px;
+ background: rgba(255, 255, 255, 0.76);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 100%;
+ height: 97px;
+ cursor: pointer;
+
+ h3 {
+ font-weight: 500;
+ font-size: 22px;
+ line-height: 18px;
+ color: #000000;
+ margin-right: 50px;
+ }
+
+ a {
+ width: 140px;
+ height: 50px;
+ color: white;
+ text-decoration: none;
+ }
+
+ @media (max-width: 920px) {
+ flex-direction: column;
+ padding: 15px;
+ height: 20%;
+
+ h3 {
+ margin: 0 0 0 0;
+ text-align: center;
+ }
+
+ a {
+ margin-top: 15px;
+ height: 25px;
+ height: 40px;
+ }
+ }
+ }
+ }
+
+ @media (max-width: 1333px) {
+ .auth-menu {
+ position: fixed;
+ width: 100% !important;
+ height: 80px;
+ margin-bottom: 50px;
+
+ .auth-body.active {
+ left: 0;
+ width: 100%;
+ height: 535px;
+ }
+
+ .auth-body {
+ &__title,
+ &__politic {
+ margin-top: 35px;
+ }
+
+ &__contacts {
+ margin: 50px 0 25px 0;
+ }
+ }
+ }
+
+ .free-dev_page {
+ margin-top: 110px;
+ }
+
+ .auth-header {
+ display: none;
+ }
+
+ .auth-title {
+ flex-direction: row;
+ height: 100%;
+
+ .text {
+ margin: 0;
+ flex-direction: row;
+
+ .burger {
+ margin-bottom: 5px;
+ }
+
+ h3 {
+ display: none;
+ }
+ }
+
+ .outstaffing {
+ margin: 0;
+ width: 150px;
+ font-size: 12px;
+ transform: none;
+
+ img {
+ margin-right: 5px;
+ width: 15px;
+ }
+ }
}
}
}
+
+.button-green {
+ align-items: center;
+ justify-content: center;
+ display: flex;
+ background: #52b709;
+ border-radius: 44px;
+ width: 202px;
+ height: 50px;
+ font-weight: 500;
+ font-size: 16px;
+ line-height: 32px;
+ color: #ffffff;
+ border: none;
+}
diff --git a/src/images/LogoITguild.svg b/src/images/LogoITguild.svg
new file mode 100644
index 00000000..2e27863c
--- /dev/null
+++ b/src/images/LogoITguild.svg
@@ -0,0 +1,9 @@
+