sysadminix/tripwithbonus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

TRI-283: end p_mover_landing_page

Browse Source
This commit is contained in:
Artyom Pratsko
2024-11-21 19:49:38 +03:00
parent 7a345a6c80
commit 8de6676b40
18 changed files with 567 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

204
static/css/moover.css
View File

@@ -133,6 +133,12 @@ p {
}
}
@media (max-width: 479.98px) {
p {
margin-bottom: 14px;
}
}
b {
font-weight: 500;
}
@@ -1234,7 +1240,7 @@ b {
@media (max-width: 767.98px) {
.chatterbox {
max-width: 100vw;
margin: 0 auto 100px;
margin: 0 auto 121px;
position: relative;
}
}
@@ -1404,6 +1410,13 @@ b {
}
}
@media (max-width: 767.98px) {
.chatterbox__vbtn::before {
width: 55px;
height: 55px;
}
}
.chatterbox__vbtn::before, .chatterbox__vbtn::after {
content: "";
position: absolute;
@@ -1470,7 +1483,7 @@ b {
@media (max-width: 479.98px) {
.chatterbox__mbtns {
top: 61%;
top: 61.6%;
}
}
@@ -1484,6 +1497,12 @@ b {
}
}
@media (max-width: 767.98px) {
.chatterbox .title {
margin-bottom: 50px;
}
}
.chatterbox .slick-next {
right: -40px;
}
@@ -1697,6 +1716,12 @@ b {
}
}
@media (max-width: 767.98px) {
.use--lett {
margin-bottom: 81px;
}
}
.use--lett .title {
margin-bottom: 51px;
}
@@ -1707,6 +1732,12 @@ b {
}
}
@media (max-width: 767.98px) {
.use--lett .title {
margin-bottom: 0;
}
}
.use--lett .use__img {
margin-left: -5px;
margin-right: -5px;
@@ -1729,6 +1760,14 @@ b {
}
}
@media (max-width: 767.98px) {
.use--lett .use__img {
max-width: 103%;
margin-left: -5px;
margin-top: -6px;
}
}
@media (max-width: 991.98px) {
.use .h3 {
max-width: 75%;
@@ -2122,6 +2161,12 @@ b {
}
}
@media (max-width: 479.98px) {
.animate {
padding: 30px 7px 19px;
}
}
.animate.left {
transform: translateX(-180px);
}
@@ -2153,12 +2198,24 @@ b {
}
}
@media (max-width: 479.98px) {
.animate.right .title {
margin-bottom: 20px;
}
}
@media (max-width: 991.98px) {
.animate.right .subtitle {
margin-bottom: 31px;
}
}
@media (max-width: 479.98px) {
.animate.right .use__btn {
margin-top: -11px;
}
}
.animate__link {
color: var(--color-orange);
text-decoration: underline !important;
@@ -2190,6 +2247,13 @@ b {
}
}
@media (max-width: 767.98px) {
.animate .title {
max-width: 100%;
margin-bottom: 14px;
}
}
.animate .subtitle {
width: 47%;
margin: 0 auto 23px;
@@ -2216,6 +2280,15 @@ b {
}
}
@media (max-width: 479.98px) {
.animate .use__btn {
margin-top: -6px;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
}
.about {
margin-bottom: 168px;
}
@@ -2260,6 +2333,12 @@ b {
}
}
@media (max-width: 479.98px) {
.about .title {
margin-bottom: 37px;
}
}
.about__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
@@ -2298,6 +2377,12 @@ b {
}
}
@media (max-width: 479.98px) {
.about__img {
margin-bottom: 38px;
}
}
.about__right {
text-align: left;
padding-top: 43px;
@@ -2325,6 +2410,12 @@ b {
}
}
@media (max-width: 479.98px) {
.about__right {
padding: 0;
}
}
.about__right::after {
content: '';
display: block;
@@ -2365,6 +2456,12 @@ b {
}
}
@media (max-width: 479.98px) {
.about b {
letter-spacing: 0.9px;
}
}
@media (min-width: 1720px) {
.about p {
margin-bottom: 39px;
@@ -2393,6 +2490,12 @@ b {
}
}
@media (max-width: 479.98px) {
.benefits {
margin-bottom: 103px;
}
}
.benefits__grid {
text-align: left;
display: grid;
@@ -2405,6 +2508,13 @@ b {
}
}
@media (max-width: 479.98px) {
.benefits__grid {
grid-template-columns: 1fr;
text-align: center;
}
}
.benefits__item {
min-height: 122px;
padding-right: 7px;
@@ -2423,6 +2533,14 @@ b {
}
}
@media (max-width: 479.98px) {
.benefits__item {
padding-right: 0;
margin-bottom: 19px;
min-height: 90px;
}
}
@media (max-width: 991.98px) {
.benefits__second {
grid-column: 1 / 3;
@@ -2431,6 +2549,13 @@ b {
}
}
@media (max-width: 479.98px) {
.benefits__second {
grid-column: 1/2;
margin-bottom: 31px;
}
}
.benefits__third {
padding-left: 16px;
}
@@ -2448,6 +2573,12 @@ b {
}
}
@media (max-width: 479.98px) {
.benefits__third {
padding-left: 0;
}
}
.benefits .title {
margin-bottom: 76px;
}
@@ -2489,6 +2620,12 @@ b {
}
}
@media (max-width: 479.98px) {
.benefits p {
margin-bottom: 13px;
}
}
.uses {
margin-bottom: 120px;
}
@@ -2511,6 +2648,12 @@ b {
}
}
@media (max-width: 479.98px) {
.uses {
margin-bottom: 199px;
}
}
.uses__grid {
text-align: left;
display: grid;
@@ -2526,6 +2669,13 @@ b {
}
}
@media (max-width: 479.98px) {
.uses__grid {
display: block;
text-align: center;
}
}
.uses__item {
min-height: 50px;
margin-bottom: 19px;
@@ -2574,6 +2724,12 @@ b {
}
}
@media (max-width: 479.98px) {
.uses .title {
margin-bottom: 30px;
}
}
.sore {
margin-bottom: 160px;
margin-top: 1px;
@@ -2597,6 +2753,12 @@ b {
}
}
@media (max-width: 479.98px) {
.sore {
margin-bottom: 40px;
}
}
.sore__img {
margin: 0 auto 13px;
position: relative;
@@ -2628,6 +2790,15 @@ b {
}
}
@media (max-width: 479.98px) {
.sore__img {
max-width: 106%;
top: -26px;
left: -18px;
margin-bottom: 4px;
}
}
.sore .title {
margin-bottom: 40px;
}
@@ -2644,6 +2815,12 @@ b {
}
}
@media (max-width: 479.98px) {
.sore .title {
margin-bottom: 29px;
}
}
.sore .subtitle {
max-width: 62%;
margin: 0 auto 10px;
@@ -2668,6 +2845,12 @@ b {
}
}
@media (max-width: 479.98px) {
.sore .subtitle {
max-width: 99%;
}
}
.sore .h3 {
max-width: 47%;
margin: 0 auto 19px;
@@ -2691,3 +2874,20 @@ b {
margin-bottom: 21px;
}
}
@media (max-width: 479.98px) {
.sore .h3 {
max-width: 100%;
margin-bottom: 17px;
}
}
@media (max-width: 479.98px) {
.sore__btn {
padding-top: 8px;
padding-bottom: 8px;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
}

24
static/css/moover/about.css
View File

@@ -42,6 +42,12 @@
}
}
@media (max-width: 479.98px) {
.about .title {
margin-bottom: 37px;
}
}
.about__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
@@ -80,6 +86,12 @@
}
}
@media (max-width: 479.98px) {
.about__img {
margin-bottom: 38px;
}
}
.about__right {
text-align: left;
padding-top: 43px;
@@ -107,6 +119,12 @@
}
}
@media (max-width: 479.98px) {
.about__right {
padding: 0;
}
}
.about__right::after {
content: '';
display: block;
@@ -147,6 +165,12 @@
}
}
@media (max-width: 479.98px) {
.about b {
letter-spacing: 0.9px;
}
}
@media (min-width: 1720px) {
.about p {
margin-bottom: 39px;

34
static/css/moover/animate.css vendored
View File

@@ -29,6 +29,12 @@
}
}
@media (max-width: 479.98px) {
.animate {
padding: 30px 7px 19px;
}
}
.animate.left {
transform: translateX(-180px);
}
@@ -60,12 +66,24 @@
}
}
@media (max-width: 479.98px) {
.animate.right .title {
margin-bottom: 20px;
}
}
@media (max-width: 991.98px) {
.animate.right .subtitle {
margin-bottom: 31px;
}
}
@media (max-width: 479.98px) {
.animate.right .use__btn {
margin-top: -11px;
}
}
.animate__link {
color: var(--color-orange);
text-decoration: underline !important;
@@ -97,6 +115,13 @@
}
}
@media (max-width: 767.98px) {
.animate .title {
max-width: 100%;
margin-bottom: 14px;
}
}
.animate .subtitle {
width: 47%;
margin: 0 auto 23px;
@@ -122,3 +147,12 @@
margin-bottom: 26px;
}
}
@media (max-width: 479.98px) {
.animate .use__btn {
margin-top: -6px;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
}

40
static/css/moover/benefits.css
View File

@@ -20,6 +20,12 @@
}
}
@media (max-width: 479.98px) {
.benefits {
margin-bottom: 103px;
}
}
.benefits__grid {
text-align: left;
display: grid;
@@ -32,6 +38,13 @@
}
}
@media (max-width: 479.98px) {
.benefits__grid {
grid-template-columns: 1fr;
text-align: center;
}
}
.benefits__item {
min-height: 122px;
padding-right: 7px;
@@ -50,6 +63,14 @@
}
}
@media (max-width: 479.98px) {
.benefits__item {
padding-right: 0;
margin-bottom: 19px;
min-height: 90px;
}
}
@media (max-width: 991.98px) {
.benefits__second {
grid-column: 1 / 3;
@@ -58,6 +79,13 @@
}
}
@media (max-width: 479.98px) {
.benefits__second {
grid-column: 1/2;
margin-bottom: 31px;
}
}
.benefits__third {
padding-left: 16px;
}
@@ -75,6 +103,12 @@
}
}
@media (max-width: 479.98px) {
.benefits__third {
padding-left: 0;
}
}
.benefits .title {
margin-bottom: 76px;
}
@@ -115,3 +149,9 @@
margin-bottom: 10px;
}
}
@media (max-width: 479.98px) {
.benefits p {
margin-bottom: 13px;
}
}

