diff --git a/html/l1.html b/html/l1.html
index 81f8ca5..1e24880 100644
--- a/html/l1.html
+++ b/html/l1.html
@@ -6,9 +6,36 @@
     <title>HTML</title>
     <style>
         .image {
-            width: 1200px;
+            width: 400px;
             height: auto;
         }
+        .image2 {
+            text-align: centr;
+        }
+        .image2 {
+            display: inline-block;
+            margin: 10px;
+        }
+        body {
+            background-color: black;
+            color: white;
+        }
+        a {
+            color: red;
+        }
+
+        #about h2 {
+            display: inline-block;
+            width: 100%;
+        }
+        #about p {
+            display: inline-block;
+            width: 100%;
+        }
+        #about p sss:hover,
+        #about h2 sss:hover {
+            color: yellow;
+        }
     </style>
 </head>
 <body>
@@ -21,13 +48,21 @@
         <a href="#about">Обо мне</a>
     </nav>
     <main>
-        <img src="image.jpeg" alt="пушок" class="image">
-        <p>Сайт</p>
+        <div class="image2">
+            <a href="https://images.prom.ua/2987667453_w1280_h640_2987667453.jpg">
+                <img src="https://images.prom.ua/2987667453_w1280_h640_2987667453.jpg" alt="пушок" class="image">
+            </a>
+            <a href="https://esd.adventist.org/wp-content/uploads/2023/07/6-2.jpg">
+                <img src="https://esd.adventist.org/wp-content/uploads/2023/07/6-2.jpg" alt="сергей" class="image">
+            </a>
+        </div>
     </main>
     <footer>
         <section id="about">
-            <h2>Я да</h2>
-            <p>ДА да</p>
+            <div class="color">
+                <h2><sss>Я да</sss></h2>
+                <p><sss>ДА да</sss></p>
+            </div>
         </section>
     </footer>
 </body>
