From 60eeec9de23c98dde682ff4e390c1d9a4f729949 Mon Sep 17 00:00:00 2001
From: BOUNTY707 <mexrobakooo@gmail.com>
Date: Sat, 25 Jan 2025 17:02:12 +0500
Subject: [PATCH] errors fixed

---
 authors.html    |  20 +++++-----
 authors2.html   | 104 ++++++++++++++++++++++++------------------------
 banner.html     |  12 +++---
 style/index.css |  62 ++++++++++++++---------------
 4 files changed, 99 insertions(+), 99 deletions(-)

diff --git a/authors.html b/authors.html
index f5321c8..3c4a463 100644
--- a/authors.html
+++ b/authors.html
@@ -20,22 +20,22 @@
         <section class="authors">
             <div class="container">
                 <div class="authors_block">
-                    <h2 class="title">Наши авторы</h2>
+                    <h2 class="authors_block_title">Наши авторы</h2>
                     <div class="authors_cards">
                         <a href="#!" class="authors_card">
-                            <img src="img/authors-img1.png" alt="">
-                            <h3>Екатерина Волкова</h3>
-                            <p>Старший менеджер по продажам</p>
+                            <img src="img/authors-img1.png" alt="" class="authors_card_img">
+                            <h3 class="authors_card_title">Екатерина Волкова</h3>
+                            <p class="authors_card_text">Старший менеджер по продажам</p>
                         </a>
                         <a href="#!" class="authors_card">
-                            <img src="img/authors-img2.png" alt="">
-                            <h3>Анастасия Колесникова</h3>
-                            <p>Менеджер по продажам</p>
+                            <img src="img/authors-img2.png" alt="" class="authors_card_img">
+                            <h3 class="authors_card_title">Анастасия Колесникова</h3>
+                            <p class="authors_card_text">Менеджер по продажам</p>
                         </a>
                         <a href="#!" class="authors_card">
-                            <img src="img/authors-img3.png" alt="">
-                            <h3>Тимур Абдеев</h3>
-                            <p>Менеджер по работе с клиентами</p>
+                            <img src="img/authors-img3.png" alt="" class="authors_card_img">
+                            <h3 class="authors_card_title">Тимур Абдеев</h3>
+                            <p class="authors_card_text">Менеджер по работе с клиентами</p>
                         </a>
                     </div>
                 </div>
diff --git a/authors2.html b/authors2.html
index 20848a4..9baf6b5 100644
--- a/authors2.html
+++ b/authors2.html
@@ -23,8 +23,8 @@
             <div class="container">
                 <div class="authors_block">
                     <div class="top_box">
-                        <img src="img/box-img.png" alt="">
-                        <div class="info">
+                        <img src="img/box-img.png" alt="" class="top_box_img">
+                        <div class="authors_item_boxs">
                             <div class="info_title">
                                 <h3>Екатерина Волкова</h3>
                                 <p>Старший менеджер по продажам</p>
@@ -33,17 +33,17 @@
                         </div>
                     </div>
                     
-                    <h2 class="title">Екатерина Волкова</h2>
+                    <h2 class="authors_block_title">Екатерина Волкова</h2>
 
                     <div class="items_block">
                         <div class="authors_items">
                             <a href="#!" class="authors_item">
-                                <img src="img/item-img1.png" alt="" class="item-img">
-                                <div class="info_wrap">
-                                    <div class="info">
+                                <img src="img/item-img1.png" alt="" class="authors_item_img">
+                                <div class="authors_item_info">
+                                    <div class="authors_item_boxs">
                                         <span>22 августа 2024</span>
         
-                                        <div class="info_box">
+                                        <div class="authors_item_box">
                                             <span>
                                                 <img src="img/clock-circle.svg" alt="">
                                                 5 минут
@@ -54,16 +54,16 @@
                                             </span>
                                         </div>
                                     </div>
-                                    <h5>Аккредитация и лицензирование учебных заведений </h5>
+                                    <h5 class="authors_item_title">Аккредитация и лицензирование учебных заведений </h5>
                                 </div>
                             </a>
                             <a href="#!" class="authors_item">
-                                <img src="img/item-img2.png" alt="" class="item-img">
-                                <div class="info_wrap">
-                                    <div class="info">
+                                <img src="img/item-img2.png" alt="" class="authors_item_img">
+                                <div class="authors_item_info">
+                                    <div class="authors_item_boxs">
                                         <span>22 августа 2024</span>
         
