diff --git a/bambus.jpg b/assets/bambus.jpg
similarity index 100%
rename from bambus.jpg
rename to assets/bambus.jpg
diff --git a/assets/favicon.png b/assets/favicon.png
new file mode 100644
index 0000000..6e8fbc6
Binary files /dev/null and b/assets/favicon.png differ
diff --git a/assets/script.js b/assets/script.js
new file mode 100644
index 0000000..e69de29
diff --git a/assets/style.css b/assets/style.css
new file mode 100644
index 0000000..a1c461b
--- /dev/null
+++ b/assets/style.css
@@ -0,0 +1,110 @@
+body, html {
+    margin: 0;
+    padding: 0;
+    font-family: Arial, sans-serif;
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+    align-items: center;
+    background-color: #b9b9b9;
+}
+
+header #top {
+    background-image: url(/assets/bambus.jpg);
+    color: #fff;
+    text-shadow: #363636 5px 4px;
+    padding: 20px;
+    text-align: center;
+}
+
+header nav {
+    display: flex;
+    align-items: center;
+    flex-grow: 1;
+    background-color: #444444b7;
+    padding: 10px;
+    text-align: center;
+}
+
+header nav > * {
+    display: flex;
+    align-items: center;
+    flex-direction: row;
+    list-style: none;
+    padding: 0;
+    justify-content: center;
+    width: 100%;
+    color: #dfd07a;
+    text-decoration: none;
+    margin: 0 10px;
+}
+
+nav a:hover {
+    color: rgb(189, 189, 42);
+}
+
+.dropdown {
+    position: relative;
+    display: inline-block;
+}
+
+.dropdown-content {
+    display: none;
+    position: absolute;
+    background-color: #585a59;
+    min-width: 100px;
+    z-index: 1;
+}
+
+.dropdown:hover .dropdown-content {
+    display: block;
+}
+
+.dropdown-content a {
+    color: #fff;
+    padding: 12px 16px;
+    text-decoration: none;
+    display: block;
+}
+
+.dropdown-content a:hover {
+    background-color: #363636;
+}
+
+section {
+    padding: 20px;
+}
+
+footer {
+    background-color: #333333c7;
+    color: #fff;
+    text-align: center;
+    padding: 10px 0;
+    position: fixed;
+    width: 100%;
+    bottom: 0;
+}
+
+footer, header {
+    text-align: center;
+    padding: 10px 0;
+    display: flex;
+    align-items: center;
+    width: 100%;
+}
+
+footer > * {
+    display: inline;
+    flex: 1;
+}
+
+main {
+    display: flex;
+    flex-grow: 1;
+    align-items: center;
+    flex-direction: column;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    text-align: center;
+}
\ No newline at end of file
diff --git a/index.php b/index.php
new file mode 100644
index 0000000..ce544dc
--- /dev/null
+++ b/index.php
@@ -0,0 +1,37 @@
+<?php
+$skeleton = file_get_contents('templates/skeleton.html');
+
+$menu_obsah = file_get_contents('templates/header.html');
+$out = str_replace('__TEMPLATE_HEADER__', $menu_obsah, $skeleton);
+
+$footer_obsah = file_get_contents('templates/footer.html');
+$out = str_replace('__TEMPLATE_FOOTER__', $footer_obsah, $out);
+
+$nazov_stranky = basename($_SERVER['QUERY_STRING']);
+if (empty($nazov_stranky)){
+    $nazov_stranky = 'index';
+}
+
+$cesta_k_stranke = "stranky/$nazov_stranky.html";
+if (!file_exists($cesta_k_stranke)) {
+    $cesta_k_stranke = "templates/404.html";
+}
+$stranka_obsah = file_get_contents($cesta_k_stranke);
+$out = str_replace('__TEMPLATE_STRANKA__', $stranka_obsah, $out);
+
+$cesta_k_skriptu = "scripty/$nazov_stranky.js";
+$script_obsah = "<script src=\"$cesta_k_skriptu\"></script>";
+if (!file_exists($cesta_k_skriptu)){
+    $script_obsah = '';
+}
+$out = str_replace('__TEMPLATE_SCRIPT__', $script_obsah, $out);
+
+$cesta_k_stylu = "styly/$nazov_stranky.css";
+$style_obsah = "<link rel=\"stylesheet\" href=\"$cesta_k_stylu\">";
+if (!file_exists($cesta_k_stylu)){
+    $style_obsah = '';
+}
+$out = str_replace('__TEMPLATE_STYLE__', $style_obsah, $out);
+
+echo $out;
+?>
\ No newline at end of file
diff --git a/old/bambus.jpg b/old/bambus.jpg
new file mode 100644
index 0000000..7d8f75a
--- /dev/null
+++ b/old/bambus.jpg
@@ -0,0 +1 @@
+$R�0���h�v��>-��h�$�Z)ݣ6�]4�}6ӎ��M��Mt�m5�N��m8�N��1�$R#��
�j�Qoz��Pj�����o�PM���ג�J��f��ԯ���4�1K����aDC6O���m;��~-�'N�
\ No newline at end of file
diff --git a/index.html b/old/index.html
similarity index 90%
rename from index.html
rename to old/index.html
index 9baaaa1..d47bc7e 100644
--- a/index.html
+++ b/old/index.html
@@ -2,7 +2,7 @@
     <meta charset="UTF-8">
     <meta name="keywords" content="Bambusove ponozky, ponozky, bambusove ponozky za dobru cenu" viewport="">
     <title>Bambusové ponožky</title>
