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

author pages are ready

Browse Source
This commit is contained in:
Mavlon4658
2025-04-07 20:56:37 +05:00
parent 6f1ca3924c
commit 942c9a0896
5 changed files with 67 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
assets/css/gp-style-desktop.css
View File

@@ -420,7 +420,6 @@
.authors li {
background: #F5F5F5;
border-radius: 48px;
padding: 52px 17px 57px;
display: flex;
flex-direction: column;
align-items: center;
@@ -428,6 +427,15 @@
width: calc(100% / 3 - 16px);
}
.authors a {
padding: 52px 17px 57px;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.authors .main-img {
width: 200px;
height: 200px;
@@ -443,7 +451,7 @@
object-fit: cover;
}
.authors h3 {
.authors-name {
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
@@ -452,7 +460,7 @@
margin-bottom: 5px;
}
.authors h4 {
.authors-type {
color: #121212;
font-size: 24px;
font-weight: 500;
@@ -494,7 +502,7 @@
object-fit: cover;
}
.author h3 {
.author-name {
font-size: 24px;
font-weight: bold;
line-height: 28px;
@@ -503,7 +511,7 @@
text-transform: uppercase;
}
.author h5 {
.author-type {
font-size: 24px;
font-weight: 500;
line-height: 32px;
@@ -511,7 +519,7 @@
margin-bottom: 5px;
}
.author h4 {
.author-description {
font-size: 24px;
font-weight: 500;
line-height: 32px;

15
assets/css/gp-style-mobile.css
View File

@@ -142,10 +142,13 @@
}
.authors li {
padding: 32px 17px 52px;
border-radius: 24px;
width: 100%;
}
.authors a {
padding: 32px 17px 52px;
}
.authors .main-img {
width: 180px;
@@ -153,12 +156,12 @@
margin-bottom: 20px;
}
.authors h3 {
.authors-name {
font-size: 20px;
line-height: 24px;
}
.authors h4 {
.authors-type {
font-size: 18px;
line-height: 24px;
margin-bottom: 20px;
@@ -186,17 +189,17 @@
line-height: 38px;
}
.author h3 {
.author-name {
font-size: 20px;
line-height: 24px;
}
.author h5 {
.author-type {
font-size: 18px;
line-height: 24px;
}
.author h4 {
.author-description {
font-size: 18px;
line-height: 24px;
margin-bottom: 24px;

2
assets/css/gp-style-tablet.css
View File

@@ -129,8 +129,8 @@
}
.authors li {
width: calc(50% - 12px);
border-radius: 32px;
width: calc(50% - 12px);
}
.authors .main-img {

6
author.html
View File

@@ -124,9 +124,9 @@
<img src="./assets/img/author-main-card.png" alt="">
</div>
<div>
<h3>АвТОР АВТОР 1</h3>
<h5>главный редактор</h5>
<h4>Эксперт компании Cosmopet</h4>
<div class="author-name">АвТОР АВТОР 1</div>
<div class="author-type">главный редактор</div>
<div class="author-description">Эксперт компании Cosmopet</div>
<p>статей: 10</p>
</div>
</div>

70
authors.html
View File

@@ -122,44 +122,54 @@
<h2>Все авторы</h2>
<ul>
<li>
<div class="main-img">
<img src="./assets/img/author-1.png" alt="">
</div>
<h3>АвТОР АВТОР 1</h3>
<h4>главный редактор</h4>
<p>статей: 10</p>
<a href="./author.html">
<div class="main-img">
<img src="./assets/img/author-1.png" alt="">
</div>
<div class="authors-name">АвТОР АВТОР 1</div>
<div class="authors-type">главный редактор</div>
<p>статей: 10</p>
</a>
</li>
<li>
<div class="main-img">
<img src="./assets/img/author-2.png" alt="">
</div>
<h3>АвТОР АВТОР 2</h3>
<h4>редактор</h4>
<p>статей: 3</p>
<a href="./author.html">
<div class="main-img">
<img src="./assets/img/author-2.png" alt="">
</div>
<div class="authors-name">АвТОР АВТОР 2</div>
<div class="authors-type">редактор</div>
<p>статей: 3</p>
</a>
</li>
<li>
<div class="main-img">
<img src="./assets/img/author-3.png" alt="">
</div>
<h3>АвТОР АВТОР 3</h3>
<h4>технолог</h4>
<p>статей: 2</p>
<a href="./author.html">
<div class="main-img">
<img src="./assets/img/author-3.png" alt="">
</div>
<div class="authors-name">АвТОР АВТОР 3</div>
<div class="authors-type">технолог</div>
<p>статей: 2</p>
</a>
</li>
<li>
<div class="main-img">
<img src="./assets/img/author-4.png" alt="">
</div>
<h3>АвТОР АВТОР 4</h3>
<h4>охранник</h4>
<p>статей: 100</p>
<a href="./author.html">
<div class="main-img">
<img src="./assets/img/author-4.png" alt="">
</div>
<div class="authors-name">АвТОР АВТОР 4</div>
<div class="authors-type">охранник</div>
<p>статей: 100</p>
</a>
</li>
<li>
<div class="main-img">
<img src="./assets/img/author-5.png" alt="">
</div>
<h3>АвТОР АВТОР 5</h3>
<h4>вольный хлебопашец</h4>
<p>статей: 2</p>
<a href="./author.html">
<div class="main-img">
<img src="./assets/img/author-5.png" alt="">
</div>
<div class="authors-name">АвТОР АВТОР 5</div>
<div class="authors-type">вольный хлебопашец</div>
<p>статей: 2</p>
</a>
</li>
</ul>
</div>