diff --git a/images/AQ_monitor.png b/images/AQ_monitor.png
new file mode 100644
index 0000000..8041f3d
Binary files /dev/null and b/images/AQ_monitor.png differ
diff --git a/images/arucos.png b/images/arucos.png
new file mode 100644
index 0000000..1746426
Binary files /dev/null and b/images/arucos.png differ
diff --git a/images/institute.png b/images/institute.png
new file mode 100644
index 0000000..afcab91
Binary files /dev/null and b/images/institute.png differ
diff --git a/index.html b/index.html
index e69de29..023d274 100644
--- a/index.html
+++ b/index.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <title>
+        "Portfolio"
+    </title>
+</head>
+
+<body>
+
+    <h2 align="center">OkunElya's Portfolio</h2>
+    <p align="center">
+        <b>Q:</b> What's this site for? <br>
+        <b>A:</b> Just to show progress in education ( check git)
+    </p>
+
+    <p align="center">
+        <b>Q:</b> Why? <br>
+        <b>A:</b> Because.
+    </p>
+    <hr width="80%" align="center">
+    <h3>Experience:</h3>
+    <a href="./embeded_details.html">
+        <h4><i>Embedded Systems:</i></h4>
+    </a>
+    <p> Had a serval projects with different MCUs and wrote firmware for them. <br>
+        My main stack consists of Platformio+EspIdf or Arduino, also tried STM32</p>
+
+    <a href="https://github.com/OkunElya/Air-Quality-Monitor-Device">
+        <img src="./images/AQ_monitor.png" width="50%" border="2" alt="Air Quality Monitor Device"><br>
+        <p><i>Click the image to check GitHub Project</i></p>
+    </a>
+
+    <hr width="80%" align="center">
+
+    <a href="./opencv_details.html">
+        <h4><i>OpenCV:</i></h4>
+    </a>
+    <p> I love when programs are able to <i>see</i> things or recognise them<br>
+        so i had serval projects involding image processing <br>
+        Sadly i'm used to opencv binding in python and not C++ , but that is solvable)</p>
+
+    <p>
+        <img src="./images/arucos.png" width="50%" border="2" alt="Image of a table with arucos sheet"><br>
+        <i>Random image from the internet (not mine)</i>
+    </p>
+
+    <hr width="80%" align="center">
+    <h3>Hobbies:</h3>
+    <ol>
+        <li>
+            <p>Reading:<br> I love stephen king books , especially "<a href="./images/institute.png">Insitite</a>"</p>
+        </li>
+        <li>
+            <p>Photography:<br> If I have some <i>free time</i> I may take some pictures and post them <a
+                    href="https://t.me/iTakePhotosOnTapok">here</a> </p>
+        </li>
+    </ol>
+    <hr width="80%" align="center">
+
+    <h3><a href="./table.html"> Table!!!! With Filters!!! (not working yet)</a></h3>
+</body>
+
+</html>
\ No newline at end of file