-                                        <div class="info_box">
+                                        <div class="authors_item_box">
                                             <span>
                                                 <img src="img/clock-circle.svg" alt="">
                                                 5 минут
@@ -74,16 +74,16 @@
                                             </span>
                                         </div>
                                     </div>
-                                    <h5>Как получить медицинскую лицензию?  </h5>
+                                    <h5 class="authors_item_title">Как получить медицинскую лицензию?  </h5>
                                 </div>
                             </a>
                             <a href="#!" class="authors_item">
-                                <img src="img/item-img3.png" alt="" class="item-img">
-                                <div class="info_wrap">
-                                    <div class="info">
+                                <img src="img/item-img3.png" alt="" class="authors_item_img">
+                                <div class="authors_item_info">
+                                    <div class="authors_item_boxs">
                                         <span>22 августа 2024</span>
         
-                                        <div class="info_box">
+                                        <div class="authors_item_box">
                                             <span>
                                                 <img src="img/clock-circle.svg" alt="">
                                                 5 минут
@@ -94,16 +94,16 @@
                                             </span>
                                         </div>
                                     </div>
-                                    <h5>Как получить образовательную лицензию?  </h5>
+                                    <h5 class="authors_item_title">Как получить образовательную лицензию?  </h5>
                                 </div>
                             </a>
                             <a href="#!" class="authors_item">
-                                <img src="img/item-img4.png" alt="" class="item-img">
-                                <div class="info_wrap">
-                                    <div class="info">
+                                <img src="img/item-img4.png" alt="" class="authors_item_img">
+                                <div class="authors_item_info">
+                                    <div class="authors_item_boxs">
                                         <span>22 августа 2024</span>
         
-                                        <div class="info_box">
+                                        <div class="authors_item_box">
                                             <span>
                                                 <img src="img/clock-circle.svg" alt="">
                                                 5 минут
@@ -114,16 +114,16 @@
                                             </span>
                                         </div>
                                     </div>
-                                    <h5>Как провести оценку ООО перед продажей: советы эксперта</h5>
+                                    <h5 class="authors_item_title">Как провести оценку ООО перед продажей: советы эксперта</h5>
                                 </div>
                             </a>
                             <a href="#!" class="authors_item">
-                                <img src="img/item-img5.png" alt="" class="item-img">
-                                <div class="info_wrap">
-                                    <div class="info">
+                                <img src="img/item-img5.png" alt="" class="authors_item_img">
+                                <div class="authors_item_info">
+                                    <div class="authors_item_boxs">
                                         <span>22 августа 2024</span>
         
-                                        <div class="info_box">
+                                        <div class="authors_item_box">
                                             <span>
                                                 <img src="img/clock-circle.svg" alt="">
                                                 5 минут
@@ -134,16 +134,16 @@
                                             </span>
                                         </div>
                                     </div>
-                                    <h5>Что лучше: ИП, ПБОЮЛ или ЧП, ЧОП, ЧОО, ООО ИЛИ АО </h5>
+                                    <h5 class="authors_item_title">Что лучше: ИП, ПБОЮЛ или ЧП, ЧОП, ЧОО, ООО ИЛИ АО </h5>
                                 </div>
                             </a>
                             <a href="#!" class="authors_item">
-                                <img src="img/item-img6.png" alt="" class="item-img">
-                                <div class="info_wrap">
-                                    <div class="info">
+                                <img src="img/item-img6.png" alt="" class="authors_item_img">
+                                <div class="authors_item_info">
+                                    <div class="authors_item_boxs">
                                         <span>22 августа 2024</span>
         
-                                        <div class="info_box">
+                                        <div class="authors_item_box">
                                             <span>
                                                 <img src="img/clock-circle.svg" alt="">
                                                 5 минут
@@ -154,16 +154,16 @@
                                             </span>
                                         </div>
                                     </div>
-                                    <h5>Нужен ли допуск СРО для выполнения электромонтажных работ</h5>
+                                    <h5 class="authors_item_title">Нужен ли допуск СРО для выполнения электромонтажных работ</h5>
                                 </div>
                             </a>
                             <a href="#!" class="authors_item">
