Сдано, отчет поднгрузить

author.html

@@ -14,9 +14,15 @@
 		</a>
         <p>каталог возможно</p>
 	</div>
-    <div>
+    <div class="author">
+        
         <img src="img/ХаяоМиядзаки.png" alt="">
-        <p>посвящено автору и тп.</p>
+        <div class="description">
+            <h3>Автор: Хаяо Миядзаки</h3>
+            <p>посвящено автору и тп. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Consequuntur quod harum voluptate architecto, sit eaque, voluptatibus excepturi deleniti consequatur porro vero dolorem dolorum vitae laborum libero et veritatis sapiente a?</p>
+        </div>
+        
+
     </div>
 </body>
 

css/style.css

@@ -20,6 +20,10 @@ div {
     margin: 0 auto 10px;
 }
 
+.author {
+    display: flex;
+}
+
 .input {
     width: 700px;
     margin-top: 70px;
@@ -44,3 +48,13 @@ div {
     display: flex;
 }
 
+h3 {
+    margin-bottom: 15px;
+}
+
+.read{
+    width: 500px;
+    display: block;
+}
+
+

index.html

@@ -18,7 +18,7 @@
 		<p>Тут возможно будет каталог</p>
 		<a href="account.html">вход</a>
 	</div>
-	
+
 	<p>основное расположение.хочется все ссылки чтобы при наведении выделялись</p>
 	<div class="main">
 		<h3>Наши произведения</h3>
@@ -90,17 +90,22 @@
 				<a href="news.html">
 					<img src="img/новость.jpg" alt="">
 				</a>
-				<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Libero laborum possimus itaque quibusdam beatae ipsam odit sed? Vel blanditiis repellendus, 
-					ea nam, incidunt odio sit amet sequi nihil, laudantium aspernatur!
-				</p>
+				<div class="description-news">
+					<h4>Новость 1</h4>
+					<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Libero laborum possimus itaque quibusdam beatae ipsam odit sed? Vel blanditiis repellendus, 
+						ea nam, incidunt odio sit amet sequi nihil, laudantium aspernatur!</p>
+				</div>
+				
 			</div>
 			<div class="card">
 				<a href="news.html">
 					<img src="img/новость.jpg" alt="">
 				</a>
-				<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Libero laborum possimus itaque quibusdam beatae ipsam odit sed? Vel blanditiis repellendus, 
-					ea nam, incidunt odio sit amet sequi nihil, laudantium aspernatur!
-				</p>
+				<div class="description-news">
+					<h4>Новость 2</h4>
+					<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Libero laborum possimus itaque quibusdam beatae ipsam odit sed? Vel blanditiis repellendus, 
+						ea nam, incidunt odio sit amet sequi nihil, laudantium aspernatur!</p>
+				</div>
 			</div>
 		</section>
 	</div>

reading.html

@@ -18,10 +18,11 @@
 		<a href="account.html">вход</a>
     </div>
 
-    <div>
-        <p>Чтение манги. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut, at ad! Error qui iste quae, mollitia inventore dolorem, deleniti adipisci eveniet, dolores sit facere! Quo aspernatur ea nulla molestiae quos.</p>
+    <div class="read">
+        <img src="img/SL1.png" alt="">
+        <img src="img/SL2.png" alt="">
     </div>
     
 </body>
 
-</html>
+</html>