diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..3c32c72
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+appearance.drawio
\ No newline at end of file
diff --git a/README.md b/README.md
index 1b8e2ca..9525c9d 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,5 @@
 Обиджанов Алишер Сухробович М33071
 
-**Тема**: Арт галерея
\ No newline at end of file
+**Тема**: Галерея изображений
+
+![](appearance.png)
\ No newline at end of file
diff --git a/appearance.png b/appearance.png
new file mode 100644
index 0000000..e753685
Binary files /dev/null and b/appearance.png differ
diff --git a/images/examples/avogado6/example1.jpg b/images/examples/avogado6/example1.jpg
new file mode 100644
index 0000000..47bda84
Binary files /dev/null and b/images/examples/avogado6/example1.jpg differ
diff --git a/images/examples/avogado6/example2.jpg b/images/examples/avogado6/example2.jpg
new file mode 100644
index 0000000..10ad5ad
Binary files /dev/null and b/images/examples/avogado6/example2.jpg differ
diff --git a/images/examples/avogado6/example3.jpg b/images/examples/avogado6/example3.jpg
new file mode 100644
index 0000000..d77fd3b
Binary files /dev/null and b/images/examples/avogado6/example3.jpg differ
diff --git a/images/examples/avogado6/example4.jpg b/images/examples/avogado6/example4.jpg
new file mode 100644
index 0000000..8cbfb25
Binary files /dev/null and b/images/examples/avogado6/example4.jpg differ
diff --git a/images/examples/avogado6/example5.jpg b/images/examples/avogado6/example5.jpg
new file mode 100644
index 0000000..380f926
Binary files /dev/null and b/images/examples/avogado6/example5.jpg differ
diff --git a/images/logo/logo.png b/images/logo/logo.png
new file mode 100644
index 0000000..800ea79
Binary files /dev/null and b/images/logo/logo.png differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..74820b6
--- /dev/null
+++ b/index.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="ru">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Арт галерея</title>
+</head>
+
+<body>
+
+    <footer class="l-footer">
+        <nav class="l-left">
+            <img src="images/logo/logo.png" alt="Изображение 1">
+            <ul class="m-contacts">
+                <li class="m-contact"><a class="s-telegram" href="https://t.me/Magistones">Telegram</a></li>
+                <li class="m-contact"><a class="s-vk" href="https://vk.com/obidjanow">VK</a></li>
+                <li class="m-contact"><span class="s-phone-number">+7(911)-952-60-00</span>
+            </ul>
+        </nav>
+        <div class="l-right">
+            <a href="#"><span class="Name">Name</span></a>
+        </div>
+    </footer>
+
+    <header class="l-header">
+        <span class="page-name">Арт галерея</span>
+        <form>
+            <input class="s-find-search" type="search">
+            <input class="s-find-bottom" type="submit" value="Найти">
+        </form>
+    </header>
+
+    <main class="l-main">
+        <div class="l-autors-and-examples">
+            <h2 class="m-author-name">avogado6</h2>
+            <div class="l-examples">
+                <article class="m-example">
+                    <a href="images/examples/avogado6/example1.jpg"><img src="images/examples/avogado6/example1.jpg" alt="Изображение 1"></a>
+                    <p>
+                        Бессердечный <br>
+                        非情 / hijō
+                    </p>
+                </article>
+                <article class="m-example">
+                    <a href="images/examples/avogado6/example2.jpg"><img src="images/examples/avogado6/example2.jpg" alt="Изображение 2"></a>
+                    <p>
+                        Сумерки <br>
+                        黄昏 / tasogare
+                    </p>
+                </article>
+                <article class="m-example">
+                    <a href="images/examples/avogado6/example3.jpg"><img src="images/examples/avogado6/example3.jpg" alt="Изображение 3"></a>
+                    <p>
+                        Замороженный <br>
+                        凍結 / tōketsu
+                    </p>
+                </article>
+            </div>
+        </div>
+    </main>
+</body>
+
+</html>
\ No newline at end of file
