аоаооа

css/mainStyle.css

@@ -2,13 +2,19 @@
     text-align: center;
 }
 .testElement{
-    background-color: aquamarine;
+    border: 1px black solid;
     text-align: center;
     vertical-align: auto;
-    width: 15%;
+    width: 10%;
+    height: 10%;
     padding: 1%;
 
 }
+.testElement img{
+    object-fit: contain;
+    max-width: 100%;
+    max-height: 100%;
+}
 .inlineList{
     list-style: none;
     display: flex;
@@ -18,4 +24,10 @@ li {
 }
 body{
     font-family: 'Roboto', sans-serif;
+}
+a{
+    text-decoration: none;
+}
+a{
+    color:blue;
 }

html/about.html

@@ -14,10 +14,10 @@
         <h3 class="centered">Сборник свободных и бесплатных книг</h3>
         <hr>
         <ul class="inlineList">
-            <li><a href="about.html">О нас</a></li>
+            <li><a href="index.html"> На главную</a></li>
             <li><a href="catalogue.html"> Каталог</a></li>
             <li><a href="profile.html">Профиль</a></li>
-            <li><a href="index.html"> На главную</a></li>
+            <li><a href="about.html">О нас</a></li>
         </ul>
         
         <hr>

html/author.html

@@ -14,10 +14,10 @@
         <h3 class="centered">Сборник свободных и бесплатных книг</h3>
         <hr>
         <ul class="inlineList">
-            <li><a href="about.html">О нас</a></li>
+            <li><a href="index.html"> На главную</a></li>
             <li><a href="catalogue.html"> Каталог</a></li>
             <li><a href="profile.html">Профиль</a></li>
-            <li><a href="index.html"> На главную</a></li>
+            <li><a href="about.html">О нас</a></li>
         </ul>
         <hr>
         <ul>

html/book.html

@@ -14,14 +14,19 @@
         <h3 class="centered">Сборник свободных и бесплатных книг</h3>
         <hr>
         <ul class="inlineList">
-            <li><a href="about.html">О нас</a></li>
+            <li><a href="index.html"> На главную</a></li>
             <li><a href="catalogue.html"> Каталог</a></li>
             <li><a href="profile.html">Профиль</a></li>
-            <li><a href="index.html"> На главную</a></li>
+            <li><a href="about.html">О нас</a></li>
         </ul>
         
         <hr>
-        <centered><div class="testElement">Обложка книги</div></centered>
+        <div class="testElement">
+            <a href="book.html">
+                <img src="../img/test.jpg" alt="Обложка книги книги">
+                <p>Название книги</p>
+            </a>
+        </div>
         <ul>
             <li>Дата издания: </li>
             <li> Жанр: </li>

html/catalogue.html

@@ -14,10 +14,10 @@
         <h3 class="centered">Сборник свободных и бесплатных книг</h3>
         <hr>
         <ul class="inlineList">
-            <li><a href="about.html">О нас</a></li>
+            <li><a href="index.html"> На главную</a></li>
             <li><a href="catalogue.html"> Каталог</a></li>
             <li><a href="profile.html">Профиль</a></li>
-            <li><a href="index.html"> На главную</a></li>
+            <li><a href="about.html">О нас</a></li>
         </ul>
         
         <hr>
@@ -47,10 +47,9 @@
         <p>Результаты поиска:</p>
         <div class="testElement">
             <a href="book.html">
-                <img  alt="Обложка книги книги">
+                <img src="../img/test.jpg" alt="Обложка книги книги">
+                <p>Название книги</p>
             </a>
-            <p></p>
-            <a href="author.html"> Автор книги</a>
         </div>
     </body>
 </html>

html/index.html

@@ -15,19 +15,18 @@
         <h3 class="centered">Сборник свободных и бесплатных книг</h3>
         <hr>
         <ul class="inlineList">
-            <li><a href="about.html">О нас</a></li>
+            <li><a href="index.html"> На главную</a></li>
             <li><a href="catalogue.html"> Каталог</a></li>
             <li><a href="profile.html">Профиль</a></li>
-            <li><a href="index.html"> На главную</a></li>
+            <li><a href="about.html">О нас</a></li>
         </ul>
         
         <hr>
         <div class="testElement">
             <a href="book.html">
-                <img  alt="Обложка книги книги">
+                <img src="../img/test.jpg" alt="Обложка книги книги">
+                <p>Название книги</p>
             </a>
-            <p></p>
-            <a href="author.html"> Автор книги</a>
         </div>
 
     </body>

html/profile.html

@@ -14,10 +14,10 @@
         <h3 class="centered">Сборник свободных и бесплатных книг</h3>
         <hr>
         <ul class="inlineList">
-            <li><a href="about.html">О нас</a></li>
+            <li><a href="index.html"> На главную</a></li>
             <li><a href="catalogue.html"> Каталог</a></li>
             <li><a href="profile.html">Профиль</a></li>
-            <li><a href="index.html"> На главную</a></li>
+            <li><a href="about.html">О нас</a></li>
         </ul>
         
         <hr>