Commit f23c27b5 authored by dagalkova's avatar dagalkova

Upload

parent 9cf52bd9
This diff is collapsed.
<svg width="90" height="40" viewBox="0 0 90 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 14V16.6581H6.89175V19.1233H2.65809V21.5991H6.89175V24.075H0V26.5509H10.6109V14H0ZM64.0086 16.6581V14H53.3976V26.5509H64.0086V24.075H57.2883V21.5991H61.5327V19.1233H57.2883V16.6581H64.0086ZM39.0782 14V26.5509H42.9689V16.6581H47.2133V26.5509H50.9218V14H39.0782ZM66.4845 14V26.5509H70.2036V21.6099H77.0954V14H66.4845ZM73.5584 19.1233H70.3751V16.6581H73.5584V19.1233ZM90 14.1715H79.3891V16.6581H82.926V26.7331H86.6452V16.6581H90V14.1715ZM21.2326 14.1822L16.9775 19.1233V14H13.2583V26.5509H16.9775V21.5241L20.9646 26.5509H23.6977V24.075L20.0107 19.5198L22.4759 16.6581H23.6977V14.1715L21.2326 14.1822ZM26.1736 14V26.5509H36.6024V24.075H29.8821V16.4759H34.1265V17.7192H36.6024V14H26.1736Z" fill="black"/>
</svg>
<svg width="90" height="40" viewBox="0 0 90 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M50.6547 14.3654H47.8035V12.037C47.5184 11.9894 47.2333 11.9419 46.9482 11.9419C45.3801 11.9419 44.3822 13.1774 44.3822 15.2207C44.3822 17.6917 45.9028 19.1172 48.0887 19.1172C48.9915 19.1172 49.9419 18.8796 50.6071 18.4044V20.6378C49.6092 21.113 48.5638 21.3506 47.1858 21.3506C43.1943 21.3506 40.5807 19.3548 40.5807 15.4108C40.5807 11.6568 43.0042 9.66103 46.9007 9.66103C48.0887 9.66103 49.6092 9.85111 50.6071 10.3263L50.6547 14.3654ZM57.4973 10.0887V12.2746H56.4519V14.3654H59.7782V12.2746H58.7328V10.0887H64.2449V12.2746H63.3421V18.9747H64.2449V21.1605H58.7328V18.9747H59.7782V16.5987H56.4519V18.9747H57.4973V21.1605H51.9377V18.9747H52.8405V12.2746H51.9377V10.0887H57.4973ZM73.9862 10.0887L77.0274 18.9747H77.7402V21.1605H72.1805V19.2122H73.321L72.9408 18.1193H69.8521L69.5195 19.2122H70.6599V21.1605H65.3379V18.9747H66.0506L68.379 12.2746H67.2386V10.0887H73.9862ZM71.2302 13.415L70.3748 16.0285H72.5132L71.6578 13.415L71.5153 12.6547H71.3727L71.2302 13.415ZM90 10.0887V12.2746H89.0971V18.9747H90V21.1605H84.7729V18.9747H85.4857V17.3115H84.868L83.585 19.5924C82.8247 20.9704 81.8268 21.2555 80.3062 21.2555C79.8785 21.2555 79.3558 21.2555 78.8331 21.113V18.9271H79.1182C79.736 18.9271 80.2587 18.7371 80.6863 18.0243L81.5417 16.5987V16.5037C80.3537 16.076 79.5459 14.8405 79.5459 13.3675C79.5459 11.4192 81.019 9.99366 84.3928 9.99366H90V10.0887ZM84.9155 12.2746C83.9176 12.2746 83.2523 12.7497 83.2523 13.7001C83.2523 14.6505 83.9651 15.2207 84.9155 15.2207H85.4857V12.2746H84.9155ZM13.02 18.7371H14.0654L17.5818 9.42344H15.9186V7H23.0464L27.7032 18.7371H28.7486V21.1605H21.6209V18.7371H23.284L22.3336 16.1235H23.1415L20.9081 10.2788H20.1003L17.9619 16.1235H18.7698L17.8194 18.7371H19.5301V21.1605H13.02V18.7371ZM39.4403 10.0887V13.5576H36.6367V12.227H34.3558V14.3178H37.302V16.5037H34.3558V18.9271H36.7317V17.3115H39.5353V21.113H29.8891V18.9271H30.7919V12.2746H29.8891V10.0887H39.4403Z" fill="#447157"/>
<path d="M4.98944 21.4932V23.3464H3.94403V28.4309H4.03907L4.3717 27.623L7.69799 21.5407H11.8321V23.3939H10.8342V30.6167H11.8321V32.4699H6.70011V30.6167H7.84055V25.3897H7.74551L7.41288 26.1975L4.03907 32.4224H0.997888V23.3464H0V21.4932H4.98944ZM86.1035 25.5798C85.3432 25.5798 84.8205 25.9599 84.8205 26.7202C84.8205 27.4805 85.3432 27.9082 86.1035 27.9082H86.5787V25.6273H86.1035V25.5798ZM90 23.8691V25.5322H89.2872V30.7117H90V32.4224H86.0084V30.7117H86.5787V29.4288H86.1035L85.0581 31.2345C84.4879 32.2799 83.7276 32.5175 82.5396 32.5175C82.207 32.5175 81.7793 32.5175 81.3992 32.4224V30.7117H81.6367C82.1119 30.7117 82.5396 30.5692 82.8247 30.0465L83.49 28.9536V28.8585C82.5871 28.5259 81.9219 27.5755 81.9219 26.4351C81.9219 24.9145 83.0623 23.8216 85.6283 23.8216L90 23.8691ZM75.1267 23.8691V25.5322H74.4139V28.5259H74.509L74.7466 27.8606L77.0275 23.8216H80.5438V25.4847H79.831V30.6642H80.5438V32.3274H76.3622V30.6642H77.17V27.4805H77.075L76.8374 28.0982L74.4139 32.3749H71.7529V25.5798H71.0401V23.9166L75.1267 23.8691ZM65.6705 27.8606H66.2883C67.1911 27.8606 67.5713 27.2429 67.5713 26.6727C67.5713 26.0549 67.1911 25.5798 66.2883 25.5798H65.6705V27.8606ZM66.5259 23.8691C68.9018 23.8691 70.4224 24.7719 70.4224 26.6727C70.4224 28.5259 68.9493 29.5713 66.5259 29.5713H65.6705V30.7593H66.7635V32.4699H62.2017V30.7593H62.9145V25.5798H62.2017V23.9166L66.5259 23.8691ZM61.2038 23.8691V27.0053H59.018V25.5322H57.9725V30.7117H58.9229V32.3749H54.2186V30.7117H55.169V25.5798H54.1711V27.0528H51.9852V23.9166L61.2038 23.8691ZM50.7022 27.1954H48.5164V25.3897C48.2788 25.3422 48.0887 25.3422 47.8511 25.3422C46.6156 25.3422 45.8553 26.34 45.8553 27.9082C45.8553 29.8089 46.9958 30.9018 48.7064 30.9018C49.4192 30.9018 50.132 30.7117 50.6547 30.3791V32.0898C49.8944 32.4699 49.0866 32.66 47.9937 32.66C44.905 32.66 42.9092 31.0919 42.9092 28.0982C42.9092 25.1996 44.7624 23.679 47.8036 23.679C48.754 23.679 49.8944 23.8216 50.6547 24.2017L50.7022 27.1954ZM37.3495 23.8691V25.5322H36.5892V25.6273L36.8743 25.9599L37.8722 27.7181H38.0148L38.9652 25.9599L39.2027 25.6273L39.1552 25.5322H38.3949V23.8691H42.4815V25.5322H41.8638L39.0127 30.8068C38.4424 31.8522 37.4921 32.6125 35.9715 32.6125C35.4488 32.6125 34.9736 32.5175 34.5459 32.3749V30.7117H35.5438C36.019 30.7117 36.4942 30.5692 36.6367 30.2366L33.8332 25.5322H33.2154V23.8691H37.3495ZM28.226 26.7202L27.1806 30.7593H29.7466L28.5586 26.7202L28.4636 26.0549H28.3685L28.226 26.7202ZM30.2693 23.8691L32.5502 30.7117H33.5956V33.9905H31.4097V32.4224H25.5649V33.9905H23.3791V30.7117H24.4245L25.8976 25.5322H25.0898V23.8691H30.2693ZM17.3442 23.8691V25.5322H16.5364V27.1479H19.1024V25.5322H18.2946V23.8691H22.5713V25.5322H21.8585V30.7117H22.5713V32.3749H18.2946V30.7117H19.1024V28.8585H16.5364V30.7117H17.3442V32.3749H13.0676V30.7117H13.7804V25.5798H13.0676V23.9166L17.3442 23.8691Z" fill="#7C444C"/>
</svg>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="12" y="5" width="10" height="10" transform="rotate(45 12 5)" fill="#029745"/>
</svg>
<svg width="549" height="323" viewBox="0 0 549 323" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M222.544 319.277L275.814 318.832L135.618 183.953L318.385 3L501.153 182.617L362.517 318.165H416.456L488.894 319.5M222.544 319.277L290.97 384.714V453.267L149.437 318.832L101.516 318.61H19.7165L290.302 585.476V499.117L101.293 318.832L50.0292 271.869L3 319.5L318.608 636L636 318.61L588.748 272.092L537.93 319.723L350.036 499.34L350.481 584.585L619.506 319.945L537.93 319.5H488.894M222.544 319.277L110.209 213.11L76.107 248.722L149.437 319.055L222.544 319.277ZM488.894 319.5L563.339 244.938L527.454 211.774L416.679 318.387L350.036 383.824V454.38L488.894 319.5Z" stroke="#D6D9E5" stroke-opacity="0.2" stroke-width="3"/>
</svg>
<svg width="546" height="633" viewBox="0 0 546 633" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M272.814 315.832L219.544 316.277L287.97 381.714V450.267L146.437 315.832L98.5162 315.61H16.7165L287.302 582.476V496.117L98.2933 315.832L47.0292 268.869L0 316.5L315.608 633L633 315.61L585.748 269.092L534.93 316.723L347.036 496.34L347.481 581.585L616.506 316.945L534.93 316.5H485.894L413.456 315.165H359.517L498.153 179.617L315.385 0L132.618 180.953L272.814 315.832ZM485.894 316.5L560.339 241.938L524.454 208.774L413.679 315.387L347.036 380.824V451.38L485.894 316.5ZM219.544 316.277L107.209 210.11L73.107 245.722L146.437 316.055L219.544 316.277Z" fill="#D6D9E5" fill-opacity="0.2"/>
</svg>
This diff is collapsed.
......@@ -2,6 +2,10 @@
font-family: 'Manrope', sans-serif;
}
a {
text-decoration: none;
}
.header {
width: 100%;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 31, 31, 0.125)), to(rgba(31, 31, 31, 0.425))), -webkit-gradient(linear, left bottom, left top, color-stop(29%, rgba(0, 0, 0, 0.12)), to(rgba(0, 0, 0, 0.68))), url("../img/les2.png") no-repeat;
......@@ -21,9 +25,17 @@
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.navbar-logo {
margin-right: 61px;
}
.navbar-burger {
margin-right: 40px;
}
.menu {
......@@ -50,14 +62,6 @@
margin-right: 50px;
}
.menu-item-burger {
margin-right: 40px;
}
.menu-item-logo {
margin-right: 61px;
}
.menu-item__link {
color: #ffffff;
text-decoration: none;
......@@ -77,7 +81,7 @@
flex-direction: row;
height: 20px;
list-style: none;
margin-left: 0;
margin-left: auto;
padding: 0;
}
......@@ -302,6 +306,14 @@
display: flex;
}
.production-list-link {
margin-right: 20px;
}
.production-list-link:last-child {
margin-right: 0;
}
.production-list-item {
position: relative;
width: 400px;
......@@ -309,7 +321,6 @@
padding: 66px 52px 75px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-right: 20px;
}
.production-list-item__arrow {
......@@ -343,10 +354,6 @@
color: #16291f;
}
.production-list-item:last-child {
margin-right: 0;
}
.production-list-item:hover {
background: #029745;
cursor: pointer;
......@@ -381,6 +388,7 @@
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
}
.company-text {
......@@ -471,6 +479,14 @@
object-fit: cover;
}
.company-button {
position: absolute;
left: 50%;
bottom: 410px;
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.company-tour {
display: -webkit-box;
display: -ms-flexbox;
......@@ -522,4 +538,269 @@
border-bottom: 1px #029745 solid;
padding-bottom: 5px;
}
.company-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.company-top-item {
width: 25%;
padding: 112px 120px 112px 80px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.company-top-item__num {
font-weight: 800;
font-size: 40px;
line-height: 110%;
color: #029745;
margin-bottom: 16px;
}
.company-top-item__descr {
font-weight: 300;
font-size: 18px;
line-height: 130%;
color: #16291f;
margin-bottom: 40px;
max-width: 280px;
}
.company-top-item__image {
width: 90px;
}
.company-top-item:nth-child(2n + 1) {
background: #ffffff;
}
.company-top-item:last-child {
width: 50%;
background: #ffffff url("../img/top_mask.svg") no-repeat bottom right;
}
.press {
background: #f6f8fa;
margin: 0;
padding: 80px 21px 56px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.press__title {
font-weight: 800;
font-size: 50px;
line-height: 120%;
color: #16291f;
margin: 0;
margin-bottom: 56px;
margin-left: 25%;
}
.press-wrapper {
margin-left: 25%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.press-wrapper__button {
height: 66px;
background: #029745;
font-weight: bold;
font-size: 15px;
line-height: 120%;
letter-spacing: 0.03em;
color: #ffffff;
text-align: center;
padding: 24px 56px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.press-wrapper__button--disabled {
border: 1px solid rgba(214, 217, 229, 0.5);
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: none;
color: #8e9a93;
}
.press-wrapper__link {
font-weight: bold;
font-size: 16px;
line-height: 140%;
color: #029745;
border-bottom: 1px #029745 solid;
padding-bottom: 3px;
margin-left: 56px;
}
.press-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.press-content-media {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 48px;
padding-left: 140px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.press-content-media-wrapper {
border: 1px solid #e6e9f0;
height: 141px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.press-content-media-wrapper__link {
margin-right: 32px;
}
.press-content-media-wrapper__link:last-child {
margin-right: 0;
}
.press-content-media-wrapper__icon {
stroke: #029745;
}
.press-content-media-wrapper__social {
fill: #029745;
}
.press-content-media-wrapper__text {
margin-left: 16px;
font-weight: bold;
font-size: 15px;
line-height: 120%;
letter-spacing: 0.03em;
color: #8e9a93;
}
.press-content-media-wrapper:nth-child(n + 2) {
border-top: none;
}
.press-content-media-wrapper:hover:nth-child(n + 2) {
background: #029745;
color: #fff;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.press-content-media-wrapper:hover .press-content-media-wrapper__text {
color: #fff;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.press-content-media-wrapper:hover .press-content-media-wrapper__icon {
stroke: #fff;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.press-content-media-wrapper__social:hover {
fill: #c7c9cf;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.press-content-news {
margin-top: 48px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.press-content-news-list {
list-style: url("../img/news_list.svg");
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
width: 100%;
padding-left: 0;
}
.press-content-news-list-item {
width: 33%;
margin-left: 40px;
}
.press-content-news-list-item__text {
margin: 0;
margin-bottom: 15px;
font-weight: bold;
font-size: 17px;
line-height: 140%;
color: #16291f;
width: 350px;
}
.press-content-news-list-item__date {
font-weight: normal;
font-size: 14px;
line-height: 160%;
color: #93969e;
}
.press-content-news-list-item__img {
margin-left: -40px;
margin-top: 32px;
}
/*# sourceMappingURL=style.css.map */
\ No newline at end of file
This diff is collapsed.
......@@ -2,6 +2,10 @@
font-family: 'Manrope', sans-serif;
}
a {
text-decoration: none;
}
.header {
width: 100%;
background: linear-gradient(
......@@ -19,7 +23,13 @@
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
justify-content: flex-start;
&-logo {
margin-right: 61px;
}
&-burger {
margin-right: 40px;
}
}
.menu {
......@@ -35,12 +45,6 @@
font-size: 16px;
line-height: 26px;
margin-right: 50px;
&-burger {
margin-right: 40px;
}
&-logo {
margin-right: 61px;
}
&__link {
color: #ffffff;
text-decoration: none;
......@@ -56,7 +60,7 @@
flex-direction: row;
height: 20px;
list-style: none;
margin-left: 0;
margin-left: auto;
padding: 0;
&-item {
font-style: normal;
......@@ -227,13 +231,18 @@
}
&-list {
display: flex;
&-link {
margin-right: 20px;
}
&-link:last-child {
margin-right: 0;
}
&-item {
position: relative;
width: 400px;
background: #ffffff;
padding: 66px 52px 75px;
box-sizing: border-box;
margin-right: 20px;
&__arrow {
stroke: #029745;
width: 67px;
......@@ -261,9 +270,6 @@
color: #16291f;
}
}
&-item:last-child {
margin-right: 0;
}
&-item:hover {
background: #029745;
cursor: pointer;
......@@ -291,6 +297,7 @@
margin: 0;
display: flex;
flex-wrap: wrap;
position: relative;
&-text {
width: 50%;
box-sizing: border-box;
......@@ -353,6 +360,12 @@
width: 50%;
object-fit: cover;
}
&-button {
position: absolute;
left: 50%;
bottom: 410px;
transform: translate(-50%, 50%);
}
&-tour {
display: flex;
flex-direction: column;
......@@ -392,4 +405,189 @@
padding-bottom: 5px;
}
}
&-top {
display: flex;
width: 100%;
&-item {
width: 25%;
padding: 112px 120px 112px 80px;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: flex-start;
&__num {
font-weight: 800;
font-size: 40px;
line-height: 110%;
color: #029745;
margin-bottom: 16px;
}
&__descr {
font-weight: 300;
font-size: 18px;
line-height: 130%;
color: #16291f;
margin-bottom: 40px;
max-width: 280px;
}
&__image {
width: 90px;
}
}
&-item:nth-child(2n + 1) {
background: #ffffff;
}
&-item:last-child {
width: 50%;
background: #ffffff url('../img/top_mask.svg') no-repeat bottom right;
}
}
}
.press {
background: #f6f8fa;
margin: 0;
padding: 80px 21px 56px 0;
box-sizing: border-box;
&__title {
font-weight: 800;
font-size: 50px;
line-height: 120%;
color: #16291f;
margin: 0;
margin-bottom: 56px;
margin-left: 25%;
}
&-wrapper {
margin-left: 25%;
display: flex;
align-items: center;
&__button {
height: 66px;
background: #029745;
font-weight: bold;
font-size: 15px;
line-height: 120%;
letter-spacing: 0.03em;
color: #ffffff;
text-align: center;
padding: 24px 56px;
box-sizing: border-box;
&--disabled {
border: 1px solid rgba(214, 217, 229, 0.5);
box-sizing: border-box;
background: none;
color: #8e9a93;
}
}
&__link {
font-weight: bold;
font-size: 16px;
line-height: 140%;
color: #029745;
border-bottom: 1px #029745 solid;
padding-bottom: 3px;
margin-left: 56px;
}
}
&-content {
display: flex;
&-media {
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin-top: 48px;
padding-left: 140px;
flex: 0 0 auto;
width: 25%;
&-wrapper {
border: 1px solid #e6e9f0;
height: 141px;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
box-sizing: border-box;
&__link {
margin-right: 32px;
}
&__link:last-child {
margin-right: 0;
}
&__icon {
stroke: #029745;
}
&__social {
fill: #029745;
}
&__text {
margin-left: 16px;
font-weight: bold;
font-size: 15px;
line-height: 120%;
letter-spacing: 0.03em;
color: #8e9a93;
}
}
&-wrapper:nth-child(n + 2) {
border-top: none;
}
&-wrapper:hover:nth-child(n + 2) {
background: #029745;
color: #fff;
transition: 0.4s;
}
&-wrapper:hover &-wrapper__text {
color: #fff;
transition: 0.4s;
}
&-wrapper:hover &-wrapper__icon {
stroke: #fff;
transition: 0.4s;
}
&-wrapper__social:hover {
fill: #c7c9cf;
transition: 0.4s;
}
}
&-news {
margin-top: 48px;
display: flex;
box-sizing: content-box;
flex: 0 0 auto;
width: 75%;
&-list {
list-style: url('../img/news_list.svg');
display: flex;
margin: 0;
width: 100%;
padding-left: 0;
&-item {
width: 33%;
margin-left: 40px;
&__text {
margin: 0;
margin-bottom: 15px;
font-weight: bold;
font-size: 17px;
line-height: 140%;
color: #16291f;
width: 350px;
}
&__date {
font-weight: normal;
font-size: 14px;
line-height: 160%;
color: #93969e;
}
&__img {
margin-left: -40px;
margin-top: 32px;
}
}
}
}
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment