Skip to content

L
landing_pages
Commit 16a3532b by Iren
Options

рефакторинг кода

parent 8b0d1351
Pipeline #3656 failed with stage
    Showing with 51 additions and 19 deletions
    css/styles.css
    ...@@ -45,10 +45,14 @@ body { ...@@ -45,10 +45,14 @@ body {
    header { header {
    background-image: url("../img/banner.jpg"); background-image: url("../img/banner.jpg");
    background-repeat: no-repeat; background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center; background-position: center;
    margin-bottom: 97px; margin-bottom: 97px;
    } }
    @media (min-width: 576px) {
    header {
    background-size: 100% 100%;
    }
    }
    @media (max-width: 992px) { @media (max-width: 992px) {
    header { header {
    margin-bottom: 57px; margin-bottom: 57px;
    ...@@ -56,6 +60,9 @@ header { ...@@ -56,6 +60,9 @@ header {
    } }
    @media (max-width: 576px) { @media (max-width: 576px) {
    header { header {
    background-image: url("../img/banner.jpg");
    background-repeat: no-repeat;
    background-position: center;
    height: 560px; height: 560px;
    margin-bottom: 58px; margin-bottom: 58px;
    } }
    ...@@ -63,13 +70,24 @@ header { ...@@ -63,13 +70,24 @@ header {
    .background-banner { .background-banner {
    background-image: url("../img/banner-background.png"); background-image: url("../img/banner-background.png");
    background-repeat: no-repeat; background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center; background-position: center;
    margin-top: -733px; margin-top: -733px;
    opacity: 0.65; opacity: 0.65;
    margin-right: 0; margin-right: 0;
    margin-left: 0; margin-left: 0;
    } }
    @media (min-width: 576px) {
    .background-banner {
    background-size: 100% 100%;
    }
    }
    @media (max-width: 576px) {
    .background-banner {
    background-image: url("../img/banner-background.png");
    margin-top: -200px;
    height: 560px;
    }
    }
    .ooo { .ooo {
    width: 100%; width: 100%;
    height: 733px; height: 733px;
    ...@@ -614,17 +632,16 @@ video { ...@@ -614,17 +632,16 @@ video {
    margin-top: 20px; margin-top: 20px;
    } }
    } }
    /*
    .h2-desktop-mail { .h2-desktop-mail {
    font-family: SF-UI-Display-Black, Arial; font-family: SF-UI-Display-Black, Arial;
    } @media (max-width: 576px) {
    @media (max-width: 576px) {
    .h2-desktop-mail {
    width: 200px; width: 200px;
    font-weight: 700; font-weight: 700;
    font-size: 24px; font-size: 24px;
    } }
    } }
    /*
    .h2-mobile { .h2-mobile {
    font-size: 24px; font-size: 24px;
    font-weight: 400; font-weight: 400;
    ...@@ -675,7 +692,8 @@ video { ...@@ -675,7 +692,8 @@ video {
    @media (max-width: 768px){ @media (max-width: 768px){
    font-size: 32px; font-size: 32px;
    } }
    }*/ }
    */
    .h3-desktop { .h3-desktop {
    font-family: SF-UI-Text-Heavy, Arial; font-family: SF-UI-Text-Heavy, Arial;
    margin-bottom: 18px; margin-bottom: 18px;
    ...@@ -914,9 +932,9 @@ button.main-btn { ...@@ -914,9 +932,9 @@ button.main-btn {
    } }
    /*advertising*/ /*advertising*/
    .advertising-background { .advertising-background {
    /*background-repeat: no-repeat; background-repeat: no-repeat;
    background-size: 100% 100%; background-size: 100% 100%;
    background-position: center center;*/ background-position: center center;
    background: #f9fbff; background: #f9fbff;
    padding-top: 184px; padding-top: 184px;
    padding-bottom: 60px; padding-bottom: 60px;
    ...@@ -2053,6 +2071,7 @@ button.main-btn { ...@@ -2053,6 +2071,7 @@ button.main-btn {
    } }
    } }
    .technology-card p { .technology-card p {
    font-family: SFUIDisplay-Light, Arial;
    font-size: 16px; font-size: 16px;
    font-weight: 300; font-weight: 300;
    line-height: 24px; line-height: 24px;
    ......
    css/styles.less
    ...@@ -43,13 +43,18 @@ body { ...@@ -43,13 +43,18 @@ body {
    header { header {
    background-image: url("../img/banner.jpg"); background-image: url("../img/banner.jpg");
    background-repeat: no-repeat; background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center; background-position: center;
    margin-bottom: 97px; margin-bottom: 97px;
    @media(min-width: 576px){
    background-size: 100% 100%;
    }
    @media (max-width: 992px) { @media (max-width: 992px) {
    margin-bottom: 57px; margin-bottom: 57px;
    } }
    @media (max-width: 576px) { @media (max-width: 576px) {
    background-image: url("../img/banner.jpg");
    background-repeat: no-repeat;
    background-position: center;
    height: 560px; height: 560px;
    margin-bottom: 58px; margin-bottom: 58px;
    } }
    ...@@ -57,12 +62,19 @@ header { ...@@ -57,12 +62,19 @@ header {
    .background-banner { .background-banner {
    background-image: url("../img/banner-background.png"); background-image: url("../img/banner-background.png");
    background-repeat: no-repeat; background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center; background-position: center;
    margin-top: -733px; margin-top: -733px;
    opacity: 0.65; opacity: 0.65;
    margin-right: 0; margin-right: 0;
    margin-left: 0; margin-left: 0;
    @media(min-width: 576px) {
    background-size: 100% 100%;
    }
    @media(max-width: 576px){
    background-image: url("../img/banner-background.png");
    margin-top: -200px;
    height: 560px;
    }
    } }
    .ooo { .ooo {
    width: 100%; width: 100%;
    ...@@ -506,7 +518,7 @@ video { ...@@ -506,7 +518,7 @@ video {
    max-width: 250px; max-width: 250px;
    margin-top: 20px; margin-top: 20px;
    } }
    } }/*
    .h2-desktop-mail { .h2-desktop-mail {
    font-family: SF-UI-Display-Black, Arial; font-family: SF-UI-Display-Black, Arial;
    @media (max-width: 576px) { @media (max-width: 576px) {
    ...@@ -515,7 +527,7 @@ video { ...@@ -515,7 +527,7 @@ video {
    font-size: 24px; font-size: 24px;
    } }
    } }
    /*
    .h2-mobile { .h2-mobile {
    font-size: 24px; font-size: 24px;
    font-weight: 400; font-weight: 400;
    ...@@ -533,7 +545,7 @@ video { ...@@ -533,7 +545,7 @@ video {
    margin-bottom: 29px; margin-bottom: 29px;
    margin-top: 4px; margin-top: 4px;
    } }
    /* /*
    .text-h2-desktop { .text-h2-desktop {
    font-family: SF-UI-Text-Heavy, Arial; font-family: SF-UI-Text-Heavy, Arial;
    font-size: 18px; font-size: 18px;
    ...@@ -566,7 +578,8 @@ video { ...@@ -566,7 +578,8 @@ video {
    @media (max-width: 768px){ @media (max-width: 768px){
    font-size: 32px; font-size: 32px;
    } }
    }*/ }
    */
    .h3-desktop { .h3-desktop {
    font-family: SF-UI-Text-Heavy, Arial; font-family: SF-UI-Text-Heavy, Arial;
    margin-bottom: 18px; margin-bottom: 18px;
    ...@@ -754,9 +767,9 @@ button.main-btn { ...@@ -754,9 +767,9 @@ button.main-btn {
    } }
    /*advertising*/ /*advertising*/
    .advertising-background { .advertising-background {
    /*background-repeat: no-repeat; background-repeat: no-repeat;
    background-size: 100% 100%; background-size: 100% 100%;
    background-position: center center;*/ background-position: center center;
    background: #f9fbff; background: #f9fbff;
    padding-top: 184px; padding-top: 184px;
    padding-bottom: 60px; padding-bottom: 60px;
    ...@@ -1308,7 +1321,6 @@ button.main-btn { ...@@ -1308,7 +1321,6 @@ button.main-btn {
    } }
    } }
    .protection-img { .protection-img {
    width: 100%; width: 100%;
    @media (min-width: 1150px) { @media (min-width: 1150px) {
    height: 98px; height: 98px;
    ...@@ -1666,6 +1678,7 @@ button.main-btn { ...@@ -1666,6 +1678,7 @@ button.main-btn {
    text-align: center!important; text-align: center!important;
    } }
    p { p {
    font-family: SFUIDisplay-Light, Arial;
    font-size: 16px; font-size: 16px;
    font-weight: 300; font-weight: 300;
    line-height: 24px; line-height: 24px;
    ......
    index.html
    ...@@ -585,7 +585,7 @@ ...@@ -585,7 +585,7 @@
    <img src="img/catalog7.png"> <img src="img/catalog7.png">
    </div> </div>
    <div class="catalog-img-container catalog-img-container-end"> <div class="catalog-img-container catalog-img-container-end">
    <h5>Автоматизация:</h5> <h5>Аналитика:</h5>
    <img class="img-size-middle" src="img/catalog10.png"> <img class="img-size-middle" src="img/catalog10.png">
    <img class="img-size-middle" src="img/catalog4.png"> <img class="img-size-middle" src="img/catalog4.png">
    <img class="img-size-middle" src="img/catalog12.png"> <img class="img-size-middle" src="img/catalog12.png">
    ......
    Markdown is supported
    0% or
    You are about to add 0 people to the discussion. Proceed with caution.
    Finish editing this message first!
    Please register or to comment