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

TRI-283: end pade move

Browse Source
This commit is contained in:
Artyom Pratsko
2024-11-16 18:28:26 +03:00
parent 034d5faa0d
commit 3d28a1ee86
22 changed files with 518 additions and 175 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
static/css/moover.css
View File

@@ -411,7 +411,7 @@ b {
display: flex;
justify-content: center;
align-items: center;
height: calc(100% - 16px);
height: 600px;
}
.chatterbox .title {
@@ -445,11 +445,6 @@ b {
margin-bottom: 123px;
}
.use .title {
max-width: 80%;
margin-bottom: 49px;
}
.use__img {
width: 67.5%;
margin-left: 16px;
@@ -467,26 +462,31 @@ b {
color: var(--color-grey2);
}
.use.use--diff .title {
.use .title {
max-width: 80%;
margin-bottom: 49px;
}
.use--diff .title {
width: 60%;
margin-bottom: 60px;
}
.use.use--diff .use__img {
.use--diff .use__img {
width: 100%;
margin-left: 0;
margin-bottom: 17px;
}
.use.use--lett {
.use--lett {
margin-bottom: 120px;
}
.use.use--lett .title {
.use--lett .title {
margin-bottom: 51px;
}
.use.use--lett .use__img {
.use--lett .use__img {
margin-left: -5px;
margin-right: -5px;
max-width: 110%;
@@ -496,13 +496,25 @@ b {
.animate {
padding: 60px 40px 49px;
opacity: 0;
transform: translateX(-180px);
background-color: var(--color-black2);
border-radius: 30px;
color: white;
margin-bottom: 160px;
}
.animate.left {
transform: translateX(-180px);
}
.animate.right {
transform: translateX(180px);
}
.animate__link {
color: var(--color-orange);
text-decoration: underline !important;
}
.animate .title {
margin-bottom: 25px;
max-width: 87%;
@@ -514,11 +526,6 @@ b {
margin: 0 auto 23px;
}
.animate__link {
color: var(--color-orange);
text-decoration: underline !important;
}
.about {
margin-bottom: 168px;
}
@@ -560,7 +567,7 @@ b {
}
.benefits {
margin-bottom: 50px;
margin-bottom: 132px;
}
.benefits__grid {
@@ -588,3 +595,54 @@ b {
top: 14px;
right: -11px;
}
.uses {
margin-bottom: 122px;
}
.uses__grid {
text-align: left;
display: grid;
grid-template-columns: repeat(3, 1fr);
/* max-width: 101.5%; */
/* width: 101.5%; */
}
.uses__item {
min-height: 50px;
margin-bottom: 43px;
padding: 0 50px 0 2px;
}
.uses__icon {
margin-bottom: 11px;
}
.uses .title {
max-width: 50%;
margin: 0 auto 60px;
}
.sore {
margin-bottom: 160px;
}
.sore__img {
margin: 0 auto 26px;
position: relative;
left: -17px;
}
.sore .title {
margin-bottom: 40px;
}
.sore .subtitle {
max-width: 62%;
margin: 0 auto -1px;
}
.sore .h3 {
max-width: 47%;
margin: 0 auto 19px;
}

32
static/css/moover/animate.css vendored Normal file
View File

@@ -0,0 +1,32 @@
.animate {
padding: 60px 40px 49px;
opacity: 0;
background-color: var(--color-black2);
border-radius: 30px;
color: white;
margin-bottom: 160px;
}
.animate.left {
transform: translateX(-180px);
}
.animate.right {
transform: translateX(180px);
}
.animate__link {
color: var(--color-orange);
text-decoration: underline !important;
}
.animate .title {
margin-bottom: 25px;
max-width: 87%;
/*width: 90%;*/
}
.animate .subtitle {
width: 47%;
margin: 0 auto 23px;
}

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

@@ -1,5 +1,5 @@
.benefits {
margin-bottom: 50px;
margin-bottom: 132px;
}
.benefits__grid {

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

@@ -97,7 +97,7 @@
display: flex;
justify-content: center;
align-items: center;
height: calc(100% - 16px);
height: 600px;
}
.chatterbox .title {

23
static/css/moover/sore.css Normal file
View File

@@ -0,0 +1,23 @@
.sore {
margin-bottom: 160px;
}
.sore__img {
margin: 0 auto 26px;
position: relative;
left: -17px;
}
.sore .title {
margin-bottom: 40px;
}
.sore .subtitle {
max-width: 62%;
margin: 0 auto -1px;
}
.sore .h3 {
max-width: 47%;
margin: 0 auto 19px;
}

51
static/css/moover/use.css Normal file
View File

@@ -0,0 +1,51 @@
.use {
margin-bottom: 123px;
}
.use__img {
width: 67.5%;
margin-left: 16px;
margin-bottom: 31px;
}
.use__btn {
margin-bottom: 11px;
}
.use__link {
font-size: 18px;
font-weight: 600;
line-height: 26px;
color: var(--color-grey2);
}
.use .title {
max-width: 80%;
margin-bottom: 49px;
}
.use--diff .title {
width: 60%;
margin-bottom: 60px;
}
.use--diff .use__img {
width: 100%;
margin-left: 0;
margin-bottom: 17px;
}
.use--lett {
margin-bottom: 120px;
}
.use--lett .title {
margin-bottom: 51px;
}
.use--lett .use__img {
margin-left: -5px;
margin-right: -5px;
max-width: 110%;
width: 1290px;
}

26
static/css/moover/uses.css Normal file
View File

@@ -0,0 +1,26 @@
.uses {
margin-bottom: 122px;
}
.uses__grid {
text-align: left;
display: grid;
grid-template-columns: repeat(3, 1fr);
/* max-width: 101.5%; */
/* width: 101.5%; */
}
.uses__item {
min-height: 50px;
margin-bottom: 43px;
padding: 0 50px 0 2px;
}
.uses__icon {
margin-bottom: 11px;
}
.uses .title {
max-width: 50%;
margin: 0 auto 60px;
}