-                                <img src="img/item-img7.png" alt="" class="item-img">
-                                <div class="info_wrap">
-                                    <div class="info">
+                                <img src="img/item-img7.png" alt="" class="authors_item_img">
+                                <div class="authors_item_info">
+                                    <div class="authors_item_boxs">
                                         <span>22 августа 2024</span>
         
-                                        <div class="info_box">
+                                        <div class="authors_item_box">
                                             <span>
                                                 <img src="img/clock-circle.svg" alt="">
                                                 5 минут
@@ -174,16 +174,16 @@
                                             </span>
                                         </div>
                                     </div>
-                                    <h5>Список работ, при выполнении которых допуск СРО не требуется </h5>
+                                    <h5 class="authors_item_title">Список работ, при выполнении которых допуск СРО не требуется </h5>
                                 </div>
                             </a>
                             <a href="#!" class="authors_item">
-                                <img src="img/item-img8.png" alt="" class="item-img">
-                                <div class="info_wrap">
-                                    <div class="info">
+                                <img src="img/item-img8.png" alt="" class="authors_item_img">
+                                <div class="authors_item_info">
+                                    <div class="authors_item_boxs">
                                         <span>22 августа 2024</span>
         
-                                        <div class="info_box">
+                                        <div class="authors_item_box">
                                             <span>
                                                 <img src="img/clock-circle.svg" alt="">
                                                 5 минут
@@ -194,16 +194,16 @@
                                             </span>
                                         </div>
                                     </div>
-                                    <h5>Сравнение различных видов сертификатов ISO: какой выбрать для своего бизнеса </h5>
+                                    <h5 class="authors_item_title">Сравнение различных видов сертификатов ISO: какой выбрать для своего бизнеса </h5>
                                 </div>
                             </a>
                             <a href="#!" class="authors_item">
-                                <img src="img/item-img9.png" alt="" class="item-img">
-                                <div class="info_wrap">
-                                    <div class="info">
+                                <img src="img/item-img9.png" alt="" class="authors_item_img">
+                                <div class="authors_item_info">
+                                    <div class="authors_item_boxs">
                                         <span>22 августа 2024</span>
         
-                                        <div class="info_box">
+                                        <div class="authors_item_box">
                                             <span>
                                                 <img src="img/clock-circle.svg" alt="">
                                                 5 минут
@@ -214,16 +214,16 @@
                                             </span>
                                         </div>
                                     </div>
-                                    <h5>Получение лицензии на алкоголь в 2024: часто задаваемые вопросы </h5>
+                                    <h5 class="authors_item_title">Получение лицензии на алкоголь в 2024: часто задаваемые вопросы </h5>
                                 </div>
                             </a>
                         </div>
 
                         <div class="item_pagination">
-                            <a href="#!" class="pagination_tab active">1</a>
-                            <a href="#!" class="pagination_tab">2</a>
-                            <a href="#!" class="pagination_tab">3</a>
-                            <a href="#!" class="pagination_tab">4</a>
+                            <a href="#!" class="item_pagination_tab active">1</a>
+                            <a href="#!" class="item_pagination_tab">2</a>
+                            <a href="#!" class="item_pagination_tab">3</a>
+                            <a href="#!" class="item_pagination_tab">4</a>
                         </div>
                     </div>
                 </div>
diff --git a/banner.html b/banner.html
index 012e2c4..1b4e129 100644
--- a/banner.html
+++ b/banner.html
@@ -11,16 +11,16 @@
     <div class="wrapper">
         <div class="banner">
             <div class="banner_block">
-                <div class="number">
-                    <img src="img/num.svg" alt="" class="number1">
-                    <img src="img/num-mob.svg" alt="" class="number-mob">
+                <div>
+                    <img src="img/num.svg" alt="" class="banner_block_number">
+                    <img src="img/num-mob.svg" alt="" class="banner_block_number2">
                 </div>
                 <div class="info_block">
                     <div class="info">
-                        <h3>Беспроцентная рассрочка на все услуги!</h3>
-                        <p>Оставьте заявку и получите консультацию!</p>
+                        <h3 class="banner_block_title">Беспроцентная рассрочка на все услуги!</h3>
+                        <p class="banner_block_text">Оставьте заявку и получите консультацию!</p>
                     </div>
-                    <a href="#!" class="info_btn">Оставить заявку</a>
+                    <a href="#!" class="banner_block_btn">Оставить заявку</a>
                 </div>
             </div>
         </div>
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;