-
-

-

+
+

+
-
Беспроцентная рассрочка на все услуги!
-
Оставьте заявку и получите консультацию!
+
Беспроцентная рассрочка на все услуги!
+
Оставьте заявку и получите консультацию!
-
Оставить заявку
+
Оставить заявку
diff --git a/style/index.css b/style/index.css
index 08bb1e8..1cd72dc 100644
--- a/style/index.css
+++ b/style/index.css
@@ -44,11 +44,11 @@ a{
align-items: end;
padding: 16px 0px 18px;
}
-.banner_block .number1 {
+.banner_block_number {
display: block;
height: 100%;
}
-.banner_block .number-mob {
+.banner_block_number2 {
display: none;
position: absolute;
top: 24px;
@@ -59,14 +59,14 @@ a{
flex-direction: column;
gap: 12px;
}
-.banner_block .info h3 {
+.banner_block_title {
font-size: 20px;
font-weight: 600;
line-height: 20px;
color: #FFF;
max-width: 278px;
}
-.banner_block .info p {
+.banner_block_text {
font-family: Inter;
font-size: 14px;
font-weight: 400;
@@ -74,7 +74,7 @@ a{
color: #FFF;
max-width: 233px;
}
-.banner_block .info_btn {
+.banner_block_btn {
font-family: "Museo Sans Cyrl", sans-serif;
font-size: 14px;
font-weight: 600;
@@ -120,7 +120,7 @@ a{
flex-direction: column;
gap: 60px;
}
-.authors_block .title{
+.authors_block_title{
font-size: 32px;
font-weight: 600;
line-height: 38.4px;
@@ -136,19 +136,19 @@ a{
flex-direction: column;
gap: 20px;
}
-.authors_card img{
+.authors_card_img{
width: 100%;
height: 500px;
border-radius: 8px;
object-fit: cover;
}
-.authors_card h3{
+.authors_card_title{
font-size: 32px;
font-weight: 600;
line-height: 32px;
color: #000000;
}
-.authors_card p{
+.authors_card_text{
font-size: 16px;
font-weight: 400;
line-height: 16px;
@@ -161,7 +161,7 @@ a{
background: #FFF;
border-radius: 8px;
}
-.top_box img{
+.top_box_img{
border-radius: 8px;
object-fit: cover;
}
@@ -198,30 +198,30 @@ a{
background: #FFFFFF;
border-radius: 8px;
}
-.authors_item .item-img{
+.authors_item_img{
border-radius: 8px;
object-fit: cover;
width: 100%;
height: 200px;
}
-.authors_item .info_wrap{
+.authors_item_info{
display: flex;
flex-direction: column;
gap: 25px;
padding: 25px 20px;
}
-.authors_item .info{
+.authors_item_boxs{
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
-.authors_item .info_box{
+.authors_item_box{
display: flex;
align-items: center;
gap: 12px;
}
-.authors_item .info span{
+.authors_item_info span{
font-size: 14px;
font-weight: 300;
line-height: 16.8px;
@@ -231,7 +231,7 @@ a{
gap: 8px;
white-space: nowrap;
}
-.authors_item h5{
+.authors_item_title{
font-size: 16px;
font-weight: 600;
line-height: 19.2px;
@@ -249,7 +249,7 @@ a{
align-items: center;
gap: 24px;
}
-.item_pagination .pagination_tab{
+.item_pagination_tab{
background: #F3F3F3;
width: 70px;
height: 71px;
@@ -266,8 +266,8 @@ a{
cursor: pointer;
transition: .3s ease all;
}
-.item_pagination .pagination_tab:hover,
-.item_pagination .pagination_tab.active{
+.item_pagination_tab:hover,
+.item_pagination_tab.active{
background: linear-gradient(264.09deg, #88B23F 4.91%, #247238 91.1%);
color: #FFF;
font-weight: 600;
@@ -293,18 +293,18 @@ a{
flex-direction: column;
gap: 18px;
}
- .banner_block .number1 {
+ .banner_block_number {
display: none;
}
- .banner_block .number-mob {
+ .banner_block_number2 {
display: block;
}
.banner .info_block .info {
padding-right: 103px;
gap: 16px;
}
- .banner_block .info p,
- .banner_block .info h3 {
+ .banner_block_text,
+ .banner_block_title {
max-width: 100%;
}
@@ -317,7 +317,7 @@ a{
.authors_item .info {
gap: 15px;
}
- .authors_item .info_wrap {
+ .authors_item_info {
gap: 20px;
padding: 20px 15px;
}
@@ -331,12 +331,12 @@ a{
.banner .banner_block {
border-radius: 4px;
}
- .banner_block .info_btn {
+ .banner_block_btn {
width: 100%;
border-radius: 4px;
}
- .banner_block .info p,
- .banner_block .info h3 {
+ .banner_block_text,
+ .banner_block_title {
max-width: 250px;
}
@@ -346,10 +346,10 @@ a{
.authors_block .authors_card {
gap: 15px;
}
- .authors_card img {
+ .authors_card_img {
height: 400px;
}
- .authors_card h3 {
+ .authors_card_title {
font-size: 26px;
line-height: 26px;
}
@@ -357,7 +357,7 @@ a{
.authors_block .top_box{
flex-direction: column;
}
- .top_box img{
+ .top_box_img{
height: 350px;
}
.top_box .info {
@@ -368,7 +368,7 @@ a{
.items_block .item_pagination {
gap: 15px;
}
- .item_pagination .pagination_tab {
+ .item_pagination_tab {
width: 50px;
height: 51px;
border-radius: 4px;