Good-Production/template-for-verstka
13
2
Fork 0
Code Pull Requests Releases Wiki Activity

errors fixed

Browse Source
This commit is contained in:
BOUNTY707
2025-01-25 17:02:12 +05:00
parent 4a6101af77
commit 60eeec9de2
4 changed files with 99 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
authors.html
View File

@@ -20,22 +20,22 @@
<section class="authors"> <section class="authors">
<div class="container"> <div class="container">
<div class="authors_block"> <div class="authors_block">
<h2 class="title">Наши авторы</h2> <h2 class="authors_block_title">Наши авторы</h2>
<div class="authors_cards"> <div class="authors_cards">
<a href="#!" class="authors_card"> <a href="#!" class="authors_card">
<img src="img/authors-img1.png" alt=""> <img src="img/authors-img1.png" alt="" class="authors_card_img">
<h3>Екатерина Волкова</h3> <h3 class="authors_card_title">Екатерина Волкова</h3>
<p>Старший менеджер по продажам</p> <p class="authors_card_text">Старший менеджер по продажам</p>
</a> </a>
<a href="#!" class="authors_card"> <a href="#!" class="authors_card">
<img src="img/authors-img2.png" alt=""> <img src="img/authors-img2.png" alt="" class="authors_card_img">
<h3>Анастасия Колесникова</h3> <h3 class="authors_card_title">Анастасия Колесникова</h3>
<p>Менеджер по продажам</p> <p class="authors_card_text">Менеджер по продажам</p>
</a> </a>
<a href="#!" class="authors_card"> <a href="#!" class="authors_card">
<img src="img/authors-img3.png" alt=""> <img src="img/authors-img3.png" alt="" class="authors_card_img">
<h3>Тимур Абдеев</h3> <h3 class="authors_card_title">Тимур Абдеев</h3>
<p>Менеджер по работе с клиентами</p> <p class="authors_card_text">Менеджер по работе с клиентами</p>
</a> </a>
</div> </div>
</div> </div>

104
authors2.html
View File

