font changed

project_banner
BOUNTY707 7 months ago
parent 508b6dca4c
commit 3286cd1d43
  1. 4
      authors.html
  2. 6
      authors2.html
  3. 2
      banner.html
  4. 42
      style/index.css

@ -12,8 +12,8 @@
<div class="breadcrumbs">
<div class="container">
<div class="breadcrumb">
<a href="#!">Главная –</a>
<span>Наши авторы</span>
<a href="#!" class="breadcrumb_link">Главная –</a>
<span class="breadcrumb_text">Наши авторы</span>
</div>
</div>
</div>

@ -12,9 +12,9 @@
<div class="breadcrumbs">
<div class="container">
<div class="breadcrumb">
<a href="#!">Главная –</a>
<a href="#!">Наши авторы –</a>
<span>Екатерина Волкова</span>
<a href="#!" class="breadcrumb_link">Главная –</a>
<a href="#!" class="breadcrumb_link">Наши авторы –</a>
<span class="breadcrumb_text">Екатерина Волкова</span>
</div>
</div>
</div>

@ -16,7 +16,7 @@
<img src="img/num-mob.svg" alt="" class="banner_block_number2">
</div>
<div class="info_block">
<div class="info">
<div class="banner_block_info">
<h3 class="banner_block_title">Беспроцентная рассрочка на все услуги!</h3>
<p class="banner_block_text">Оставьте заявку и получите консультацию!</p>
</div>

@ -26,7 +26,7 @@ a{
.banner {
padding: 50px 24px;
}
.banner .banner_block {
.banner_block {
position: relative;
max-width: 592px;
padding: 0px 20px 0 11px;
@ -54,7 +54,7 @@ a{
top: 24px;
right: 16px;
}
.banner_block .info {
.banner_block_info {
display: flex;
flex-direction: column;
gap: 12px;
@ -97,25 +97,23 @@ a{
display: flex;
align-items: center;
gap: 5px;
span,
a{
}
.breadcrumb_text,
.breadcrumb_link{
font-size: 14px;
font-weight: 300;
line-height: 16.8px;
color: #878A90;
}
span{
}
.breadcrumb_text{
color: #000000;
}
}
/* Authors start */
.authors{
padding: 0px 0px 100px;
}
.authors .authors_block{
.authors_block{
display: flex;
flex-direction: column;
gap: 60px;
@ -126,12 +124,12 @@ a{
line-height: 38.4px;
color: #0F1521;
}
.authors_block .authors_cards{
.authors_cards{
display: grid;
grid-template-columns: 32% 32% 32%;
gap: 20px;
}
.authors_block .authors_card{
.authors_card{
display: flex;
flex-direction: column;
gap: 20px;
@ -189,12 +187,12 @@ a{
color: #000000;
}
.authors_block .authors_items{
.authors_items{
display: grid;
grid-template-columns: 32.2% 32.2% 32.2%;
gap: 20px;
}
.authors_items .authors_item{
.authors_item{
background: #FFFFFF;
border-radius: 8px;
}
@ -238,13 +236,13 @@ a{
color: #0F1521;
}
.authors .items_block{
.items_block{
display: flex;
flex-direction: column;
align-items: center;
gap: 40px;
}
.items_block .item_pagination{
.item_pagination{
display: flex;
align-items: center;
gap: 24px;
@ -277,7 +275,7 @@ a{
/* @Media start */
@media (max-width: 1024px) {
.authors_block .authors_items {
.authors_items {
grid-template-columns: 49% 49%;
}
}
@ -309,7 +307,7 @@ a{
}
.authors_block .authors_cards {
.authors_cards {
grid-template-columns: 48.5% 48.5%;
gap: 40px 20px;
}
@ -321,7 +319,7 @@ a{
gap: 20px;
padding: 20px 15px;
}
.authors_block .authors_items {
.authors_items {
grid-template-columns: 100%;
}
@ -340,10 +338,10 @@ a{
max-width: 250px;
}
.authors_block .authors_cards {
.authors_cards {
grid-template-columns: 100%;
}
.authors_block .authors_card {
.authors_card {
gap: 15px;
}
.authors_card_img {
@ -365,7 +363,7 @@ a{
gap: 30px;
}
.items_block .item_pagination {
.item_pagination {
gap: 15px;
}
.item_pagination_tab {

Loading…
Cancel
Save