сделал free и text-form для пк

This commit is contained in:
Kirill Pet
2024-12-18 19:49:11 +03:00
parent d07d972c10
commit c082f320f6
5 changed files with 247 additions and 5 deletions

View File

@@ -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 */

View File

@@ -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;

View 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

View 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