diff --git a/01/img/img1.jpg b/01/img/img1.jpg
new file mode 100644
index 0000000..7a2ce8d
Binary files /dev/null and b/01/img/img1.jpg differ
diff --git a/01/img/img2.jpg b/01/img/img2.jpg
new file mode 100644
index 0000000..2ab8f92
Binary files /dev/null and b/01/img/img2.jpg differ
diff --git a/01/img/img3.jpg b/01/img/img3.jpg
new file mode 100644
index 0000000..c074cc4
Binary files /dev/null and b/01/img/img3.jpg differ
diff --git a/01/index.html b/01/index.html
new file mode 100644
index 0000000..79c883d
--- /dev/null
+++ b/01/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <!-- v head jsou metadata -->
+    <meta charset="UTF-8">
+   <title>Document</title>
+</head>
+<body>
+    <!-- CTRL+k -> CTRL+C je viditelné tělo stránky -->
+    <h1>KAMARAD EMMET</h1>
+    <h2>kamarad emmet je super</h2>
+    <h3>muj virtualni kamarad emmet</h3>
+
+    <p>This is a paragraph.</p>
+    <p>This is another paragraph.</p> 
+    
+    <!-- První zpusob odkazu -->
+    <p>Klikněte na <a href="profily/druha.html">ODKAZ</a></p>
+    <!-- Druhý zpusob odkazu -->
+    <p>yKlikněte na 
+        <a href="profily/treti.html">ODKAZ</a>
+    </p>
+
+
+    <img src="img/img1.jpg" alt="Obrázek">
+
+    <!-- <h2>SECRET HESLO: 123asd123</h2>
+    Komentáře jsou viditelné ve zdrojovém kodě takže opatrně na to -->
+
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/01/profily/druha.html b/01/profily/druha.html
new file mode 100644
index 0000000..fb928ef
--- /dev/null
+++ b/01/profily/druha.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Document</title>
+</head>
+<body>
+    <h1>Druha stranka</h1>
+    <p><a href="../index.html">Domu</a></p>
+    <p><a href="treti.html">Treti stranka</a></p>
+
+    <img src="../img/img2.jpg" alt="Obrazek profilu">
+</body>
+</html>
\ No newline at end of file
diff --git a/01/profily/treti.html b/01/profily/treti.html
new file mode 100644
index 0000000..bdad15e
--- /dev/null
+++ b/01/profily/treti.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Document</title>
+</head>
+<body>
+    <h1>Treti stranka</h1>
+    <!-- špatná (absolutní) cesta -->
+    <a href="C:\Users\skrabanek\Documents\gitclone\3J_WTL_2024\01\index.html">Domu</a>
+    <!-- lepší (relativní) relativní cesta k souboru -->
+    <a href="druha.html">Druha stranka</a>
+    <br>
+    <img src="../img/img3.jpg" alt="Obrazek profilu">
+</body>
+</html>
\ No newline at end of file
