diff --git a/docs/3d/hasznos-oldalak.md b/docs/3d/hasznos-oldalak.md
new file mode 100644
index 0000000000000000000000000000000000000000..1bbfef04aaa2b8a94cf6899fb7d0d20f5f231769
--- /dev/null
+++ b/docs/3d/hasznos-oldalak.md
@@ -0,0 +1,4 @@
+# Hasznos oldalak
+
+!!! todo
+    Összegyűjteni, megírni
\ No newline at end of file
diff --git a/docs/grafika/grafika-hasznos.md b/docs/grafika/grafika-hasznos.md
deleted file mode 100644
index 600ed1853cf5648d5dd7d23f8dc0cbce62281458..0000000000000000000000000000000000000000
--- a/docs/grafika/grafika-hasznos.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-title: Hasznos oldalak
----
-
-# Hasznos oldalak
\ No newline at end of file
diff --git a/docs/grafika/hasznos-oldalak.md b/docs/grafika/hasznos-oldalak.md
new file mode 100644
index 0000000000000000000000000000000000000000..37ece6a09248e68da8a7bbb1a3faf5693d7ab091
--- /dev/null
+++ b/docs/grafika/hasznos-oldalak.md
@@ -0,0 +1,37 @@
+# Hasznos oldalak
+
+## Weboldal
+
+### [Coolors](https://coolors.co/)
+
+Színkeverés
+
+### [Color Hunt](https://colorhunt.co/)
+
+Előre elkészített palettákból tudunk válogatni az oldalon.
+
+### [tamberella.gumroad.com](https://tamberella.gumroad.com/)
+
+Devin Elle Kurtz brush packjei Photoshophoz, a legtöbb ingyenes/becsületkasszás.
+
+### [Color Calculator](https://www.sessions.edu/color-calculator/)
+
+## YouTube csatornák
+
+### [Logos By Nick](https://www.youtube.com/c/LogosByNick)
+
+Inkscape és gimp, de AI-ban és PS-ben is könnyen elsajátítható tudást ad. Főleg adobe tagadóknak.
+
+### [Ben Marriott](https://www.youtube.com/c/BenMarriott)
+
+After Effects működését magyarázza el az alapoktól, de egészen haladó videói is vannak.
+
+### [Dom Designs](https://www.youtube.com/c/DomDesigns)
+
+Kezdő Illustratorosoknak nagyon hasznos trükköket mutat.
+
+### [Adobe Creative Cloud](https://www.youtube.com/c/AdobeCreativeCloud)
+
+### [Figma](https://www.youtube.com/c/Figmadesign)
+
+A Figma rejtett erejét mutatja be. Főképp az Auto Layoutok miatt érdemes megnézni.
\ No newline at end of file
diff --git a/docs/web/hasznos-oldalak.md b/docs/web/hasznos-oldalak.md
index 1fcc5644d07a550947ba81e5d7a32e2ff7739468..68d55ed20d483ed41b6a884f6083485c435aabd4 100644
--- a/docs/web/hasznos-oldalak.md
+++ b/docs/web/hasznos-oldalak.md
@@ -1,4 +1,4 @@
-# További hasznos oldalak
+# Hasznos oldalak
 
 ## Weboldalak
 
@@ -42,4 +42,4 @@ Ingyenes, szabadon felhasználható betűtípusok és ikonok gyűjtőoldala.
 
 ### [Online Tutorials](https://www.youtube.com/c/OnlineTutorials4Designers)
 
-### [Clever Programmer](https://www.youtube.com/c/CleverProgrammer)
\ No newline at end of file
+### [Clever Programmer](https://www.youtube.com/c/CleverProgrammer)
diff --git a/mkdocs.yml b/mkdocs.yml
index 5d41cc2f887cbade321db688d280eb74839a12bf..5f812715c15b99b52459b4194079341a5d7d3f70 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -160,15 +160,15 @@ nav:
       - 2. CSS: web/tutorial/step-by-step/css.md
       - 3. JS: web/tutorial/step-by-step/js.md
       - 4. Hova tovább: web/tutorial/step-by-step/hova-tovabb.md
-    - További hasznos oldalak: web/hasznos-oldalak.md
+    - Hasznos oldalak: web/hasznos-oldalak.md
   - Grafika:
     - grafika/index.md
-    - Hasznos oldalak: grafika/grafika-hasznos.md
     - Workshopok: 
       - 2020/21/2 Photoshop kezdő: grafika/workshop/2021-02-24.md
       - 2020/21/2 Photoshop haladó: grafika/workshop/2021-03-01.md
       - 2020/21/2 Illustrator kezdő: grafika/workshop/2021-03-08.md
       - 2020/21/2 Illustrator haladó: grafika/workshop/2021-03-17.md
+    - Hasznos oldalak: grafika/hasznos-oldalak.md
   - 3D:
     - 3d/index.md
     - Interfész bemutatása:
@@ -178,3 +178,4 @@ nav:
     - Workshopok: 
       - 2020/21/2 3D kezdő: 3d/workshop/2021-03-10.md
       - 2020/21/2 3D haladó: 3d/workshop/2021-03-15.md
+    - Hasznos oldalak: 3d/hasznos-oldalak.md