commit 1305e6d9c4904aad38d8739e4ddfc18b4ac13a3d Author: merelendor Date: Thu Oct 21 17:23:33 2021 +0300 initial diff --git a/.eslintrc.json b/.eslintrc.json new file mode 100644 index 0000000..bffb357 --- /dev/null +++ b/.eslintrc.json @@ -0,0 +1,3 @@ +{ + "extends": "next/core-web-vitals" +} diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..1437c53 --- /dev/null +++ b/.gitignore @@ -0,0 +1,34 @@ +# See https://help.github.com/articles/ignoring-files/ for more about ignoring files. + +# dependencies +/node_modules +/.pnp +.pnp.js + +# testing +/coverage + +# next.js +/.next/ +/out/ + +# production +/build + +# misc +.DS_Store +*.pem + +# debug +npm-debug.log* +yarn-debug.log* +yarn-error.log* + +# local env files +.env.local +.env.development.local +.env.test.local +.env.production.local + +# vercel +.vercel diff --git a/README.md b/README.md new file mode 100644 index 0000000..b12f3e3 --- /dev/null +++ b/README.md @@ -0,0 +1,34 @@ +This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app). + +## Getting Started + +First, run the development server: + +```bash +npm run dev +# or +yarn dev +``` + +Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. + +You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file. + +[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`. + +The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages. + +## Learn More + +To learn more about Next.js, take a look at the following resources: + +- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API. +- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial. + +You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome! + +## Deploy on Vercel + +The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js. + +Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details. diff --git a/css/components/style.css b/css/components/style.css new file mode 100644 index 0000000..b77e64d --- /dev/null +++ b/css/components/style.css @@ -0,0 +1,317 @@ +button, +.button { + border: 0; + background: transparent; + appearance: none; + box-shadow: none; + cursor: pointer; + box-sizing: border-box; + padding: 0px 15px; + display: inline-flex; + align-items: center; + justify-content: center; + height: 40px; + font-weight: 600; + font-size: 15px; + line-height: 20px; +} +.button { + color: var(--blue); + background: #fff; +} +.button:disabled { + opacity: 0.48; + cursor: default; +} +.button.icon:before { + content: ""; + display: block; + width: 16px; + height: 16px; + margin-right: 12px; +} +.button.button-blue { + background: var(--blue); + color: #fff; +} +.button.button-blue.icon:before { + background: url("/images/icons/btn_icon_white.svg") no-repeat center; +} +.button.button-blue.transparent { + color: var(--blue); + background: transparent; +} +.button.button-blue.transparent.icon:before { + background: url("/images/icons/btn_icon_blue.svg") no-repeat center; +} +.button.button-gray { + color: var(--gray); + background: var(--gray-light); +} +.button.button-gray.transparent { + color: var(--gray); + background: transparent; +} +.button.button-gray.icon:before { + background: url("/images/icons/btn_icon_gray.svg") no-repeat center; +} +.button.button-compact { + width: 40px; + height: 40px; + text-indent: -9999px; + overflow: hidden; +} +.button.button-compact.icon:before { + margin-right: 0; +} +input[type="checkbox"] { + display: none; + visibility: hidden; +} +input[type="checkbox"] + label { + display: flex; + align-items: center; + cursor: pointer; +} +input[type="checkbox"] + label:before { + content: ""; + display: block; + width: 16px; + min-width: 16px; + height: 16px; + border: 1px solid rgba(0, 16, 61, 0.12); + box-sizing: border-box; + border-radius: 4px; + margin-right: 12px; +} +input[type="checkbox"]:checked + label:before { + background: url("/images/icons/checkbox_white.svg") no-repeat center var(--primary); + border-color: var(--primary); +} +input[type="checkbox"]:disabled + label:before { + background: url("/images/icons/checkbox_gray.svg") no-repeat center var(--gray-light); + cursor: none; +} +input[type="radio"] { + display: none; + visibility: hidden; +} +input[type="radio"] + label { + display: block; + padding-left: 28px; + cursor: pointer; +} +input[type="radio"] + label:before { + content: ""; + display: block; + border: 1px solid rgba(0, 16, 61, 0.12); + box-sizing: border-box; + border-radius: 100%; +} +input[type="radio"]:checked + label:before { + background: #fff; +} +input[type="radio"]:disabled + label:before { + background: var(--gray); + cursor: none; +} +.selected_item { + display: flex; + align-items: center; + justify-content: center; + background: var(--gray-light); + box-sizing: border-box; + padding: 0 2px; +} +.selected_item img { + width: 24px; + height: 24px; + object-fit: cover; + object-position: center; + margin-right: 8px; +} +.selected_item .delete { + margin-left: 8px; + width: 28px; + height: 28px; + background: url("/images/icons/delete_gray.svg") no-repeat center; +} +.list-column { + column-gap: 20px; + list-style: disc; + margin: 15px 0 15px 15px; +} +.list-column li { + line-height: 25px; +} +.list-column[data-column="2"] { + column-count: 2; +} +.list-column[data-column="3"] { + column-count: 3; +} +.form_field { + position: relative; +} +.form_field .clear { + position: absolute; + top: 0; + right: 0; + width: 40px; + height: 40px; + background: url("/images/icons/delete_black.svg") no-repeat center; + z-index: 2; +} +.form_field input, +.form_field textarea, +.form_field select { + border: 1px solid rgba(0, 16, 61, 0.12); + box-sizing: border-box; + height: 40px; + background: #fff; + padding: 0 12px; + width: 100%; + outline: none; + font-size: 15px; +} +.form_field input.error, +.form_field textarea.error, +.form_field select.error { + border-color: var(--red); +} +.form_field input.filled, +.form_field textarea.filled, +.form_field select.filled { + border-color: rgba(0, 16, 61, 0.48); +} +.form_field input:disabled, +.form_field textarea:disabled, +.form_field select:disabled { + background: var(--gray-light); +} +.form_field input[type="search"], +.form_field textarea[type="search"], +.form_field select[type="search"] { + padding-left: 32px; + background-image: url("/images/icons/icon-search.svg"); + background-repeat: no-repeat; + background-position: 8px 50%; +} +.form_field input[type="date"], +.form_field textarea[type="date"], +.form_field select[type="date"], +.form_field input.date_input, +.form_field textarea.date_input, +.form_field select.date_input { + padding-left: 32px; + background-image: url("/images/icons/icon-date.svg"); + background-repeat: no-repeat; + background-position: 8px 50%; +} +.form_field input[type="date"]::-webkit-inner-spin-button, +.form_field textarea[type="date"]::-webkit-inner-spin-button, +.form_field select[type="date"]::-webkit-inner-spin-button, +.form_field input.date_input::-webkit-inner-spin-button, +.form_field textarea.date_input::-webkit-inner-spin-button, +.form_field select.date_input::-webkit-inner-spin-button, +.form_field input[type="date"]::-webkit-calendar-picker-indicator, +.form_field textarea[type="date"]::-webkit-calendar-picker-indicator, +.form_field select[type="date"]::-webkit-calendar-picker-indicator, +.form_field input.date_input::-webkit-calendar-picker-indicator, +.form_field textarea.date_input::-webkit-calendar-picker-indicator, +.form_field select.date_input::-webkit-calendar-picker-indicator { + display: none; + -webkit-appearance: none; +} +.form_field select { + background-image: url("/images/icons/icon-select.svg"); + background-repeat: no-repeat; + background-position: calc(100% - 16px) 50%; + -webkit-appearance: none; + -moz-appearance: none; +} +.form_field select::-ms-expand { + display: none; +} +.form_field textarea { + padding-top: 10px; + height: 80px; +} +.fieldgroup { + display: flex; + justify-content: space-between; +} +.socials { + display: flex; +} +.socials a { + display: block; + width: 32px; + height: 32px; + text-decoration: none; +} +.socials a:not(:last-child) { + margin-right: 22px; +} +.tabs { + display: flex; +} +.tabs .tab { + line-height: 40px; + margin-right: 8px; + padding: 0 20px; + cursor: pointer; +} +.tabs .tab.active { + background: var(--blue); + color: #fff; + font-weight: 700; + cursor: default; +} +.pagination { + margin-top: 40px; +} +.pagination ul { + display: flex; + align-items: flex-end; + justify-content: flex-end; +} +.pagination ul li { + font-size: 26px; + line-height: 35px; + color: var(--blue); +} +.pagination ul li a { + display: block; + padding: 0 5px; +} +.image-full { + width: 100%; + margin-bottom: 50px; + height: 450px; + background: var(--gray-light); +} +.image-full img { + width: 100%; + height: 100%; + object-fit: cover; +} +ul.custom-dots { + list-style: none; + padding: 0; +} +ul.custom-dots li { + padding-left: 15px; + position: relative; +} +ul.custom-dots li:before { + content: ""; + display: block; + position: absolute; + width: 2px; + height: 2px; + background: #000; + border-radius: 2px; + top: 9px; + left: 5px; +} diff --git a/css/components/style.css.map b/css/components/style.css.map new file mode 100644 index 0000000..5dd8f46 --- /dev/null +++ b/css/components/style.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["style.less"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/css/components/style.less b/css/components/style.less new file mode 100644 index 0000000..179cad4 --- /dev/null +++ b/css/components/style.less @@ -0,0 +1,371 @@ +// Buttons +button, +.button { + border: 0; + background: transparent; + appearance: none; + box-shadow: none; + cursor: pointer; + box-sizing: border-box; + padding: 0px 15px; + display: inline-flex; + align-items: center; + justify-content: center; + height: 40px; + font-weight: 600; + font-size: 15px; + line-height: 20px; +} + +.button { + color: var(--blue); + background: #fff; + + + &:disabled { + opacity: 0.48; + cursor: default; + } + + &.icon { + &:before { + content: ""; + display: block; + width: 16px; + height: 16px; + margin-right: 12px; + } + } + + &.button-blue { + background: var(--blue); + color: #fff; + + &.icon:before { + background: url("/images/icons/btn_icon_white.svg") no-repeat center; + } + + &.transparent { + color: var(--blue); + background: transparent; + + &.icon:before { + background: url("/images/icons/btn_icon_blue.svg") no-repeat center; + } + } + } + + &.button-gray { + color: var(--gray); + background: var(--gray-light); + + &.transparent { + color: var(--gray); + background: transparent; + } + + &.icon:before { + background: url("/images/icons/btn_icon_gray.svg") no-repeat center; + } + } + + &.button-compact { + width: 40px; + height: 40px; + text-indent: -9999px; + overflow: hidden; + + &.icon:before { + margin-right: 0; + } + } +} + +// Labels +input[type="checkbox"] { + display: none; + visibility: hidden; + + & + label { + display: flex; + align-items: center; + cursor: pointer; + + + &:before { + content: ""; + display: block; + width: 16px; + min-width: 16px; + height: 16px; + border: 1px solid rgba(0, 16, 61, 0.12); + box-sizing: border-box; + border-radius: 4px; + margin-right: 12px; + } + } + + &:checked + label { + &:before { + background: url("/images/icons/checkbox_white.svg") no-repeat center var(--primary); + border-color: var(--primary); + } + } + &:disabled + label { + &:before { + background: url("/images/icons/checkbox_gray.svg") no-repeat center var(--gray-light); + cursor: none; + } + } +} + +input[type="radio"] { + display: none; + visibility: hidden; + + & + label { + display: block; + padding-left: 28px; + cursor: pointer; + + &:before { + content: ""; + display: block; + border: 1px solid rgba(0, 16, 61, 0.12); + box-sizing: border-box; + border-radius: 100%; + } + } + + &:checked + label { + &:before { + background: #fff; + } + } + &:disabled + label { + &:before { + background: var(--gray); + cursor: none; + } + } +} + +// Seleted Blocks +.selected_item { + display: flex; + align-items: center; + justify-content: center; + background: var(--gray-light); + box-sizing: border-box; + padding: 0 2px; + + img { + width: 24px; + height: 24px; + object-fit: cover; + object-position: center; + margin-right: 8px; + } + + .delete { + margin-left: 8px; + width: 28px; + height: 28px; + background: url("/images/icons/delete_gray.svg") no-repeat center; + } +} + +// Text columns +.list-column { + column-gap: 20px; + list-style: disc; + margin: 15px 0 15px 15px; + + li { + line-height: 25px; + }; + + &[data-column="2"] { + column-count: 2; + } + + &[data-column="3"] { + column-count: 3; + } +} + +// Form elements +.form_field { + position: relative; + + .clear { + position: absolute; + top: 0; + right: 0; + width: 40px; + height: 40px; + background: url("/images/icons/delete_black.svg") no-repeat center; + z-index: 2; + } + + input, textarea, select { + border: 1px solid rgba(0, 16, 61, 0.12); + box-sizing: border-box; + height: 40px; + background: #fff; + padding: 0 12px; + width: 100%; + outline: none; + font-size: 15px; + + &.error { + border-color: var(--red); + } + + &.filled { + border-color: rgba(0, 16, 61, 0.48); + } + + &:disabled { + background: var(--gray-light); + } + + &[type="search"] { + padding-left: 32px; + background-image: url("/images/icons/icon-search.svg"); + background-repeat: no-repeat; + background-position: 8px 50%; + } + + &[type="date"], + &.date_input { + padding-left: 32px; + background-image: url("/images/icons/icon-date.svg"); + background-repeat: no-repeat; + background-position: 8px 50%; + + &::-webkit-inner-spin-button, + &::-webkit-calendar-picker-indicator { + display: none; + -webkit-appearance: none; + } + } + } + + select { + background-image: url("/images/icons/icon-select.svg"); + background-repeat: no-repeat; + background-position: calc(100% - 16px) 50%; + -webkit-appearance: none; + -moz-appearance: none; + + &::-ms-expand { + display: none; + } + } + + textarea { + padding-top: 10px; + height: 80px; + } +} + +.fieldgroup { + display: flex; + justify-content: space-between; +} + + +// social +.socials { + display: flex; + + a { + display: block; + width: 32px; + height: 32px; + text-decoration: none; + + &:not(:last-child) { + margin-right: 22px; + } + } +} + +// Tabs +.tabs { + display: flex; + + .tab { + line-height: 40px; + margin-right: 8px; + padding: 0 20px; + cursor: pointer; + + &.active { + background: var(--blue); + color: #fff; + font-weight: 700; + cursor: default; + } + } +} + +// Pagination +.pagination { + margin-top: 40px; + + ul { + display: flex; + align-items: flex-end; + justify-content: flex-end; + + li { + font-size: 26px; + line-height: 35px; + color: var(--blue); + + a { + display: block; + padding: 0 5px; + } + } + } +} + +// Превью изображения +.image-full { + width: 100%; + margin-bottom: 50px; + height: 450px; + background: var(--gray-light); + + img { + width: 100%; + height: 100%; + object-fit: cover; + } +} + +// UL с кастомными точками +ul.custom-dots { + list-style: none; + padding: 0; + + li { + padding-left: 15px; + position: relative; + + &:before { + content: ""; + display: block; + position: absolute; + width: 2px; + height: 2px; + background: #000; + border-radius: 2px; + top: 9px; + left: 5px; + } + } +} \ No newline at end of file diff --git a/css/footer/style.css b/css/footer/style.css new file mode 100644 index 0000000..887813e --- /dev/null +++ b/css/footer/style.css @@ -0,0 +1,48 @@ +footer { + background: #EDEFF5; + padding: 45px 0; + box-sizing: border-box; +} +footer .container { + display: flex; + justify-content: space-between; + align-items: flex-start; + background: transparent; +} +footer .column { + width: 270px; +} +footer .column li:not(:last-child) { + margin-bottom: 13px; +} +footer .column li a { + color: #000; +} +footer .column p { + color: #8E94A7; + line-height: 32px; +} +footer .column a[href^="tel"] { + display: inline-block; + font-size: 16px; + line-height: 32px; + color: #000; + padding-left: 40px; + background: url("/images/icons/icon-phone.svg") no-repeat left center; +} +footer .column a[href^="mailto"] { + display: inline-block; + font-size: 16px; + line-height: 24px; + color: #000; + padding-left: 40px; + background: url("/images/icons/icon-mail.svg") no-repeat left center; +} +footer .column div:nth-child(1), +footer .column div:nth-child(2), +footer .column div.socials { + margin-bottom: 40px; +} +footer .column div a { + line-height: 32px; +} diff --git a/css/footer/style.css.map b/css/footer/style.css.map new file mode 100644 index 0000000..d80b017 --- /dev/null +++ b/css/footer/style.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["style.less"],"names":[],"mappings":"AAAA,OACI,kBAAA,CACA,cAAA,CACA,sBAHJ,MAKI,YACI,YAAA,CACA,6BAAA,CACA,sBAAA,CACA,uBATR,MAYI,SACI,YAGQ,MAJZ,QAGQ,GACK,IAAI,cACD,mBAjBpB,MAYI,QAGQ,GAKI,GACI,WArBpB,MAYI,QAcQ,GACI,aAAA,CACA,iBAIA,MApBZ,QAmBQ,EACK,cACG,oBAAA,CACA,cAAA,CACA,gBAAA,CACA,UAAA,CACA,iBAAA,CACA,eAAgB,2DAGpB,MA7BZ,QAmBQ,EAUK,iBACG,oBAAA,CACA,cAAA,CACA,gBAAA,CACA,UAAA,CACA,iBAAA,CACA,eAAgB,0DAKpB,MAxCZ,QAuCQ,IACK,UAAU,IACX,MAzCZ,QAuCQ,IAEK,UAAU,IACX,MA1CZ,QAuCQ,IAGK,SAAU,mBAtD3B,MAYI,QAuCQ,IAKI,GACI"} \ No newline at end of file diff --git a/css/footer/style.less b/css/footer/style.less new file mode 100644 index 0000000..48f0796 --- /dev/null +++ b/css/footer/style.less @@ -0,0 +1,62 @@ +footer { + background: #EDEFF5; + padding: 45px 0; + box-sizing: border-box; + + .container { + display: flex; + justify-content: space-between; + align-items: flex-start; + background: transparent; + } + + .column { + width: 270px; + + li{ + &:not(:last-child) { + margin-bottom: 13px; + } + + a { + color: #000; + + } + } + + p { + color: #8E94A7; + line-height: 32px; + } + + a { + &[href^="tel"] { + display: inline-block; + font-size: 16px; + line-height: 32px; + color: #000; + padding-left: 40px; + background: url("/images/icons/icon-phone.svg") no-repeat left center; + } + + &[href^="mailto"] { + display: inline-block; + font-size: 16px; + line-height: 24px; + color: #000; + padding-left: 40px; + background: url("/images/icons/icon-mail.svg") no-repeat left center; + } + } + + div { + &:nth-child(1), + &:nth-child(2), + &.socials {margin-bottom: 40px;} + + a { + line-height: 32px; + } + } + } +} \ No newline at end of file diff --git a/css/forms/style.css b/css/forms/style.css new file mode 100644 index 0000000..6c436cf --- /dev/null +++ b/css/forms/style.css @@ -0,0 +1,152 @@ +#filter.filter_in_catalog:not(.visible) { + display: none; +} +#filter.filter_in_catalog .container { + padding-top: 0; + padding-bottom: 0; + margin-bottom: 40px; +} +#filter .filter_header { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 40px; +} +#filter .filter_header .button { + width: calc(33.333% - 21px); +} +#filter .filter_body { + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} +#filter .filter_body .form_field { + width: calc(33.333% - 21px); + margin-bottom: 10px; +} +#filter .filter_body .fieldgroup { + width: calc(33.333% - 21px); +} +#filter .filter_body .fieldgroup .form_field { + width: calc(50% - 20px); +} +#catalog_small_filter { + margin-bottom: 40px; +} +#catalog_small_filter.hidden { + display: none; +} +#catalog_small_filter .filter_body { + display: flex; + justify-content: flex-end; +} +#catalog_small_filter .filter_body select { + margin-right: 30px; + width: 306px; +} +#catalog_small_filter .filter_body button { + width: 220px; +} +#order .order_form { + position: relative; + margin: 0 -25px; +} +#order .order_form .order_email { + display: flex; + align-items: center; + position: absolute; + z-index: 1; + background: #EDEFF5; + height: 235px; + left: 0; + right: 0; + top: 0; + bottom: 0; + margin: auto; +} +#order .order_form .order_email p { + width: 320px; + font-size: 24px; + line-height: 45px; + padding: 0 20px; +} +#order .order_form form { + width: 750px; + background: var(--blue); + box-sizing: border-box; + padding: 55px 90px; + margin: auto; + margin-left: 390px; + position: relative; + z-index: 2; +} +#order .order_form form input { + margin-bottom: 32px; + background: rgba(255, 255, 255, 0.2); + color: #fff; +} +#order .order_form form input::placeholder { + color: #fff; +} +#order .order_form form .policy { + position: relative; + z-index: 2; + margin: -16px 25px 45px 25px; +} +#order .order_form form .policy label { + color: #fff; + font-weight: 300; +} +#order .order_form form .policy label:before { + background: #fff; + border-radius: 0; +} +#order .order_form form .policy input:checked + label:before { + border-color: #fff; + background: url("/images/icons/checkbox_blue.svg") no-repeat center #fff; +} +#order .order_form form .button { + display: inherit; + margin-left: auto; +} +.login { + max-width: 410px; +} +.login .form_field { + margin-bottom: 15px; +} +.login input[name="login"] { + padding-left: 32px; + background: url("/images/icons/icon-login.svg") no-repeat 8px 50%; +} +.login input[name="pass"] { + padding-left: 32px; + background: url("/images/icons/icon-pass.svg") no-repeat 8px 50%; +} +.login .button { + width: 90px; + display: block; + margin-left: auto; +} +.contract_search { + margin-bottom: 55px; +} +.contract_search form { + display: flex; + align-items: center; + justify-content: space-between; +} +.contract_search form .form_field:first-child { + width: calc(50% - 15px); + min-width: calc(50% - 15px); + margin-right: 15px; +} +.contract_search form .form_field:nth-child(2), +.contract_search form .form_field:nth-child(3) { + width: 100%; + margin-right: 15px; +} +.contract_search form .form_field .button { + width: 158px; + min-width: 158px; +} diff --git a/css/forms/style.css.map b/css/forms/style.css.map new file mode 100644 index 0000000..4b01e27 --- /dev/null +++ b/css/forms/style.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["style.less"],"names":[],"mappings":"AAGQ,OAAC,kBAAkB,IAAI,WACnB,aAGJ,OAAC,kBACG,YACI,aAAA,CACA,gBAAA,CACA,mBAVZ,OAcI,gBACI,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,mBAlBR,OAcI,eAMI,SACI,MAAO,qBArBnB,OAyBI,cACI,YAAA,CACA,cAAA,CACA,8BA5BR,OAyBI,aAKI,aACI,MAAO,oBAAP,CACA,mBAhCZ,OAyBI,aAUI,aACI,MAAO,qBApCnB,OAyBI,aAUI,YAGI,aACI,MAAO,iBAO3B,sBACI,mBAEA,qBAAC,QACG,aAJR,qBAOI,cACI,YAAA,CACA,yBATR,qBAOI,aAII,QACI,iBAAA,CACA,YAbZ,qBAOI,aASI,QACI,YAMZ,MAEI,aACI,iBAAA,CACA,eAJR,MAEI,YAII,cACI,YAAA,CACA,kBAAA,CACA,iBAAA,CACA,SAAA,CACA,kBAAA,CACA,YAAA,CACA,MAAA,CACA,OAAA,CACA,KAAA,CACA,QAAA,CACA,YAjBZ,MAEI,YAII,aAaI,GACI,WAAA,CACA,cAAA,CACA,gBAAA,CACA,eAvBhB,MAEI,YAyBI,MACI,WAAA,CACA,WAAY,WAAZ,CACA,qBAAA,CACA,iBAAA,CACA,WAAA,CACA,iBAAA,CACA,iBAAA,CACA,UAnCZ,MAEI,YAyBI,KAUI,OACI,kBAAA,CACA,gCAAA,CACA,WAEA,MAxCZ,YAyBI,KAUI,MAKK,cACG,WA3CpB,MAEI,YAyBI,KAoBI,SACI,iBAAA,CACA,SAAA,CACA,4BAlDhB,MAEI,YAyBI,KAoBI,QAKI,OACI,UAAA,CACA,gBAEA,MAtDhB,YAyBI,KAoBI,QAKI,MAIK,QACG,eAAA,CACA,gBA1DxB,MAEI,YAyBI,KAoBI,QAeI,MAAK,QAAS,MAAO,QACjB,iBAAA,CACA,eAAgB,8DAhEpC,MAEI,YAyBI,KAyCI,SACI,eAAA,CACA,iBAOhB,OACI,gBADJ,MAGI,aACI,mBAJR,MAOI,MAAK,eACD,iBAAA,CACA,eAAgB,uDATxB,MAYI,MAAK,cACD,iBAAA,CACA,eAAgB,sDAdxB,MAiBI,SACI,UAAA,CACA,aAAA,CACA,iBAMR,iBACI,mBADJ,gBAEI,MACI,YAAA,CACA,kBAAA,CACA,8BAGI,gBANR,KAKI,YACK,aACG,MAAO,gBAAP,CACA,UAAW,gBAAX,CACA,kBAGJ,gBAZR,KAKI,YAOK,UAAU,IACX,gBAbR,KAKI,YAQK,UAAU,IACP,UAAA,CACA,kBAjBhB,gBAEI,KAKI,YAaI,SACI,WAAA,CACA"} \ No newline at end of file diff --git a/css/forms/style.less b/css/forms/style.less new file mode 100644 index 0000000..37b94c5 --- /dev/null +++ b/css/forms/style.less @@ -0,0 +1,200 @@ +// Filter { + #filter { + + &.filter_in_catalog:not(.visible) { + display: none; + } + + &.filter_in_catalog { + .container { + padding-top: 0; + padding-bottom: 0; + margin-bottom: 40px; + } + } + + .filter_header { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 40px; + + .button { + width: calc(33.333% - 21px); + } + } + + .filter_body { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + + .form_field { + width: calc(33.333% - 21px); + margin-bottom: 10px; + } + + .fieldgroup { + width: calc(33.333% - 21px); + + .form_field { + width: calc(50% - 20px); + } + } + } + } + +// Catalog smamm filter +#catalog_small_filter { + margin-bottom: 40px; + + &.hidden { + display: none; + } + + .filter_body { + display: flex; + justify-content: flex-end; + + select { + margin-right: 30px; + width: 306px; + } + + button { + width: 220px; + } + } +} + +// Order +#order { + + .order_form { + position: relative; + margin: 0 -25px; + + .order_email { + display: flex; + align-items: center; + position: absolute; + z-index: 1; + background: #EDEFF5; + height: 235px; + left: 0; + right: 0; + top: 0; + bottom: 0; + margin: auto; + + p { + width: 320px; + font-size: 24px; + line-height: 45px; + padding: 0 20px; + } + } + + form { + width: 750px; + background: var(--blue); + box-sizing: border-box; + padding: 55px 90px; + margin: auto; + margin-left: 390px; + position: relative; + z-index: 2; + + input { + margin-bottom: 32px; + background: rgba(255, 255, 255, 0.2); + color: #fff; + + &::placeholder { + color: #fff; + } + } + + .policy { + position: relative; + z-index: 2; + margin: -16px 25px 45px 25px; + + label { + color: #fff; + font-weight: 300; + + &:before { + background: #fff; + border-radius: 0; + } + } + + input:checked + label:before { + border-color: #fff; + background: url("/images/icons/checkbox_blue.svg") no-repeat center #fff; + } + } + + .button { + display: inherit; + margin-left: auto; + } + } + } +} + +// Login +.login { + max-width: 410px; + + .form_field { + margin-bottom: 15px; + } + + input[name="login"] { + padding-left: 32px; + background: url("/images/icons/icon-login.svg") no-repeat 8px 50%; + } + + input[name="pass"] { + padding-left: 32px; + background: url("/images/icons/icon-pass.svg") no-repeat 8px 50%; + } + + .button { + width: 90px; + display: block; + margin-left: auto; + } +} + + +// Поиск договора в лк +.contract_search { + margin-bottom: 55px; + form { + display: flex; + align-items: center; + justify-content: space-between; + + .form_field { + &:first-child { + width: calc(50% - 15px); + min-width: calc(50% - 15px); + margin-right: 15px; + } + + &:nth-child(2), + &:nth-child(3) { + width: 100%; + margin-right: 15px; + } + + .button { + width: 158px; + min-width: 158px; + } + } + } +} \ No newline at end of file diff --git a/css/header/style.css b/css/header/style.css new file mode 100644 index 0000000..952b03f --- /dev/null +++ b/css/header/style.css @@ -0,0 +1,61 @@ +header { + background: #fff; + position: fixed; + z-index: 99; + left: 0; + right: 0; + height: 112px; + font-size: 16px; + line-height: 24px; + box-shadow: 8px 8px 16px 4px rgba(133, 139, 146, 0.06); +} +header .container { + height: inherit; + display: flex; + align-items: center; + justify-content: space-between; + padding: 0; + background: #fff; +} +header .container:after { + display: none; +} +header a { + text-decoration: none; + color: #000; +} +header a.logo { + transform: translateY(4px); +} +header .header_menu { + margin: 0 32px; + padding: 0 32px; + border-left: 1px solid #E7E9F0; + border-right: 1px solid #E7E9F0; + display: flex; + align-items: center; + justify-content: space-between; + height: 32px; + width: 100%; +} +header .header_menu nav ul { + display: flex; +} +header .header_menu nav ul li:not(:last-child) { + margin-right: 24px; +} +header .header_menu nav ul li:last-child { + margin-right: 63px; +} +header .header_menu nav ul li a.active { + color: var(--blue); + font-weight: 700; +} +header .lk { + display: block; + text-decoration: none; + min-width: 32px; + width: 32px; + height: 32px; + background: url("/images/icons/icon-lk.svg") no-repeat center; +} diff --git a/css/header/style.css.map b/css/header/style.css.map new file mode 100644 index 0000000..7ea5dfd --- /dev/null +++ b/css/header/style.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["style.less"],"names":[],"mappings":"AAAA,OACI,eAAA,CACA,cAAA,CACA,UAAA,CACA,MAAA,CACA,OAAA,CAEA,YAAA,CACA,cAAA,CACA,gBAAA,CACA,mDAVJ,MAYI,YACI,cAAA,CACA,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,SAAA,CACA,gBAEA,MARJ,WAQK,OACG,aArBZ,MAyBI,GACI,oBAAA,CACA,WAEA,MAJJ,EAIK,MACG,UAAW,gBA9BvB,MAkCI,cACI,aAAA,CACA,cAAA,CACA,6BAAA,CACA,8BAAA,CACA,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,WAAA,CACA,WA3CR,MAkCI,aAWI,IACI,IACI,aAGI,MAhBhB,aAWI,IACI,GAGI,GACK,IAAI,cACD,kBAGJ,MApBhB,aAWI,IACI,GAGI,GAKK,YACG,kBAIA,MAzBpB,aAWI,IACI,GAGI,GASI,EACK,QACG,MAAO,WAAP,CACA,gBA7D5B,MAqEI,KACI,aAAA,CACA,oBAAA,CACA,cAAA,CACA,UAAA,CACA,WAAA,CACA,eAAgB"} \ No newline at end of file diff --git a/css/header/style.less b/css/header/style.less new file mode 100644 index 0000000..d73d5b7 --- /dev/null +++ b/css/header/style.less @@ -0,0 +1,78 @@ +header { + background: #fff; + position: fixed; + z-index: 99; + left: 0; + right: 0; + + height: 112px; + font-size: 16px; + line-height: 24px; + box-shadow: 8px 8px 16px 4px rgba(133, 139, 146, 0.06); + + .container { + height: inherit; + display: flex; + align-items: center; + justify-content: space-between; + padding: 0; + background: #fff; + + &:after { + display: none; + } + } + + a { + text-decoration: none; + color: #000; + + &.logo { + transform: translateY(4px); + } + } + + .header_menu { + margin: 0 32px; + padding: 0 32px; + border-left: 1px solid #E7E9F0; + border-right: 1px solid #E7E9F0; + display: flex; + align-items: center; + justify-content: space-between; + height: 32px; + width: 100%; + + nav { + ul { + display: flex; + + li { + &:not(:last-child) { + margin-right: 24px; + } + + &:last-child { + margin-right: 63px; + } + + a { + &.active { + color: var(--blue); + font-weight: 700; + } + } + } + } + } + } + + .lk { + display: block; + text-decoration: none; + min-width: 32px; + width: 32px; + height: 32px; + background: url("/images/icons/icon-lk.svg") no-repeat center; + } +} \ No newline at end of file diff --git a/css/main/style.css b/css/main/style.css new file mode 100644 index 0000000..edb1ff4 --- /dev/null +++ b/css/main/style.css @@ -0,0 +1,1433 @@ +main { + overflow: hidden; +} +main section.gray { + background: var(--inactive); +} +main .title_wrapper { + display: flex; + justify-content: space-between; + margin-bottom: 50px; +} +main .title_wrapper h1, +main .title_wrapper h2, +main .title_wrapper h3, +main .title_wrapper h4, +main .title_wrapper h5 { + margin-bottom: 0; + line-height: 1; +} +main .title_wrapper .title_link { + font-weight: 600; + display: inline-block; + margin-left: 55px; + align-self: flex-end; + line-height: 24px; +} +main .title_wrapper .left { + display: flex; +} +main .title_wrapper .right { + display: flex; +} +main #main_slider { + height: 708px; + background: var(--gray-light); + padding: 0; + position: relative; +} +main #main_slider .container { + position: relative; + height: 100%; + background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 1px, transparent 2px, transparent 20%); +} +main #main_slider .slider_active_title { + font-weight: bold; + font-size: 43px; + line-height: 63px; + letter-spacing: 2px; + color: #fff; + max-width: 560px; + position: absolute; + top: 176px; + left: 0; + text-transform: uppercase; + font-family: 'PF Din Display Pro Bold'; +} +main #main_slider .slider_list { + position: absolute; + bottom: 0; + left: 0; + right: 0; + display: flex; +} +main #main_slider .slider_list .slider_item { + width: 20%; + max-width: 20%; + height: 300px; + padding: 15px 25px; + display: flex; + flex-wrap: wrap; + align-items: flex-end; + align-content: flex-end; + cursor: pointer; + position: relative; + overflow: hidden; +} +main #main_slider .slider_list .slider_item:after { + content: ""; + display: block; + position: absolute; + left: 0; + right: 0; + top: 0; + z-index: 1; + width: 100%; + height: 100%; + transform: translateY(100%); + transition: 175ms transform cubic-bezier(0.25, 0.46, 0.45, 0.94); +} +main #main_slider .slider_list .slider_item .item_name { + font-size: 24px; + line-height: 24px; + text-transform: uppercase; + color: #fff; + width: 100%; + display: flex; + height: 86px; + align-content: center; + align-items: center; + justify-content: space-between; + transition: 175ms transform cubic-bezier(0.25, 0.46, 0.45, 0.94); + transform: translateY(57px); + position: relative; + z-index: 2; + margin-right: 15px; + font-family: 'PF Din Display Pro Bold'; +} +main #main_slider .slider_list .slider_item .item_name:after { + content: ""; + display: block; + width: 22px; + min-width: 22px; + height: 14px; + background: url("/images/icons/slider_arrow.svg") no-repeat center; +} +main #main_slider .slider_list .slider_item a { + display: inline-block; + line-height: 40px; + color: #fff; + font-weight: 600; + transition: 175ms transform cubic-bezier(0.25, 0.46, 0.45, 0.94); + transform: translateY(57px); + position: relative; + z-index: 2; +} +main #main_slider .slider_list .slider_item.active { + background: currentColor; +} +main #main_slider .slider_list .slider_item.active .item_name, +main #main_slider .slider_list .slider_item.active a { + transform: translateY(0px); +} +main #main_slider .slider_list .slider_item.active .item_name:after { + width: 44px; + background: url("/images/icons/slider_arrow-hover.svg") no-repeat center; + transform: rotate(-90deg) translate(15px, 15px); +} +main #main_slider .slider_list .slider_item:hover .item_name, +main #main_slider .slider_list .slider_item:hover a { + transform: translateY(0px); +} +main #main_slider .slider_list .slider_item:hover:after { + transform: translateY(0px); + background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, currentColor 100%); +} +main #main_slider .slider_list .slider_navto { + width: 20%; + max-width: 20%; + height: 300px; +} +main #main_slider .slider_list .slider_navto a { + background: #fff; + width: 100%; + height: 100%; + clip-path: polygon(100% 0, 0% 100%, 100% 100%); + transition: 175ms background cubic-bezier(0.25, 0.46, 0.45, 0.94); + box-sizing: border-box; + padding: 0 25px; + display: flex; + align-items: flex-end; + justify-content: flex-end; +} +main #main_slider .slider_list .slider_navto a:after { + content: ""; + display: block; + width: 22px; + min-width: 22px; + height: 86px; + transition: 175ms all cubic-bezier(0.25, 0.46, 0.45, 0.94); + background: url("/images/icons/slider_arrow-blue.svg") no-repeat center; +} +main #main_slider .slider_list .slider_navto a:hover { + background: #04a8a4; +} +main #main_slider .slider_list .slider_navto a:hover:after { + width: 90px; + background: url("/images/icons/arrow-navto.svg") no-repeat center; +} +main #calc .container { + background: url("/images/calc-bg.jpg") no-repeat right center #EDEFF5; + padding: 70px 25px; + position: relative; +} +main #calc .container:after { + content: ""; + display: block; + position: absolute; + top: 0; + bottom: 0; + right: -100%; + width: 100%; + left: auto; + background-color: inherit; +} +main #calc .calc_body { + display: flex; + justify-content: space-between; +} +main #calc .calc_body .calc_settings { + width: 830px; +} +main #calc .calc_body .calc_settings .settings_box { + background: rgba(255, 255, 255, 0.6); + border-radius: 4px; + height: 57px; + margin-bottom: 80px; + position: relative; + display: flex; + flex-wrap: wrap; + align-items: flex-end; + justify-content: space-between; + padding: 10px; +} +main #calc .calc_body .calc_settings .settings_box:last-child { + margin-bottom: 20px; +} +main #calc .calc_body .calc_settings .settings_box p { + margin-bottom: 15px; + font-weight: 700; +} +main #calc .calc_body .calc_settings .settings_box p.min { + position: absolute; + top: 65px; + font-weight: 400; + left: 10px; + margin: 0; +} +main #calc .calc_body .calc_settings .settings_box p.max { + position: absolute; + top: 65px; + font-weight: 400; + right: 10px; + margin: 0; +} +main #calc .calc_body .calc_settings .settings_box .line { + position: relative; + width: 100%; + background: rgba(142, 148, 167, 0.4); + height: 5px; + z-index: 2; +} +main #calc .calc_body .calc_settings .settings_box .line .active_line { + background: var(--blue); + position: absolute; + left: 0; + bottom: 0; + height: 10px; +} +main #calc .calc_body .calc_settings .settings_box .line .dragble { + position: absolute; + top: 8px; + left: 0; + width: 16px; + height: 16px; + transform: rotate(45deg) translate(-6px, 6px); + cursor: pointer; + background: var(--blue); +} +main #calc .calc_body .calc_result { + width: 350px; + align-items: stretch; + align-content: stretch; + display: flex; + flex-wrap: wrap; +} +main #calc .calc_body .calc_result .result_box p { + font-weight: 700; +} +main #calc .calc_body .calc_result .result_box p.price { + font-size: 41px; + line-height: 1; +} +main #calc .calc_body .calc_result .result_box p.price sup { + font-weight: 300; + font-size: 12px; + line-height: 18px; + color: #8E94A7; + vertical-align: super; +} +main #calc .calc_body .calc_result .button { + width: 100%; + align-self: center; +} +main #calc .calc_body .calc_result .secondary { + align-self: flex-end; +} +main .news_arrows { + display: flex; + align-content: center; +} +main .news_arrows button { + width: 97px; + height: 28px; + background-color: var(--blue); + box-sizing: border-box; + padding: 0 10px; + transition: 175ms background ease-in-out; +} +main .news_arrows button svg { + width: 8px; + height: 12px; + margin-left: auto; +} +main .news_arrows button svg path { + stroke: #fff; + transition: 175ms stroke ease-in-out; +} +main .news_arrows button:disabled, +main .news_arrows button.slick-disabled { + cursor: default; + background-color: var(--inactive); + background-position: center; +} +main .news_arrows button:disabled svg, +main .news_arrows button.slick-disabled svg { + margin-left: 0; +} +main .news_arrows button:disabled svg path, +main .news_arrows button.slick-disabled svg path { + stroke: #8E94A7; +} +main .news_list, +main .career_list { + display: flex; + white-space: nowrap; + width: 100%; +} +main .news_list .slick-list, +main .career_list .slick-list { + width: 100%; +} +main .news_list .slick-list .slick-track, +main .career_list .slick-list .slick-track { + white-space: nowrap; + display: flex; + padding-right: 100px; +} +main .news_list .slick-list .slick-track:after, +main .career_list .slick-list .slick-track:after { + content: ""; + display: block; + width: 365px; + min-width: 365px; + height: 200px; +} +main .news_list .news_item, +main .career_list .news_item, +main .news_list .career_item, +main .career_list .career_item { + width: 365px; + min-width: 365px; + padding: 35px 20px; + background: #EDEFF5; + position: relative; +} +main .news_list .news_item p, +main .career_list .news_item p, +main .news_list .career_item p, +main .career_list .career_item p { + white-space: normal; + margin-bottom: 22px; + line-height: 24px; + transition: 175ms color ease-in-out; +} +main .news_list .news_item .news_date, +main .career_list .news_item .news_date, +main .news_list .career_item .news_date, +main .career_list .career_item .news_date { + margin-bottom: 35px; +} +main .news_list .news_item img, +main .career_list .news_item img, +main .news_list .career_item img, +main .career_list .career_item img { + display: block; + margin-bottom: 22px; + object-fit: cover; +} +main .news_list .news_item .news_title, +main .career_list .news_item .news_title, +main .news_list .career_item .news_title, +main .career_list .career_item .news_title, +main .news_list .news_item .career_title, +main .career_list .news_item .career_title, +main .news_list .career_item .career_title, +main .career_list .career_item .career_title { + color: #0C0C0C; + font-size: 24px; + line-height: 28px; + font-weight: 700; +} +main .news_list .news_item .news_link, +main .career_list .news_item .news_link, +main .news_list .career_item .news_link, +main .career_list .career_item .news_link, +main .news_list .news_item .career_link, +main .career_list .news_item .career_link, +main .news_list .career_item .career_link, +main .career_list .career_item .career_link { + margin-bottom: 0; + color: var(--blue); +} +main .news_list .news_item a, +main .career_list .news_item a, +main .news_list .career_item a, +main .career_list .career_item a { + display: block; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 3; +} +main .news_list .news_item:after, +main .career_list .news_item:after, +main .news_list .career_item:after, +main .career_list .career_item:after { + content: ""; + display: block; + position: absolute; + top: -24px; + left: 0; + right: 0; + bottom: -24px; + opacity: 0; + visibility: hidden; + transition: 175ms all ease-in-out; +} +main .news_list .news_item:hover, +main .career_list .news_item:hover, +main .news_list .career_item:hover, +main .career_list .career_item:hover { + z-index: 2; +} +main .news_list .news_item:hover:after, +main .career_list .news_item:hover:after, +main .news_list .career_item:hover:after, +main .career_list .career_item:hover:after { + opacity: 1; + visibility: visible; + background: var(--green); + z-index: 0; +} +main .news_list .news_item:hover p, +main .career_list .news_item:hover p, +main .news_list .career_item:hover p, +main .career_list .career_item:hover p, +main .news_list .news_item:hover img, +main .career_list .news_item:hover img, +main .news_list .career_item:hover img, +main .career_list .career_item:hover img { + color: #fff; + z-index: 2; + position: relative; +} +main .news_list .news_item:hover .news_date:after, +main .career_list .news_item:hover .news_date:after, +main .news_list .career_item:hover .news_date:after, +main .career_list .career_item:hover .news_date:after { + content: ""; + position: absolute; + bottom: -8px; + height: 2px; + left: 0; + right: 0; + background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%); +} +main .news_list.masongry_columns, +main .career_list.masongry_columns { + display: flex; + justify-content: space-between; +} +main .news_list.masongry_columns .column, +main .career_list.masongry_columns .column { + width: calc(50% - 15px); +} +main .news_list.masongry_columns .news_item, +main .career_list.masongry_columns .news_item, +main .news_list.masongry_columns .career_item, +main .career_list.masongry_columns .career_item { + width: 100%; + margin-bottom: 30px; +} +main .programs_list, +main .services_list { + display: flex; + flex-wrap: wrap; +} +main .programs_list .program_item, +main .services_list .program_item, +main .programs_list .service_item, +main .services_list .service_item { + margin-top: 40px; + margin-bottom: 40px; + width: calc(25% - 23px); + position: relative; + background: #EDEFF5; + transform-origin: left; + transition: all 175ms ease-in-out; + height: 390px; +} +main .programs_list .program_item:after, +main .services_list .program_item:after, +main .programs_list .service_item:after, +main .services_list .service_item:after { + content: ""; + display: block; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #eeeff4; + z-index: 0; + transition: all 125ms ease-in-out; +} +main .programs_list .program_item a, +main .services_list .program_item a, +main .programs_list .service_item a, +main .services_list .service_item a { + height: 100%; + display: block; + box-sizing: border-box; + padding: 36px 18px; + position: relative; + z-index: 2; +} +main .programs_list .program_item a span, +main .services_list .program_item a span, +main .programs_list .service_item a span, +main .services_list .service_item a span { + display: inline-block; +} +main .programs_list .program_item:not(:nth-child(4n)), +main .services_list .program_item:not(:nth-child(4n)), +main .programs_list .service_item:not(:nth-child(4n)), +main .services_list .service_item:not(:nth-child(4n)) { + margin-right: 30px; +} +main .programs_list .program_item .program_name, +main .services_list .program_item .program_name, +main .programs_list .service_item .program_name, +main .services_list .service_item .program_name, +main .programs_list .program_item .service_name, +main .services_list .program_item .service_name, +main .programs_list .service_item .service_name, +main .services_list .service_item .service_name { + font-weight: 700; + font-size: 26px; + line-height: 36px; + color: #000; + position: relative; + z-index: 2; + transform: translateY(0px); + transition: 125ms transform ease-in-out; + max-width: 70%; +} +main .programs_list .program_item .program_link, +main .services_list .program_item .program_link, +main .programs_list .service_item .program_link, +main .services_list .service_item .program_link, +main .programs_list .program_item .service_link, +main .services_list .program_item .service_link, +main .programs_list .service_item .service_link, +main .services_list .service_item .service_link { + position: absolute; + right: 0px; + bottom: -10px; + color: var(--blue); + font-weight: 600; + font-size: 15px; + line-height: 20px; + opacity: 0; + z-index: 2; + transform: translate(0, 0); + transition: 125ms all ease-in-out; +} +main .programs_list .program_item img, +main .services_list .program_item img, +main .programs_list .service_item img, +main .services_list .service_item img { + position: absolute; + right: 0; + bottom: 0; + transform: translate(0, 0); + transition: 125ms all ease-in-out; +} +main .programs_list .program_item:hover:after, +main .services_list .program_item:hover:after, +main .programs_list .service_item:hover:after, +main .services_list .service_item:hover:after { + top: -35px; + right: -20px; + bottom: -35px; +} +main .programs_list .program_item:hover img, +main .services_list .program_item:hover img, +main .programs_list .service_item:hover img, +main .services_list .service_item:hover img { + transform: translate(20px, -35px); +} +main .programs_list .program_item:hover .program_name, +main .services_list .program_item:hover .program_name, +main .programs_list .service_item:hover .program_name, +main .services_list .service_item:hover .program_name, +main .programs_list .program_item:hover .service_name, +main .services_list .program_item:hover .service_name, +main .programs_list .service_item:hover .service_name, +main .services_list .service_item:hover .service_name { + transform: translateY(-30px); +} +main .programs_list .program_item:hover .program_link, +main .services_list .program_item:hover .program_link, +main .programs_list .service_item:hover .program_link, +main .services_list .service_item:hover .program_link, +main .programs_list .program_item:hover .service_link, +main .services_list .program_item:hover .service_link, +main .programs_list .service_item:hover .service_link, +main .services_list .service_item:hover .service_link { + opacity: 1; + transform: translate(-10px, -10px); +} +main .services_list { + justify-content: center; +} +main .services_list .service_item { + width: calc(33.333% - 20px); +} +main .services_list .service_item:after { + background: #f1f2f7; +} +main .services_list .service_item .service_name { + max-width: 50%; +} +main .services_list .service_item:not(:nth-child(3n)) { + margin-right: 30px; +} +main .services_list .service_item:nth-child(3n) { + margin-right: 0; +} +main .services_list .service_item:nth-child(4n) { + margin-right: 30px; +} +main .special_list { + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} +main .special_list .special_item { + position: relative; + width: calc(50% - 18px); + min-width: calc(50% - 18px); + margin-bottom: 80px; +} +main .special_list .special_item a { + display: block; + color: #0C0C0C; + position: relative; + z-index: 2; + box-sizing: border-box; + padding: 25px calc(50% + 20px) 25px 20px; +} +main .special_list .special_item a .special_name { + font-size: 26px; + line-height: 35px; + font-weight: 700; + color: #0C0C0C; + margin-bottom: 25px; + display: block; + transition: all 220ms ease-in-out; +} +main .special_list .special_item a .speacial_text { + display: block; + margin-bottom: 10px; + font-weight: 700; + color: #0C0C0C; + transform: translate(0px, 0px); + transition: all 220ms ease-in-out; +} +main .special_list .special_item a .special_desc { + font-size: 15px; + line-height: 24px; + transform: translate(0px, 0px); + transition: all 220ms ease-in-out; +} +main .special_list .special_item a .special_link { + display: inline-block; + font-weight: 600; + opacity: 0; + transform: translate(10px, 10px); + transition: all 220ms ease-in-out; + color: #fff; +} +main .special_list .special_item:after { + content: ""; + display: block; + position: absolute; + top: 20px; + bottom: 30px; + right: 30px; + left: 30%; + transition: all 220ms ease-in-out; + background: var(--inactive); + z-index: 0; +} +main .special_list .special_item img { + display: block; + position: absolute; + top: 0; + bottom: 0; + width: 50%; + height: 100%; + right: 0; + object-fit: cover; + z-index: 1; +} +main .special_list .special_item:hover a .special_name { + color: #fff; +} +main .special_list .special_item:hover a .speacial_text, +main .special_list .special_item:hover a .special_desc { + transform: translate(0px, -10px); + color: #fff; +} +main .special_list .special_item:hover a .special_link { + opacity: 1; + color: #fff; + transform: translate(0px, 0px); +} +main .special_list .special_item:hover:after { + background: var(--green); + top: 0; + left: 0; + bottom: 0; +} +main .special_list.swiped { + flex-wrap: unset; + white-space: nowrap; +} +main .special_list.swiped .special_item { + margin-top: 30px; + margin-bottom: 30px; + margin-right: 30px; +} +main .special_list.swiped .special_item > * { + white-space: normal; +} +main .special_list.swiped .special_item a .special_link { + color: var(--blue); + opacity: 1; +} +main .special_list.swiped .special_item:hover a .special_link { + color: #fff; +} +main .brand_select { + max-width: 306px; + margin-left: auto; + margin-top: 35px; + margin-bottom: 35px; +} +main .special_detail .special_offer { + position: relative; + padding: 25px calc(100% - 390px) 0 25px; + margin-bottom: 45px; +} +main .special_detail .special_offer h2 { + font-size: 26px; + line-height: 35px; + color: #0C0C0C; + font-weight: 700; + margin-bottom: 25px; +} +main .special_detail .special_offer h2 span { + color: #A8026B; + font-size: 58px; + line-height: 58px; +} +main .special_detail .special_offer h2 mark { + color: #A8026B; + background: transparent; +} +main .special_detail .special_offer .button { + width: 100%; + margin-top: 40px; +} +main .special_detail .special_offer:after { + content: ""; + display: block; + position: absolute; + z-index: 1; + left: 420px; + top: 15px; + bottom: 25px; + right: 0; + background: var(--inactive); +} +main .special_detail .special_offer img { + display: block; + height: 100%; + width: calc(100% - 502px); + position: absolute; + right: 0; + bottom: 0; + z-index: 2; +} +main .special_detail .special_offer-text { + margin-bottom: 80px; + padding: 0 25px; +} +main .special_detail .aside_container { + margin-top: 60px; +} +main .leasing_offer h3 { + padding: 0 25px; + margin-bottom: 15px; +} +main .leasing_offer .leasing_list { + display: flex; + flex-wrap: wrap; +} +main .leasing_offer .leasing_list .leasing_item { + width: calc(33.333% - 20px); + margin-bottom: 30px; +} +main .leasing_offer .leasing_list .leasing_item:not(:nth-child(3n)) { + margin-right: 30px; +} +main .leasing_offer .leasing_list .leasing_item .item_wrapper { + display: block; + padding-bottom: 35px; + background: #fff; + transition: background-color 175ms ease-in-out; +} +main .leasing_offer .leasing_list .leasing_item .item_wrapper img { + display: block; + width: 100%; + height: 220px; + object-fit: cover; + margin-bottom: 30px; +} +main .leasing_offer .leasing_list .leasing_item .item_wrapper span { + display: block; + color: #000; + transition: color 175ms ease-in-out; +} +main .leasing_offer .leasing_list .leasing_item .item_wrapper .leasing_model { + padding: 0 30px; + margin-bottom: 5px; + font-weight: 700; +} +main .leasing_offer .leasing_list .leasing_item .item_wrapper .leasing_desc { + padding: 0 30px; +} +main .leasing_offer .leasing_list .leasing_item .item_wrapper:hover { + background: var(--green); +} +main .leasing_offer .leasing_list .leasing_item .item_wrapper:hover .leasing_model, +main .leasing_offer .leasing_list .leasing_item .item_wrapper:hover .leasing_desc { + color: #fff; +} +main .leasing_offer .leasing_offer-detail { + display: flex; + justify-content: space-between; + margin-top: 100px; +} +main .leasing_offer .leasing_offer-detail .image_slider { + height: 425px; + width: calc(100% - 560px); +} +main .leasing_offer .leasing_offer-detail .image_slider .slide { + height: 100%; +} +main .leasing_offer .leasing_offer-detail .image_slider .slide img { + width: 100%; + height: 100%; + object-fit: cover; +} +main .leasing_offer .leasing_offer-detail .offer_desc { + width: 530px; + padding-bottom: 40px; + position: relative; +} +main .leasing_offer .leasing_offer-detail .offer_desc .offer_name { + font-size: 26px; + line-height: 35px; + text-transform: uppercase; + font-weight: 700; + margin-bottom: 30px; +} +main .leasing_offer .leasing_offer-detail .offer_desc ul { + margin-bottom: 20px; +} +main .leasing_offer .leasing_offer-detail .offer_desc ul li { + line-height: 25px; +} +main .leasing_offer .leasing_offer-detail .offer_desc .button { + margin-top: 40px; + width: 390px; + position: absolute; + bottom: 0; + left: 0; +} +main .faq_search { + margin-bottom: 40px; +} +main .faq_search .form_field { + width: 100%; + max-width: 635px; + margin-left: auto; +} +main .dropdown_blocks_list { + font-size: 15px; + line-height: 24px; +} +main .dropdown_blocks_list .dropdown_block:not(:last-child) { + border-bottom: 1px solid #EDEFF5; +} +main .dropdown_blocks_list .dropdown_block .block_header { + padding: 15px 0; + height: 70px; + display: flex; + align-items: center; + justify-content: space-between; +} +main .dropdown_blocks_list .dropdown_block .block_header p { + margin-bottom: 0; + margin-right: 20px; + font-weight: 700; +} +main .dropdown_blocks_list .dropdown_block .block_header p.with-icon { + display: inline-flex; + align-items: center; +} +main .dropdown_blocks_list .dropdown_block .block_header p.with-icon img { + margin-right: 20px; +} +main .dropdown_blocks_list .dropdown_block .block_header button { + width: 22px; + height: 22px; + min-width: 22px; + cursor: pointer; + background: url("/images/icons/dropdown-blue.svg") no-repeat center; +} +main .dropdown_blocks_list .dropdown_block .block_body { + display: none; +} +main .dropdown_blocks_list .dropdown_block.open .block_header button { + background: url("/images/icons/close-blue.svg") no-repeat center; +} +main .dropdown_blocks_list .dropdown_block.open .block_body { + display: block; + margin-top: 25px; +} +main .dropdown_blocks_list .dropdown_block.open .block_body p { + margin-bottom: 35px; +} +main .dropdown_blocks_list.filled .dropdown_block.open .block_header { + background: var(--inactive); + color: var(--blue); +} +main .dropdown_blocks_list.filled .dropdown_block .block_body { + margin-top: 0; +} +main aside .aside_nav { + list-style: none; + padding: 0; + margin: 0 0 30px 0; +} +main aside .aside_nav li { + margin-bottom: 8px; +} +main aside .aside_nav li a { + display: flex; + align-items: center; + min-height: 56px; + color: #000; + font-size: 15px; + line-height: 23px; + font-weight: 700; + box-sizing: border-box; + padding: 0 15px; +} +main aside .aside_nav li a.active { + background: var(--green); + color: #fff; +} +main aside .button { + width: 100%; +} +main #order .container { + padding-bottom: 180px; +} +.model_container { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + margin-top: 60px; +} +.model_container .col { + width: calc(50% - 15px); +} +.model_container .col .model_desc { + margin-top: 35px; +} +.model_container .col .model_desc p { + margin-bottom: 10px; +} +.model_container #calc { + background: var(--inactive); + padding: 35px 30px; + position: relative; +} +.model_container #calc:after { + content: ""; + display: block; + position: absolute; + top: 0; + right: -100%; + bottom: 0; + width: 100%; + background: inherit; +} +.model_container #calc .calc_body { + flex-wrap: wrap; +} +.model_container #calc .calc_body .calc_settings { + width: 100%; + margin-bottom: 35px; +} +.model_container #calc .calc_body .calc_result { + width: 100%; +} +.model_container #calc .calc_body .calc_result .result_box { + width: 100%; + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 15px; +} +.model_container #calc .calc_body .calc_result .result_box p { + font-weight: 400; +} +.model_container #calc .calc_body .calc_result .result_box.bolder { + margin-bottom: 35px; +} +.model_container #calc .calc_body .calc_result .result_box.bolder p { + font-weight: 700; + font-size: 26px; + line-height: 35px; +} +.model_container #calc .calc_body .calc_result .calc_footer { + width: 100%; + display: flex; + justify-content: space-between; + align-items: center; + margin-top: 20px; +} +.model_container #calc .calc_body .calc_result .calc_footer .button { + width: calc(50% - 13px); +} +.model_container .aside_container { + width: 100%; + margin-top: 0px; + border-top: 1px solid #EDEFF5; +} +.model_container .aside_container aside { + width: 305px; + padding-top: 40px; +} +.model_container .aside_container article { + width: calc(100% - 305px); + padding-top: 40px; + border-left: 1px solid #EDEFF5; +} +.model_container .aside_container article .dropdown_blocks_list .dropdown_block { + padding: 0 40px; +} +.catalog_list { + display: flex; + flex-wrap: wrap; +} +.catalog_list .catalog_item { + width: calc(33.333% - 20px); + margin-bottom: 110px; +} +.catalog_list .catalog_item:not(:nth-child(3n)) { + margin-right: 30px; +} +.catalog_list .catalog_item img { + width: 100%; + height: 220px; + object-fit: cover; + margin-bottom: 30px; +} +.catalog_list .catalog_item .item_class { + font-size: 26px; + line-height: 35px; + color: #0C0C0C; + font-weight: 700; + margin-bottom: 8px; +} +.catalog_list .catalog_item .item_model { + font-size: 14px; +} +.catalog_list .catalog_item .item_model b { + display: block; + font-size: 15px; +} +.catalog_list .catalog_item ul li { + display: flex; + justify-content: space-between; + line-height: 29px; +} +.catalog_list .catalog_item ul li p { + margin: 0; +} +.catalog_list .catalog_item ul li.pay { + font-weight: 700; + margin: 25px 0; +} +.catalog_list .catalog_item .item_footer { + text-align: right; + margin-top: 30px; +} +.requisites { + padding: 0 110px; +} +.requisites .requisites_row { + display: flex; + justify-content: flex-start; + margin-bottom: 25px; +} +.requisites .requisites_row p { + margin: 0; + max-width: calc(50% - 15px); + text-align: left; +} +.requisites .requisites_row p:first-child { + font-weight: 700; + margin-right: 30px; + width: 180px; +} +.requisites .button { + margin-top: 40px; +} +#choose_region { + display: flex; + align-items: center; +} +#choose_region p { + margin-right: 30px; + max-width: 340px; +} +#choose_region .form_field { + width: 415px; +} +#map { + display: none; + width: 100%; + height: 615px; + margin: 45px 0; + background: var(--gray-light); +} +#map.visible { + display: block; +} +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1010; + display: block; + padding: 1px; + text-align: left; + white-space: normal; + background: var(--blue); + color: #fff; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + padding: 30px 20px; + max-width: 500px; +} +.popover .close { + position: absolute; + top: 8px; + right: 8px; + width: 24px; + height: 24px; + font-size: 0; + cursor: pointer; + background: url("/images/icons/close-white.svg") no-repeat center; +} +.popover p { + margin: 5px 0; +} +.popover .arrow { + position: absolute; + left: 0; + right: 0; + bottom: -25px; + margin: auto; + width: 43px; + height: 54px; + background: url("/images/pin-open.svg") no-repeat center; +} +.offices_list { + display: flex; + justify-content: space-between; + border-top: 1px solid #EDEFF5; +} +.offices_list#offices:not(.visible) { + display: none; +} +.offices_list .column { + width: calc(50% - 15px); +} +.offices_list .column .dropdown_block.open .block_body p { + margin-bottom: 8px; +} +.offices_list .column .dropdown_block.open .block_body a { + display: inline-block; + font-weight: 700; + margin: 20px 0 20px 28px; +} +.dosc_list .row { + margin-bottom: 35px; + display: flex; + align-items: center; + justify-content: space-between; +} +.dosc_list .row p { + margin-bottom: 0; +} +.dosc_list .row .doc_name { + font-weight: 700; + min-height: 56px; + display: inline-flex; + flex-wrap: wrap; + align-items: center; + margin-right: 30px; + max-width: 50%; +} +.dosc_list .row .doc_name span { + display: block; + font-weight: 400; + margin-top: 8px; +} +.dosc_list .row .doc_date { + margin-right: 30px; + margin-left: 30px; + white-space: nowrap; +} +.dosc_list .row .button { + width: 104px; +} +.contract_table { + margin-bottom: 80px; +} +.contract_table .table_row { + min-height: 80px; + display: flex; + width: 100%; +} +.contract_table .table_row .table_cell { + padding: 16px 8px; + border: 1px solid #EDEFF5; + width: 14%; +} +.contract_table .table_row .table_cell:nth-child(3) { + width: 16%; +} +.contract_table .table_row .table_cell p { + margin: 0; +} +.contract_table .table_row .table_cell p.closed { + color: var(--text_not_active); +} +.contract_table .table_row .table_cell p.opened { + color: var(--green); +} +.contract_table .table_row .table_cell b { + display: block; +} +.contract_table .table_header .table_cell { + border: 0; + color: var(--text_not_active); + font-weight: 700; + display: flex; + align-items: center; +} +.contract_table .table_header .table_cell.caret { + cursor: pointer; +} +.contract_table .table_header .table_cell.caret:after { + content: ""; + display: inline-block; + width: 16px; + min-width: 16px; + height: 16px; + margin-left: 6px; + background: url("/images/icons/icon-select.svg") no-repeat center; +} +.contract_table.schedule .show_more { + width: 100%; + height: 60px; + text-align: center; + background: var(--inactive); + color: var(--blue); + font-weight: 600; +} +.contract_table.schedule .table_row .table_cell { + width: 25%; +} +.contract_table.schedule .table_row .table_cell:nth-child(1), +.contract_table.schedule .table_row .table_cell:nth-child(2), +.contract_table.schedule .table_row .table_cell:nth-child(4) { + width: 14%; +} +.contract_table.schedule .table_row[data-status="overpayment-2"] { + background: rgba(28, 1, 169, 0.1); +} +.contract_table.schedule .table_row[data-status="overpayment-1"] { + background: rgba(168, 2, 107, 0.1); +} +.contract_table.schedule .table_row[data-status="paid"] { + background: rgba(4, 168, 164, 0.1); +} +.logo_list { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + margin: 35px 0; +} +.logo_list .logo_item { + width: calc(16.666% - 25px); + height: 97px; + display: flex; + align-items: center; + justify-content: center; + margin: 15px 0; +} +.logo_list .logo_item img { + max-width: 100%; + max-height: 100%; + object-fit: contain; +} +.leasing_offers_list { + display: flex; + justify-content: space-between; + margin-top: 60px; +} +.leasing_offers_list .offer_item { + width: calc(33.333% - 20px); + padding-left: 80px; + position: relative; +} +.leasing_offers_list .offer_item p { + margin-bottom: 15px; +} +.leasing_offers_list .offer_item img { + position: absolute; + top: 0; + left: 0; +} +.leasing_offers_list .offer_item ul li:not(:last-child) { + margin-bottom: 6px; +} +.catalog_sort { + display: flex; + align-items: center; + justify-content: flex-end; + margin-bottom: 65px; +} +.catalog_sort .sort_container { + margin-left: 40px; + position: relative; +} +.catalog_sort .sort_container button { + height: 40px; + padding: 0 20px 0 48px; + color: var(--blue); +} +.catalog_sort .sort_container button.i-filter { + background: url("/images/icons/icon-filter.svg") no-repeat 20px 50%; +} +.catalog_sort .sort_container button.i-sort { + background: url("/images/icons/icon-sort.svg") no-repeat 20px 50%; +} +.news_cotnainer { + display: flex; + justify-content: space-between; +} +.news_cotnainer .left { + width: 525px; +} +.news_cotnainer .left .image { + width: 100%; + height: 525px; + background: var(--gray-light); + margin-bottom: 30px; +} +.news_cotnainer .left .image img { + width: 100%; + height: 100%; + object-fit: cover; +} +.news_cotnainer .left .socials a { + width: 48px; + height: 48px; + margin-right: 15px; +} +.news_cotnainer .right { + width: calc(100% - 555px); +} +.news_cotnainer .right h1 { + margin-bottom: 20px; +} +.news_cotnainer .right .date { + display: block; + text-transform: uppercase; + margin-bottom: 35px; +} +.news_cotnainer .right p, +.news_cotnainer .right ul, +.news_cotnainer .right ol { + margin-bottom: 20px; +} diff --git a/css/main/style.css.map b/css/main/style.css.map new file mode 100644 index 0000000..3dcaab9 --- /dev/null +++ b/css/main/style.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["style.less"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/css/main/style.less b/css/main/style.less new file mode 100644 index 0000000..a49ac4c --- /dev/null +++ b/css/main/style.less @@ -0,0 +1,1688 @@ +main { + overflow: hidden; + + section { + //padding: 80px 0; + + &.gray { + background: var(--inactive); + } + } + + .title_wrapper { + display: flex; + justify-content: space-between; + margin-bottom: 50px; + + h1, + h2, + h3, + h4, + h5 { + margin-bottom: 0; + line-height: 1; + } + + .title_link { + font-weight: 600; + display: inline-block; + margin-left: 55px; + align-self: flex-end; + line-height: 24px; + } + + .left { + display: flex; + + } + + .right { + display: flex; + } + } + + // Главный слайдер + #main_slider { + height: 708px; + background: var(--gray-light); + padding: 0; + position: relative; + + .container { + position: relative; + height: 100%; + background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 10%), rgba(255, 255, 255, 10%) 1px, transparent 2px, transparent 20%); + } + + .slider_active_title { + font-weight: bold; + font-size: 43px; + line-height: 63px; + letter-spacing: 2px; + color: #fff; + max-width: 560px; + position: absolute; + top: 176px; + left: 0; + text-transform: uppercase; + font-family: 'PF Din Display Pro Bold'; + } + + .slider_list { + position: absolute; + bottom: 0; + left: 0; + right: 0; + display: flex; + + .slider_item { + width: 20%; + max-width: 20%; + height: 300px; + padding: 15px 25px; + display: flex; + flex-wrap: wrap; + align-items: flex-end; + align-content: flex-end; + cursor: pointer; + position: relative; + overflow: hidden; + + &:after { + content: ""; + display: block; + position: absolute; + left: 0; + right: 0; + top: 0; + z-index: 1; + width: 100%; + height: 100%; + transform: translateY(100%); + transition: 175ms transform cubic-bezier(0.25, 0.46, 0.45, 0.94); + } + + .item_name { + font-size: 24px; + line-height: 24px; + text-transform: uppercase; + color: #fff; + width: 100%; + display: flex; + height: 86px; + align-content: center; + align-items: center; + justify-content: space-between; + transition: 175ms transform cubic-bezier(0.25, 0.46, 0.45, 0.94); + transform: translateY(57px); + position: relative; + z-index: 2; + margin-right: 15px; + font-family: 'PF Din Display Pro Bold'; + + &:after { + content: ""; + display: block; + width: 22px; + min-width: 22px; + height: 14px; + background: url("/images/icons/slider_arrow.svg") no-repeat center; + } + } + + a { + display: inline-block; + line-height: 40px; + color: #fff; + font-weight: 600; + transition: 175ms transform cubic-bezier(0.25, 0.46, 0.45, 0.94); + transform: translateY(57px); + position: relative; + z-index: 2; + } + + &.active { + background: currentColor; + + .item_name, + a { + transform: translateY(0px); + } + + .item_name:after { + width: 44px; + background: url("/images/icons/slider_arrow-hover.svg") no-repeat center; + transform: rotate(-90deg) translate(15px, 15px); + } + } + + &:hover { + + .item_name, + a { + transform: translateY(0px); + } + + &:after { + transform: translateY(0px); + background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, currentColor 100%); + } + } + + } + + .slider_navto { + width: 20%; + max-width: 20%; + height: 300px; + + a { + + background: #fff; + width: 100%; + height: 100%; + clip-path: polygon(100% 0, 0% 100%, 100% 100%); + transition: 175ms background cubic-bezier(0.25, 0.46, 0.45, 0.94); + box-sizing: border-box; + padding: 0 25px; + display: flex; + align-items: flex-end; + justify-content: flex-end; + + &:after { + content: ""; + display: block; + width: 22px; + min-width: 22px; + height: 86px; + transition: 175ms all cubic-bezier(0.25, 0.46, 0.45, 0.94); + background: url("/images/icons/slider_arrow-blue.svg") no-repeat center; + } + + &:hover { + background: #04a8a4; + + &:after { + width: 90px; + background: url("/images/icons/arrow-navto.svg") no-repeat center; + } + } + } + } + } + } + + // Калькулятор + #calc { + .container { + background: url("/images/calc-bg.jpg") no-repeat right center #EDEFF5; + padding: 70px 25px; + position: relative; + + &:after { + content: ""; + display: block; + position: absolute; + top: 0; + bottom: 0; + right: -100%; + width: 100%; + left: auto; + background-color: inherit; + } + } + + .calc_body { + display: flex; + justify-content: space-between; + + .calc_settings { + width: 830px; + + .settings_box { + background: rgba(255, 255, 255, 0.6); + border-radius: 4px; + height: 57px; + margin-bottom: 80px; + position: relative; + display: flex; + flex-wrap: wrap; + align-items: flex-end; + justify-content: space-between; + padding: 10px; + + &:last-child { + margin-bottom: 20px; + } + + p { + margin-bottom: 15px; + font-weight: 700; + + &.min { + position: absolute; + top: 65px; + font-weight: 400; + left: 10px; + margin: 0; + } + + &.max { + position: absolute; + top: 65px; + font-weight: 400; + right: 10px; + margin: 0; + } + } + + .line { + position: relative; + width: 100%; + background: rgb(142 148 167 / 40%); + height: 5px; + z-index: 2; + + .active_line { + background: var(--blue); + position: absolute; + left: 0; + bottom: 0; + height: 10px; + } + + .dragble { + position: absolute; + top: 8px; + left: 0; + width: 16px; + height: 16px; + transform: rotate(45deg) translate(-6px, 6px); + cursor: pointer; + background: var(--blue); + } + } + } + } + + .calc_result { + width: 350px; + align-items: stretch; + align-content: stretch; + display: flex; + flex-wrap: wrap; + + .result_box { + p { + font-weight: 700; + + &.price { + font-size: 41px; + line-height: 1; + + sup { + font-weight: 300; + font-size: 12px; + line-height: 18px; + color: #8E94A7; + vertical-align: super; + } + } + } + } + + .button { + width: 100%; + align-self: center; + } + + .secondary { + align-self: flex-end; + } + } + } + } + + .news_arrows { + display: flex; + align-content: center; + + button { + width: 97px; + height: 28px; + background-color: var(--blue); + box-sizing: border-box; + padding: 0 10px; + transition: 175ms background ease-in-out; + + svg { + width: 8px; + height: 12px; + margin-left: auto; + + path { + stroke: #fff; + transition: 175ms stroke ease-in-out; + } + } + + &.prev {} + + &.next {} + + &:disabled, + &.slick-disabled { + cursor: default; + background-color: var(--inactive); + background-position: center; + + svg { + margin-left: 0; + + path { + stroke: #8E94A7; + } + } + } + + } + } + + .news_list, + .career_list { + display: flex; + white-space: nowrap; + width: 100%; + + .slick-list { + // overflow: visible; + width: 100%; + + .slick-track { + white-space: nowrap; + display: flex; + padding-right: 100px; + + &:after { + content: ""; + display: block; + width: 365px; + min-width: 365px; + height: 200px; + } + } + } + + .news_item, + .career_item { + width: 365px; + min-width: 365px; + padding: 35px 20px; + background: #EDEFF5; + position: relative; + + p { + white-space: normal; + margin-bottom: 22px; + line-height: 24px; + transition: 175ms color ease-in-out; + } + + .news_date { + margin-bottom: 35px; + } + + img { + display: block; + margin-bottom: 22px; + object-fit: cover; + } + + .news_title, + .career_title { + color: #0C0C0C; + font-size: 24px; + line-height: 28px; + font-weight: 700; + } + + .news_description, + .career_description {} + + .news_link, + .career_link { + margin-bottom: 0; + color: var(--blue); + } + + a { + display: block; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 3; + } + + &:after { + content: ""; + display: block; + position: absolute; + top: -24px; + left: 0; + right: 0; + bottom: -24px; + opacity: 0; + visibility: hidden; + transition: 175ms all ease-in-out; + } + + &:hover { + z-index: 2; + + &:after { + opacity: 1; + visibility: visible; + background: var(--green); + z-index: 0; + } + + p, + img { + color: #fff; + z-index: 2; + position: relative; + } + + .news_date { + &:after { + content: ""; + position: absolute; + bottom: -8px; + height: 2px; + left: 0; + right: 0; + background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%); + } + } + } + } + + &.masongry_columns { + display: flex; + justify-content: space-between; + + .column { + width: calc(50% - 15px); + } + + .news_item, + .career_item { + width: 100%; + margin-bottom: 30px; + } + } + } + + .programs_list, + .services_list { + display: flex; + flex-wrap: wrap; + + .program_item, + .service_item { + margin-top: 40px; + margin-bottom: 40px; + width: calc(25% - 23px); + position: relative; + background: #EDEFF5; + transform-origin: left; + transition: all 175ms ease-in-out; + height: 390px; + + &:after { + content: ""; + display: block; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #eeeff4; + z-index: 0; + transition: all 125ms ease-in-out; + } + + a { + height: 100%; + display: block; + box-sizing: border-box; + padding: 36px 18px; + position: relative; + z-index: 2; + + span { + display: inline-block; + } + } + + &:not(:nth-child(4n)) { + margin-right: 30px; + } + + .program_name, + .service_name { + font-weight: 700; + font-size: 26px; + line-height: 36px; + color: #000; + position: relative; + z-index: 2; + transform: translateY(0px); + transition: 125ms transform ease-in-out; + max-width: 70%; + } + + .program_link, + .service_link { + position: absolute; + right: 0px; + bottom: -10px; + color: var(--blue); + font-weight: 600; + font-size: 15px; + line-height: 20px; + opacity: 0; + z-index: 2; + transform: translate(0, 0); + transition: 125ms all ease-in-out; + } + + img { + position: absolute; + right: 0; + bottom: 0; + transform: translate(0, 0); + transition: 125ms all ease-in-out; + } + + &:hover { + &:after { + top: -35px; + right: -20px; + bottom: -35px; + } + + img { + transform: translate(20px, -35px); + } + + .program_name, + .service_name { + transform: translateY(-30px); + } + + .program_link, + .service_link { + opacity: 1; + transform: translate(-10px, -10px); + } + } + } + } + + .services_list { + justify-content: center; + + .service_item { + &:after { + background: #f1f2f7; + } + + .service_name { + max-width: 50%; + } + + &:not(:nth-child(3n)) { + margin-right: 30px; + } + + &:nth-child(3n) { + margin-right: 0; + } + + &:nth-child(4n) { + margin-right: 30px; + } + + width: calc(33.333% - 20px); + } + } + + .special_list { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + + .special_item { + position: relative; + width: calc(50% - 18px); + min-width: calc(50% - 18px); + margin-bottom: 80px; + + a { + display: block; + color: #0C0C0C; + position: relative; + z-index: 2; + box-sizing: border-box; + padding: 25px calc(50% + 20px) 25px 20px; + + .special_name { + font-size: 26px; + line-height: 35px; + font-weight: 700; + color: #0C0C0C; + margin-bottom: 25px; + display: block; + transition: all 220ms ease-in-out; + } + + .speacial_text { + display: block; + margin-bottom: 10px; + font-weight: 700; + color: #0C0C0C; + transform: translate(0px, 0px); + transition: all 220ms ease-in-out; + } + + .special_desc { + font-size: 15px; + line-height: 24px; + transform: translate(0px, 0px); + transition: all 220ms ease-in-out; + } + + .special_link { + display: inline-block; + font-weight: 600; + opacity: 0; + transform: translate(10px, 10px); + transition: all 220ms ease-in-out; + color: #fff; + } + } + + &:after { + content: ""; + display: block; + position: absolute; + top: 20px; + bottom: 30px; + right: 30px; + left: 30%; + transition: all 220ms ease-in-out; + background: var(--inactive); + z-index: 0; + } + + img { + display: block; + position: absolute; + top: 0; + bottom: 0; + width: 50%; + height: 100%; + right: 0; + object-fit: cover; + z-index: 1; + } + + &:hover { + a { + .special_name { + color: #fff; + + } + + .speacial_text, + .special_desc { + transform: translate(0px, -10px); + color: #fff; + + } + + .special_link { + opacity: 1; + color: #fff; + transform: translate(0px, 0px); + } + } + + &:after { + background: var(--green); + top: 0; + left: 0; + bottom: 0; + + } + } + } + + &.swiped { + flex-wrap: unset; + white-space: nowrap; + + .special_item { + margin-top: 30px; + margin-bottom: 30px; + margin-right: 30px; + + > * { + white-space: normal; + } + + a { + .special_link { + color: var(--blue); + opacity: 1; + } + } + + &:hover { + a .special_link { + color: #fff; + } + } + } + } + } + + .brand_select { + max-width: 306px; + margin-left: auto; + margin-top: 35px; + margin-bottom: 35px; + } + + .special_detail { + .special_offer { + position: relative; + padding: 25px calc(100% - 390px) 0 25px; + margin-bottom: 45px; + + h2 { + font-size: 26px; + line-height: 35px; + color: #0C0C0C; + font-weight: 700; + margin-bottom: 25px; + + span { + color: #A8026B; + font-size: 58px; + line-height: 58px; + } + + mark { + color: #A8026B; + background: transparent; + } + } + + .button { + width: 100%; + margin-top: 40px; + } + + &:after { + content: ""; + display: block; + position: absolute; + z-index: 1; + left: 420px; + top: 15px; + bottom: 25px; + right: 0; + background: var(--inactive); + } + + img { + display: block; + height: 100%; + width: calc(100% - 502px); + position: absolute; + right: 0; + bottom: 0; + z-index: 2; + + } + } + + .special_offer-text { + margin-bottom: 80px; + padding: 0 25px; + } + + .aside_container { + margin-top: 60px; + + + } + } + + .leasing_offer { + + h3 { + padding: 0 25px; + margin-bottom: 15px; + } + + .leasing_list { + display: flex; + flex-wrap: wrap; + + .leasing_item { + width: calc(33.333% - 20px); + margin-bottom: 30px; + + &:not(:nth-child(3n)) { + margin-right: 30px; + } + + .item_wrapper { + display: block; + padding-bottom: 35px; + background: #fff; + transition: background-color 175ms ease-in-out; + + img { + display: block; + width: 100%; + height: 220px; + object-fit: cover; + margin-bottom: 30px; + } + + span { + display: block; + color: #000; + transition: color 175ms ease-in-out; + } + + .leasing_model { + padding: 0 30px; + margin-bottom: 5px; + font-weight: 700; + } + + .leasing_desc { + padding: 0 30px; + } + + &:hover { + background: var(--green); + + .leasing_model, + .leasing_desc { + color: #fff; + } + } + } + } + } + + .leasing_offer-detail { + display: flex; + justify-content: space-between; + margin-top: 100px; + + .image_slider { + height: 425px; + width: calc(100% - 560px); + + .slide { + height: 100%; + + img { + width: 100%; + height: 100%; + object-fit: cover; + } + } + } + + .offer_desc { + width: 530px; + padding-bottom: 40px; + position: relative; + + .offer_name { + font-size: 26px; + line-height: 35px; + text-transform: uppercase; + font-weight: 700; + margin-bottom: 30px; + } + + ul { + li { + line-height: 25px; + } + + margin-bottom: 20px; + } + + .button { + margin-top: 40px; + width: 390px; + position: absolute; + bottom: 0; + left: 0; + } + } + } + } + + + + .faq_search { + margin-bottom: 40px; + + .form_field { + width: 100%; + max-width: 635px; + margin-left: auto; + } + } + + .dropdown_blocks_list { + font-size: 15px; + line-height: 24px; + + .dropdown_block { + &:not(:last-child) { + border-bottom: 1px solid #EDEFF5; + } + + .block_header { + padding: 15px 0; + height: 70px; + display: flex; + align-items: center; + justify-content: space-between; + + p { + margin-bottom: 0; + margin-right: 20px; + font-weight: 700; + + &.with-icon { + display: inline-flex; + align-items: center; + + img { + margin-right: 20px; + } + } + } + + button { + width: 22px; + height: 22px; + min-width: 22px; + cursor: pointer; + background: url("/images/icons/dropdown-blue.svg") no-repeat center; + } + } + + .block_body { + display: none; + } + + &.open { + .block_header { + button { + background: url("/images/icons/close-blue.svg") no-repeat center; + } + } + + .block_body { + display: block; + margin-top: 25px; + + p { + margin-bottom: 35px; + } + } + } + } + + &.filled { + .dropdown_block { + + &.open { + .block_header { + background: var(--inactive); + color: var(--blue); + } + } + + .block_body { + margin-top: 0; + } + } + } + } + + aside { + .aside_nav { + list-style: none; + padding: 0; + margin: 0 0 30px 0; + + li { + margin-bottom: 8px; + + a { + display: flex; + align-items: center; + min-height: 56px; + color: #000; + font-size: 15px; + line-height: 23px; + font-weight: 700; + box-sizing: border-box; + padding: 0 15px; + + &.active { + background: var(--green); + color: #fff; + } + } + } + } + + .button { + width: 100%; + } + } + + #order { + .container { + padding-bottom: 180px; + } + } +} + +// Detail Car +.model_container { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + margin-top: 60px; + + .col { + width: calc(50% - 15px); + + .model_desc { + margin-top: 35px; + + p { + margin-bottom: 10px; + } + } + } + + #calc { + background: var(--inactive); + padding: 35px 30px; + position: relative; + + &:after { + content: ""; + display: block; + position: absolute; + top: 0; + right: -100%; + bottom: 0; + width: 100%; + background: inherit; + } + + .calc_body { + flex-wrap: wrap; + + .calc_settings { + width: 100%; + margin-bottom: 35px; + } + + .calc_result { + width: 100%; + + .result_box { + width: 100%; + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 15px; + + p { + font-weight: 400; + } + + &.bolder { + margin-bottom: 35px; + + p { + font-weight: 700; + font-size: 26px; + line-height: 35px; + } + } + } + + .calc_footer { + width: 100%; + display: flex; + justify-content: space-between; + align-items: center; + margin-top: 20px; + + .button { + width: calc(50% - 13px); + } + } + } + } + } + + .aside_container { + width: 100%; + margin-top: 0px; + + border-top: 1px solid #EDEFF5; + + aside { + width: 305px; + padding-top: 40px; + } + + article { + width: calc(100% - 305px); + padding-top: 40px; + border-left: 1px solid #EDEFF5; + + .dropdown_blocks_list { + .dropdown_block { + padding: 0 40px; + } + } + } + } +} + + +// Catalog +.catalog_list { + display: flex; + flex-wrap: wrap; + + .catalog_item { + width: calc(33.333% - 20px); + margin-bottom: 110px; + + &:not(:nth-child(3n)) { + margin-right: 30px; + } + + img { + width: 100%; + height: 220px; + object-fit: cover; + margin-bottom: 30px; + } + + .item_class { + font-size: 26px; + line-height: 35px; + color: #0C0C0C; + font-weight: 700; + margin-bottom: 8px; + } + + .item_model { + font-size: 14px; + + b { + display: block; + font-size: 15px; + } + } + + ul { + li { + display: flex; + justify-content: space-between; + line-height: 29px; + + p { + margin: 0; + } + + &.pay { + font-weight: 700; + margin: 25px 0; + } + } + } + + .item_footer { + text-align: right; + margin-top: 30px; + + } + } +} + +// Реквезиты +.requisites { + padding: 0 110px; + + .requisites_row { + display: flex; + justify-content: flex-start; + margin-bottom: 25px; + + p { + margin: 0; + max-width: calc(50% - 15px); + text-align: left; + + &:first-child { + font-weight: 700; + margin-right: 30px; + width: 180px; + } + } + + + } + + .button { + margin-top: 40px; + } +} + +// Контакты +#choose_region { + display: flex; + align-items: center; + + p { + margin-right: 30px; + max-width: 340px; + } + + .form_field { + width: 415px; + } +} + +#map { + display: none; + width: 100%; + height: 615px; + margin: 45px 0; + background: var(--gray-light); + + &.visible { + display: block; + } +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1010; + display: block; + padding: 1px; + text-align: left; + white-space: normal; + background: var(--blue); + color: #fff; + -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 20%); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgb(0 0 0 / 20%); + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + padding: 30px 20px; + max-width: 500px; +} + +.popover .close { + position: absolute; + top: 8px; + right: 8px; + width: 24px; + height: 24px; + font-size: 0; + cursor: pointer; + background: url("/images/icons/close-white.svg") no-repeat center; +} + +.popover p { + margin: 5px 0; +} + +.popover .arrow { + position: absolute; + left: 0; + right: 0; + bottom: -25px; + margin: auto; + width: 43px; + height: 54px; + background: url("/images/pin-open.svg") no-repeat center; +} + +.offices_list { + display: flex; + justify-content: space-between; + border-top: 1px solid #EDEFF5; + + &#offices:not(.visible) { + display: none; + } + + .column { + width: calc(50% - 15px); + + .dropdown_block.open { + .block_body { + p { + margin-bottom: 8px; + } + + a { + display: inline-block; + font-weight: 700; + margin: 20px 0 20px 28px; + } + } + } + } +} + + +// Документы +.dosc_list { + .row { + margin-bottom: 35px; + display: flex; + align-items: center; + justify-content: space-between; + + p { + margin-bottom: 0; + } + .doc_name { + font-weight: 700; + min-height: 56px; + display: inline-flex; + flex-wrap: wrap; + align-items: center; + margin-right: 30px; + max-width: 50%; + + span { + display: block; + font-weight: 400; + margin-top: 8px; + + } + } + + .doc_date { + margin-right: 30px; + margin-left: 30px; + white-space: nowrap; + } + + .button { + width: 104px; + } + } +} + + +// Таблица договоров в лк +.contract_table { + margin-bottom: 80px; + .table_row { + min-height: 80px; + display: flex; + width: 100%; + + .table_cell { + padding: 16px 8px; + border: 1px solid #EDEFF5; + width: 14%; + + &:nth-child(3) { + width: 16%; + } + + p { + margin: 0; + + &.closed { + color: var(--text_not_active); + } + + &.opened { + color: var(--green); + } + } + + b { + display: block; + } + } + } + + .table_header { + .table_cell { + border: 0; + color: var(--text_not_active); + font-weight: 700; + display: flex; + align-items: center; + + &.caret { + cursor: pointer; + + &:after { + content: ""; + display: inline-block; + width: 16px; + min-width: 16px; + height: 16px; + margin-left: 6px; + background: url("/images/icons/icon-select.svg") no-repeat center; + } + } + } + } + + &.schedule { + .show_more { + width: 100%; + height: 60px; + text-align: center; + background: var(--inactive); + color: var(--blue); + font-weight: 600; + } + + .table_row { + .table_cell { + width: 25%; + + &:nth-child(1), + &:nth-child(2), + &:nth-child(4) { + width: 14%; + } + } + + &[data-status="overpayment-2"] { + background: rgb(28 1 169 / 10%); + } + + &[data-status="overpayment-1"] { + background: rgb(168 2 107 / 10%); + } + + &[data-status="paid"] { + background: rgb(4 168 164 / 10%); + } + } + } +} + +// Блок с логотипами +.logo_list { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + margin: 35px 0; + + .logo_item { + width: calc(16.666% - 25px); + height: 97px; + display: flex; + align-items: center; + justify-content: center; + margin: 15px 0; + + img { + max-width: 100%; + max-height: 100%; + object-fit: contain; + } + } +} + +// Лизинговое предложение +.leasing_offers_list { + display: flex; + justify-content: space-between; + margin-top: 60px; + + .offer_item { + width: calc(33.333% - 20px); + padding-left: 80px; + position: relative; + + p { + margin-bottom: 15px; + } + + img { + position: absolute; + top: 0; + left: 0; + } + + ul { + li { + &:not(:last-child) { + margin-bottom: 6px; + } + } + } + } +} + +// Сортировка +.catalog_sort { + display: flex; + align-items: center; + justify-content: flex-end; + margin-bottom: 65px; + + .sort_container { + margin-left: 40px; + position: relative; + + button { + height: 40px; + padding: 0 20px 0 48px; + color: var(--blue); + + &.i-filter { + background: url("/images/icons/icon-filter.svg") no-repeat 20px 50%; + } + + &.i-sort { + background: url("/images/icons/icon-sort.svg") no-repeat 20px 50%; + } + } + } +} + +// Страница новости +.news_cotnainer { + display: flex; + justify-content: space-between; + + .left { + width: 525px; + + .image { + width: 100%; + height: 525px; + background: var(--gray-light); + margin-bottom: 30px; + + img { + width: 100%; + height: 100%; + object-fit: cover; + } + } + + .socials { + a { + width: 48px; + height: 48px; + margin-right: 15px; + } + } + } + + .right { + width: calc(100% - 555px); + + h1 { + margin-bottom: 20px; + } + + .date { + display: block; + text-transform: uppercase; + margin-bottom: 35px; + } + + p, ul, ol { + margin-bottom: 20px; + } + } +} \ No newline at end of file diff --git a/css/reset.css b/css/reset.css new file mode 100644 index 0000000..3a6859e --- /dev/null +++ b/css/reset.css @@ -0,0 +1,41 @@ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} \ No newline at end of file diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..a04d73e --- /dev/null +++ b/css/style.css @@ -0,0 +1,7 @@ +@import url(reset.css); +@import url(var.css); +@import url(forms/style.css); +@import url(main/style.css); +@import url(components/style.css); +@import url(header/style.css); +@import url(footer/style.css); \ No newline at end of file diff --git a/css/var.css b/css/var.css new file mode 100644 index 0000000..21b8fe3 --- /dev/null +++ b/css/var.css @@ -0,0 +1,189 @@ +:root { + --blue: #1C01A9; + --blue-secondary: #85B2FC; + --gray: #2C2D2E; + --gray-light: rgba(0, 16, 61, 0.06); + --primary: #005FF9; + --primary-light: rgba(0, 95, 249, 0.1); + --red: #ED0A34; + --inactive: #EDEFF5; + --green: #04A8A4; + --text_not_active: #8E94A7; +} +@font-face { + font-family: 'PF Din Display Pro Bold'; + src: url('/fonts/PFDinDisplayPro-Bold.woff') format('woff'); + font-weight: normal; + font-style: normal; +} +body { + font-size: 15px; + line-height: 20px; + color: #0C0C0C; + font-family: 'Montserrat', sans-serif; + font-weight: 400; +} +.container { + padding-top: 80px; + padding-bottom: 80px; + width: 100%; + max-width: 1310px; + margin: auto; + position: relative; +} +.container:after { + content: ""; + display: block; + position: absolute; + top: 0; + left: 0; + right: -4px; + bottom: 0; + z-index: -1; + /* + background: repeating-linear-gradient( + 90deg, + #fff, + #EDEFF5 1px, + transparent 0px, + transparent 25%); + background: repeating-linear-gradient(to right, transparent 1px, transparent calc(25% - 1px), #EDEFF5 25%, #EDEFF5 25%); + */ +} +.container.wide { + max-width: 1340px; + padding-left: 25px; + padding-right: 25px; +} +.aside_container { + display: flex; + justify-content: space-between; +} +.aside_container aside { + width: 415px; +} +.aside_container article { + width: calc(100% - 550px); +} +.aside_container article:only-child { + width: 100%; +} +.aside_container article .info_column { + padding: 20px 40px; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + border-bottom: 1px solid #EDEFF5; +} +.aside_container article .info_column div { + width: calc(50% - 55px); +} +.aside_container.about aside { + width: 305px; +} +.aside_container.about article { + width: calc(100% - 335px); +} +.section_title { + font-size: 50px; + line-height: 60px; + font-weight: 700; + color: #0C0C0C; + margin-bottom: 35px; +} +.section_title.no-margin { + margin-bottom: 0; +} +h1 { + font-size: 32px; + line-height: 40px; +} +h2 { + font-size: 24px; + line-height: 28px; + margin-top: 1.5em; + margin-bottom: 10px; +} +h2.model { + font-size: 26px; + line-height: 35px; + color: var(--text_not_active); + margin-top: 0; + margin-bottom: 0; +} +h2:first-child { + margin-top: 0; +} +h3 { + font-size: 17px; + line-height: 24px; + margin-top: 1.5em; + margin-bottom: 10px; +} +h3:first-child { + margin-top: 0; +} +h4 { + font-size: 15px; + line-height: 20px; + margin-top: 1.5em; + margin-bottom: 10px; +} +h4:first-child { + margin-top: 0; +} +.secondary { + font-size: 13px; + line-height: 20px; +} +.secondary.not_active { + color: #8E94A7; +} +b, +strong { + font-weight: 700; +} +p.primary { + color: var(--blue); +} +a { + text-decoration: none; + color: var(--blue); +} +div { + box-sizing: border-box; +} +.clear { + width: 100%; + height: 112px; +} +@media all and (max-width: 736px) { + h1 { + font-size: 24px; + line-height: 32px; + } + h2 { + font-size: 20px; + line-height: 24px; + } +} +.i-phone { + padding-left: 28px; + background: url("/images/icons/icon-phone-hot.svg") no-repeat 0 2px; +} +.i-phone-secondary { + padding-left: 28px; + background: url("/images/icons/icon-phone-secondary.svg") no-repeat 0 2px; +} +.i-address { + padding-left: 28px; + background: url("/images/icons/icon-address.svg") no-repeat 0 2px; +} +.i-worktime { + padding-left: 28px; + background: url("/images/icons/icon-worktime.svg") no-repeat 0 2px; +} +.i-pdf { + padding-left: 80px; + background: url("/images/icons/icon-pdf.svg") no-repeat left center; +} diff --git a/css/var.css.map b/css/var.css.map new file mode 100644 index 0000000..66215b8 --- /dev/null +++ b/css/var.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["var.less"],"names":[],"mappings":"AAAA,MACE,cAAA,CACA,wBAAA,CACA,cAAA,CACA,+BAAA,CACA,iBAAA,CACA,kCAAA,CACA,aAAA,CACA,kBAAA,CACA,eAAA,CACA,0BAGF,WACE,YAAa,yBAAb,CACA,QAAS,sCAAsC,OAAO,OAAtD,CACA,kBAAA,CACA,kBAGF,KACE,cAAA,CACA,gBAAA,CACA,aAAA,CACA,YAAa,uBAAb,CACA,gBAGF,WACE,gBAAA,CACA,mBAAA,CACA,UAAA,CACA,gBAAA,CACA,WAAA,CACA,kBAEA,UAAC,OACC,QAAS,EAAT,CACA,aAAA,CACA,iBAAA,CACA,KAAA,CACA,MAAA,CACA,UAAA,CACA,QAAA,CACA,WAaF,UAAC,MACC,gBAAA,CACA,iBAAA,CACA,mBAIJ,iBACE,YAAA,CACA,8BAFF,gBAIE,OACE,YALJ,gBAQE,SACE,MAAO,mBAEP,gBAHF,QAGG,YACC,WAZN,gBAQE,QAOE,cACE,iBAAA,CACA,YAAA,CACA,cAAA,CACA,6BAAA,CACA,gCApBN,gBAQE,QAOE,aAOE,KACE,MAAO,iBAKb,gBAAC,MACC,OACE,YAFJ,gBAAC,MAKC,SACE,MAAO,mBAKb,eACE,cAAA,CACA,gBAAA,CACA,eAAA,CACA,aAAA,CACA,mBAEA,cAAC,WACC,gBAIJ,GACE,cAAA,CACA,iBAGF,GACE,cAAA,CACA,gBAAA,CACA,gBAAA,CACA,mBAEA,EAAC,OACC,cAAA,CACA,gBAAA,CACA,MAAO,sBAAP,CACA,YAAA,CACA,gBAGF,EAAC,aACC,aAIJ,GACE,cAAA,CACA,gBAAA,CACA,gBAAA,CACA,mBAEA,EAAC,aACC,aAIJ,GACE,cAAA,CACA,gBAAA,CACA,gBAAA,CACA,mBAEA,EAAC,aACC,aAIJ,WACE,cAAA,CACA,iBAEA,UAAC,YACC,cAIJ,EACA,OACE,gBAIA,CAAC,SACC,MAAO,YAIX,EACE,oBAAA,CACA,MAAO,YAGT,IACE,sBAGF,OACE,UAAA,CACA,aAGF,gBAAkC,iBAChC,GACE,cAAA,CACA,iBAGF,GACE,cAAA,CACA,kBAIJ,SACE,iBAAA,CACA,eAAgB,sDAElB,mBACE,iBAAA,CACA,eAAgB,4DAElB,WACE,iBAAA,CACA,eAAgB,oDAElB,YACE,iBAAA,CACA,eAAgB,qDAGlB,OACE,iBAAA,CACA,eAAgB"} \ No newline at end of file diff --git a/css/var.less b/css/var.less new file mode 100644 index 0000000..8ef5a34 --- /dev/null +++ b/css/var.less @@ -0,0 +1,228 @@ +:root { + --blue: #1C01A9; + --blue-secondary: #85B2FC; + --gray: #2C2D2E; + --gray-light: rgba(0, 16, 61, 0.06); + --primary: #005FF9; + --primary-light: rgb(0 95 249 / 10%); + --red: #ED0A34; + --inactive: #EDEFF5; + --green: #04A8A4; + --text_not_active: #8E94A7; +} + +@font-face { + font-family: 'PF Din Display Pro Bold'; + src: url('/fonts/PFDinDisplayPro-Bold.woff') format('woff'); + font-weight: normal; + font-style: normal; +} + +body { + font-size: 15px; + line-height: 20px; + color: #0C0C0C; + font-family: 'Montserrat', sans-serif; + font-weight: 400; +} + +.container { + padding-top: 80px; + padding-bottom: 80px; + width: 100%; + max-width: 1310px; + margin: auto; + position: relative; + + &:after { + content: ""; + display: block; + position: absolute; + top: 0; + left: 0; + right: -4px; + bottom: 0; + z-index: -1; + /* + background: repeating-linear-gradient( + 90deg, + #fff, + #EDEFF5 1px, + transparent 0px, + transparent 25%); + background: repeating-linear-gradient(to right, transparent 1px, transparent calc(25% - 1px), #EDEFF5 25%, #EDEFF5 25%); + */ + } + + + &.wide { + max-width: 1340px; + padding-left: 25px; + padding-right: 25px; + } +} + +.aside_container { + display: flex; + justify-content: space-between; + + aside { + width: 415px; + } + + article { + width: calc(100% - 550px); + + &:only-child { + width: 100%; + } + + .info_column { + padding: 20px 40px; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + border-bottom: 1px solid #EDEFF5; + + div { + width: calc(50% - 55px); + } + } + } + + &.about { + aside { + width: 305px; + } + + article { + width: calc(100% - 335px); + } + } +} + +.section_title { + font-size: 50px; + line-height: 60px; + font-weight: 700; + color: #0C0C0C; + margin-bottom: 35px; + + &.no-margin { + margin-bottom: 0; + } +} + +h1 { + font-size: 32px; + line-height: 40px; +} + +h2 { + font-size: 24px; + line-height: 28px; + margin-top: 1.5em; + margin-bottom: 10px; + + &.model { + font-size: 26px; + line-height: 35px; + color: var(--text_not_active); + margin-top: 0; + margin-bottom: 0; + } + + &:first-child { + margin-top: 0; + } +} + +h3 { + font-size: 17px; + line-height: 24px; + margin-top: 1.5em; + margin-bottom: 10px; + + &:first-child { + margin-top: 0; + } +} + +h4 { + font-size: 15px; + line-height: 20px; + margin-top: 1.5em; + margin-bottom: 10px; + + &:first-child { + margin-top: 0; + } +} + +.secondary { + font-size: 13px; + line-height: 20px; + + &.not_active { + color: #8E94A7; + } +} + +b, +strong { + font-weight: 700; +} + +p { + &.primary { + color: var(--blue); + } +} + +a { + text-decoration: none; + color: var(--blue); +} + +div { + box-sizing: border-box; +} + +.clear { + width: 100%; + height: 112px; +} + +@media all and (max-width: 736px) { + h1 { + font-size: 24px; + line-height: 32px; + } + + h2 { + font-size: 20px; + line-height: 24px; + } +} + +.i-phone { + padding-left: 28px; + background: url("/images/icons/icon-phone-hot.svg") no-repeat 0 2px; +} +.i-phone-secondary { + padding-left: 28px; + background: url("/images/icons/icon-phone-secondary.svg") no-repeat 0 2px; +} +.i-address { + padding-left: 28px; + background: url("/images/icons/icon-address.svg") no-repeat 0 2px; +} +.i-worktime { + padding-left: 28px; + background: url("/images/icons/icon-worktime.svg") no-repeat 0 2px; +} + +.i-pdf { + padding-left: 80px; + background: url("/images/icons/icon-pdf.svg") no-repeat left center; +} \ No newline at end of file diff --git a/next.config.js b/next.config.js new file mode 100644 index 0000000..a7844dc --- /dev/null +++ b/next.config.js @@ -0,0 +1,31 @@ +const withImages = require('next-images'); +const withFonts = require('next-fonts'); +const withLess = require("next-with-less"); + +module.exports = withImages(withFonts(withLess({ + images: { + domains: [ 'evo-lk.quickcode.ru', 'www.evolesing.ru', 'evolesing.ru', ], + }, + reactStrictMode: true, + async redirects() + { + return [ + //{ + //source: '/special', + //destination: '/special/with_producer', + //permanent: true, + //}, + ] + }, + async rewrites() + { + return { + afterFiles: [ + //{ + //source: "/about/reviews/:page(\\d{1,})", + //destination: "/about/reviews", + //}, + ], + } + } +}))); \ No newline at end of file diff --git a/package.json b/package.json new file mode 100644 index 0000000..f01affd --- /dev/null +++ b/package.json @@ -0,0 +1,23 @@ +{ + "name": "evoleasing-account", + "version": "0.1.0", + "private": true, + "scripts": { + "dev": "next dev", + "build": "next build", + "start": "next start", + "lint": "next lint" + }, + "dependencies": { + "next": "11.1.2", + "next-fonts": "^1.5.1", + "next-images": "^1.8.1", + "next-with-less": "^1.0.1", + "react": "17.0.2", + "react-dom": "17.0.2" + }, + "devDependencies": { + "eslint": "8.0.0", + "eslint-config-next": "11.1.2" + } +} diff --git a/pages/_app.js b/pages/_app.js new file mode 100644 index 0000000..c15c1a5 --- /dev/null +++ b/pages/_app.js @@ -0,0 +1,8 @@ +import '../css/style.css' + +function MyApp({ Component, pageProps }) +{ + return +} + +export default MyApp; diff --git a/pages/_document.js b/pages/_document.js new file mode 100644 index 0000000..a87c8b8 --- /dev/null +++ b/pages/_document.js @@ -0,0 +1,50 @@ +import Document, { Html, Head, Main, NextScript } from 'next/document' + +class Doc extends Document +{ + render() + { + return ( + + + {/**/} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + ) + } +} + +export default Doc; \ No newline at end of file diff --git a/pages/api/hello.js b/pages/api/hello.js new file mode 100644 index 0000000..df63de8 --- /dev/null +++ b/pages/api/hello.js @@ -0,0 +1,5 @@ +// Next.js API route support: https://nextjs.org/docs/api-routes/introduction + +export default function handler(req, res) { + res.status(200).json({ name: 'John Doe' }) +} diff --git a/pages/components/Footer/index.js b/pages/components/Footer/index.js new file mode 100644 index 0000000..0596778 --- /dev/null +++ b/pages/components/Footer/index.js @@ -0,0 +1,95 @@ +export default function Footer() +{ + return ( + + ) +} \ No newline at end of file diff --git a/pages/components/Header/index.js b/pages/components/Header/index.js new file mode 100644 index 0000000..7b5f78a --- /dev/null +++ b/pages/components/Header/index.js @@ -0,0 +1,35 @@ +export default function Header() +{ + return ( +
+ +
+ ) +} \ No newline at end of file diff --git a/pages/index.js b/pages/index.js new file mode 100644 index 0000000..e0e30f0 --- /dev/null +++ b/pages/index.js @@ -0,0 +1,160 @@ +import React from "react"; +import Head from 'next/head'; +import Image from 'next/image'; + +import Header from './components/Header'; +import Footer from './components/Footer'; + +export default function IndexPage() +{ + return ( + + + ЛК Эволюция автолизинга + + +
+
+
+
+
+

Личный кабинет

+ +
+
+
+ +
+ +
+ +
+ +
+ +
+ + +
+
+
+
+
Номер договора
+
Дата договора
+
Автомобиль
+
Гос.номер
+
Vin
+
Статус
+
Следующий платеж
+
+
+
Договор № 1243230
+
21.02.2021
+
Lada Granta седан Standard 1.6 87hp 5MT
+
Х 123 АМ 777
+
4USBT53544LT26841
+
+

Закрыт

+
+
+ 20/01/2021 + 45,000 р. +
+
+
+
Договор № 1243230
+
21.02.2021
+
Lada Granta седан Standard 1.6 87hp 5MT
+
Х 123 АМ 777
+
4USBT53544LT26841
+
+

Действующий

+
+
+ 20/01/2021 + 45,000 р. +
+
+
+
Договор № 1243230
+
21.02.2021
+
Lada Granta седан Standard 1.6 87hp 5MT
+
Х 123 АМ 777
+
4USBT53544LT26841
+
+

Закрыт

+
+
+ 20/01/2021 + 45,000 р. +
+
+
+
+
    +
  • + 1 +
    • +
  • + 2 +
    • +
  • + 3 +
    • +
  • + 4 +
    • +
  • + 5 +
    • +
  • + 6 +
    • +
  • ........
    • +
  • + 123 +
    • +
  • + {`>`} +
    • +
+
+
+
+
+
+

Купить в лизинг?

+
+
+

Напишите на buy@domain.ru или заполните форму

+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ + +
+ +
+
+
+
+
+