diff --git a/settings.html b/Settings/index.html
similarity index 87%
rename from settings.html
rename to Settings/index.html
index 4e1046a..2a84495 100644
--- a/settings.html
+++ b/Settings/index.html
@@ -23,9 +23,9 @@
         <meta name="twitter:image:src" content="https://raw.githubusercontent.com/MrEidam/bigredbutton/main/img/brb-still.png"/>
         <script src="https://code.jquery.com/jquery-3.4.1.js"></script>
         
-        <link rel="stylesheet" href="./css/menu.css">
-        <link rel="stylesheet" href="./css/sett.css">
-        <link rel="shortcut icon" href="./img/settings.svg" type="image/x-icon">
+        <link rel="stylesheet" href="../css/menu.css">
+        <link rel="stylesheet" href="../css/sett.css">
+        <link rel="shortcut icon" href="../img/settings.svg" type="image/x-icon">
         <title>BRB - Settings</title>
     </head>
     <body id="body">
@@ -60,13 +60,13 @@
                 </span>
             </div>
             <ul>
-                <li><a href="./" id="brb">BRB</a></li>
-                <li><a href="shop.html" id="shop"></a></li>
-                <li><a href="upgrade.html" id="upg"></a></li>
-                <li><a href="settings.html" id="sett"></a></li>
+                <li><a href="../" id="brb">BRB</a></li>
+                <li><a href="../Shop/" id="shop"></a></li>
+                <li><a href="../Upgrade/" id="upg"></a></li>
+                <li><a href="../Settings/" id="sett"></a></li>
             </ul>
         </div>
-        <script src="./js/menu.js"></script>
-        <script src="./js/sett.js"></script>
+        <script src="../js/menu.js"></script>
+        <script src="../js/sett.js"></script>
     </body>
 </html>
\ No newline at end of file
diff --git a/shop.html b/Shop/index.html
similarity index 91%
rename from shop.html
rename to Shop/index.html
index 6ebe397..4e3a096 100644
--- a/shop.html
+++ b/Shop/index.html
@@ -35,16 +35,16 @@
 
   <!-- By MrEidam & Standa Chlup -->
 
-  <link rel="stylesheet" href="./css/menu.css">
-  <link rel="stylesheet" href="./css/shop.css">
-  <link rel="icon" href="./img/shop.png">
+  <link rel="stylesheet" href="../css/menu.css">
+  <link rel="stylesheet" href="../css/shop.css">
+  <link rel="icon" href="../img/shop.png">
 </head>
 
 <body id="body">
   <!-- Clicks -->
   <section class="joe" id="jonathan">
     <div id="logclick">
-      <img src="./img/icons8-rest.svg" id="imgcli" draggable="false">
+      <img src="../img/icons8-rest.svg" id="imgcli" draggable="false">
       <p id="disclick"></p>
     </div>
   </section>
@@ -56,7 +56,7 @@
     <article class="main">
       <!-- Dog -->
       <div class="item" style="--color: ">
-        <img src="./img/dog.svg">
+        <img src="../img/dog.svg">
         <div class="buttons" style="--Bcolor: darkorange">
           <button onclick="buydog()" class="buyone" id="dg1">
             Buy a Dog for 100 clicks
@@ -72,7 +72,7 @@
 
       <!-- Cat -->
       <div class="item">
-        <img src="./img/cat-body.svg">
+        <img src="../img/cat-body.svg">
         <div class="buttons" style="--Bcolor: orange">
           <button onclick="buycat()" class="buyone" id="ct1">
             Buy a Cat for 10 dogs
@@ -95,7 +95,7 @@
 
       <!-- Fox -->
       <div class="item">
-        <img src="./img/fox.svg">
+        <img src="../img/fox.svg">
         <div class="buttons" style="--Bcolor: lightsalmon">
           <button onclick="buyfox()" class="buyone" id="fx1">
             Buy a Fox for 15 dogs
@@ -118,7 +118,7 @@
 
       <!-- Wolf -->
       <div class="item">