17
static/css/moover/chatterbox.css
View File

@@ -25,7 +25,7 @@
@media (max-width: 767.98px) {
.chatterbox {
max-width: 100vw;
margin: 0 auto 100px;
margin: 0 auto 121px;
position: relative;
}
}
@@ -195,6 +195,13 @@
}
}
@media (max-width: 767.98px) {
.chatterbox__vbtn::before {
width: 55px;
height: 55px;
}
}
.chatterbox__vbtn::before, .chatterbox__vbtn::after {
content: "";
position: absolute;
@@ -261,7 +268,7 @@
@media (max-width: 479.98px) {
.chatterbox__mbtns {
top: 61%;
top: 61.6%;
}
}
@@ -275,6 +282,12 @@
}
}
@media (max-width: 767.98px) {
.chatterbox .title {
margin-bottom: 50px;
}
}
.chatterbox .slick-next {
right: -40px;
}

6
static/css/moover/root.css
View File

@@ -133,6 +133,12 @@ p {
}
}
@media (max-width: 479.98px) {
p {
margin-bottom: 14px;
}
}
b {
font-weight: 500;
}

44
static/css/moover/sore.css
View File

@@ -21,6 +21,12 @@
}
}
@media (max-width: 479.98px) {
.sore {
margin-bottom: 40px;
}
}
.sore__img {
margin: 0 auto 13px;
position: relative;
@@ -52,6 +58,15 @@
}
}
@media (max-width: 479.98px) {
.sore__img {
max-width: 106%;
top: -26px;
left: -18px;
margin-bottom: 4px;
}
}
.sore .title {
margin-bottom: 40px;
}
@@ -68,6 +83,12 @@
}
}
@media (max-width: 479.98px) {
.sore .title {
margin-bottom: 29px;
}
}
.sore .subtitle {
max-width: 62%;
margin: 0 auto 10px;
@@ -92,6 +113,12 @@
}
}
@media (max-width: 479.98px) {
.sore .subtitle {
max-width: 99%;
}
}
.sore .h3 {
max-width: 47%;
margin: 0 auto 19px;
@@ -115,3 +142,20 @@
margin-bottom: 21px;
}
}
@media (max-width: 479.98px) {
.sore .h3 {
max-width: 100%;
margin-bottom: 17px;
}
}
@media (max-width: 479.98px) {
.sore__btn {
padding-top: 8px;
padding-bottom: 8px;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
}

20
static/css/moover/use.css
View File

@@ -122,6 +122,12 @@
}
}
@media (max-width: 767.98px) {
.use--lett {
margin-bottom: 81px;
}
}
.use--lett .title {
margin-bottom: 51px;
}
@@ -132,6 +138,12 @@
}
}
@media (max-width: 767.98px) {
.use--lett .title {
margin-bottom: 0;
}
}
.use--lett .use__img {
margin-left: -5px;
margin-right: -5px;
@@ -154,6 +166,14 @@
}
}
@media (max-width: 767.98px) {
.use--lett .use__img {
max-width: 103%;
margin-left: -5px;
margin-top: -6px;
}
}
@media (max-width: 991.98px) {
.use .h3 {
max-width: 75%;

19
static/css/moover/uses.css
View File

@@ -20,6 +20,12 @@
}
}
@media (max-width: 479.98px) {
.uses {
margin-bottom: 199px;
}
}
.uses__grid {
text-align: left;
display: grid;
@@ -35,6 +41,13 @@
}
}
@media (max-width: 479.98px) {
.uses__grid {
display: block;
text-align: center;
}
}
.uses__item {
min-height: 50px;
margin-bottom: 19px;
@@ -82,3 +95,9 @@
margin-bottom: 39px;
}
}
@media (max-width: 479.98px) {
.uses .title {
margin-bottom: 30px;
}
}

BIN
static/img/png/sore-328.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 186 KiB

After

Width:  |  Height:  |  Size: 165 KiB