сделал free и text-form для пк
This commit is contained in:
@@ -100,6 +100,14 @@ body{
|
||||
font-weight: 400;
|
||||
color: var(--text-white);
|
||||
}
|
||||
.text-3{
|
||||
font-weight: 400;
|
||||
color: var(--text-white);
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.text--bo-line{
|
||||
text-decoration: none;
|
||||
}
|
||||
/* text */
|
||||
|
||||
/* components */
|
||||
@@ -119,6 +127,8 @@ body{
|
||||
background-color: var(--background-grey);
|
||||
|
||||
transition: background-color .3s;
|
||||
|
||||
cursor: pointer;
|
||||
}
|
||||
.btn-social:first-child{
|
||||
margin-left: 0;
|
||||
@@ -137,7 +147,7 @@ body{
|
||||
.btn-big{
|
||||
display: block;
|
||||
|
||||
padding: 22px 32px;
|
||||
padding: 22.5px 32px;
|
||||
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
@@ -210,6 +220,8 @@ body{
|
||||
text-transform: uppercase;
|
||||
|
||||
transition: all 0.3s;
|
||||
|
||||
pointer-events: none;
|
||||
}
|
||||
.input__field{
|
||||
height: 64px;
|
||||
@@ -267,6 +279,87 @@ body{
|
||||
.form.checked .input__error{
|
||||
display: block;
|
||||
}
|
||||
|
||||
.form__item{
|
||||
margin-top: 16px;
|
||||
}
|
||||
.form__item:first-child{
|
||||
margin-top: 0;
|
||||
}
|
||||
.form__item--two{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.form__item--two .input__block{
|
||||
width: calc(50% - 8px);
|
||||
}
|
||||
.form__additional{
|
||||
margin-top: 32px;
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.form__additional input[type="file"]{
|
||||
display: none;
|
||||
}
|
||||
.form-additional__text{
|
||||
margin-left: 16px;
|
||||
}
|
||||
.form input[type=submit]{
|
||||
margin-top: 32px;
|
||||
|
||||
width: 100%;
|
||||
|
||||
border: none;
|
||||
}
|
||||
.form__link{
|
||||
margin-left: 6px;
|
||||
|
||||
font-size: 16px;
|
||||
text-transform: uppercase;
|
||||
text-decoration: underline;
|
||||
text-decoration-skip-ink: none;
|
||||
color: var(--link);
|
||||
}
|
||||
.form__file{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.form__mini-btn{
|
||||
background-color: var(--background-grey-hover);
|
||||
border: none;
|
||||
|
||||
transition: all .3s;
|
||||
}
|
||||
.form__mini-btn:hover{
|
||||
opacity: .8;
|
||||
}
|
||||
.form__checkbox{
|
||||
display: none;
|
||||
}
|
||||
.form__checkbox:checked + .form-checkbox__square{
|
||||
border-color: var(--blood);
|
||||
|
||||
background-image: url(/assets/img/icon/red-arrow.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
.form.checked .form__checkbox:invalid + .form-checkbox__square{
|
||||
border-color: var(--blood);
|
||||
}
|
||||
.form__checkbox-block{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.form-checkbox__square{
|
||||
width: 18px;
|
||||
aspect-ratio: 1;
|
||||
|
||||
border-radius: 4px;
|
||||
border: 1.50px solid var(--text-white);
|
||||
|
||||
cursor: pointer;
|
||||
}
|
||||
/* components */
|
||||
|
||||
/* header */
|
||||
|
||||
@@ -23,6 +23,9 @@
|
||||
.text-2{
|
||||
font-size: 18px;
|
||||
}
|
||||
.text-3{
|
||||
font-size: 16px;
|
||||
}
|
||||
/* text */
|
||||
|
||||
/* header */
|
||||
@@ -563,6 +566,45 @@
|
||||
}
|
||||
/* free */
|
||||
|
||||
/* text and form */
|
||||
.text-form{
|
||||
display: flex;
|
||||
|
||||
|
||||
}
|
||||
.text-form__content{
|
||||
width: 100%;
|
||||
}
|
||||
.text-form__form{
|
||||
margin-left: 40px;
|
||||
|
||||
width: 453px;
|
||||
|
||||
padding: 32px;
|
||||
|
||||
background-color: var(--background-grey);
|
||||
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.text-form__form .title-3{
|
||||
margin-bottom: 32px;
|
||||
|
||||
text-align: center;
|
||||
}
|
||||
.text-form__form .form__additional,
|
||||
.text-form__form input[type=submit]{
|
||||
margin-top: 24px;
|
||||
}
|
||||
.text-form__form .form-additional__text a{
|
||||
margin-left: 0;
|
||||
}
|
||||
.text-form__agreement--text-form{
|
||||
height: 44px;
|
||||
|
||||
align-items: start;
|
||||
}
|
||||
/* text and form */
|
||||
|
||||
/* services */
|
||||
.services{
|
||||
margin: 34px -20px -20px -20px;
|
||||
|
||||
3
assets/img/icon/paper-clip.svg
Normal file
3
assets/img/icon/paper-clip.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M13.9998 8.11765L8.05874 14.0587C7.26274 14.8547 7.26274 16.1453 8.05874 16.9413C8.85476 17.7373 10.1454 17.7373 10.9414 16.9413L18.3078 9.57484C19.7947 8.08801 19.7945 5.67732 18.3073 4.19077C16.8206 2.70461 14.4107 2.70483 12.9242 4.19127L5.55775 11.5577C3.38049 13.735 3.38049 17.265 5.55775 19.4423C7.73502 21.6196 11.2651 21.6196 13.4424 19.4423L18.8846 14" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 534 B |
3
assets/img/icon/red-arrow.svg
Normal file
3
assets/img/icon/red-arrow.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1 3.5L3.75 6.25L9.25 0.749999" stroke="#AE0B05" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 227 B |
Reference in New Issue
Block a user