Skip to content

V
volga
Commit ad0a17dd authored by dagalkova's avatar dagalkova
Browse files
Options

Update

parent a918e039
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 786 additions and 65 deletions
img/close.svg 0 → 100644
View file @ ad0a17dd
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="14.3643" y="0.221924" width="2" height="20" transform="rotate(45 14.3643 0.221924)" fill="white"/>
<rect width="2" height="20" transform="matrix(-0.707107 0.707107 0.707107 0.707107 1.41406 0.221924)" fill="white"/>
</svg>
img/mail.svg 0 → 100644
View file @ ad0a17dd
<svg width="19" height="15" viewBox="0 0 19 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.00016 0H17.0002C17.9206 0 18.6668 0.746192 18.6668 1.66667V13.3333C18.6668 14.2538 17.9206 15 17.0002 15H2.00016C1.07969 15 0.333496 14.2538 0.333496 13.3333V1.66667C0.333496 0.746192 1.07969 0 2.00016 0ZM2.00016 5.5151V13.3333H17.0002V5.51546L9.50015 9.26547L2.00016 5.5151ZM2.00016 3.65168L9.50019 7.40206L17.0002 3.65207V1.66667H2.00016V3.65168Z" fill="white"/>
</svg>
img/menu_logo.svg 0 → 100644
View file @ ad0a17dd
<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.3373 18.9605L13.1446 18.9872L17.2457 22.9156V27.0311L8.76309 18.9605L5.89104 18.9472H0.98852L17.2056 34.9681V29.7837L5.87769 18.9605L2.80526 16.1412L0 18.9739L18.9155 37.9745L37.9244 18.9204L35.0925 16.1278L32.0467 18.9872L20.7856 29.7703L20.8123 34.8879L36.9359 19.0006L32.0467 18.9739H29.1079L24.7664 18.8937H21.5337L29.8426 10.7563L18.8754 0L7.92152 10.8632L16.3373 18.9605ZM29.1079 19.0006L33.5696 14.5244L31.4189 12.5201L24.7798 18.9204L20.7856 22.8488V27.0979L29.1079 19.0006ZM13.1446 18.9739L6.41202 12.6003L4.36819 14.7382L8.76309 18.9605L13.1446 18.9739Z" fill="#029745"/>
</svg>
img/phone.svg 0 → 100644
View file @ ad0a17dd
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.551 5.2824C7.98275 4.70056 8.13757 4.08735 7.64927 3.54607C6.55348 2.01276 5.81653 1.06456 5.35428 0.607928C4.47548 -0.260183 3.02984 -0.142757 2.26873 0.607187C1.85993 1.00999 1.72154 1.14831 1.3018 1.57465C-1.03625 3.91395 0.389612 8.85915 4.18006 12.6533C7.96966 16.4466 12.9144 17.8733 15.2573 15.529C15.6447 15.1556 15.9726 14.8275 16.2312 14.5541C16.9771 13.7658 17.0903 12.3839 16.2263 11.4862C15.7834 11.0259 14.8792 10.3245 13.2814 9.18159C12.792 8.74401 12.2117 8.83885 11.6798 9.18785C11.4239 9.35573 11.2377 9.52555 10.886 9.87753L10.2475 10.5164C10.1634 10.6006 9.02139 10.0287 7.91283 8.91901C6.80367 7.80876 6.23215 6.6667 6.31586 6.583L6.95484 5.94367C7.0664 5.83199 7.11974 5.77793 7.18814 5.70604C7.33065 5.55627 7.44864 5.42035 7.551 5.2824ZM11.4254 11.6949L12.064 11.0559C12.2575 10.8622 12.383 10.7431 12.485 10.661C13.8847 11.6661 14.6953 12.2982 15.0265 12.6422C15.2253 12.8488 15.1944 13.2257 15.0215 13.4083C14.7824 13.6611 14.4717 13.972 14.0904 14.3398C12.5753 15.8555 8.58382 14.7039 5.35818 11.4751C2.13153 8.24523 0.980475 4.25313 2.48407 2.74871C2.90212 2.32412 3.03457 2.19173 3.43753 1.79468C3.58862 1.64581 4.00017 1.61238 4.18397 1.79394C4.53986 2.1455 5.20002 2.9908 6.17116 4.34358C6.12089 4.406 6.0581 4.47653 5.98168 4.55684C5.9256 4.61579 5.87887 4.66315 5.77672 4.7654L5.13837 5.4041C4.05241 6.48997 4.97726 8.33807 6.73472 10.0973C8.49097 11.8552 10.3398 12.7811 11.4254 11.6949Z" fill="white"/>
</svg>
img/submenu.svg 0 → 100644
View file @ ad0a17dd
<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="white"/>
</svg>
img/top_mask_2_pl.svg 0 → 100644
View file @ ad0a17dd
<svg width="424" height="487" viewBox="0 0 424 487" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M209.89 242.986L168.907 243.329L221.551 293.673V346.414L112.662 242.986L75.7937 242.815H12.8609L221.036 448.129V381.689L75.6222 242.986L36.182 206.855L0 243.5L242.814 487L487 242.815L450.646 207.026L411.549 243.671L266.993 381.86L267.336 447.444L474.31 243.842L411.549 243.5H373.824L318.093 242.473H276.595L383.255 138.189L242.643 0L102.03 139.216L209.89 242.986ZM373.824 243.5L431.098 186.135L403.49 160.621L318.265 242.644L266.993 292.988V347.27L373.824 243.5ZM168.907 243.329L82.4813 161.648L56.2451 189.046L112.662 243.158L168.907 243.329Z" fill="#D6D9E5" fill-opacity="0.2"/>
</svg>
img/top_mask_pl.svg 0 → 100644
View file @ ad0a17dd
<svg width="427" height="245" viewBox="0 0 427 245" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M171.907 246.329L212.89 245.986L105.03 142.216L245.643 3L386.255 141.189L279.595 245.473H321.093L376.824 246.5M171.907 246.329L224.551 296.673V349.414L115.662 245.986L78.7937 245.815H15.8609L224.036 451.129V384.689L78.6222 245.986L39.182 209.855L3 246.5L245.814 490L490 245.815L453.646 210.026L414.549 246.671L269.993 384.86L270.336 450.444L477.31 246.842L414.549 246.5H376.824M171.907 246.329L85.4813 164.648L59.2451 192.046L115.662 246.158L171.907 246.329ZM376.824 246.5L434.098 189.135L406.49 163.621L321.265 245.644L269.993 295.988V350.27L376.824 246.5Z" stroke="#D6D9E5" stroke-opacity="0.2" stroke-width="3"/>
</svg>
index.html
View file @ ad0a17dd
This diff is collapsed.
styles/style.css
View file @ ad0a17dd
This diff is collapsed.
styles/style.css.map
View file @ ad0a17dd
This diff is collapsed.
styles/style.scss
View file @ ad0a17dd
......@@ -9,6 +9,7 @@ a {
}
.header {
position: relative;
width: 100%;
background: linear-gradient(
180deg,
......@@ -20,6 +21,149 @@ a {
background-size: cover;
}
.menu-hidden {
z-index: 100;
position: absolute;
display: none;
background: #fff;
width: 100%;
box-sizing: border-box;
height: 913px;
padding: 0;
transition: 0.4s;
justify-content: space-between;
&-main {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 80px 120px 80px 140px;
&-block {
height: 50%;
display: flex;
flex-direction: column;
width: 250px;
&__title {
font-weight: bold;
font-size: 20px;
line-height: 130%;
color: #16291f;
margin-bottom: 32px;
cursor: pointer;
transition: 0.4s;
}
&__subtitle {
font-weight: normal;
font-size: 14px;
line-height: 20px;
color: #16291f;
margin-bottom: 16px;
cursor: pointer;
transition: 0.4s;
}
&__subtitle:last-child {
margin-bottom: 0;
}
&__title:hover,
&__subtitle:hover {
color: #029745;
}
}
}
&-form {
position: relative;
flex-shrink: 0;
width: 460px;
background-color: #029745;
box-sizing: border-box;
padding: 80px 70px;
&__close {
position: absolute;
top: 32px;
right: 32px;
}
&-contact {
display: flex;
justify-content: space-between;
margin-bottom: 63px;
&-item {
display: flex;
flex-direction: column;
&__icon {
margin: 0 auto;
margin-bottom: 16px;
}
&__link {
font-weight: normal;
font-size: 14px;
line-height: 26px;
color: #ffffff;
}
}
}
&-social {
display: flex;
align-items: center;
justify-content: center;
height: 18px;
&__link {
margin-right: 32px;
}
&__link:last-child {
margin-right: 0;
}
&__social {
fill: #fff;
}
}
}
}
.menu-hidden .form-ui {
background: #029745;
padding: 0 0 63px;
&-inner {
&-heading {
&__title {
font-size: 24px;
line-height: 130%;
margin: 0;
margin-bottom: 32px;
}
}
&-content {
flex-direction: column;
&__input {
height: 55px;
width: 100%;
font-size: 16px;
margin-bottom: 24px;
}
&__input::-webkit-input-placeholder {
font-size: 16px;
}
&__button {
width: 100%;
height: 60px;
font-size: 15px;
}
}
&-checkbox {
margin-top: 24px;
margin-bottom: 48px;
&__text {
font-size: 12px;
line-height: 160%;
padding-left: 0;
}
&__cb {
align-self: center;
width: 15px;
margin-right: 16px;
}
}
}
}
.navbar {
padding: 24px 140px;
display: flex;
......@@ -58,6 +202,10 @@ a {
&__link {
color: #ffffff;
text-decoration: none;
transition: 0.4s;
}
&__link:hover {
color: #029745;
}
}
&-item:last-child {
......@@ -65,6 +213,30 @@ a {
}
}
.submenu {
position: absolute;
top: 129px;
left: 250px;
display: none;
width: 279px;
background: rgba(96, 101, 100, 0.85);
&-item {
background: url('../img/submenu.svg') no-repeat 16px 14px;
display: block;
padding: 16px;
padding-left: 48px;
font-weight: bold;
font-size: 14px;
line-height: 19px;
letter-spacing: 0.02em;
color: #ffffff;
border-bottom: 1px solid rgba($color: #fff, $alpha: 0.1);
}
&-item:last-child {
border-width: 0;
}
}
.second-mob {
display: none;
}
......@@ -256,6 +428,7 @@ a {
line-height: 130%;
color: #16291f;
margin-left: 45px;
transition: 0.2s;
}
}
}
......@@ -529,6 +702,7 @@ a {
width: 100%;
&-item {
width: 25%;
height: 410px;
padding: 112px 120px 112px 80px;
box-sizing: border-box;
display: flex;
......@@ -1030,6 +1204,7 @@ a {
opacity: 0.8;
}
&__cb {
flex-shrink: 0;
width: 15px;
height: 15px;
transition: background 0.2s ease;
......@@ -1045,6 +1220,7 @@ a {
.footer {
background: url('../img/footer.png') no-repeat;
background-size: cover;
padding: 27px 165px 38px 140px;
&-navbar {
margin-bottom: 22px;
......@@ -1121,7 +1297,7 @@ a {
}
}
@media (max-width: 1280px) {
@media (max-width: 1670px) {
.navbar {
padding: 18px 100px;
&-burger {
......@@ -1160,7 +1336,8 @@ a {
.point {
margin: 0 20px 0 80px;
&-item {
padding: 0 0 0 20px;
padding: 10px 0 0 20px;
transform: translateY(66%);
&__num {
font-size: 23px;
margin-left: -4px;
......@@ -1168,7 +1345,8 @@ a {
&-wrapper {
&__title {
font-size: 17px;
margin-left: 35px;
padding-left: 35px;
padding-bottom: 20px;
}
&__text {
}
......@@ -1234,6 +1412,9 @@ a {
}
}
}
&-button {
bottom: 334px;
}
&-button img {
height: 154px;
}
......@@ -1253,6 +1434,7 @@ a {
&-top {
&-item {
padding: 86px 80px 86px 60px;
height: 334px;
&__num {
font-size: 31px;
margin-bottom: 12px;
......@@ -1262,9 +1444,13 @@ a {
max-width: 200px;
}
}
&-item:last-child {
background: #ffffff url('../img/top_mask_pl.svg') no-repeat right 125px;
}
}
}
.press {
background: #f6f8fa url('../img/top_mask_2_pl.svg') no-repeat right -206px;
padding: 62px 20px 0 0;
&__title {
font-size: 38px;
......@@ -1449,7 +1635,90 @@ a {
}
}
@media (max-width: 700px) {
@media (max-width: 1250px) {
.press-content-news-item-img {
height: 66.7%;
}
}
@media (max-width: 1100px) {
.press-content-news-item-img__photo {
width: 100%;
}
.company-tour-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.company-tour__button {
padding: 15px 20px;
margin-right: 10px;
}
.company-tour {
padding: 20px 100px 20px 80px;
}
.point-item {
transform: translateY(70%);
}
.form-ui {
padding: 50px 30px;
}
.footer-navbar-logo {
margin-right: 30px;
}
.form-ui-inner-content__input {
width: 110px;
}
}
@media (max-width: 950px) {
.point {
margin: 0 20px 0 20px;
}
.heading-menu-item {
margin-left: 50px;
}
.point-item {
transform: translateY(73%);
}
.press-content-media-wrapper__link {
margin-right: 15px;
}
.ecology-fact,
.press-content-media {
padding-left: 30px;
}
.footer {
padding: 24px 16px;
height: 105px;
box-sizing: border-box;
&-navbar {
display: none;
}
&-info {
flex-wrap: wrap;
&-social {
&__link {
margin-right: 16px;
}
}
&__copy {
margin-left: auto;
}
&-dev {
margin: 0;
margin-left: auto;
&__text {
font-size: 12px;
margin-right: 10px;
}
}
}
}
}
@media (max-width: 800px) {
.navbar {
padding: 16px 16px 24px;
justify-content: space-between;
......@@ -1616,10 +1885,17 @@ a {
}
&-video {
width: 100%;
&__button {
display: block;
z-index: 10;
}
}
&-button {
display: none;
}
&-button img {
height: 128px;
}
&-tour {
width: 100%;
padding: 46px 16px 52px;
......@@ -1648,6 +1924,7 @@ a {
&-item {
width: 100%;
padding: 32px 38px;
height: 208px;
&__num {
font-size: 26px;
margin-bottom: 10px;
......@@ -1882,34 +2159,6 @@ a {
}
}
}
.footer {
padding: 24px 16px;
height: 105px;
box-sizing: border-box;
&-navbar {
display: none;
}
&-info {
flex-wrap: wrap;
&-social {
&__link {
margin-right: 16px;
}
}
&__copy {
margin-left: auto;
}
&-dev {
margin: 0;
margin-left: auto;
&__text {
font-size: 12px;
margin-right: 10px;
}
}
}
}
}
@media (max-width: 430px) {
......
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