-        <img src="./img/wolf.svg">
+        <img src="../img/wolf.svg">
         <div class="buttons" style="--Bcolor: lightgray">
           <button onclick="buywol()" class="buyone" id="wl1">
             Buy a Wolf for 6 dogs and 5 foxes
@@ -141,7 +141,7 @@
 
       <!-- Hamster -->
       <div class="item">
-        <img src="./img/hamster.svg" draggable="false">
+        <img src="../img/hamster.svg" draggable="false">
         <div class="buttons" style="--Bcolor: wheat">
           <button onclick="buyham()" class="buyone" id="hm1">
             Buy a Hamster for 1 wolf and 2 cats
@@ -164,7 +164,7 @@
 
       <!-- Whales -->
       <div class="item">
-        <img src="./img/whale.svg" draggable="false">
+        <img src="../img/whale.svg" draggable="false">
         <div class="buttons" style="--Bcolor: MediumAquamarine">
           <button onclick="buywha()" class="buyone" id="wh1">
             Buy a Whale for 2 wolfs
@@ -187,7 +187,7 @@
 
       <!-- Capybara -->
       <div class="item">
-        <img src="./img/capybara.svg" draggable="false">
+        <img src="../img/capybara.svg" draggable="false">
         <div class="buttons" style="--Bcolor: rosybrown">
           <button onclick="buycap()" class="buyone" id="cp1">
             Buy a Capybara for 1 whale and 4 cats
@@ -210,7 +210,7 @@
 
       <!-- Platypus-->
       <div class="item">
-        <img src="./img/platypus.svg" draggable="false">
+        <img src="../img/platypus.svg" draggable="false">
         <div class="buttons" style="--Bcolor: Sienna">
           <button onclick="buypla()" class="buyone" id="pl1">
             Buy a Platypus for 1 cappybarra and 1 wolf
@@ -233,7 +233,7 @@
 
       <!-- Porcupine -->
       <div class="item">
-        <img src="./img/porcupine.svg" draggable="false">
+        <img src="../img/porcupine.svg" draggable="false">
         <div class="buttons" style="--Bcolor: SaddleBrown">
           <button onclick="buypor()" class="buyone" id="pr1">
             Buy a Porcupine for 1 whale and 4 cats
@@ -256,7 +256,7 @@
 
       <!-- Hippopotamus -->
       <div class="item">
-        <img src="./img/hippopotamus.svg" draggable="false">
+        <img src="../img/hippopotamus.svg" draggable="false">
         <div class="buttons" style="--Bcolor: LightSlateGray">
           <button onclick="buyhip()" class="buyone" id="hi1">
             Buy a Hippopotamus for
@@ -279,7 +279,7 @@
 
       <!-- Snake -->
       <div class="item">
-        <img src="./img/snake.svg">
+        <img src="../img/snake.svg">
         <div class="buttons" style="--Bcolor: green">
           <button onclick="buysna()" class="buyone" id="sn1">
             Buy a Snake
@@ -302,7 +302,7 @@
 
       <!-- Cheetah -->
       <div class="item">
-        <img src="./img/cheetah.svg">
+        <img src="../img/cheetah.svg">
         <div class="buttons" style="--Bcolor: GoldenRod">
           <button onclick="buyche()" class="buyone" id="ch1">
             Buy a Cheetah
@@ -325,7 +325,7 @@
 
       <!-- Pythons -->
       <div class="item">
-        <img src="./img/python.svg">
+        <img src="../img/python.svg">
         <div class="buttons" style="--Bcolor: CornflowerBlue">
           <button onclick="buypyt()" class="buyone" id="py1">
             Buy a Python
@@ -348,7 +348,7 @@
 
       <!-- Giraffe -->
       <div class="item">
-        <img src="./img/girafe.svg">
+        <img src="../img/girafe.svg">
         <div class="buttons" style="--Bcolor: #ffdb4d">
           <button onclick="buygir()" class="buyone" id="gi1">
             Buy a Giraffe
