diff --git a/Yandex/index.html b/Yandex/index.html index 33f4a07..1459b75 100644 --- a/Yandex/index.html +++ b/Yandex/index.html @@ -1,29 +1,41 @@ - - - - - Document - - - + + + + + club four horses + + + + - -
+ +
+
+
-
- -
+
+ +
-
+
- + - - - - - - \ No newline at end of file + + + + diff --git a/Yandex/src/css/_Theme.scss b/Yandex/src/css/_Theme.scss index 41f2abf..bdc1529 100644 --- a/Yandex/src/css/_Theme.scss +++ b/Yandex/src/css/_Theme.scss @@ -48,6 +48,7 @@ $c-bg-header: #E9DED4; $lh:110%, $color:$c-main-white ); + text-transform: uppercase; } .txt_main_section { diff --git a/Yandex/src/css/main.css b/Yandex/src/css/main.css index 6790c6b..f3b222c 100644 --- a/Yandex/src/css/main.css +++ b/Yandex/src/css/main.css @@ -67,6 +67,7 @@ letter-spacing: normal; line-height: 110%; color: #FFFFFF; + text-transform: uppercase; } .txt_main_section { @@ -178,4 +179,34 @@ width: 100%; margin: 0 auto; padding: 0; +} +.container_header { + height: 640px; + background: url(../img/header/bg-color-burn.png) center #E9DED4; + background-blend-mode: color-burn; +} + +.wraper { + width: 100%; + height: 100%; + position: relative; + background: url(../img/header/bg-img-city.png) center bottom no-repeat; +} + +.run-text { + width: 100%; + height: 60px; + background-color: #F54932; + align-content: center; +} +.run-text .txt_marquee { + display: flex; + flex-wrap: nowrap; + gap: 40px; +} +.run-text .txt_marquee_item { + list-style: disc; +} +.run-text .txt_marquee_item:first-child { + list-style: none; }/*# sourceMappingURL=main.css.map */ \ No newline at end of file diff --git a/Yandex/src/css/main.css.map b/Yandex/src/css/main.css.map index 3e7346a..a274de0 100644 --- a/Yandex/src/css/main.css.map +++ b/Yandex/src/css/main.css.map @@ -1 +1 @@ -{"version":3,"sources":["_Fonts.scss","main.css","_Theme.scss","main.scss"],"names":[],"mappings":"AAAA;EACI,wBAAA;EACA,oEAAA;EACA,mEAAA;EACA,wEAAA;EACA,qEAAA;EACA,sEAAA;EACA,uEAAA;EACA,gFAAA;ACCJ;ADEA;EACI,2BAAA;EACA,yEAAA;EACA,+EAAA;EACA,wEAAA;EACA,8EAAA;EACA,0EAAA;EACA,yEAAA;EACA,+EAAA;EACA,2EAAA;ACAJ;ACTA;EFwBI,wBAZI;EAaJ,kBEtBS;EFuBT,gBEtBQ;EFuBR,kBARM;EASN,sBARK;EASL,iBExBQ;EFyBR,cExCW;AD4Bf;;ACTA;EFeI,2BAXI;EAYJ,eEdS;EFeT,gBARK;EASL,kBARM;EASN,sBARK;EASL,iBEjBQ;EFkBR,cExCW;ADsCf;;ACZA;EFQI,wBAZI;EAaJ,eENS;EFOT,gBARK;EASL,kBARM;EASN,sBARK;EASL,iBETQ;EFUR,cExCW;ADgDf;;ACdA;EFAI,wBAZI;EAaJ,eEES;EFDT,gBEEQ;EFDR,kBARM;EASN,sBARK;EASL,iBAAA;EACA,cExCW;AD0Df;;ACfA;EFTI,2BAXI;EAYJ,eEUS;EFTT,gBARK;EASL,kBARM;EASN,sBARK;EASL,iBEOQ;EFNR,cEzCW;ADqEf;;ACjBA;EFjBI,2BAXI;EAYJ,eEkBS;EFjBT,gBARK;EASL,kBARM;EASN,sBARK;EASL,iBEeQ;EFdR,cExCW;AD8Ef;ACrBI;EACI,gBAAA;EACA,cAzDI;ADgFZ;;ACnBA;EF7BI,wBAZI;EAaJ,eE+BS;EF9BT,gBARK;EASL,kBARM;EASN,sBARK;EASL,iBE4BQ;EF3BR,cExCW;AD4Ff;ACtBI;EACI,YAAA;ADwBR;ACrBI;EACG,gBAAA;ADuBP;ACpBI;EACI,cA9EK;ADoGb;;AClBA;EFjDI,2BAXI;EAYJ,eEkDS;EFjDT,gBARK;EASL,kBARM;EASN,sBARK;EASL,iBE+CQ;EF9CR,cExCW;AD+Gf;;ACrBA;EFxDI,wBAZI;EAaJ,eE0DS;EFzDT,gBARK;EASL,kBARM;EASN,sBARK;EASL,iBEuDQ;EFtDR,cEvCS;ADwHb;;ACtBA;EFjEI,wBAZI;EAaJ,eEmES;EFlET,gBEmEQ;EFlER,kBARM;EASN,sBARK;EASL,iBEiEQ;EFhER,cExCW;ADmIf;ACxBI;EACI,gBAAA;AD0BR;;ACtBA;EF9EI,wBAZI;EAaJ,kBARM;EASN,gBARK;EASL,kBARM;EASN,sBARK;EASL,iBE4EQ;EF3ER,cExCW;ADgJf;AC1BI;EACI,eAAA;AD4BR;AC1BQ;EACI,YAAA;AD4BZ;ACxBI;EACI,eAAA;EACA,gBAAA;AD0BR;ACvBI;EACI,eAAA;ADyBR;ACtBI;EACI,eAAA;EACA,gBAAA;EACA,cAzIK;ADiKb;;ACpBA;EF5GI,wBAZI;EAaJ,aE8GS;EF7GT,gBARK;EASL,kBARM;EASN,sBARK;EASL,iBE2GQ;EF1GR,cExCW;EAoJX,YAAA;ADyBJ;;AE5KA;EACI,WAAA;EACA,cAAA;EACA,UAAA;AF+KJ","file":"main.css"} \ No newline at end of file +{"version":3,"sources":["_Fonts.scss","main.css","_Theme.scss","main.scss"],"names":[],"mappings":"AAAA;EACI,wBAAA;EACA,oEAAA;EACA,mEAAA;EACA,wEAAA;EACA,qEAAA;EACA,sEAAA;EACA,uEAAA;EACA,gFAAA;ACCJ;ADEA;EACI,2BAAA;EACA,yEAAA;EACA,+EAAA;EACA,wEAAA;EACA,8EAAA;EACA,0EAAA;EACA,yEAAA;EACA,+EAAA;EACA,2EAAA;ACAJ;ACTA;EFwBI,wBAZI;EAaJ,kBEtBS;EFuBT,gBEtBQ;EFuBR,kBARM;EASN,sBARK;EASL,iBExBQ;EFyBR,cExCW;AD4Bf;;ACTA;EFeI,2BAXI;EAYJ,eEdS;EFeT,gBARK;EASL,kBARM;EASN,sBARK;EASL,iBEjBQ;EFkBR,cExCW;ADsCf;;ACZA;EFQI,wBAZI;EAaJ,eENS;EFOT,gBARK;EASL,kBARM;EASN,sBARK;EASL,iBETQ;EFUR,cExCW;ADgDf;;ACdA;EFAI,wBAZI;EAaJ,eEES;EFDT,gBEEQ;EFDR,kBARM;EASN,sBARK;EASL,iBAAA;EACA,cExCW;AD0Df;;ACfA;EFTI,2BAXI;EAYJ,eEUS;EFTT,gBARK;EASL,kBARM;EASN,sBARK;EASL,iBEOQ;EFNR,cEzCW;EAkDX,yBAAA;ADoBJ;;ACjBA;EFlBI,2BAXI;EAYJ,eEmBS;EFlBT,gBARK;EASL,kBARM;EASN,sBARK;EASL,iBEgBQ;EFfR,cExCW;AD+Ef;ACrBI;EACI,gBAAA;EACA,cA1DI;ADiFZ;;ACnBA;EF9BI,wBAZI;EAaJ,eEgCS;EF/BT,gBARK;EASL,kBARM;EASN,sBARK;EASL,iBE6BQ;EF5BR,cExCW;AD6Ff;ACtBI;EACI,YAAA;ADwBR;ACrBI;EACG,gBAAA;ADuBP;ACpBI;EACI,cA/EK;ADqGb;;AClBA;EFlDI,2BAXI;EAYJ,eEmDS;EFlDT,gBARK;EASL,kBARM;EASN,sBARK;EASL,iBEgDQ;EF/CR,cExCW;ADgHf;;ACrBA;EFzDI,wBAZI;EAaJ,eE2DS;EF1DT,gBARK;EASL,kBARM;EASN,sBARK;EASL,iBEwDQ;EFvDR,cEvCS;ADyHb;;ACtBA;EFlEI,wBAZI;EAaJ,eEoES;EFnET,gBEoEQ;EFnER,kBARM;EASN,sBARK;EASL,iBEkEQ;EFjER,cExCW;ADoIf;ACxBI;EACI,gBAAA;AD0BR;;ACtBA;EF/EI,wBAZI;EAaJ,kBARM;EASN,gBARK;EASL,kBARM;EASN,sBARK;EASL,iBE6EQ;EF5ER,cExCW;ADiJf;AC1BI;EACI,eAAA;AD4BR;AC1BQ;EACI,YAAA;AD4BZ;ACxBI;EACI,eAAA;EACA,gBAAA;AD0BR;ACvBI;EACI,eAAA;ADyBR;ACtBI;EACI,eAAA;EACA,gBAAA;EACA,cA1IK;ADkKb;;ACpBA;EF7GI,wBAZI;EAaJ,aE+GS;EF9GT,gBARK;EASL,kBARM;EASN,sBARK;EASL,iBE4GQ;EF3GR,cExCW;EAqJX,YAAA;ADyBJ;;AE7KA;EACI,WAAA;EACA,cAAA;EACA,UAAA;AFgLJ;AE9KI;EACI,aAAA;EACA,+DAAA;EACA,iCAAA;AFgLR;;AE5KA;EACI,WAAA;EACA,YAAA;EACA,kBAAA;EACA,sEAAA;AF+KJ;;AE5KA;EACI,WAAA;EACA,YAAA;EAEA,yBDtBQ;ECuBR,qBAAA;AF8KJ;AE5KI;EACI,aAAA;EACA,iBAAA;EACA,SAAA;AF8KR;AE5KQ;EACI,gBAAA;AF8KZ;AE5KY;EACI,gBAAA;AF8KhB","file":"main.css"} \ No newline at end of file diff --git a/Yandex/src/css/main.scss b/Yandex/src/css/main.scss index a753fcd..e53328d 100644 --- a/Yandex/src/css/main.scss +++ b/Yandex/src/css/main.scss @@ -4,5 +4,39 @@ width: 100%; margin: 0 auto; padding: 0; + + &_header { + height: 640px; + background: url(../img/header/bg-color-burn.png) center $c-bg-header; + background-blend-mode: color-burn; + } +} + +.wraper { + width: 100%; + height: 100%; + position: relative; + background: url(../img/header/bg-img-city.png) center bottom no-repeat; } +.run-text { + width: 100%; + height: 60px; + + background-color: $c-text-em; + align-content: center; + + .txt_marquee { + display: flex; + flex-wrap: nowrap; + gap: 40px; + + &_item { + list-style: disc; + + &:first-child { + list-style: none; + } + } + } +}