development third page

This commit is contained in:
Hope87 2021-06-11 16:49:08 +03:00
parent 386e9477ab
commit 3802219023
6 changed files with 252 additions and 280 deletions

View File

@ -31,7 +31,7 @@ const Auth = ({ setAuthed }) => {
<label htmlFor="password">Пароль:</label>
<input id="password" type="password" placeholder="Пароль" />
<button className={style.form__btn} type="submit">
<button className={style.form__btn} type="submit" onClick={() => setAuthed(true)}>
Войти
</button>
</form>

View File

@ -1,7 +1,3 @@
.auth {
height: 1600px;
}
.auth__box {
display: flex;
flex-direction: column;
@ -201,16 +197,17 @@
.auth__footer__left {
display: flex;
align-items: center;
margin-bottom: 60px;
}
.footer__left__sp {
padding: 0 180px 0 34px;
padding: 0 100px 0 34px;
}
.auth__footer__left > div > span {
color: #18586e;
font-family: 'GT Eesti Pro Display';
font-size: 16px;
font-size: 1.6em;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
@ -234,10 +231,8 @@
.phone {
color: #003b65;
font-family: 'Cera Pro';
font-size: 21px;
font-weight: 700;
font-style: normal;
font-family: 'CeraPro';
font-size: 2.1em;
letter-spacing: normal;
line-height: 25px;
text-align: left;
@ -245,10 +240,11 @@
.workingHours {
color: #003b65;
font-family: 'Cera Pro';
font-size: 12px;
font-family: 'CeraPro';
font-size: 1.2em;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: normal;
margin-left: 24px;
}

BIN
src/fonts/CeraPro-Bold.ttf Normal file

Binary file not shown.

BIN
src/fonts/CeraPro-Bold.woff Normal file

Binary file not shown.

Binary file not shown.

View File

@ -3,8 +3,7 @@
src: url('GTEestiProText-ThinItalic.eot');
src: local('GT Eesti Pro Text Thin Italic'), local('GTEestiProText-ThinItalic'),
url('GTEestiProText-ThinItalic.eot?#iefix') format('embedded-opentype'),
url('GTEestiProText-ThinItalic.woff2') format('woff2'),
url('GTEestiProText-ThinItalic.woff') format('woff'),
url('GTEestiProText-ThinItalic.woff2') format('woff2'), url('GTEestiProText-ThinItalic.woff') format('woff'),
url('GTEestiProText-ThinItalic.ttf') format('truetype');
font-weight: 100;
font-style: italic;
@ -15,8 +14,7 @@
src: url('GTEestiProText-Medium.eot');
src: local('GT Eesti Pro Text Medium'), local('GTEestiProText-Medium'),
url('GTEestiProText-Medium.eot?#iefix') format('embedded-opentype'),
url('GTEestiProText-Medium.woff2') format('woff2'),
url('GTEestiProText-Medium.woff') format('woff'),
url('GTEestiProText-Medium.woff2') format('woff2'), url('GTEestiProText-Medium.woff') format('woff'),
url('GTEestiProText-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
@ -27,8 +25,7 @@
src: url('GTEestiProText-LightItalic.eot');
src: local('GT Eesti Pro Text Light Italic'), local('GTEestiProText-LightItalic'),
url('GTEestiProText-LightItalic.eot?#iefix') format('embedded-opentype'),
url('GTEestiProText-LightItalic.woff2') format('woff2'),
url('GTEestiProText-LightItalic.woff') format('woff'),
url('GTEestiProText-LightItalic.woff2') format('woff2'), url('GTEestiProText-LightItalic.woff') format('woff'),
url('GTEestiProText-LightItalic.ttf') format('truetype');
font-weight: 300;
font-style: italic;
@ -39,8 +36,7 @@
src: url('GTEestiProDisplay-Bold.eot');
src: local('GT Eesti Pro Display Bold'), local('GTEestiProDisplay-Bold'),
url('GTEestiProDisplay-Bold.eot?#iefix') format('embedded-opentype'),
url('GTEestiProDisplay-Bold.woff2') format('woff2'),
url('GTEestiProDisplay-Bold.woff') format('woff'),
url('GTEestiProDisplay-Bold.woff2') format('woff2'), url('GTEestiProDisplay-Bold.woff') format('woff'),
url('GTEestiProDisplay-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
@ -51,8 +47,7 @@
src: url('GTEestiProText-Light.eot');
src: local('GT Eesti Pro Text Light'), local('GTEestiProText-Light'),
url('GTEestiProText-Light.eot?#iefix') format('embedded-opentype'),
url('GTEestiProText-Light.woff2') format('woff2'),
url('GTEestiProText-Light.woff') format('woff'),
url('GTEestiProText-Light.woff2') format('woff2'), url('GTEestiProText-Light.woff') format('woff'),
url('GTEestiProText-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
@ -75,8 +70,7 @@
src: url('GTEestiProText-RegularItalic.eot');
src: local('GT Eesti Pro Text Regular Italic'), local('GTEestiProText-RegularItalic'),
url('GTEestiProText-RegularItalic.eot?#iefix') format('embedded-opentype'),
url('GTEestiProText-RegularItalic.woff2') format('woff2'),
url('GTEestiProText-RegularItalic.woff') format('woff'),
url('GTEestiProText-RegularItalic.woff2') format('woff2'), url('GTEestiProText-RegularItalic.woff') format('woff'),
url('GTEestiProText-RegularItalic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
@ -86,10 +80,8 @@
font-family: 'GT Eesti Pro Text Book';
src: url('GTEestiProText-Book.eot');
src: local('GT Eesti Pro Text Book'), local('GTEestiProText-Book'),
url('GTEestiProText-Book.eot?#iefix') format('embedded-opentype'),
url('GTEestiProText-Book.woff2') format('woff2'),
url('GTEestiProText-Book.woff') format('woff'),
url('GTEestiProText-Book.ttf') format('truetype');
url('GTEestiProText-Book.eot?#iefix') format('embedded-opentype'), url('GTEestiProText-Book.woff2') format('woff2'),
url('GTEestiProText-Book.woff') format('woff'), url('GTEestiProText-Book.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@ -99,8 +91,7 @@
src: url('GTEestiProText-BoldItalic.eot');
src: local('GT Eesti Pro Text Bold Italic'), local('GTEestiProText-BoldItalic'),
url('GTEestiProText-BoldItalic.eot?#iefix') format('embedded-opentype'),
url('GTEestiProText-BoldItalic.woff2') format('woff2'),
url('GTEestiProText-BoldItalic.woff') format('woff'),
url('GTEestiProText-BoldItalic.woff2') format('woff2'), url('GTEestiProText-BoldItalic.woff') format('woff'),
url('GTEestiProText-BoldItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
@ -123,8 +114,7 @@
src: url('GTEestiProDisplay-Thin.eot');
src: local('GT Eesti Pro Display Thin'), local('GTEestiProDisplay-Thin'),
url('GTEestiProDisplay-Thin.eot?#iefix') format('embedded-opentype'),
url('GTEestiProDisplay-Thin.woff2') format('woff2'),
url('GTEestiProDisplay-Thin.woff') format('woff'),
url('GTEestiProDisplay-Thin.woff2') format('woff2'), url('GTEestiProDisplay-Thin.woff') format('woff'),
url('GTEestiProDisplay-Thin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
@ -135,8 +125,7 @@
src: url('GTEestiProText-Regular.eot');
src: local('GT Eesti Pro Text Regular'), local('GTEestiProText-Regular'),
url('GTEestiProText-Regular.eot?#iefix') format('embedded-opentype'),
url('GTEestiProText-Regular.woff2') format('woff2'),
url('GTEestiProText-Regular.woff') format('woff'),
url('GTEestiProText-Regular.woff2') format('woff2'), url('GTEestiProText-Regular.woff') format('woff'),
url('GTEestiProText-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
@ -147,8 +136,7 @@
src: url('GTEestiProDisplay-Light.eot');
src: local('GT Eesti Pro Display Light'), local('GTEestiProDisplay-Light'),
url('GTEestiProDisplay-Light.eot?#iefix') format('embedded-opentype'),
url('GTEestiProDisplay-Light.woff2') format('woff2'),
url('GTEestiProDisplay-Light.woff') format('woff'),
url('GTEestiProDisplay-Light.woff2') format('woff2'), url('GTEestiProDisplay-Light.woff') format('woff'),
url('GTEestiProDisplay-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
@ -159,8 +147,7 @@
src: url('GTEestiProDisplay-UltraBold.eot');
src: local('GT Eesti Pro Display UltraBold'), local('GTEestiProDisplay-UltraBold'),
url('GTEestiProDisplay-UltraBold.eot?#iefix') format('embedded-opentype'),
url('GTEestiProDisplay-UltraBold.woff2') format('woff2'),
url('GTEestiProDisplay-UltraBold.woff') format('woff'),
url('GTEestiProDisplay-UltraBold.woff2') format('woff2'), url('GTEestiProDisplay-UltraBold.woff') format('woff'),
url('GTEestiProDisplay-UltraBold.ttf') format('truetype');
font-weight: 800;
font-style: normal;
@ -183,8 +170,7 @@
src: url('GTEestiProDisplay-Medium.eot');
src: local('GT Eesti Pro Display Medium'), local('GTEestiProDisplay-Medium'),
url('GTEestiProDisplay-Medium.eot?#iefix') format('embedded-opentype'),
url('GTEestiProDisplay-Medium.woff2') format('woff2'),
url('GTEestiProDisplay-Medium.woff') format('woff'),
url('GTEestiProDisplay-Medium.woff2') format('woff2'), url('GTEestiProDisplay-Medium.woff') format('woff'),
url('GTEestiProDisplay-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
@ -195,8 +181,7 @@
src: url('GTEestiProDisplay-UltraLight.eot');
src: local('GT Eesti Pro Display UltraLight'), local('GTEestiProDisplay-UltraLight'),
url('GTEestiProDisplay-UltraLight.eot?#iefix') format('embedded-opentype'),
url('GTEestiProDisplay-UltraLight.woff2') format('woff2'),
url('GTEestiProDisplay-UltraLight.woff') format('woff'),
url('GTEestiProDisplay-UltraLight.woff2') format('woff2'), url('GTEestiProDisplay-UltraLight.woff') format('woff'),
url('GTEestiProDisplay-UltraLight.ttf') format('truetype');
font-weight: 200;
font-style: normal;
@ -219,8 +204,7 @@
src: url('GTEestiProDisplay-LightItalic.eot');
src: local('GT Eesti Pro Display Light Italic'), local('GTEestiProDisplay-LightItalic'),
url('GTEestiProDisplay-LightItalic.eot?#iefix') format('embedded-opentype'),
url('GTEestiProDisplay-LightItalic.woff2') format('woff2'),
url('GTEestiProDisplay-LightItalic.woff') format('woff'),
url('GTEestiProDisplay-LightItalic.woff2') format('woff2'), url('GTEestiProDisplay-LightItalic.woff') format('woff'),
url('GTEestiProDisplay-LightItalic.ttf') format('truetype');
font-weight: 300;
font-style: italic;
@ -230,10 +214,8 @@
font-family: 'GT Eesti Pro Text';
src: url('GTEestiProText-Bold.eot');
src: local('GT Eesti Pro Text Bold'), local('GTEestiProText-Bold'),
url('GTEestiProText-Bold.eot?#iefix') format('embedded-opentype'),
url('GTEestiProText-Bold.woff2') format('woff2'),
url('GTEestiProText-Bold.woff') format('woff'),
url('GTEestiProText-Bold.ttf') format('truetype');
url('GTEestiProText-Bold.eot?#iefix') format('embedded-opentype'), url('GTEestiProText-Bold.woff2') format('woff2'),
url('GTEestiProText-Bold.woff') format('woff'), url('GTEestiProText-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@ -242,10 +224,8 @@
font-family: 'GT Eesti Pro Text';
src: url('GTEestiProText-Thin.eot');
src: local('GT Eesti Pro Text Thin'), local('GTEestiProText-Thin'),
url('GTEestiProText-Thin.eot?#iefix') format('embedded-opentype'),
url('GTEestiProText-Thin.woff2') format('woff2'),
url('GTEestiProText-Thin.woff') format('woff'),
url('GTEestiProText-Thin.ttf') format('truetype');
url('GTEestiProText-Thin.eot?#iefix') format('embedded-opentype'), url('GTEestiProText-Thin.woff2') format('woff2'),
url('GTEestiProText-Thin.woff') format('woff'), url('GTEestiProText-Thin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
}
@ -267,8 +247,7 @@
src: url('GTEestiProDisplay-BoldItalic.eot');
src: local('GT Eesti Pro Display Bold Italic'), local('GTEestiProDisplay-BoldItalic'),
url('GTEestiProDisplay-BoldItalic.eot?#iefix') format('embedded-opentype'),
url('GTEestiProDisplay-BoldItalic.woff2') format('woff2'),
url('GTEestiProDisplay-BoldItalic.woff') format('woff'),
url('GTEestiProDisplay-BoldItalic.woff2') format('woff2'), url('GTEestiProDisplay-BoldItalic.woff') format('woff'),
url('GTEestiProDisplay-BoldItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
@ -279,8 +258,7 @@
src: url('GTEestiProText-MediumItalic.eot');
src: local('GT Eesti Pro Text Medium Italic'), local('GTEestiProText-MediumItalic'),
url('GTEestiProText-MediumItalic.eot?#iefix') format('embedded-opentype'),
url('GTEestiProText-MediumItalic.woff2') format('woff2'),
url('GTEestiProText-MediumItalic.woff') format('woff'),
url('GTEestiProText-MediumItalic.woff2') format('woff2'), url('GTEestiProText-MediumItalic.woff') format('woff'),
url('GTEestiProText-MediumItalic.ttf') format('truetype');
font-weight: 500;
font-style: italic;
@ -291,8 +269,7 @@
src: url('GTEestiProText-BookItalic.eot');
src: local('GT Eesti Pro Text Book Italic'), local('GTEestiProText-BookItalic'),
url('GTEestiProText-BookItalic.eot?#iefix') format('embedded-opentype'),
url('GTEestiProText-BookItalic.woff2') format('woff2'),
url('GTEestiProText-BookItalic.woff') format('woff'),
url('GTEestiProText-BookItalic.woff2') format('woff2'), url('GTEestiProText-BookItalic.woff') format('woff'),
url('GTEestiProText-BookItalic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
@ -303,8 +280,7 @@
src: url('GTEestiProText-UltraLight.eot');
src: local('GT Eesti Pro Text UltraLight'), local('GTEestiProText-UltraLight'),
url('GTEestiProText-UltraLight.eot?#iefix') format('embedded-opentype'),
url('GTEestiProText-UltraLight.woff2') format('woff2'),
url('GTEestiProText-UltraLight.woff') format('woff'),
url('GTEestiProText-UltraLight.woff2') format('woff2'), url('GTEestiProText-UltraLight.woff') format('woff'),
url('GTEestiProText-UltraLight.ttf') format('truetype');
font-weight: 200;
font-style: normal;
@ -315,8 +291,7 @@
src: url('GTEestiProDisplay-Regular.eot');
src: local('GT Eesti Pro Display Regular'), local('GTEestiProDisplay-Regular'),
url('GTEestiProDisplay-Regular.eot?#iefix') format('embedded-opentype'),
url('GTEestiProDisplay-Regular.woff2') format('woff2'),
url('GTEestiProDisplay-Regular.woff') format('woff'),
url('GTEestiProDisplay-Regular.woff2') format('woff2'), url('GTEestiProDisplay-Regular.woff') format('woff'),
url('GTEestiProDisplay-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
@ -327,8 +302,7 @@
src: url('GTEestiProDisplay-ThinItalic.eot');
src: local('GT Eesti Pro Display Thin Italic'), local('GTEestiProDisplay-ThinItalic'),
url('GTEestiProDisplay-ThinItalic.eot?#iefix') format('embedded-opentype'),
url('GTEestiProDisplay-ThinItalic.woff2') format('woff2'),
url('GTEestiProDisplay-ThinItalic.woff') format('woff'),
url('GTEestiProDisplay-ThinItalic.woff2') format('woff2'), url('GTEestiProDisplay-ThinItalic.woff') format('woff'),
url('GTEestiProDisplay-ThinItalic.ttf') format('truetype');
font-weight: 100;
font-style: italic;
@ -336,9 +310,7 @@
@font-face {
font-family: 'Circle';
src:
url('BasierCircle-Regular.woff2') format('woff2'),
url('BasierCircle-Regular.woff') format('woff'),
src: url('BasierCircle-Regular.woff2') format('woff2'), url('BasierCircle-Regular.woff') format('woff'),
url('BasierCircle-Regular.ttf') format('truetype');
font-weight: 100;
font-style: italic;
@ -346,12 +318,16 @@
@font-face {
font-family: 'Muller';
src:
url('muller_extrabold_demo.woff2') format('woff2'),
url('muller_extrabold_demo.woff') format('woff'),
src: url('muller_extrabold_demo.woff2') format('woff2'), url('muller_extrabold_demo.woff') format('woff'),
url('muller_extrabold_demo.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'CeraPro';
src: url('CeraPro-Bold.woff2') format('woff2'), url('CeraPro-Bold.woff') format('woff'),
url('CeraPro-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}