@@ -371,7 +371,7 @@
 
       <!-- Otter -->
       <div class="item">
-        <img src="./img/otter.svg">
+        <img src="../img/otter.svg">
         <div class="buttons" style="--Bcolor: #bc8f8f">
           <button onclick="buyoth()" class="buyone" id="ot1">
             Buy a Otter
@@ -394,7 +394,7 @@
 
       <!-- Meerkat -->
       <div class="item">
-        <img src="./img/meerkat.svg">
+        <img src="../img/meerkat.svg">
         <div class="buttons" style="--Bcolor: #cd853f">
           <button onclick="buymee()" class="buyone" id="me1">
             Buy a Meerkat
@@ -417,7 +417,7 @@
 
       <!-- Racoon -->
       <div class="item">
-        <img src="./img/racoon.svg">
+        <img src="../img/racoon.svg">
         <div class="buttons" style="--Bcolor: #708090">
           <button onclick="buyrac()" class="buyone" id="ra1">
             Buy a Racoon
@@ -440,7 +440,7 @@
 
       <!-- Owl -->
       <div class="item">
-        <img src="./img/owl.svg">
+        <img src="../img/owl.svg">
         <div class="buttons" style="--Bcolor: #f4a460">
           <button onclick="buyowl()" class="buyone" id="ow1">
             Buy a Owl
@@ -463,7 +463,7 @@
 
       <!-- Badger -->
       <div class="item">
-        <img src="./img/badger.svg">
+        <img src="../img/badger.svg">
         <div class="buttons" style="--Bcolor: #D8D6CA">
           <button onclick="buybad()" class="buyone" id="ba1">
             Buy a Badger
@@ -486,7 +486,7 @@
 
       <!-- Squirrel -->
       <div class="item">
-        <img src="./img/squirell.svg">
+        <img src="../img/squirell.svg">
         <div class="buttons" style="--Bcolor: #CFB190">
           <button onclick="buysqu()" class="buyone" id="sq1">
             Buy a Squirrel
@@ -509,7 +509,7 @@
 
       <!-- Chameleon -->
       <div class="item">
-        <img src="./img/chameleon.svg">
+        <img src="../img/chameleon.svg">
         <div class="buttons" style="--Bcolor: #BED15F">
           <button onclick="buycha()" class="buyone" id="cha1">
             Buy a Chameleon
@@ -537,7 +537,7 @@
     <article class="main">
       <!-- Lemons -->
       <div class="item">
-        <img src="./img/lemon.svg" draggable="false">
+        <img src="../img/lemon.svg" draggable="false">
         <div class="buttons" style="--Bcolor: yellow">
           <button onclick="buylem()" class="buyone" id="lm1">
             Buy a Lemon for <b style="font-weight: 1000;">some</b> cats
@@ -552,7 +552,7 @@
 
       <!-- Lemon t3-->
       <div class="item">
-        <img src="./img/lemon-tree.svg" draggable="false">
+        <img src="../img/lemon-tree.svg" draggable="false">
         <div class="buttons" style="--Bcolor: lightgoldenrodyellow">
           <button onclick="buylt3()" class="buyone" id="lt1">
             Buy a Lemon Tree for 5 lemons
@@ -576,19 +576,19 @@
         </span>
     </div>
     <ul>
-        <li><a href="./" id="brb">BRB</a></li>
-        <li><a href="shop.html" id="shop"></a></li>
-        <li><a href="upgrade.html" id="upg"></a></li>
-        <li><a href="settings.html" id="sett"></a></li>
+        <li><a href="../" id="brb">BRB</a></li>
+        <li><a href="../Shop/" id="shop"></a></li>
+        <li><a href="../Upgrade/" id="upg"></a></li>
+        <li><a href="../Settings/" id="sett"></a></li>
     </ul>
   </div>
   
   <a href="#" class="upwards">
-    <img src="./img/arrow-up.svg" alt="">
+    <img src="../img/arrow-up.svg" alt="">
   </a>
   <!-- By MrEidam -->