-    
+    <link rel="icon" type="image/x-icon" href="ponozka.png">
 
     <style>
         body {
@@ -170,7 +170,7 @@
         <h2>Lacnejšie</h2>
         <p>Tu môžete nájsť Lacnejšie ponožky:</p>
         <ul>
-            <li><a href url="https://ecobamboo.sk/sk-SK/product/82003P-W/Bambusove-klasicke-ponozky-damske">Lacnejšie ponožky</a></li>
+            <li><a href="https://ecobamboo.sk/sk-SK/product/82003P-W/Bambusove-klasicke-ponozky-damske">Lacnejšie ponožky</a></li>
         </ul>
     </section>
 
@@ -186,7 +186,7 @@
         <h2>Najdrahšie</h2>
         <p>Tu môžete nájsť Najdrahšie ponožky:</p>
         <ul>
-            <li><a href url="https://www.trenirkaren.sk/panske-ponozky/162497-10pack-ponozky-styx-clenkove-bambusove-cierne-10hbk960.html?gad_source=1&gclid=CjwKCAjwmYCzBhA6EiwAxFwfgFD14oeQOxriGY8n4Gd-7CbWGguXAlA81t3KvUPqpVvP25RXSlahQxoC9dsQAvD_BwE#/21-velkost-l">Najdrahšie ponožky</a></li>
+            <li><a href="https://www.trenirkaren.sk/panske-ponozky/162497-10pack-ponozky-styx-clenkove-bambusove-cierne-10hbk960.html?gad_source=1&gclid=CjwKCAjwmYCzBhA6EiwAxFwfgFD14oeQOxriGY8n4Gd-7CbWGguXAlA81t3KvUPqpVvP25RXSlahQxoC9dsQAvD_BwE#/21-velkost-l">Najdrahšie ponožky</a></li>
         </ul>
     </section>
 
@@ -198,7 +198,7 @@
         </ul>
     </section>
     <footer>
-        © 2024 Moje bambusove ponožky. Všetok copyright je môj :P .
+        © 2024 Moje bambusove ponožky. Copyright rezervovaný.
     </footer>
 
     <script>
@@ -252,20 +252,20 @@
     
 <div class="wrapper">
     <form action="">
-        <h1>Login</h1>
+        <h1>Prihlásenie do účtu</h1>
         <div class="input-box">
-            <input type="text" placeholder="Username">
+            <input type="text" placeholder="Používateľské meno">
         </div>
         <div class="input-box">
             <input type="password"
-            placeholder="Password" required>
+            placeholder="Heslo" required>
         </div>
         <div class="remember-forgot">
-            <label><input type="checkbox">Remember me </label>
-            <a href="#">Forgot password? </a>
-            <button type="submit" class="btn">Login</button>
+            <label><input type="checkbox">Zapamätať si ma </label>
+            <a href="#">Zabudli ste heslo? </a>
+            <button type="submit" class="btn">Prihlásiť sa</button>
             <div class="register-link">
-                <p>Dont have an account? <a href="#">Register</a></p>
+                <p>Nemáte účet? <a href="#">Zaregistrovať sa</a></p>
             </div>
         </div>
     </form>
diff --git a/old/ponozka.png b/old/ponozka.png
new file mode 100644
index 0000000..7a758ed
--- /dev/null
+++ b/old/ponozka.png
@@ -0,0 +1 @@
+��aH��N:��
\ No newline at end of file
diff --git a/stranky/drahe.html b/stranky/drahe.html
new file mode 100644
index 0000000..f0b559d
--- /dev/null
+++ b/stranky/drahe.html
@@ -0,0 +1,6 @@
+<h2>Najdrahšie</h2>
+        <p>Tu môžete nájsť Najdrahšie ponožky:</p>
+        <ul>
+            <a href="LINK NA OBRAZOK" download><img src="LINK NA OBRAZOK"></a>
+            <li><a href="https://www.trenirkaren.sk/panske-ponozky/162497-10pack-ponozky-styx-clenkove-bambusove-cierne-10hbk960.html?gad_source=1&gclid=CjwKCAjwmYCzBhA6EiwAxFwfgFD14oeQOxriGY8n4Gd-7CbWGguXAlA81t3KvUPqpVvP25RXSlahQxoC9dsQAvD_BwE#/21-velkost-l">Najdrahšie ponožky</a></li>
+        </ul>
\ No newline at end of file
diff --git a/stranky/formular.html b/stranky/formular.html
new file mode 100644
index 0000000..b86ace4
--- /dev/null
+++ b/stranky/formular.html
@@ -0,0 +1,49 @@
+<form method="get">
+    <br>
+    <label for="email">Tu si môžete zadať email:</label><br>
+    <br>
+    <input type="email" id="email" name="email">
+    <input type="submit" value="Odoslať">
+    <hr>
+</form>
+
+<form action="/action_page.php" method="get" name="prihlasenie">
+    <!-- method moze naberat dve hodnoty post alebo algebricky, default je get-->
+    <br>
+    <label>Tu si zadajte meno a priezvisko</label>
+    <br>
+    <br>
+    <label for="name">Meno</label><br>
+    <input type="text" id="name" name="fname" value="Fero"><br>
+    <br>
+    <label for="name1">Priezvisko</label><br>
+    <input type="text" id="name1" name="1name" value="Mrkvicka"><br><br>
+    <input type="submit" value="Odoslať">
+    <hr>
+
+    <br>
+        <label for="gender">Pohlavie</label><br><br>
+        <input type="radio" id="idmale" name="gender" value="male">
+        <label for="idmale">Muž</label><br>
+        <input type="radio" id="idfemale" name="gender" value="female">
+        <label for="idfemale">Žena</label><br>
+        <input type="radio" id="idother" name="gender" value="other">
+        <label for="idother">Iné</label><br><br>
+        <input type="submit" value="Odoslať">
+        <hr>
+
+
+        
+            <laber for="roknarodenia">Rok narodenia</laber>
+            <br><br>
+            <input type="date" id="datemin" name="datemin" min="1000-01-01"><br><br>
+            <input type="submit" value="Odoslať">
+        <hr>
+        </form>  <br>
+        <form>
+            <label for="favcolor">Select your favorite color:</label><br>
+            <br>
+            <input type="color" id="favcolor" name="favcolor">
+            <br><br>
+            <input type="submit" value="Odoslať">
+        </form>
diff --git a/stranky/index.html b/stranky/index.html
new file mode 100644
index 0000000..40a45fb
--- /dev/null
+++ b/stranky/index.html
@@ -0,0 +1,2 @@
+<h2>O nás</h2>
+        <p>Vitajte na našej stránke s najlepšími bambusovými ponožkami.</p>
\ No newline at end of file
diff --git a/stranky/kontakt.html b/stranky/kontakt.html
new file mode 100644
index 0000000..292394d
--- /dev/null
+++ b/stranky/kontakt.html
@@ -0,0 +1,5 @@
+<h2>Kontakty</h2>
+        <p>Tu nás môžete kontaktovať:</p>
+        Email: BambusPonozky@gmail.com <br>
+        Ig: BambusovePonozky.majstrovke<br>
+        TT: Majster_a_ponozky
\ No newline at end of file
diff --git a/stranky/lacne.html b/stranky/lacne.html
new file mode 100644
index 0000000..092cd59
--- /dev/null
+++ b/stranky/lacne.html
@@ -0,0 +1,6 @@
+<h2>Lacnejšie</h2>
+        <p>Tu môžete nájsť Lacnejšie ponožky:</p>
+        <ul>
+            <a href="LINK NA OBRAZOK" download><img src="LINK NA OBRAZOK"></a>
+            <li><a href="https://ecobamboo.sk/sk-SK/product/82003P-W/Bambusove-klasicke-ponozky-damske">Lacnejšie ponožky</a></li>
+        </ul>
\ No newline at end of file
diff --git a/stranky/specialne.html b/stranky/specialne.html
new file mode 100644
index 0000000..09c1d72
--- /dev/null
+++ b/stranky/specialne.html
@@ -0,0 +1,6 @@
+<h2>Špeciality</h2>
+        <p>Tu môžete nájsť Špeciality:</p>
+        <ul>
+            <a href="LINK NA OBRAZOK" download><img src="LINK NA OBRAZOK"></a>
+            <li><a href="https://example.com/Special-bamboo-socks-1">Špeciality</a></li>
+        </ul>
\ No newline at end of file
diff --git a/stranky/stredne.html b/stranky/stredne.html
new file mode 100644
index 0000000..46f069b
--- /dev/null
+++ b/stranky/stredne.html
@@ -0,0 +1,6 @@
+<h2>Drahšie</h2>
+        <p>Tu môžete nájsť Drahšie ponožky:</p>
+        <ul>
+            <a href="LINK NA OBRAZOK" download><img src="LINK NA OBRAZOK"></a>
+            <li> <a href="https://www.trenirkaren.sk/panske-ponozky/163729-10pack-ponozky-styx-nizke-bambusove-cierne-10hbn960.html?gad_source=1&gclid=CjwKCAjwmYCzBhA6EiwAxFwfgExqTdhD8HGqHI4OafdxnkXdGbxlYoJLlT5uy__0LdTcjw8IjrTvrBoC7fgQAvD_BwE#/22-velkost-m">Drahšie ponožky</a></li>
+        </ul>
\ No newline at end of file
diff --git a/templates/404.html b/templates/404.html
new file mode 100644
index 0000000..4790170
--- /dev/null
+++ b/templates/404.html
@@ -0,0 +1 @@
+<h1>zlý request</h1>
\ No newline at end of file
diff --git a/templates/footer.html b/templates/footer.html
new file mode 100644
index 0000000..5386517
--- /dev/null
+++ b/templates/footer.html
@@ -0,0 +1 @@
+<p>© 2024 Moje bambusove ponožky. Copyright rezervovaný.</p>
\ No newline at end of file
diff --git a/templates/header.html b/templates/header.html
new file mode 100644
index 0000000..ce06bcd
--- /dev/null
+++ b/templates/header.html
@@ -0,0 +1,18 @@
+<div id="top">
+    <h1>Bambusové ponožky od majstra</h1>
+</div>
+<nav>
+    <a href="/index" id="homeLink">Domov</a>
+    <div class="dropdown">
+        <a href="#" class="dropdown">Podľa ceny</a>
+        <div class="dropdown-content">
+            <a href="/lacne" id="lacnejsieLink">Lacnejšie</a>
+            <a href="/stredne" id="drahsieLink">Drahšie</a>
+            <a href="/drahe" id="najdrahsieLink">Najdrahšie</a>
+            <a href="/specialne" id="specialityLink">Špeciality</a>
+        </div>
+    </div>
+    <a href="/kontakt" class="socklink" data-idcko="contactLinkCont" id="contactLink">Kontakty</a>
+    <a href="/formular" class="socklink" data-idcko="formularLinkCont" id="formularLink">Formular</a>
+
+</nav>
\ No newline at end of file
diff --git a/templates/skeleton.html b/templates/skeleton.html
new file mode 100644
index 0000000..a55dcdb
--- /dev/null
+++ b/templates/skeleton.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="sk">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="keywords" content="Bambusove ponozky, ponozky, bambusove ponozky za dobru cenu" viewport="">
+    <meta name="description" content="Bambusové ponožky od majstra">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <link rel="stylesheet" href="/assets/style.css" />
+    <link rel="icon" href="/assets/favicon.png" type="image/png">
+    <script src="/assets/script.js"></script>
+    <title>Bambusové ponožky</title>
+    __TEMPLATE_SCRIPT__
+    __TEMPLATE_STYLE__
+</head>
+
+<body>
+    <header>
+        __TEMPLATE_HEADER__
+    </header>
+    <main>
+        __TEMPLATE_STRANKA__
+    </main>
+    <footer>
+        __TEMPLATE_FOOTER__
+    </footer>
+</body>
+
+</html>
\ No newline at end of file