@@ -23,8 +23,8 @@
<div class="container"> <div class="container">
<div class="authors_block"> <div class="authors_block">
<div class="top_box"> <div class="top_box">
<img src="img/box-img.png" alt=""> <img src="img/box-img.png" alt="" class="top_box_img">
<div class="info"> <div class="authors_item_boxs">
<div class="info_title"> <div class="info_title">
<h3>Екатерина Волкова</h3> <h3>Екатерина Волкова</h3>
<p>Старший менеджер по продажам</p> <p>Старший менеджер по продажам</p>
@@ -33,17 +33,17 @@
</div> </div>
</div> </div>
<h2 class="title">Екатерина Волкова</h2> <h2 class="authors_block_title">Екатерина Волкова</h2>
<div class="items_block"> <div class="items_block">
<div class="authors_items"> <div class="authors_items">
<a href="#!" class="authors_item"> <a href="#!" class="authors_item">
<img src="img/item-img1.png" alt="" class="item-img"> <img src="img/item-img1.png" alt="" class="authors_item_img">
<div class="info_wrap"> <div class="authors_item_info">
<div class="info"> <div class="authors_item_boxs">
<span>22 августа 2024</span> <span>22 августа 2024</span>
<div class="info_box"> <div class="authors_item_box">
<span> <span>
<img src="img/clock-circle.svg" alt=""> <img src="img/clock-circle.svg" alt="">
5 минут 5 минут
@@ -54,16 +54,16 @@
</span> </span>
</div> </div>
</div> </div>
<h5>Аккредитация и лицензирование учебных заведений </h5> <h5 class="authors_item_title">Аккредитация и лицензирование учебных заведений </h5>
</div> </div>
</a> </a>
<a href="#!" class="authors_item"> <a href="#!" class="authors_item">
<img src="img/item-img2.png" alt="" class="item-img"> <img src="img/item-img2.png" alt="" class="authors_item_img">
<div class="info_wrap"> <div class="authors_item_info">
<div class="info"> <div class="authors_item_boxs">
<span>22 августа 2024</span> <span>22 августа 2024</span>
<div class="info_box"> <div class="authors_item_box">
<span> <span>
<img src="img/clock-circle.svg" alt=""> <img src="img/clock-circle.svg" alt="">
5 минут 5 минут
@@ -74,16 +74,16 @@
</span> </span>
</div> </div>
</div> </div>
<h5>Как получить медицинскую лицензию? </h5> <h5 class="authors_item_title">Как получить медицинскую лицензию? </h5>
</div> </div>
</a> </a>
<a href="#!" class="authors_item"> <a href="#!" class="authors_item">
<img src="img/item-img3.png" alt="" class="item-img"> <img src="img/item-img3.png" alt="" class="authors_item_img">
<div class="info_wrap"> <div class="authors_item_info">
<div class="info"> <div class="authors_item_boxs">
<span>22 августа 2024</span> <span>22 августа 2024</span>
<div class="info_box"> <div class="authors_item_box">
<span> <span>
<img src="img/clock-circle.svg" alt=""> <img src="img/clock-circle.svg" alt="">
5 минут 5 минут
@@ -94,16 +94,16 @@
</span> </span>
</div> </div>
</div> </div>
<h5>Как получить образовательную лицензию? </h5> <h5 class="authors_item_title">Как получить образовательную лицензию? </h5>
</div> </div>
</a> </a>
<a href="#!" class="authors_item"> <a href="#!" class="authors_item">
<img src="img/item-img4.png" alt="" class="item-img"> <img src="img/item-img4.png" alt="" class="authors_item_img">
<div class="info_wrap"> <div class="authors_item_info">
<div class="info"> <div class="authors_item_boxs">
<span>22 августа 2024</span> <span>22 августа 2024</span>
<div class="info_box"> <div class="authors_item_box">
<span> <span>
<img src="img/clock-circle.svg" alt=""> <img src="img/clock-circle.svg" alt="">
5 минут 5 минут
@@ -114,16 +114,16 @@
</span> </span>
</div> </div>
</div> </div>
<h5>Как провести оценку ООО перед продажей: советы эксперта</h5> <h5 class="authors_item_title">Как провести оценку ООО перед продажей: советы эксперта</h5>
</div> </div>
</a> </a>
<a href="#!" class="authors_item"> <a href="#!" class="authors_item">
<img src="img/item-img5.png" alt="" class="item-img"> <img src="img/item-img5.png" alt="" class="authors_item_img">
<div class="info_wrap"> <div class="authors_item_info">
<div class="info"> <div class="authors_item_boxs">
<span>22 августа 2024</span> <span>22 августа 2024</span>
<div class="info_box"> <div class="authors_item_box">
<span> <span>
<img src="img/clock-circle.svg" alt=""> <img src="img/clock-circle.svg" alt="">
5 минут 5 минут
@@ -134,16 +134,16 @@
</span> </span>
</div> </div>
</div> </div>
<h5>Что лучше: ИП, ПБОЮЛ или ЧП, ЧОП, ЧОО, ООО ИЛИ АО </h5> <h5 class="authors_item_title">Что лучше: ИП, ПБОЮЛ или ЧП, ЧОП, ЧОО, ООО ИЛИ АО </h5>
</div> </div>
</a> </a>
<a href="#!" class="authors_item"> <a href="#!" class="authors_item">
<img src="img/item-img6.png" alt="" class="item-img"> <img src="img/item-img6.png" alt="" class="authors_item_img">
<div class="info_wrap"> <div class="authors_item_info">
<div class="info"> <div class="authors_item_boxs">
<span>22 августа 2024</span> <span>22 августа 2024</span>
<div class="info_box"> <div class="authors_item_box">
<span> <span>
<img src="img/clock-circle.svg" alt=""> <img src="img/clock-circle.svg" alt="">
5 минут 5 минут
@@ -154,16 +154,16 @@
</span> </span>
</div> </div>
</div> </div>
<h5>Нужен ли допуск СРО для выполнения электромонтажных работ</h5> <h5 class="authors_item_title">Нужен ли допуск СРО для выполнения электромонтажных работ</h5>
</div> </div>
</a> </a>
<a href="#!" class="authors_item"> <a href="#!" class="authors_item">
<img src="img/item-img7.png" alt="" class="item-img"> <img src="img/item-img7.png" alt="" class="authors_item_img">
<div class="info_wrap"> <div class="authors_item_info">
<div class="info"> <div class="authors_item_boxs">
<span>22 августа 2024</span> <span>22 августа 2024</span>
<div class="info_box"> <div class="authors_item_box">
<span> <span>
<img src="img/clock-circle.svg" alt=""> <img src="img/clock-circle.svg" alt="">
5 минут 5 минут
@@ -174,16 +174,16 @@
</span> </span>
</div> </div>
</div> </div>
<h5>Список работ, при выполнении которых допуск СРО не требуется </h5> <h5 class="authors_item_title">Список работ, при выполнении которых допуск СРО не требуется </h5>
</div> </div>
</a> </a>
<a href="#!" class="authors_item"> <a href="#!" class="authors_item">
<img src="img/item-img8.png" alt="" class="item-img"> <img src="img/item-img8.png" alt="" class="authors_item_img">
<div class="info_wrap"> <div class="authors_item_info">
<div class="info"> <div class="authors_item_boxs">
<span>22 августа 2024</span> <span>22 августа 2024</span>
<div class="info_box"> <div class="authors_item_box">
<span> <span>
<img src="img/clock-circle.svg" alt=""> <img src="img/clock-circle.svg" alt="">
5 минут 5 минут
@@ -194,16 +194,16 @@
</span> </span>
</div> </div>
</div> </div>
<h5>Сравнение различных видов сертификатов ISO: какой выбрать для своего бизнеса </h5> <h5 class="authors_item_title">Сравнение различных видов сертификатов ISO: какой выбрать для своего бизнеса </h5>
</div> </div>
</a> </a>
<a href="#!" class="authors_item"> <a href="#!" class="authors_item">
<img src="img/item-img9.png" alt="" class="item-img"> <img src="img/item-img9.png" alt="" class="authors_item_img">
<div class="info_wrap"> <div class="authors_item_info">
<div class="info"> <div class="authors_item_boxs">
<span>22 августа 2024</span> <span>22 августа 2024</span>
<div class="info_box"> <div class="authors_item_box">
<span> <span>
<img src="img/clock-circle.svg" alt=""> <img src="img/clock-circle.svg" alt="">
5 минут 5 минут
@@ -214,16 +214,16 @@
</span> </span>
</div> </div>
</div> </div>
<h5>Получение лицензии на алкоголь в 2024: часто задаваемые вопросы </h5> <h5 class="authors_item_title">Получение лицензии на алкоголь в 2024: часто задаваемые вопросы </h5>
</div> </div>
</a> </a>
</div> </div>
<div class="item_pagination"> <div class="item_pagination">
<a href="#!" class="pagination_tab active">1</a> <a href="#!" class="item_pagination_tab active">1</a>
<a href="#!" class="pagination_tab">2</a> <a href="#!" class="item_pagination_tab">2</a>
<a href="#!" class="pagination_tab">3</a> <a href="#!" class="item_pagination_tab">3</a>
<a href="#!" class="pagination_tab">4</a> <a href="#!" class="item_pagination_tab">4</a>
</div> </div>
</div> </div>
</div> </div>

12
banner.html
View File

@@ -11,16 +11,16 @@
<div class="wrapper"> <div class="wrapper">
<div class="banner"> <div class="banner">
<div class="banner_block"> <div class="banner_block">
<div class="number"> <div>
<img src="img/num.svg" alt="" class="number1"> <img src="img/num.svg" alt="" class="banner_block_number">
<img src="img/num-mob.svg" alt="" class="number-mob"> <img src="img/num-mob.svg" alt="" class="banner_block_number2">
</div> </div>
<div class="info_block"> <div class="info_block">
<div class="info"> <div class="info">
<h3>Беспроцентная рассрочка на все услуги!</h3> <h3 class="banner_block_title">Беспроцентная рассрочка на все услуги!</h3>
<p>Оставьте заявку и получите консультацию!</p> <p class="banner_block_text">Оставьте заявку и получите консультацию!</p>
</div> </div>
<a href="#!" class="info_btn">Оставить заявку</a> <a href="#!" class="banner_block_btn">Оставить заявку</a>
</div> </div>
</div> </div>
</div> </div>

62
style/index.css
View File

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