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

errors fixed

Browse Source
project_banner
BOUNTY707 7 months ago
parent 4a6101af77
commit 60eeec9de2
4 changed files with 99 additions and 99 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 20
      authors.html
  2. 104
      authors2.html
  3. 12
      banner.html
  4. 62
      style/index.css

20
authors.html
Unescape 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
Unescape 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
Unescape 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
Unescape 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;

Write Preview
Loading…
Cancel
Save