-  <script src="./js/menu.js"></script>
-  <script src="./js/shop.js"></script>
+  <script src="../js/menu.js"></script>
+  <script src="../js/shop.js"></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/upgrade.html b/Upgrade/index.html
similarity index 85%
rename from upgrade.html
rename to Upgrade/index.html
index dabf45d..eb01ec6 100644
--- a/upgrade.html
+++ b/Upgrade/index.html
@@ -25,16 +25,16 @@
   <script src="https://code.jquery.com/jquery-3.4.1.js"></script>
   <title>BRB - Upgrades</title>
 
-  <link rel="stylesheet" href="./css/menu.css">
-  <link rel="stylesheet" href="./css/upgr.css">
-  <link rel="icon" href="./img/upgrade-icon-png-12.jpg">
+  <link rel="stylesheet" href="../css/menu.css">
+  <link rel="stylesheet" href="../css/upgr.css">
+  <link rel="icon" href="../img/upgrade-icon-png-12.jpg">
 </head>
 
 <body id="body">
   <!-- lemons -->
   <section class="joe" id="jonathan">
     <div id="loglm">
-      <img src="./img/lemon.svg" id="imglm" draggable="false">
+      <img src="../img/lemon.svg" id="imglm" draggable="false">
       <p id="dislm"></p>
     </div>
   </section>
@@ -43,7 +43,7 @@
     <!-- Example -->
     <div class="item">
       <h2>BRB</h2>
-      <img src="./img/brb-still.png">
+      <img src="../img/brb-still.png">
       <div class="buttons" style="--Bcolor: darkred">
         <button onclick="buyMcc()" class="buyone" id="Mc1">
         </button><!--
@@ -58,7 +58,7 @@
   
     <div class="item">
       <h2>Prestige</h2>
-      <img src="./img/angel-wings.svg">
+      <img src="../img/angel-wings.svg">
       <div>
         <progress id="prog" min="0" max="1000" value="0"></progress>
       </div>
@@ -84,14 +84,14 @@
         </span>
     </div>
     <ul>
-        <li><a href="./" id="brb">BRB</a></li>
-        <li><a href="shop.html" id="shop"></a></li>
-        <li><a href="upgrade.html" id="upg"></a></li>
-        <li><a href="settings.html" id="sett"></a></li>
+        <li><a href="../" id="brb">BRB</a></li>
+        <li><a href="../Shop/" id="shop"></a></li>
+        <li><a href="../Upgrade/" id="upg"></a></li>
+        <li><a href="../Settings/" id="sett"></a></li>
     </ul>
 </div>
-  <script src="./js/menu.js"></script>
-  <script src="./js/upgr.js"></script>
+  <script src="../js/menu.js"></script>
+  <script src="../js/upgr.js"></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/index.html b/index.html
index 862ad11..5a1ad81 100644
--- a/index.html
+++ b/index.html
@@ -65,9 +65,9 @@
     </div>
     <ul>
       <li><a href="./" id="brb">BRB</a></li>
-      <li><a href="shop.html" id="shop"></a></li>
-      <li><a href="upgrade.html" id="upg"></a></li>
-      <li><a href="settings.html" id="sett"></a></li>
+      <li><a href="./Shop/" id="shop"></a></li>
+      <li><a href="./Upgrade/" id="upg"></a></li>
+      <li><a href="./Settings/" id="sett"></a></li>
     </ul>
   </div>
 
diff --git a/js/shop.js b/js/shop.js
index 7394ade..f5333f9 100644
--- a/js/shop.js
+++ b/js/shop.js
@@ -244,10 +244,10 @@ cash();
 
 function click(){
   setTimeout(function decoration(){
-    document.getElementById('imgcli').src = './img/icons8-clicked.png'
+    document.getElementById('imgcli').src = '../img/icons8-clicked.png'
   },500);
   setTimeout(function decoration(){
-    document.getElementById('imgcli').src = './img/icons8-rest.svg'
+    document.getElementById('imgcli').src = '../img/icons8-rest.svg'
   },1000)
 }
 
