Skip to content

L
landing_pages
Commit 5d06c5fa by Iren
Options

add style for catalog

parent 51022323
Pipeline #3605 failed with stage
    Showing with 17 additions and 8 deletions
    css/styles.css
    ...@@ -894,6 +894,7 @@ video { ...@@ -894,6 +894,7 @@ video {
    font-family: SFUIDisplay-Light; font-family: SFUIDisplay-Light;
    font-size: 18px; font-size: 18px;
    font-weight: 300; font-weight: 300;
    line-height: 24px;
    letter-spacing: 0.24px; letter-spacing: 0.24px;
    color: #303a81; color: #303a81;
    line-height: 21px; line-height: 21px;
    ...@@ -1511,7 +1512,7 @@ video { ...@@ -1511,7 +1512,7 @@ video {
    background-size: 100% 100%; background-size: 100% 100%;
    background-position: center; background-position: center;
    padding-top: 123px; padding-top: 123px;
    padding-bottom: 95px; padding-bottom: 77px;
    } }
    @media (max-width: 576px) { @media (max-width: 576px) {
    .protection-background { .protection-background {
    ...@@ -1565,6 +1566,7 @@ video { ...@@ -1565,6 +1566,7 @@ video {
    align-items: stretch; align-items: stretch;
    width: 33%; width: 33%;
    margin-top: 10px; margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 2%; padding-right: 2%;
    height: auto; height: auto;
    } }
    ...@@ -1727,6 +1729,8 @@ video { ...@@ -1727,6 +1729,8 @@ video {
    @media (min-width: 1250px) { @media (min-width: 1250px) {
    .tittle-catalog { .tittle-catalog {
    width: 665px; width: 665px;
    margin-top: 20px;
    margin-bottom: 50px;
    } }
    } }
    @media (max-width: 768px) { @media (max-width: 768px) {
    ...@@ -1828,7 +1832,7 @@ video { ...@@ -1828,7 +1832,7 @@ video {
    margin-top: -20px; margin-top: -20px;
    } }
    .catalog-text { .catalog-text {
    max-width: 56%; max-width: 60%;
    margin-bottom: 120px; margin-bottom: 120px;
    margin-top: 15px; margin-top: 15px;
    } }
    ...@@ -1887,7 +1891,7 @@ video { ...@@ -1887,7 +1891,7 @@ video {
    font-family: SFUIDisplay-Light; font-family: SFUIDisplay-Light;
    font-size: 18px; font-size: 18px;
    font-weight: 300; font-weight: 300;
    line-height: 21px; line-height: 24px;
    letter-spacing: 0.24px; letter-spacing: 0.24px;
    color: #303a81; color: #303a81;
    } }
    ...@@ -1908,7 +1912,7 @@ video { ...@@ -1908,7 +1912,7 @@ video {
    background: #f9fbff; background: #f9fbff;
    background-size: 100% 100%; background-size: 100% 100%;
    background-position: center; background-position: center;
    padding-top: 118px; padding-top: 140px;
    padding-bottom: 113px; padding-bottom: 113px;
    margin-bottom: 114px; margin-bottom: 114px;
    } }
    ......
    css/styles.less
    ...@@ -1234,7 +1234,7 @@ padding-left: 45px; ...@@ -1234,7 +1234,7 @@ padding-left: 45px;
    background-size: 100% 100%; background-size: 100% 100%;
    background-position: center; background-position: center;
    padding-top: 123px; padding-top: 123px;
    padding-bottom: 95px; padding-bottom: 77px;
    @media (max-width: 576px) { @media (max-width: 576px) {
    padding-top: 51px; padding-top: 51px;
    } }
    ...@@ -1276,6 +1276,7 @@ padding-left: 45px; ...@@ -1276,6 +1276,7 @@ padding-left: 45px;
    align-items: stretch; align-items: stretch;
    width: 33%; width: 33%;
    margin-top: 10px; margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 2%; padding-right: 2%;
    height: auto; height: auto;
    @media (max-width: 992px) { @media (max-width: 992px) {
    ...@@ -1402,6 +1403,8 @@ padding-left: 45px; ...@@ -1402,6 +1403,8 @@ padding-left: 45px;
    .tittle-catalog { .tittle-catalog {
    @media(min-width: 1250px){ @media(min-width: 1250px){
    width: 665px; width: 665px;
    margin-top: 20px;
    margin-bottom: 50px;
    } }
    margin-bottom: 70px; margin-bottom: 70px;
    @media (max-width: 768px) { @media (max-width: 768px) {
    ...@@ -1478,7 +1481,7 @@ padding-left: 45px; ...@@ -1478,7 +1481,7 @@ padding-left: 45px;
    margin-top: -20px; margin-top: -20px;
    } }
    .catalog-text { .catalog-text {
    max-width: 56%; max-width: 60%;
    margin-bottom: 120px; margin-bottom: 120px;
    margin-top: 15px; margin-top: 15px;
    @media (max-width: 768px) { @media (max-width: 768px) {
    ...@@ -1523,11 +1526,12 @@ padding-left: 45px; ...@@ -1523,11 +1526,12 @@ padding-left: 45px;
    } }
    } }
    } }
    .catalog-tittle-text { .catalog-tittle-text {
    font-family: SFUIDisplay-Light; font-family: SFUIDisplay-Light;
    font-size: 18px; font-size: 18px;
    font-weight: 300; font-weight: 300;
    line-height: 21px; line-height: 24px;
    letter-spacing: 0.24px; letter-spacing: 0.24px;
    color: #303a81; color: #303a81;
    @media (max-width: 768px) { @media (max-width: 768px) {
    ...@@ -1539,12 +1543,13 @@ padding-left: 45px; ...@@ -1539,12 +1543,13 @@ padding-left: 45px;
    letter-spacing: 0.14px; letter-spacing: 0.14px;
    } }
    } }
    /*technology*/ /*technology*/
    .technology { .technology {
    background: #f9fbff; background: #f9fbff;
    background-size: 100% 100%; background-size: 100% 100%;
    background-position: center; background-position: center;
    padding-top: 118px; padding-top: 140px;
    padding-bottom: 113px; padding-bottom: 113px;
    margin-bottom: 114px; margin-bottom: 114px;
    @media (max-width: 576px) { @media (max-width: 576px) {
    ......
    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