author pages are ready

assets/css/gp-style-desktop.css

@@ -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;

assets/css/gp-style-mobile.css

@@ -142,23 +142,26 @@
     }
 
     .authors li {
-        padding: 32px 17px 52px;
         border-radius: 24px;
         width: 100%;
     }
     
+    .authors a {
+        padding: 32px 17px 52px;
+    }
+
     .authors .main-img {
         width: 180px;
         height: 180px;
         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;

assets/css/gp-style-tablet.css

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

author.html

@@ -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>

authors.html

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