commit f6489333eaec5068dfcd6556a24e06ea66d1da34
Author: Mark Poljanšek <mp2549@student.uni-lj.si>
Date:   Tue Oct 28 22:08:22 2025 +0100

    Initial commit

diff --git a/.ftpquota b/.ftpquota
new file mode 100644
index 0000000..2ddb2eb
--- /dev/null
+++ b/.ftpquota
@@ -0,0 +1 @@
+29 677416
diff --git a/.htaccess b/.htaccess
new file mode 100644
index 0000000..187e3d1
--- /dev/null
+++ b/.htaccess
@@ -0,0 +1,393 @@
+# BEGIN W3TC Browser Cache
+<IfModule mod_mime.c>
+    AddType text/css .css
+    AddType text/x-component .htc
+    AddType application/x-javascript .js
+    AddType application/javascript .js2
+    AddType text/javascript .js3
+    AddType text/x-js .js4
+    AddType video/asf .asf .asx .wax .wmv .wmx
+    AddType video/avi .avi
+    AddType image/avif .avif
+    AddType image/avif-sequence .avifs
+    AddType image/bmp .bmp
+    AddType application/java .class
+    AddType video/divx .divx
+    AddType application/msword .doc .docx
+    AddType application/vnd.ms-fontobject .eot
+    AddType application/x-msdownload .exe
+    AddType image/gif .gif
+    AddType application/x-gzip .gz .gzip
+    AddType image/x-icon .ico
+    AddType image/jpeg .jpg .jpeg .jpe
+    AddType image/webp .webp
+    AddType application/json .json
+    AddType application/vnd.ms-access .mdb
+    AddType audio/midi .mid .midi
+    AddType video/quicktime .mov .qt
+    AddType audio/mpeg .mp3 .m4a
+    AddType video/mp4 .mp4 .m4v
+    AddType video/mpeg .mpeg .mpg .mpe
+    AddType video/webm .webm
+    AddType application/vnd.ms-project .mpp
+    AddType application/x-font-otf .otf
+    AddType application/vnd.ms-opentype ._otf
+    AddType application/vnd.oasis.opendocument.database .odb
+    AddType application/vnd.oasis.opendocument.chart .odc
+    AddType application/vnd.oasis.opendocument.formula .odf
+    AddType application/vnd.oasis.opendocument.graphics .odg
+    AddType application/vnd.oasis.opendocument.presentation .odp
+    AddType application/vnd.oasis.opendocument.spreadsheet .ods
+    AddType application/vnd.oasis.opendocument.text .odt
+    AddType audio/ogg .ogg
+    AddType video/ogg .ogv
+    AddType application/pdf .pdf
+    AddType image/png .png
+    AddType application/vnd.ms-powerpoint .pot .pps .ppt .pptx
+    AddType audio/x-realaudio .ra .ram
+    AddType image/svg+xml .svg .svgz
+    AddType application/x-shockwave-flash .swf
+    AddType application/x-tar .tar
+    AddType image/tiff .tif .tiff
+    AddType application/x-font-ttf .ttf .ttc
+    AddType application/vnd.ms-opentype ._ttf
+    AddType audio/wav .wav
+    AddType audio/wma .wma
+    AddType application/vnd.ms-write .wri
+    AddType application/font-woff .woff
+    AddType application/font-woff2 .woff2
+    AddType application/vnd.ms-excel .xla .xls .xlsx .xlt .xlw
+    AddType application/zip .zip
+</IfModule>
+<IfModule mod_expires.c>
+    ExpiresActive On
+    ExpiresByType text/css A31536000
+    ExpiresByType text/x-component A31536000
+    ExpiresByType application/x-javascript A31536000
+    ExpiresByType application/javascript A31536000
+    ExpiresByType text/javascript A31536000
+    ExpiresByType text/x-js A31536000
+    ExpiresByType video/asf A31536000
+    ExpiresByType video/avi A31536000
+    ExpiresByType image/avif A31536000
+    ExpiresByType image/avif-sequence A31536000
+    ExpiresByType image/bmp A31536000
+    ExpiresByType application/java A31536000
+    ExpiresByType video/divx A31536000
+    ExpiresByType application/msword A31536000
+    ExpiresByType application/vnd.ms-fontobject A31536000
+    ExpiresByType application/x-msdownload A31536000
+    ExpiresByType image/gif A31536000
+    ExpiresByType application/x-gzip A31536000
+    ExpiresByType image/x-icon A31536000
+    ExpiresByType image/jpeg A31536000
+    ExpiresByType image/webp A31536000
+    ExpiresByType application/json A31536000
+    ExpiresByType application/vnd.ms-access A31536000
+    ExpiresByType audio/midi A31536000
+    ExpiresByType video/quicktime A31536000
+    ExpiresByType audio/mpeg A31536000
+    ExpiresByType video/mp4 A31536000
+    ExpiresByType video/mpeg A31536000
+    ExpiresByType video/webm A31536000
+    ExpiresByType application/vnd.ms-project A31536000
+    ExpiresByType application/x-font-otf A31536000
+    ExpiresByType application/vnd.ms-opentype A31536000
+    ExpiresByType application/vnd.oasis.opendocument.database A31536000
+    ExpiresByType application/vnd.oasis.opendocument.chart A31536000
+    ExpiresByType application/vnd.oasis.opendocument.formula A31536000
+    ExpiresByType application/vnd.oasis.opendocument.graphics A31536000
+    ExpiresByType application/vnd.oasis.opendocument.presentation A31536000
+    ExpiresByType application/vnd.oasis.opendocument.spreadsheet A31536000
+    ExpiresByType application/vnd.oasis.opendocument.text A31536000
+    ExpiresByType audio/ogg A31536000
+    ExpiresByType video/ogg A31536000
+    ExpiresByType application/pdf A31536000
+    ExpiresByType image/png A31536000
+    ExpiresByType application/vnd.ms-powerpoint A31536000
+    ExpiresByType audio/x-realaudio A31536000
+    ExpiresByType image/svg+xml A31536000
+    ExpiresByType application/x-shockwave-flash A31536000
+    ExpiresByType application/x-tar A31536000
+    ExpiresByType image/tiff A31536000
+    ExpiresByType application/x-font-ttf A31536000
+    ExpiresByType application/vnd.ms-opentype A31536000
+    ExpiresByType audio/wav A31536000
+    ExpiresByType audio/wma A31536000
+    ExpiresByType application/vnd.ms-write A31536000
+    ExpiresByType application/font-woff A31536000
+    ExpiresByType application/font-woff2 A31536000
+    ExpiresByType application/vnd.ms-excel A31536000
+    ExpiresByType application/zip A31536000
+</IfModule>
+<IfModule mod_deflate.c>
+        AddOutputFilterByType DEFLATE text/css text/x-component application/x-javascript application/javascript text/javascript text/x-js text/html text/richtext text/plain text/xsd text/xsl text/xml image/bmp application/java application/msword application/vnd.ms-fontobject application/x-msdownload image/x-icon application/json application/vnd.ms-access video/webm application/vnd.ms-project application/x-font-otf application/vnd.ms-opentype application/vnd.oasis.opendocument.database application/vnd.oasis.opendocument.chart application/vnd.oasis.opendocument.formula application/vnd.oasis.opendocument.graphics application/vnd.oasis.opendocument.presentation application/vnd.oasis.opendocument.spreadsheet application/vnd.oasis.opendocument.text audio/ogg application/pdf application/vnd.ms-powerpoint image/svg+xml application/x-shockwave-flash image/tiff application/x-font-ttf application/vnd.ms-opentype audio/wav application/vnd.ms-write application/font-woff application/font-woff2 application/vnd.ms-excel
+    <IfModule mod_mime.c>
+        # DEFLATE by extension
+        AddOutputFilter DEFLATE js css htm html xml
+    </IfModule>
+</IfModule>
+<FilesMatch "\.(css|htc|less|js|js2|js3|js4|CSS|HTC|LESS|JS|JS2|JS3|JS4)$">
+    FileETag MTime Size
+    <IfModule mod_headers.c>
+        Header set Pragma "public"
+        Header append Cache-Control "public"
+        Header unset Set-Cookie
+    </IfModule>
+</FilesMatch>
+<FilesMatch "\.(html|htm|rtf|rtx|txt|xsd|xsl|xml|HTML|HTM|RTF|RTX|TXT|XSD|XSL|XML)$">
+    FileETag MTime Size
+    <IfModule mod_headers.c>
+        Header set Pragma "public"
+        Header set Cache-Control "max-age=3600, public"
+    </IfModule>
+</FilesMatch>
+<FilesMatch "\.(asf|asx|wax|wmv|wmx|avi|avif|avifs|bmp|class|divx|doc|docx|eot|exe|gif|gz|gzip|ico|jpg|jpeg|jpe|webp|json|mdb|mid|midi|mov|qt|mp3|m4a|mp4|m4v|mpeg|mpg|mpe|webm|mpp|otf|_otf|odb|odc|odf|odg|odp|ods|odt|ogg|ogv|pdf|png|pot|pps|ppt|pptx|ra|ram|svg|svgz|swf|tar|tif|tiff|ttf|ttc|_ttf|wav|wma|wri|woff|woff2|xla|xls|xlsx|xlt|xlw|zip|ASF|ASX|WAX|WMV|WMX|AVI|AVIF|AVIFS|BMP|CLASS|DIVX|DOC|DOCX|EOT|EXE|GIF|GZ|GZIP|ICO|JPG|JPEG|JPE|WEBP|JSON|MDB|MID|MIDI|MOV|QT|MP3|M4A|MP4|M4V|MPEG|MPG|MPE|WEBM|MPP|OTF|_OTF|ODB|ODC|ODF|ODG|ODP|ODS|ODT|OGG|OGV|PDF|PNG|POT|PPS|PPT|PPTX|RA|RAM|SVG|SVGZ|SWF|TAR|TIF|TIFF|TTF|TTC|_TTF|WAV|WMA|WRI|WOFF|WOFF2|XLA|XLS|XLSX|XLT|XLW|ZIP)$">
+    FileETag MTime Size
+    <IfModule mod_headers.c>
+        Header set Pragma "public"
+        Header append Cache-Control "public"
+        Header unset Set-Cookie
+    </IfModule>
+</FilesMatch>
+<IfModule mod_headers.c>
+    Header set Referrer-Policy "no-referrer-when-downgrade"
+</IfModule>
+# END W3TC Browser Cache
+# BEGIN W3TC CDN
+<IfModule mod_headers.c>
+    Header set Access-Control-Allow-Origin "*"
+</IfModule>
+# END W3TC CDN
+# BEGIN W3TC Page Cache core
+<IfModule mod_rewrite.c>
+    RewriteEngine On
+    RewriteBase /
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%{QUERY_STRING}]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)_branch_match_id(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)_bta_c(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)_bta_tid(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)_ga(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)_gl(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)_ke(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)adgroupid(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)adid(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)age\-verified(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)ao_noptimize(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)campaignid(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)campid(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)cn\-reloaded(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)customid(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)dm_i(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)ef_id(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)epik(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)fb_action_ids(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)fb_action_types(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)fb_source(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)fbclid(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)gclid(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)gclsrc(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)gdffi(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)gdfms(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)gdftrk(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)hsa_acc(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)hsa_ad(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)hsa_cam(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)hsa_grp(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)hsa_kw(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)hsa_mt(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)hsa_net(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)hsa_src(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)hsa_tgt(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)hsa_ver(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)igshid(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)matomo_campaign(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)matomo_cid(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)matomo_content(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)matomo_group(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)matomo_keyword(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)matomo_medium(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)matomo_placement(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)matomo_source(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)mc_cid(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)mc_eid(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)mkcid(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)mkevt(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)mkrid(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)mkwid(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)msclkid(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)mtm_campaign(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)mtm_cid(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)mtm_content(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)mtm_group(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)mtm_keyword(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)mtm_medium(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)mtm_placement(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)mtm_source(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)pcrid(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)piwik_campaign(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)piwik_keyword(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)piwik_kwd(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)pk_campaign(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)pk_cid(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)pk_content(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)pk_keyword(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)pk_kwd(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)pk_medium(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)pk_source(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)pp(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)redirect_log_mongo_id(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)redirect_mongo_id(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)ref(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)s_kwcid(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)sb_referer_host(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)si(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)sscid(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)toolid(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)trk_contact(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)trk_module(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)trk_msg(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)trk_sid(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)usqp(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)utm_campaign(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)utm_content(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)utm_expid(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)utm_id(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)utm_medium(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)utm_source(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^(.*?&|)utm_term(=[^&]*)?(&.*|)$ [NC]
+    RewriteRule ^ - [E=W3TC_QUERY_STRING:%1%3]
+    RewriteCond %{ENV:W3TC_QUERY_STRING} ^&+$
+    RewriteRule ^ - [E=W3TC_QUERY_STRING]
+    RewriteCond %{HTTPS} =on
+    RewriteRule .* - [E=W3TC_SSL:_ssl]
+    RewriteCond %{SERVER_PORT} =443
+    RewriteRule .* - [E=W3TC_SSL:_ssl]
+    RewriteCond %{HTTP:X-Forwarded-Proto} =https [NC]
+    RewriteRule .* - [E=W3TC_SSL:_ssl]
+    RewriteCond %{HTTP:Accept-Encoding} gzip
+    RewriteRule .* - [E=W3TC_ENC:_gzip]
+    RewriteCond %{HTTP_COOKIE} w3tc_preview [NC]
+    RewriteRule .* - [E=W3TC_PREVIEW:_preview]
+    RewriteCond %{REQUEST_URI} \/$
+    RewriteRule .* - [E=W3TC_SLASH:_slash]
+    RewriteCond %{REQUEST_METHOD} !=POST
+    RewriteCond %{ENV:W3TC_QUERY_STRING} =""
+    RewriteCond %{HTTP_COOKIE} !(comment_author|wp\-postpass|w3tc_logged_out|wordpress_logged_in|wptouch_switch_toggle) [NC]
+    RewriteCond "%{DOCUMENT_ROOT}/wp-content/cache/page_enhanced/%{HTTP_HOST}/%{REQUEST_URI}/_index%{ENV:W3TC_SLASH}%{ENV:W3TC_SSL}%{ENV:W3TC_PREVIEW}.html%{ENV:W3TC_ENC}" -f
+    RewriteRule .* "/wp-content/cache/page_enhanced/%{HTTP_HOST}/%{REQUEST_URI}/_index%{ENV:W3TC_SLASH}%{ENV:W3TC_SSL}%{ENV:W3TC_PREVIEW}.html%{ENV:W3TC_ENC}" [L]
+</IfModule>
+# END W3TC Page Cache core
+# BEGIN WordPress
+# The directives (lines) between "BEGIN WordPress" and "END WordPress" are
+# dynamically generated, and should only be modified via WordPress filters.
+# Any changes to the directives between these markers will be overwritten.
+<IfModule mod_rewrite.c>
+RewriteEngine On
+RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
+RewriteBase /
+RewriteRule ^index\.php$ - [L]
+RewriteCond %{REQUEST_FILENAME} !-f
+RewriteCond %{REQUEST_FILENAME} !-d
+RewriteRule . /index.php [L]
+</IfModule>
+
+# END WordPress
+
+# php -- BEGIN cPanel-generated handler, do not edit
+# Set the “ea-php81” package as the default “PHP” programming language.
+<IfModule mime_module>
+  AddHandler application/x-httpd-ea-php81 .php .php8 .phtml
+</IfModule>
+# php -- END cPanel-generated handler, do not edit
diff --git a/assets/images/amra.png b/assets/images/amra.png
new file mode 100644
index 0000000..061522f
Binary files /dev/null and b/assets/images/amra.png differ
diff --git a/assets/images/amra2.png b/assets/images/amra2.png
new file mode 100644
index 0000000..0cf607d
Binary files /dev/null and b/assets/images/amra2.png differ
diff --git a/assets/images/deklica.webp b/assets/images/deklica.webp
new file mode 100644
index 0000000..c141d0e
Binary files /dev/null and b/assets/images/deklica.webp differ
diff --git a/assets/images/kdo-sem-fotografija.webp b/assets/images/kdo-sem-fotografija.webp
new file mode 100644
index 0000000..e521dd3
Binary files /dev/null and b/assets/images/kdo-sem-fotografija.webp differ
diff --git a/assets/images/logo.png b/assets/images/logo.png
new file mode 100644
index 0000000..e0940fa
Binary files /dev/null and b/assets/images/logo.png differ
diff --git a/assets/images/logo.webp b/assets/images/logo.webp
new file mode 100644
index 0000000..e171072
Binary files /dev/null and b/assets/images/logo.webp differ
diff --git a/assets/images/vkljucevanje/delavnica-starsi-sola.png b/assets/images/vkljucevanje/delavnica-starsi-sola.png
new file mode 100644
index 0000000..9a9d22b
Binary files /dev/null and b/assets/images/vkljucevanje/delavnica-starsi-sola.png differ
diff --git a/assets/images/vkljucevanje/delavnica-starsi-vrtec.png b/assets/images/vkljucevanje/delavnica-starsi-vrtec.png
new file mode 100644
index 0000000..2666ef5
Binary files /dev/null and b/assets/images/vkljucevanje/delavnica-starsi-vrtec.png differ
diff --git a/assets/images/vkljucevanje/delavnica-ucenci.png b/assets/images/vkljucevanje/delavnica-ucenci.png
new file mode 100644
index 0000000..f9988c5
Binary files /dev/null and b/assets/images/vkljucevanje/delavnica-ucenci.png differ
diff --git a/assets/images/vkljucevanje/delavnica-ucitelji.png b/assets/images/vkljucevanje/delavnica-ucitelji.png
new file mode 100644
index 0000000..542a197
Binary files /dev/null and b/assets/images/vkljucevanje/delavnica-ucitelji.png differ
diff --git a/assets/pdf/delavnica-od-tujca-do-sosolca.pdf b/assets/pdf/delavnica-od-tujca-do-sosolca.pdf
new file mode 100644
index 0000000..36e9b71
Binary files /dev/null and b/assets/pdf/delavnica-od-tujca-do-sosolca.pdf differ
diff --git a/assets/pdf/delavnica-skupaj-gradimo-nove-zacetke.pdf b/assets/pdf/delavnica-skupaj-gradimo-nove-zacetke.pdf
new file mode 100644
index 0000000..94ba0b6
Binary files /dev/null and b/assets/pdf/delavnica-skupaj-gradimo-nove-zacetke.pdf differ
diff --git a/assets/pdf/delavnica-sola-in-starsi-priseljenci.pdf b/assets/pdf/delavnica-sola-in-starsi-priseljenci.pdf
new file mode 100644
index 0000000..b37162a
Binary files /dev/null and b/assets/pdf/delavnica-sola-in-starsi-priseljenci.pdf differ
diff --git a/assets/pdf/delavnica-zakaj-znati-slovensko.pdf b/assets/pdf/delavnica-zakaj-znati-slovensko.pdf
new file mode 100644
index 0000000..8c3c037
Binary files /dev/null and b/assets/pdf/delavnica-zakaj-znati-slovensko.pdf differ
diff --git a/cene-in-reference/index.html b/cene-in-reference/index.html
new file mode 100644
index 0000000..d4c54eb
--- /dev/null
+++ b/cene-in-reference/index.html
@@ -0,0 +1,222 @@
+<!DOCTYPE html>
+<html lang="sl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Cene in reference - Prosberry</title>
+    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
+    <link rel="stylesheet" href="/css/style.css">
+    <link rel="stylesheet" href="/css/animations.css">
+</head>
+<body>
+    <header class="main-header">
+        <nav class="nav-container">
+            <div class="logo">
+                <a href="/">
+                    <picture>
+                        <source srcset="/assets/images/logo.png" type="image/webp">
+                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
+                    </picture>
+                </a>
+            </div>
+            <div class="nav-links">
+                <a href="/">Naslovnica</a>
+                <!-- Zavihek "Ponudba" je zdaj dropdown meni -->
+                <div class="dropdown">
+                    <button class="dropbtn">Ponudba</button>
+                    <div class="dropdown-content">
+                        <a href="/ponudba/">Splošne ponudbe</a>
+                        <!-- Celoten meni "Skupaj za vključevanje" je premaknjen sem -->
+                        <div class="dropdown-submenu">
+                            <a href="#">Skupaj za vključevanje</a>
+                            <div class="dropdown-submenu-content">
+                                <div class="dropdown-submenu">
+                                    <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Delavnice</a>
+                                    <div class="dropdown-submenu-content">
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Šola</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
+                                            </div>
+                                        </div>
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Vrtec</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
+                                            </div>
+                                        </div>
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Zaposleni</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- Konec menija "Ponudba" -->
+                <div class="dropdown">
+                    <button class="dropbtn">Skupaj za vključevanje</button>
+                    <div class="dropdown-content">
+                        <div class="dropdown-submenu">
+                            <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
+                            <div class="dropdown-submenu-content">
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
+                            </div>
+                        </div>
+                        <div class="dropdown-submenu">
+                            <a href="#">Delavnice</a>
+                            <div class="dropdown-submenu-content">
+                                <div class="dropdown-submenu">
+                                    <a href="#">Šola</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Vrtec</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Zaposleni</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <a href="/kdo-sem">Kdo sem</a>
+                <a href="/kontakt" class="active">Kontakt</a>
+                <a href="/pogosta-vprasanja">Pogosta vprašanja</a>
+                <a href="/cene-in-reference">Cene in reference</a>
+            </div>
+            <div class="mobile-menu-btn">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+        </nav>
+    </header>
+
+
+
+    <main>
+        <section class="pricing-hero">
+            <div class="pricing-content">
+                <h1 data-aos="fade-up">C E N O V N I K</h1>
+                
+                <div class="pricing-section" data-aos="fade-up" data-aos-delay="100">
+                    <h2>Cene za učno uro tečaja ali inštrukcij</h2>
+                    <div class="pricing-grid">
+                        <div class="pricing-card">
+                            <h3>8 - 10 €</h3>
+                            <h4>v skupini</h4>
+                            <ul>
+                                <li>4 - 6 udeležencev - 10 €</li>
+                                <li>7 - 15 udeležencev - 8 €</li>
+                            </ul>
+                        </div>
+                        <div class="pricing-card">
+                            <h3>15 - 20 €</h3>
+                            <h4>v paru</h4>
+                            <ul>
+                                <li>učenci in dijaki - 15 €</li>
+                                <li>odrasli - 20 €</li>
+                            </ul>
+                        </div>
+                        <div class="pricing-card">
+                            <h3>25 - 30 €</h3>
+                            <h4>individualno</h4>
+                            <ul>
+                                <li>učenci in dijaki - 25 €</li>
+                                <li>odrasli - 30 €</li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="pricing-section mediation" data-aos="fade-up" data-aos-delay="200">
+                    <h2>Cene za medkulturno posredovanje</h2>
+                    <div class="pricing-grid two-columns">
+                        <div class="pricing-card">
+                            <h3>30 €</h3>
+                            <h4>30 min</h4>
+                        </div>
+                        <div class="pricing-card">
+                            <h3>50 €</h3>
+                            <h4>60 min</h4>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <section class="references">
+            <div class="references-content">
+                <h2 data-aos="fade-up">R E F E R E N C E</h2>
+                <h3 data-aos="fade-up" data-aos-delay="100">Kaj pravijo meni/o meni...</h3>
+                
+                <div class="reference-card" data-aos="fade-up" data-aos-delay="200">
+                    <div class="reference-text">
+                        <p>V veliko veselje mi je nekaj malega napisati o Amri Kurešepi za njeno spletno stran v okencu 'kaj pravijo o meni'.</p>
+                        <p>Amra je prišla v Ljubljano iz Prištine in tu nadaljevala študij angleščine na bolonjski magistrski stopnji. Poleg predanega magistrskega študija se je ves čas tudi zelo intenzivno učila slovenščine. Ves čas študija je kazala iskren interes in zavzetost za poučevanje, hkrati pa tudi zadostno mero kritičnosti do sebe in drugih. Amra je sprva morda delovala plaho (verjetno zaradi velikih življenjskih sprememb), vendar se je hitro sprostila in lepo vključila v razred. K dobremu delu skupine je prispevala s tem, da je bila pripravljena prevzeti pobudo; natančnost, vztrajnost in zdrava samozavest pa so ji zagotavljaje uspeh v razredu.</p>
+                        <p>Pod mojim mentorstvom je uspešno opravila pedagoško prakso na OŠ Hinka Smrekarja, v času študija smo skupaj opravili veliko hospitacij po različnih srednjih in osnovnih šolah v Ljubljani, svoj izpitni nastop pa je opravljala na Gimnaziji Bežigrad. Oktobra 2019 je pod mojim mentorstvom študij zaključila z magistrskim delom z naslovom "Factors that Influence the Process of Learning Foreign Languages and Some Potential Effects of Multilingualism" (Dejavniki, ki vplivajo na proces učenja tujih jezikov in nekaj morebitnih učinkov večjezičnosti).</p>
+                        <p>V luči mojega osebnega poznavanja kolegice Amre Kurešepi sem prepričan, da lastnosti, ki jih je izkazovala že med študijem, tj. zavzetost, resnost, odgovornost, samostojnost in ustvarjalnost, izkazuje pri vsakem delu, ki ga opravlja.</p>
+                        <div class="reference-author">
+                            <p>red. prof. dr. Janez Skela</p>
+                            <p>Vodja Katedre za didaktiko angleščine, Oddelek za anglistiko in amerikanistiko FF UL</p>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="reference-card" data-aos="fade-up" data-aos-delay="300">
+                    <div class="reference-text">
+                        <p>¨Amra, ful ti hvala za vse res. Tako sem vesela, da nimam odpora do učenja angleščine. Res čutim, da sem na pravi poti in želim od tega tečaja odnesit max. Me je pa treba priganjati in ti počneš to zelo prijazno in profesionalno, za kar sem ti neskočno hvaležna. Tokrat prvič nimam strahu in sramu, da bom povedala ali naredila kaj narobe.¨</p>
+                        <div class="reference-author">
+                            <p>Mojca Triller</p>
+                            <p>Predstavnik klicnega centra</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </main>
+
+    <footer>
+        <div class="footer-content">
+            <div class="footer-logo">
+                <h3>PROSBERRY</h3>
+            </div>
+            <div class="footer-contact">
+                <p>Email: <a href="mailto:info@prosberry.si">info@prosberry.si</a></p>
+                <p>Tel: <a href="tel:+38630312855">+386 30 312 855</a></p>
+            </div>
+        </div>
+    </footer>
+
+    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
+    <script src="/js/main.js"></script>
+    <script src="/js/animations.js"></script>
+</body>
+</html>
diff --git a/cene-in-sodelovanja/index.html b/cene-in-sodelovanja/index.html
new file mode 100644
index 0000000..7a540f3
--- /dev/null
+++ b/cene-in-sodelovanja/index.html
@@ -0,0 +1,150 @@
+<!DOCTYPE html>
+<html lang="sl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Cene in sodelovanja - Prosberry</title>
+    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
+    <link rel="stylesheet" href="/css/style.css">
+    <link rel="stylesheet" href="/css/animations.css">
+</head>
+<body>
+    <header class="main-header">
+        <nav class="nav-container">
+            <div class="logo">
+                <a href="/">
+                    <picture>
+                        <source srcset="/assets/images/logo.png" type="image/webp">
+                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
+                    </picture>
+                </a>
+            </div>
+            <div class="nav-links">
+                <a href="/">Naslovnica</a>
+                <!-- Zavihek "Ponudba" je zdaj dropdown meni -->
+                <div class="dropdown">
+                    <button class="dropbtn">Ponudba</button>
+                    <div class="dropdown-content">
+                        <a href="/ponudba/">Splošne ponudbe</a>
+                        <!-- Celoten meni "Skupaj za vključevanje" je premaknjen sem -->
+                        <div class="dropdown-submenu">
+                            <a href="#">Skupaj za vključevanje</a>
+                            <div class="dropdown-submenu-content">
+                                <div class="dropdown-submenu">
+                                    <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Delavnice</a>
+                                    <div class="dropdown-submenu-content">
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Šola</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
+                                            </div>
+                                        </div>
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Vrtec</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
+                                            </div>
+                                        </div>
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Zaposleni</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- Konec menija "Ponudba" -->
+                <div class="dropdown">
+                    <button class="dropbtn">Skupaj za vključevanje</button>
+                    <div class="dropdown-content">
+                        <div class="dropdown-submenu">
+                            <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
+                            <div class="dropdown-submenu-content">
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
+                            </div>
+                        </div>
+                        <div class="dropdown-submenu">
+                            <a href="#">Delavnice</a>
+                            <div class="dropdown-submenu-content">
+                                <div class="dropdown-submenu">
+                                    <a href="#">Šola</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Vrtec</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Zaposleni</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <a href="/kdo-sem">Kdo sem</a>
+                <a href="/kontakt" class="active">Kontakt</a>
+                <a href="/pogosta-vprasanja">Pogosta vprašanja</a>
+                <a href="/cene-in-reference">Cene in reference</a>
+            </div>
+            <div class="mobile-menu-btn">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+        </nav>
+    </header>
+
+
+
+    <main>
+        <section class="pricing-hero">
+            <div class="pricing-content">
+                <h1 data-aos="fade-up">Cene in sodelovanja</h1>
+                <p class="pricing-intro" data-aos="fade-up" data-aos-delay="100">Za informacije o cenah nas kontaktirajte.</p>
+                <a href="/kontakt" class="cta-button" data-aos="fade-up" data-aos-delay="200">Stopite v stik</a>
+            </div>
+        </section>
+    </main>
+
+    <footer>
+        <div class="footer-content">
+            <div class="footer-logo">
+                <h3>PROSBERRY</h3>
+            </div>
+            <div class="footer-contact">
+                <p>Email: <a href="mailto:info@prosberry.si">info@prosberry.si</a></p>
+                <p>Tel: <a href="tel:+38630312855">+386 30 312 855</a></p>
+            </div>
+        </div>
+    </footer>
+
+    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
+    <script src="/js/main.js"></script>
+    <script src="/js/animations.js"></script>
+</body>
+</html> 
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..d4f6031
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,3172 @@
+/* Google Fonts */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+
+/* Reset and base styles */
+:root {
+    --primary-color: #fb6339;
+    --text-color: #000000;
+    --bg-color: #ffffff;
+    --light-bg: #f9f9f9;
+    --transition: all 0.3s ease;
+}
+
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: 'Poppins', sans-serif;
+    line-height: 1.6;
+    color: var(--text-color);
+    background: var(--bg-color);
+}
+
+body.no-scroll {
+    overflow: hidden;
+}
+
+/* Header and Navigation */
+.main-header {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    z-index: 1000;
+    background: rgba(255, 255, 255, 0.95);
+    backdrop-filter: blur(10px);
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+}
+
+.nav-container {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 1rem 2rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.logo {
+    display: flex;
+    align-items: center;
+}
+
+.logo a {
+    display: flex;
+    align-items: center;
+    font-size: 1.5rem;
+    font-weight: 700;
+    color: var(--primary-color);
+    text-decoration: none;
+    letter-spacing: 1px;
+}
+
+.logo img {
+    height: 50px;
+    width: auto;
+    margin-right: 10px;
+}
+
+.nav-links {
+    display: flex;
+    align-items: center;
+}
+
+.nav-links a {
+    color: var(--text-color);
+    text-decoration: none;
+    margin-left: 2rem;
+    font-weight: 500;
+    transition: var(--transition);
+    padding: 0.5rem 0;
+}
+
+.nav-links a:hover,
+.nav-links a.active {
+    color: var(--primary-color);
+}
+
+/* Mobile menu button */
+.mobile-menu-btn {
+    display: none;
+    flex-direction: column;
+    gap: 6px;
+    cursor: pointer;
+}
+
+.mobile-menu-btn span {
+    width: 30px;
+    height: 2px;
+    background: var(--text-color);
+    transition: var(--transition);
+}
+
+/* Hero Section */
+.hero {
+    padding: 120px 2rem 60px;
+    background: linear-gradient(135deg, rgba(251, 99, 57, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
+    min-height: 100vh;
+    display: flex;
+    align-items: center;
+}
+
+.hero-content {
+    max-width: 1200px;
+    margin: 0 auto;
+    width: 100%;
+}
+
+.hero-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 4rem;
+    align-items: center;
+}
+
+.hero-text {
+    max-width: 600px;
+}
+
+.hero h1 {
+    font-size: 3rem;
+    margin-bottom: 2rem;
+    color: var(--text-color);
+}
+
+.hero h2 {
+    color: var(--primary-color);
+    margin-bottom: 1rem;
+}
+
+.hero-image {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.hero-image img {
+    max-width: 100%;
+    height: auto;
+    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
+    transition: var(--transition);
+}
+
+.hero-image img:hover {
+    transform: translateY(-10px);
+    filter: drop-shadow(0 20px 30px rgba(251, 99, 57, 0.2));
+}
+
+.pros-berry-explanation {
+    margin: 2rem 0;
+    padding: 2rem;
+    background: white;
+    border-radius: 10px;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+}
+
+/* CTA Button */
+.cta-button {
+    display: inline-block;
+    padding: 1rem 2rem;
+    background: var(--primary-color);
+    color: white;
+    text-decoration: none;
+    border-radius: 30px;
+    font-weight: 500;
+    transition: var(--transition);
+    margin-top: 2rem;
+}
+
+.cta-button:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 4px 15px rgba(251, 99, 57, 0.4);
+}
+
+/* Services Section */
+.services {
+    padding: 80px 2rem;
+    background: white;
+}
+
+.services h2 {
+    text-align: center;
+    margin-bottom: 3rem;
+    color: var(--text-color);
+}
+
+.services-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+    gap: 2rem;
+    max-width: 1200px;
+    margin: 0 auto;
+}
+
+.service-card {
+    padding: 2rem;
+    background: white;
+    border-radius: 15px;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+    transition: var(--transition);
+    text-align: center;
+}
+
+.service-card:hover {
+    transform: translateY(-5px);
+}
+
+.service-icon {
+    width: 100px;
+    height: 100px;
+    margin: 0 auto 1.5rem;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background-color: rgba(251, 99, 57, 0.1);
+    border-radius: 50%;
+    transition: var(--transition);
+}
+
+.service-icon .emoji {
+    font-size: 3.5rem;
+    transition: var(--transition);
+}
+
+.service-card:hover .service-icon {
+    background-color: var(--primary-color);
+}
+
+.service-card:hover .service-icon .emoji {
+    color: white;
+    transform: scale(1.1);
+}
+
+.service-card h3 {
+    color: var(--primary-color);
+    margin-bottom: 1rem;
+}
+
+/* Contact Info Section */
+.contact-info {
+    padding: 60px 2rem;
+    text-align: center;
+    background: linear-gradient(135deg, rgba(251, 99, 57, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
+}
+
+.contact-info a {
+    color: var(--primary-color);
+    text-decoration: none;
+    font-weight: 500;
+    transition: var(--transition);
+}
+
+.contact-info a:hover {
+    text-decoration: underline;
+}
+
+/* Footer */
+footer {
+    background: var(--text-color);
+    color: var(--bg-color);
+    padding: 3rem 2rem;
+}
+
+.footer-content {
+    max-width: 1200px;
+    margin: 0 auto;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.footer-logo h3 {
+    color: var(--primary-color);
+}
+
+.footer-contact a {
+    color: var(--bg-color);
+    text-decoration: none;
+    transition: var(--transition);
+}
+
+.footer-contact a:hover {
+    color: var(--primary-color);
+}
+
+/* Responsive Design */
+@media (max-width: 992px) {
+    .hero-grid {
+        grid-template-columns: 1fr;
+        gap: 2rem;
+    }
+
+    .hero-text {
+        max-width: 100%;
+        text-align: center;
+    }
+
+    .hero-image {
+        order: -1;
+    }
+
+    .hero-image img {
+        max-width: 80%;
+    }
+}
+
+@media (max-width: 768px) {
+    .nav-links .dropdown {
+        width: 100%;
+        margin-left: 0;
+    }
+
+    .nav-links a,
+    .nav-links .dropdown .dropbtn {
+        margin: 0;
+        padding: 0.9rem 1.1rem;
+        text-align: left;
+        border-radius: 12px;
+        font-size: 1rem;
+        display: block;
+        width: 100%;
+    }
+
+    .nav-links .dropdown .dropbtn {
+        background: rgba(251, 99, 57, 0.08);
+        border: none;
+    }
+
+    .nav-links .dropdown:hover .dropbtn,
+    .nav-links .dropdown .dropbtn.active,
+    .nav-links a:hover,
+    .nav-links a.active {
+        background: rgba(251, 99, 57, 0.16);
+    }
+
+    .nav-links {
+        display: none;
+        position: fixed;
+        top: 72px;
+        left: 0;
+        width: 100%;
+        height: calc(100vh - 72px);
+        background: rgba(255, 255, 255, 0.98);
+        padding: 1.5rem 1.25rem 2.2rem;
+        flex-direction: column;
+        align-items: stretch;
+        gap: 0.75rem;
+        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
+        backdrop-filter: blur(12px);
+        overflow-y: auto;
+        z-index: 999;
+    }
+
+    .nav-links.active {
+        display: flex;
+    }
+
+    .mobile-menu-btn {
+        display: flex;
+        z-index: 1000;
+    }
+
+    .mobile-menu-btn.active span:nth-child(1) {
+        transform: rotate(45deg) translate(6px, 6px);
+    }
+
+    .mobile-menu-btn.active span:nth-child(2) {
+        opacity: 0;
+    }
+
+    .mobile-menu-btn.active span:nth-child(3) {
+        transform: rotate(-45deg) translate(6px, -6px);
+    }
+
+    .dropdown-content,
+    .dropdown-submenu-content {
+        position: static;
+        display: none;
+        box-shadow: none;
+        background: transparent;
+        border-radius: 0;
+        min-width: 100%;
+        padding: 0;
+        margin: 0.35rem 0 0;
+    }
+
+    .dropdown-content a {
+        padding: 0.8rem 1.1rem;
+        border-radius: 10px;
+    }
+
+    .dropdown-submenu-content {
+        margin-left: 0;
+        padding: 0.2rem 0 0.8rem;
+        border-left: 2px solid rgba(251, 99, 57, 0.2);
+    }
+
+    .dropdown-submenu-content a {
+        padding-left: 1.6rem;
+    }
+
+    /* Hero section mobile optimization */
+    .hero {
+        padding: 100px 1.5rem 40px;
+        min-height: auto;
+    }
+
+    .hero h1 {
+        font-size: 2rem;
+        margin-bottom: 1.5rem;
+    }
+
+    .hero-grid {
+        grid-template-columns: 1fr;
+        gap: 2rem;
+    }
+
+    .hero-image {
+        order: -1;
+    }
+
+    .hero-image img {
+        max-width: 80%;
+    }
+
+    /* Services section mobile optimization */
+    .services {
+        padding: 60px 1.5rem;
+    }
+
+    .services-grid {
+        grid-template-columns: 1fr;
+        gap: 1.5rem;
+    }
+
+    .service-card {
+        padding: 1.5rem;
+    }
+
+    /* General mobile optimizations */
+    section {
+        padding: 60px 1.5rem;
+    }
+
+    h1 {
+        font-size: 2rem;
+    }
+
+    h2 {
+        font-size: 1.75rem;
+    }
+
+    h3 {
+        font-size: 1.25rem;
+    }
+
+    p {
+        font-size: 1rem;
+    }
+
+    .cta-button {
+        width: 100%;
+        text-align: center;
+        padding: 1rem;
+    }
+
+    .footer-content {
+        flex-direction: column;
+        text-align: center;
+        gap: 2rem;
+    }
+
+    .logo img {
+        height: 32px;
+    }
+
+    .service-icon {
+        width: 120px;
+        height: 120px;
+    }
+
+    .service-icon .emoji {
+        font-size: 4rem;
+    }
+}
+
+/* Small mobile devices */
+@media (max-width: 480px) {
+    .hero h1 {
+        font-size: 1.75rem;
+    }
+
+    .hero-image img {
+        max-width: 100%;
+    }
+
+    .service-card {
+        padding: 1.25rem;
+    }
+
+    .footer-content {
+        padding: 2rem 1.5rem;
+    }
+
+    .service-icon {
+        width: 110px;
+        height: 110px;
+    }
+
+    .service-icon .emoji {
+        font-size: 3.8rem;
+    }
+}
+
+/* Animations */
+@keyframes fadeIn {
+    from {
+        opacity: 0;
+        transform: translateY(20px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+.fade-in {
+    animation: fadeIn 0.6s ease forwards;
+}
+
+/* About Page Styles */
+.about-hero {
+    position: relative;
+    padding: 160px 2rem 150px;
+    background: #fdfcfa;
+    overflow: hidden;
+}
+
+.about-hero::before {
+    content: "";
+    position: absolute;
+    inset: 0;
+    background:
+        radial-gradient(circle at 12% 18%, rgba(251, 99, 57, 0.18) 0%, rgba(251, 99, 57, 0) 55%),
+        radial-gradient(circle at 78% 14%, rgba(255, 210, 190, 0.32) 0%, rgba(255, 210, 190, 0) 60%),
+        radial-gradient(circle at 68% 80%, rgba(200, 230, 255, 0.25) 0%, rgba(200, 230, 255, 0) 60%);
+    z-index: 0;
+}
+
+.about-hero-container {
+    position: relative;
+    z-index: 2;
+    max-width: 1200px;
+    margin: 0 auto;
+    display: grid;
+    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
+    gap: 3rem;
+    align-items: center;
+}
+
+.about-hero-text {
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+}
+
+.about-hero-kicker {
+    display: inline-block;
+    align-self: flex-start;
+    padding: 0.35rem 1rem;
+    border-radius: 999px;
+    letter-spacing: 0.12em;
+    text-transform: uppercase;
+    font-size: 0.72rem;
+    font-weight: 600;
+    background: rgba(251, 99, 57, 0.14);
+    color: var(--primary-color);
+}
+
+.about-hero h1 {
+    font-size: 3rem;
+    line-height: 1.25;
+    color: #1f2530;
+    margin: 0;
+}
+
+.about-hero-text p {
+    font-size: 1.12rem;
+    line-height: 1.9;
+    color: #454b57;
+    max-width: 65ch;
+}
+
+.about-hero-image {
+    display: flex;
+    justify-content: center;
+    align-items: flex-end;
+}
+
+.about-hero-image .image-frame {
+    position: relative;
+    padding: 1.5rem;
+    border-radius: 36px;
+    background: rgba(255, 255, 255, 0.75);
+    box-shadow: 0 25px 55px rgba(15, 25, 40, 0.12);
+    overflow: hidden;
+}
+
+.about-hero-image picture,
+.about-hero-image img {
+    display: block;
+    width: 100%;
+    height: auto;
+    border-radius: 28px;
+}
+
+.about-hero-shape {
+    position: absolute;
+    border-radius: 50%;
+    pointer-events: none;
+    opacity: 0.55;
+    z-index: 1;
+}
+
+.about-hero .shape-a {
+    width: 260px;
+    height: 260px;
+    background: rgba(251, 99, 57, 0.16);
+    top: 18%;
+    left: 4%;
+}
+
+.about-hero .shape-b {
+    width: 120px;
+    height: 120px;
+    border: 2px dotted rgba(251, 99, 57, 0.45);
+    top: 24%;
+    right: 16%;
+}
+
+.about-hero .shape-c {
+    width: 320px;
+    height: 320px;
+    background: rgba(254, 219, 204, 0.28);
+    bottom: -120px;
+    left: 22%;
+}
+
+.about-hero .shape-d {
+    width: 90px;
+    height: 90px;
+    border: 2px solid rgba(200, 230, 255, 0.45);
+    bottom: 12%;
+    right: 8%;
+}
+
+.about-accordion-section {
+    background: #ffffff;
+    padding: 0 2rem 140px;
+}
+
+.about-accordion-container {
+    max-width: 960px;
+    margin: -90px auto 0;
+    background: #ffffff;
+    border-radius: 28px;
+    box-shadow: 0 35px 80px rgba(15, 25, 40, 0.08);
+    padding: 3.25rem 3rem;
+    position: relative;
+    overflow: hidden;
+}
+
+.about-accordion-container::before {
+    content: "";
+    position: absolute;
+    width: 260px;
+    height: 260px;
+    background: radial-gradient(circle, rgba(251, 99, 57, 0.16) 0%, rgba(251, 99, 57, 0) 70%);
+    top: -120px;
+    right: -80px;
+    z-index: 0;
+}
+
+.about-accordion-container > * {
+    position: relative;
+    z-index: 1;
+}
+
+.about-accordion-intro {
+    text-align: center;
+    margin-bottom: 2.5rem;
+}
+
+.about-accordion-intro p {
+    font-size: 1rem;
+    color: #5a5f69;
+}
+
+.about-accordion-list {
+    display: flex;
+    flex-direction: column;
+    gap: 1.25rem;
+}
+
+.about-accordion-item {
+    border-radius: 18px;
+    background: rgba(253, 252, 250, 0.85);
+    border: 1px solid rgba(31, 37, 48, 0.06);
+    box-shadow: 0 18px 35px rgba(15, 25, 40, 0.07);
+    overflow: hidden;
+}
+
+.about-accordion-toggle {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 1rem;
+    padding: 1.4rem 1.8rem;
+    font-size: 1.1rem;
+    font-weight: 600;
+    color: #1f2530;
+    background: transparent;
+    border: none;
+    cursor: pointer;
+    text-align: left;
+    transition: background 0.25s ease, color 0.25s ease;
+}
+
+.about-accordion-toggle span:first-child {
+    flex: 1;
+}
+
+.about-accordion-toggle:focus-visible {
+    outline: 2px solid rgba(251, 99, 57, 0.4);
+    outline-offset: 4px;
+}
+
+.about-accordion-toggle[aria-expanded="true"] {
+    background: rgba(251, 99, 57, 0.08);
+    color: var(--primary-color);
+}
+
+.accordion-icon {
+    width: 34px;
+    height: 34px;
+    border-radius: 50%;
+    border: 1px solid rgba(251, 99, 57, 0.45);
+    display: grid;
+    place-items: center;
+    font-size: 1.2rem;
+    color: var(--primary-color);
+    transition: transform 0.25s ease, background 0.25s ease;
+}
+
+.accordion-icon::after {
+    content: "+";
+    font-weight: 600;
+}
+
+.about-accordion-toggle[aria-expanded="true"] .accordion-icon {
+    background: rgba(251, 99, 57, 0.14);
+    transform: rotate(45deg);
+}
+
+.about-accordion-content {
+    padding: 0 1.8rem 1.8rem;
+    font-size: 1rem;
+    line-height: 1.85;
+    color: #4f5562;
+}
+
+.about-accordion-content p + p {
+    margin-top: 1.1rem;
+}
+
+/* Responsive Styles */
+@media (max-width: 992px) {
+    .about-hero {
+        padding: 130px 1.5rem 130px;
+    }
+
+    .about-hero-container {
+        grid-template-columns: 1fr;
+        gap: 2.5rem;
+        text-align: center;
+    }
+
+    .about-hero-text {
+        text-align: center;
+        align-items: center;
+    }
+
+    .about-hero-kicker {
+        align-self: center;
+    }
+
+    .about-hero-text p {
+        max-width: 48ch;
+    }
+
+    .about-hero-image .image-frame {
+        max-width: min(90%, 420px);
+        margin: 0 auto;
+    }
+
+    .about-accordion-container {
+        margin: -60px auto 0;
+        padding: 2.8rem 2.4rem;
+    }
+}
+
+@media (max-width: 768px) {
+    .about-hero {
+        padding: 120px 1.25rem 110px;
+    }
+
+    .about-hero h1 {
+        font-size: 2.4rem;
+    }
+
+    .about-hero-text p {
+        font-size: 1.05rem;
+    }
+
+    .about-hero .shape-a {
+        width: 220px;
+        height: 220px;
+    }
+
+    .about-hero .shape-b,
+    .about-hero .shape-d {
+        display: none;
+    }
+
+    .about-hero .shape-c {
+        width: 260px;
+        height: 260px;
+        left: 18%;
+    }
+
+    .about-accordion-container {
+        padding: 2.4rem 1.9rem;
+        margin: -40px auto 0;
+        border-radius: 22px;
+        box-shadow: 0 25px 60px rgba(15, 25, 40, 0.08);
+    }
+
+    .about-accordion-toggle {
+        padding: 1.2rem 1.4rem;
+        font-size: 1rem;
+    }
+
+    .about-accordion-content {
+        padding: 0 1.4rem 1.4rem;
+    }
+
+    .accordion-icon {
+        width: 30px;
+        height: 30px;
+        font-size: 1rem;
+    }
+}
+
+@media (max-width: 520px) {
+    .about-hero {
+        padding: 110px 1rem 100px;
+    }
+
+    .about-hero h1 {
+        font-size: 2.1rem;
+    }
+
+    .about-hero-text p {
+        font-size: 1rem;
+        max-width: 100%;
+    }
+
+    .about-hero-image .image-frame {
+        padding: 1rem;
+        max-width: 320px;
+    }
+
+    .about-accordion-container {
+        padding: 2.1rem 1.3rem;
+        margin: -20px auto 0;
+        border-radius: 20px;
+        box-shadow: 0 18px 40px rgba(15, 25, 40, 0.08);
+    }
+
+    .about-accordion-toggle {
+        padding: 1rem 1.1rem;
+    }
+
+    .about-hero .shape-a,
+    .about-hero .shape-c {
+        display: none;
+    }
+
+    .about-accordion-item {
+        border-radius: 14px;
+    }
+
+    .about-accordion-content {
+        font-size: 0.98rem;
+    }
+}
+
+/* Workshop Directory Page */
+.workshop-directory-hero {
+    position: relative;
+    padding: 160px 2rem 140px;
+    background: #fdfcfa;
+    overflow: hidden;
+}
+
+.workshop-directory-hero-content {
+    max-width: 1080px;
+    margin: 0 auto;
+    text-align: center;
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+    position: relative;
+    z-index: 2;
+}
+
+.workshop-directory-kicker {
+    display: inline-block;
+    align-self: center;
+    padding: 0.35rem 1rem;
+    border-radius: 999px;
+    letter-spacing: 0.12em;
+    text-transform: uppercase;
+    font-size: 0.72rem;
+    font-weight: 600;
+    background: rgba(251, 99, 57, 0.14);
+    color: var(--primary-color);
+}
+
+.workshop-directory-hero h1 {
+    font-size: 3rem;
+    line-height: 1.2;
+    color: #1f2530;
+    margin: 0;
+}
+
+.workshop-directory-hero p {
+    max-width: 60ch;
+    margin: 0 auto;
+    font-size: 1.15rem;
+    line-height: 1.85;
+    color: #454b57;
+}
+
+.workshop-directory-shape {
+    position: absolute;
+    border-radius: 50%;
+    pointer-events: none;
+    opacity: 0.55;
+    z-index: 1;
+}
+
+.workshop-directory-hero .shape-a {
+    width: 260px;
+    height: 260px;
+    background: rgba(251, 99, 57, 0.16);
+    top: 18%;
+    left: 6%;
+}
+
+.workshop-directory-hero .shape-b {
+    width: 340px;
+    height: 340px;
+    background: rgba(254, 219, 204, 0.28);
+    bottom: -120px;
+    right: 14%;
+}
+
+.workshop-directory-hero .shape-c {
+    width: 110px;
+    height: 110px;
+    border: 2px dotted rgba(251, 99, 57, 0.45);
+    top: 22%;
+    right: 24%;
+}
+
+.workshop-directory-section {
+    background: #ffffff;
+    padding: 0 2rem 120px;
+}
+
+.workshop-directory-section:first-of-type {
+    padding-top: 0;
+}
+
+.workshop-directory-container {
+    max-width: 1100px;
+    margin: -100px auto 0;
+    background: #ffffff;
+    border-radius: 28px;
+    box-shadow: 0 35px 80px rgba(15, 25, 40, 0.08);
+    padding: 3.2rem 3rem;
+    position: relative;
+}
+
+.workshop-directory-section + .workshop-directory-section .workshop-directory-container {
+    margin-top: 0;
+}
+
+.workshop-directory-heading h2 {
+    font-size: 2rem;
+    margin-bottom: 2rem;
+    color: #1f2530;
+}
+
+.workshop-card-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+    gap: 1.8rem;
+}
+
+.workshop-card {
+    display: flex;
+    flex-direction: column;
+    background: rgba(253, 252, 250, 0.92);
+    border: 1px solid rgba(31, 37, 48, 0.06);
+    border-radius: 20px;
+    text-decoration: none;
+    color: inherit;
+    box-shadow: 0 22px 45px rgba(15, 25, 40, 0.08);
+    transition: transform 0.25s ease, box-shadow 0.25s ease;
+    overflow: hidden;
+}
+
+.workshop-card:hover,
+.workshop-card:focus-visible {
+    transform: translateY(-6px);
+    box-shadow: 0 30px 60px rgba(15, 25, 40, 0.12);
+}
+
+.workshop-card:focus-visible {
+    outline: 3px solid rgba(251, 99, 57, 0.4);
+    outline-offset: 4px;
+}
+
+.workshop-card-image {
+    position: relative;
+    aspect-ratio: 4 / 3;
+    background: #f5f7fb;
+}
+
+.workshop-card-image img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    display: block;
+}
+
+.workshop-card-title {
+    padding: 1.4rem 1.6rem 1.6rem;
+    font-size: 1.1rem;
+    font-weight: 600;
+    color: #1f2530;
+    line-height: 1.4;
+}
+
+@media (max-width: 992px) {
+    .workshop-directory-hero {
+        padding: 130px 1.5rem 120px;
+    }
+
+    .workshop-directory-container {
+        margin: -80px auto 0;
+        padding: 2.8rem 2.2rem;
+        border-radius: 24px;
+    }
+}
+
+@media (max-width: 768px) {
+    .workshop-directory-hero {
+        padding: 120px 1.2rem 110px;
+    }
+
+    .workshop-directory-hero h1 {
+        font-size: 2.5rem;
+    }
+
+    .workshop-directory-hero p {
+        font-size: 1.05rem;
+    }
+
+    .workshop-directory-hero .shape-a,
+    .workshop-directory-hero .shape-b {
+        width: 220px;
+        height: 220px;
+    }
+
+    .workshop-directory-container {
+        padding: 2.4rem 1.8rem;
+    }
+
+    .workshop-card-grid {
+        gap: 1.4rem;
+    }
+}
+
+@media (max-width: 520px) {
+    .workshop-directory-hero {
+        padding: 110px 1rem 100px;
+    }
+
+    .workshop-directory-hero h1 {
+        font-size: 2.1rem;
+    }
+
+    .workshop-directory-hero .shape-a,
+    .workshop-directory-hero .shape-b,
+    .workshop-directory-hero .shape-c {
+        display: none;
+    }
+
+    .workshop-directory-container {
+        margin: -40px auto 0;
+        padding: 2rem 1.4rem;
+    }
+
+    .workshop-card {
+        border-radius: 16px;
+    }
+
+    .workshop-card-title {
+        font-size: 1.05rem;
+    }
+}
+
+/* Contact Page Styles */
+.contact-hero {
+    position: relative;
+    padding: 160px 2rem 140px;
+    background: #fdfcfa;
+    color: #1f2530;
+    overflow: hidden;
+}
+
+.contact-hero::before {
+    content: "";
+    position: absolute;
+    inset: 0;
+    background:
+        radial-gradient(circle at 18% 20%, rgba(251, 99, 57, 0.18) 0%, rgba(251, 99, 57, 0) 55%),
+        radial-gradient(circle at 82% 18%, rgba(255, 210, 190, 0.35) 0%, rgba(255, 210, 190, 0) 60%),
+        radial-gradient(circle at 70% 75%, rgba(200, 230, 255, 0.28) 0%, rgba(200, 230, 255, 0) 65%);
+    z-index: 0;
+}
+
+.contact-hero-content {
+    position: relative;
+    z-index: 2;
+    max-width: 1100px;
+    margin: 0 auto;
+    text-align: left;
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+}
+
+.contact-hero-kicker {
+    display: inline-block;
+    padding: 0.32rem 0.9rem;
+    border-radius: 999px;
+    letter-spacing: 0.12em;
+    text-transform: uppercase;
+    font-size: 0.72rem;
+    font-weight: 600;
+    background: rgba(251, 99, 57, 0.14);
+    color: var(--primary-color);
+    margin-bottom: 1.5rem;
+    align-self: flex-start;
+}
+
+.contact-hero h1 {
+    font-size: 3rem;
+    margin-bottom: 0.75rem;
+    color: #1f2530;
+}
+
+.contact-hero-lead {
+    font-size: 1.2rem;
+    max-width: 640px;
+    line-height: 1.8;
+    color: #4a4f5a;
+}
+
+.contact-hero-shape {
+    position: absolute;
+    border-radius: 50%;
+    pointer-events: none;
+    opacity: 0.55;
+    z-index: 1;
+}
+
+.contact-hero .shape-a {
+    width: 220px;
+    height: 220px;
+    background: rgba(251, 99, 57, 0.16);
+    top: 14%;
+    left: 6%;
+}
+
+.contact-hero .shape-b {
+    width: 140px;
+    height: 140px;
+    border: 2px solid rgba(251, 99, 57, 0.32);
+    bottom: 10%;
+    right: 8%;
+}
+
+.contact-hero .shape-c {
+    width: 280px;
+    height: 280px;
+    background: rgba(254, 219, 204, 0.28);
+    bottom: -90px;
+    left: 28%;
+}
+
+.contact-hero .shape-d {
+    width: 90px;
+    height: 90px;
+    border: 2px dotted rgba(251, 99, 57, 0.5);
+    top: 18%;
+    right: 28%;
+}
+
+.contact-main {
+    background: #fdfcfa;
+    padding: 0 2rem 120px;
+}
+
+.contact-main-container {
+    max-width: 1200px;
+    margin: -100px auto 0;
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 2.5rem;
+}
+
+.contact-info-panel,
+.contact-form-card {
+    background: #ffffff;
+    border-radius: 28px;
+    box-shadow: 0 30px 60px rgba(15, 25, 40, 0.08);
+    padding: 3rem;
+    display: flex;
+    flex-direction: column;
+    position: relative;
+    overflow: hidden;
+    height: 100%;
+}
+
+.contact-info-panel::before {
+    content: "";
+    position: absolute;
+    width: 220px;
+    height: 220px;
+    background: radial-gradient(circle, rgba(251, 99, 57, 0.22) 0%, rgba(251, 99, 57, 0) 70%);
+    top: -140px;
+    right: -80px;
+    z-index: 0;
+}
+
+.contact-info-panel > *,
+.contact-form-card > * {
+    position: relative;
+    z-index: 1;
+}
+
+.contact-info-panel h2 {
+    font-size: 2.2rem;
+    margin-bottom: 1rem;
+}
+
+.contact-info-lead {
+    font-size: 1.1rem;
+    line-height: 1.8;
+    color: #444444;
+}
+
+.contact-services {
+    list-style: none;
+    margin: 2.5rem 0 0;
+    padding: 0;
+    display: grid;
+    gap: 1.1rem;
+}
+
+.contact-services li {
+    display: flex;
+    gap: 0.75rem;
+    align-items: flex-start;
+    color: #444444;
+    line-height: 1.7;
+}
+
+.contact-services li::before {
+    content: "";
+    flex-shrink: 0;
+    width: 12px;
+    height: 12px;
+    margin-top: 0.45rem;
+    border-radius: 50%;
+    background: rgba(251, 99, 57, 0.38);
+    box-shadow: 0 0 0 6px rgba(251, 99, 57, 0.16);
+}
+
+.contact-details {
+    display: grid;
+    gap: 1.3rem;
+    margin-top: 2.5rem;
+}
+
+.contact-detail {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+}
+
+.detail-label {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: fit-content;
+    padding: 0.4rem 1.2rem;
+    border-radius: 999px;
+    font-size: 0.8rem;
+    letter-spacing: 0.08em;
+    text-transform: uppercase;
+    font-weight: 600;
+    color: var(--primary-color);
+    background: rgba(251, 99, 57, 0.12);
+}
+
+.contact-detail a {
+    font-size: 1.15rem;
+    font-weight: 600;
+    color: var(--text-color);
+    text-decoration: none;
+    transition: color 0.2s ease;
+}
+
+.contact-detail a:hover {
+    color: var(--primary-color);
+}
+
+.contact-note {
+    margin-top: auto;
+    background: rgba(251, 99, 57, 0.08);
+    border-radius: 20px;
+    padding: 1.5rem;
+    line-height: 1.7;
+    color: #444444;
+}
+
+.contact-form-card::before {
+    content: "";
+    position: absolute;
+    width: 260px;
+    height: 260px;
+    background: radial-gradient(circle, rgba(251, 99, 57, 0.16) 0%, rgba(251, 99, 57, 0) 75%);
+    bottom: -160px;
+    right: -120px;
+    z-index: 0;
+}
+
+.contact-form-card h3 {
+    font-size: 2rem;
+    margin-bottom: 0.75rem;
+}
+
+.contact-form-lead {
+    color: #555555;
+    line-height: 1.7;
+    max-width: 32ch;
+}
+
+.contact-form {
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+    margin-top: 2.5rem;
+}
+
+.form-group {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+}
+
+.form-group label {
+    font-weight: 600;
+    color: #333333;
+}
+
+.form-group input,
+.form-group textarea {
+    width: 100%;
+    border: 1.5px solid rgba(20, 20, 20, 0.08);
+    border-radius: 16px;
+    padding: 1rem 1.2rem;
+    font-family: inherit;
+    font-size: 1rem;
+    background: #ffffff;
+    box-shadow: 0 1px 0 rgba(15, 15, 15, 0.03);
+    transition: border-color 0.2s ease, box-shadow 0.2s ease;
+}
+
+.form-group textarea {
+    min-height: 160px;
+    resize: vertical;
+}
+
+.form-group input:focus,
+.form-group textarea:focus {
+    outline: none;
+    border-color: rgba(251, 99, 57, 0.65);
+    box-shadow: 0 0 0 4px rgba(251, 99, 57, 0.18);
+}
+
+.submit-btn {
+    background: var(--primary-color);
+    color: #ffffff;
+    border: none;
+    padding: 0.95rem 2.4rem;
+    border-radius: 999px;
+    font-size: 1rem;
+    font-weight: 600;
+    cursor: pointer;
+    transition: transform 0.2s ease, box-shadow 0.2s ease;
+    width: auto;
+    align-self: flex-start;
+}
+
+.submit-btn:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 18px 35px rgba(251, 99, 57, 0.25);
+}
+
+.form-message {
+    border-radius: 16px;
+    padding: 1rem 1.2rem;
+    font-size: 0.95rem;
+    line-height: 1.6;
+}
+
+.contact-form-card .form-message.success-message {
+    background: rgba(76, 175, 80, 0.12);
+    color: #2f7d32;
+    border: 1px solid rgba(46, 125, 50, 0.2);
+}
+
+.contact-form-card .form-message.error-message {
+    background: rgba(244, 67, 54, 0.12);
+    color: #b71c1c;
+    border: 1px solid rgba(183, 28, 28, 0.2);
+}
+
+.contact-faq-section {
+    background: #ffffff;
+    padding: 110px 2rem 140px;
+}
+
+.contact-faq-container {
+    max-width: 960px;
+    margin: 0 auto;
+}
+
+.faq-header {
+    text-align: center;
+    margin-bottom: 3rem;
+}
+
+.faq-header h2 {
+    font-size: 2.4rem;
+    margin-bottom: 1rem;
+}
+
+.faq-intro {
+    max-width: 700px;
+    margin: 0 auto;
+    color: #555555;
+    font-size: 1.05rem;
+    line-height: 1.8;
+}
+
+.faq-list {
+    display: flex;
+    flex-direction: column;
+    gap: 1.2rem;
+}
+
+.faq-item {
+    background: #fdf7f4;
+    border-radius: 20px;
+    padding: 1.6rem 2rem;
+    box-shadow: 0 14px 38px rgba(20, 20, 20, 0.07);
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+.faq-item.active {
+    transform: translateY(-2px);
+    box-shadow: 0 20px 45px rgba(20, 20, 20, 0.08);
+}
+
+.faq-question {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 1rem;
+    font-size: 1.15rem;
+    font-weight: 600;
+    color: var(--text-color);
+    cursor: pointer;
+}
+
+.faq-question::after {
+    content: "+";
+    font-size: 1.5rem;
+    color: var(--primary-color);
+    transition: transform 0.3s ease;
+}
+
+.faq-item.active .faq-question::after {
+    transform: rotate(45deg);
+}
+
+.faq-answer {
+    max-height: 0;
+    overflow: hidden;
+    transition: max-height 0.35s ease, padding-top 0.3s ease;
+    padding-top: 0;
+    padding-bottom: 0;
+}
+
+.faq-item.active .faq-answer {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+}
+
+.faq-answer p {
+    color: #555555;
+    line-height: 1.7;
+    margin-bottom: 1rem;
+}
+
+.faq-answer p:last-child {
+    margin-bottom: 0;
+}
+
+@media (max-width: 1200px) {
+    .contact-main-container {
+        gap: 2rem;
+    }
+}
+
+@media (max-width: 992px) {
+    .contact-hero {
+        padding: 140px 1.5rem 120px;
+    }
+
+    .contact-main {
+        padding: 0 1.5rem 100px;
+    }
+
+    .contact-main-container {
+        grid-template-columns: 1fr;
+        margin-top: -80px;
+    }
+
+    .contact-info-panel,
+    .contact-form-card {
+        padding: 2.5rem;
+    }
+}
+
+@media (max-width: 768px) {
+    .contact-hero h1 {
+        font-size: 2.5rem;
+    }
+
+    .contact-hero-lead {
+        font-size: 1.05rem;
+    }
+
+    .contact-main-container {
+        margin-top: -60px;
+    }
+
+    .contact-info-panel,
+    .contact-form-card {
+        padding: 2rem;
+    }
+
+    .contact-detail a {
+        font-size: 1.05rem;
+    }
+}
+
+@media (max-width: 640px) {
+    .contact-hero {
+        padding: 120px 1.25rem 100px;
+    }
+
+    .contact-main {
+        padding: 0 1.25rem 80px;
+    }
+
+    .contact-info-panel,
+    .contact-form-card {
+        border-radius: 22px;
+    }
+
+    .submit-btn {
+        width: 100%;
+        text-align: center;
+    }
+
+    .faq-item {
+        padding: 1.4rem 1.5rem;
+    }
+}
+
+/* Services Page Styles */
+.services-hero {
+    padding: 120px 2rem 60px;
+    background: linear-gradient(135deg, rgba(251, 99, 57, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
+    text-align: center;
+}
+
+.services-content {
+    max-width: 800px;
+    margin: 0 auto;
+}
+
+.services-intro {
+    font-size: 1.2rem;
+    margin: 1rem 0;
+    color: var(--primary-color);
+}
+
+.services-grid-section {
+    padding: 60px 2rem;
+    background: white;
+}
+
+.services-container {
+    max-width: 1200px;
+    margin: 0 auto;
+}
+
+.service-block {
+    background: white;
+    border-radius: 15px;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+    padding: 2rem;
+    margin-bottom: 3rem;
+}
+
+.service-block h2 {
+    color: var(--primary-color);
+    margin-bottom: 2rem;
+    font-size: 2rem;
+}
+
+.service-details {
+    display: grid;
+    grid-template-columns: repeat(12, 1fr);
+    grid-gap: 2.5rem;
+    margin-top: 2rem;
+}
+
+.service-item {
+    background: white;
+    padding: 2.5rem;
+    transition: transform 0.3s ease;
+    border-radius: 15px;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+}
+
+.service-item h3 {
+    color: var(--primary-color);
+    margin-bottom: 1.5rem;
+    font-size: 2rem;
+    text-align: left;
+    font-weight: 600;
+}
+
+.service-item.full-width {
+    grid-column: 1 / -1;
+    margin-bottom: 1rem;
+}
+
+.service-item.half-width {
+    grid-column: span 6;
+}
+
+.service-item ul {
+    list-style: none;
+    padding: 0;
+}
+
+.service-item ul li {
+    margin-bottom: 1rem;
+    padding-left: 1.5rem;
+    position: relative;
+    font-size: 1.1rem;
+    line-height: 1.6;
+}
+
+.service-item ul li:before {
+    content: "•";
+    color: var(--primary-color);
+    position: absolute;
+    left: 0;
+}
+
+@media (max-width: 768px) {
+    .service-details {
+        display: grid;
+        grid-template-columns: 1fr;
+        gap: 1.5rem;
+        padding: 0;
+    }
+
+    .service-item.full-width,
+    .service-item.half-width {
+        grid-column: 1 / -1;
+        padding: 1.5rem;
+        margin: 0;
+    }
+
+    .service-item {
+        padding: 1.5rem;
+        margin-bottom: 1rem;
+    }
+
+    .service-item h3 {
+        font-size: 1.4rem;
+        margin-bottom: 1rem;
+    }
+
+    .service-item ul {
+        padding-left: 1.2rem;
+    }
+
+    .service-item ul li {
+        font-size: 1rem;
+        line-height: 1.5;
+        margin-bottom: 0.8rem;
+    }
+
+    .service-block {
+        padding: 2rem 1rem;
+    }
+
+    .service-block h2 {
+        font-size: 1.8rem;
+        margin-bottom: 1.5rem;
+        text-align: center;
+    }
+
+    .teaching-info {
+        margin-top: 2rem;
+    }
+
+    .info-card {
+        padding: 1.5rem;
+    }
+
+    .info-card h4 {
+        font-size: 1.2rem;
+        margin-bottom: 1rem;
+    }
+
+    .info-card ul li {
+        font-size: 1rem;
+        line-height: 1.5;
+        margin-bottom: 0.8rem;
+    }
+
+    .collaboration-list {
+        padding: 1rem 0;
+    }
+
+    .collaboration-list h3 {
+        font-size: 1.4rem;
+        margin-bottom: 1rem;
+    }
+
+    .collaboration-list ul li {
+        font-size: 1rem;
+        line-height: 1.5;
+        margin-bottom: 1rem;
+    }
+
+    .service-description p {
+        font-size: 1rem;
+        line-height: 1.6;
+        margin-bottom: 1rem;
+    }
+}
+
+@media (max-width: 480px) {
+    .service-item h3 {
+        font-size: 1.3rem;
+    }
+
+    .service-block h2 {
+        font-size: 1.6rem;
+    }
+
+    .service-item {
+        padding: 1.2rem;
+    }
+
+    .info-card {
+        padding: 1.2rem;
+    }
+
+    .service-item ul,
+    .info-card ul {
+        padding-left: 1rem;
+    }
+}
+
+.service-item:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
+}
+
+.service-item p {
+    margin-bottom: 1rem;
+}
+
+.service-item ul {
+    list-style: none;
+    padding: 0;
+}
+
+.service-item ul li {
+    margin-bottom: 0.8rem;
+    padding-left: 1.5rem;
+    position: relative;
+}
+
+.service-item ul li:before {
+    content: "•";
+    color: var(--primary-color);
+    position: absolute;
+    left: 0;
+}
+
+.teaching-info {
+    margin-top: 3rem;
+}
+
+.info-card {
+    background: linear-gradient(135deg, rgba(251, 99, 57, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
+    padding: 2rem;
+    border-radius: 10px;
+}
+
+.info-card h4 {
+    color: var(--primary-color);
+    margin-bottom: 1rem;
+}
+
+.info-card ul {
+    list-style: none;
+    padding: 0;
+}
+
+.info-card ul li {
+    margin-bottom: 0.8rem;
+    padding-left: 1.5rem;
+    position: relative;
+}
+
+.info-card ul li:before {
+    content: "✓";
+    color: var(--primary-color);
+    position: absolute;
+    left: 0;
+}
+
+.service-description {
+    margin-bottom: 2rem;
+    line-height: 1.8;
+}
+
+.service-description p {
+    margin-bottom: 1rem;
+}
+
+.collaboration-list h3 {
+    color: var(--primary-color);
+    margin-bottom: 1rem;
+}
+
+.collaboration-list ul {
+    list-style: none;
+    padding: 0;
+}
+
+.collaboration-list ul li {
+    margin-bottom: 1rem;
+    padding-left: 1.5rem;
+    position: relative;
+    line-height: 1.6;
+}
+
+.collaboration-list ul li:before {
+    content: "→";
+    color: var(--primary-color);
+    position: absolute;
+    left: 0;
+}
+
+@media (max-width: 768px) {
+    .services-hero {
+        padding: 100px 1.5rem 40px;
+    }
+
+    .service-block {
+        padding: 1.5rem;
+    }
+
+    .service-details {
+        grid-template-columns: 1fr;
+    }
+
+    .service-item {
+        padding: 1.2rem;
+    }
+}
+
+/* Pricing Page Styles */
+.pricing-hero {
+    padding: 120px 0 60px;
+    background-color: var(--light-bg);
+}
+
+.pricing-content {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 0 20px;
+}
+
+.pricing-content h1 {
+    text-align: center;
+    margin-bottom: 60px;
+    color: var(--primary-color);
+    font-size: 2.5em;
+    letter-spacing: 4px;
+}
+
+.pricing-section {
+    margin-bottom: 60px;
+}
+
+.pricing-section h2 {
+    text-align: center;
+    color: var(--text-color);
+    margin-bottom: 40px;
+    font-size: 1.8em;
+}
+
+.pricing-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 30px;
+    max-width: 1000px;
+    margin: 0 auto;
+}
+
+.pricing-grid.two-columns {
+    grid-template-columns: repeat(2, 1fr);
+    max-width: 600px;
+}
+
+.pricing-card {
+    background: white;
+    padding: 30px;
+    border-radius: 15px;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+    text-align: center;
+    transition: transform 0.3s ease;
+}
+
+.pricing-card:hover {
+    transform: translateY(-5px);
+}
+
+.pricing-card h3 {
+    color: var(--primary-color);
+    font-size: 2em;
+    margin-bottom: 15px;
+}
+
+.pricing-card h4 {
+    color: var(--text-color);
+    font-size: 1.2em;
+    margin-bottom: 20px;
+    font-weight: 500;
+}
+
+.pricing-card ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.pricing-card li {
+    margin: 10px 0;
+    color: var(--text-color);
+    font-size: 1em;
+}
+
+/* References Section Styles */
+.references {
+    padding: 80px 0;
+    background-color: white;
+}
+
+.references-content {
+    max-width: 1000px;
+    margin: 0 auto;
+    padding: 0 20px;
+}
+
+.references h2 {
+    text-align: center;
+    color: var(--primary-color);
+    margin-bottom: 20px;
+    font-size: 2.5em;
+    letter-spacing: 4px;
+}
+
+.references h3 {
+    text-align: center;
+    color: var(--text-color);
+    margin-bottom: 50px;
+    font-size: 1.5em;
+    font-weight: 500;
+}
+
+.reference-card {
+    background: linear-gradient(135deg, rgba(251, 99, 57, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
+    padding: 40px;
+    border-radius: 15px;
+    margin-bottom: 40px;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
+    transition: var(--transition);
+}
+
+.reference-card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 8px 25px rgba(251, 99, 57, 0.15);
+}
+
+.reference-text p {
+    color: var(--text-color);
+    line-height: 1.8;
+    margin-bottom: 20px;
+    font-size: 1.1em;
+}
+
+.reference-author {
+    margin-top: 30px;
+    padding-top: 20px;
+    border-top: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.reference-author p {
+    color: var(--primary-color);
+    font-weight: 600;
+    margin: 5px 0;
+    font-size: 1.1em;
+}
+
+.reference-author p:last-child {
+    color: var(--text-color);
+    font-weight: normal;
+    font-size: 1em;
+}
+
+/* Mobile Responsive Styles */
+@media (max-width: 992px) {
+    .pricing-grid {
+        grid-template-columns: repeat(2, 1fr);
+        gap: 20px;
+    }
+}
+
+@media (max-width: 768px) {
+    .pricing-grid {
+        grid-template-columns: 1fr;
+    }
+
+    .pricing-grid.two-columns {
+        grid-template-columns: 1fr;
+    }
+
+    .pricing-content h1,
+    .references h2 {
+        font-size: 2em;
+    }
+
+    .pricing-section h2,
+    .references h3 {
+        font-size: 1.5em;
+    }
+
+    .reference-card {
+        padding: 30px 20px;
+    }
+}
+
+@media (max-width: 480px) {
+    .pricing-card {
+        padding: 20px;
+    }
+
+    .pricing-card h3 {
+        font-size: 1.8em;
+    }
+
+    .reference-text p {
+        font-size: 1em;
+    }
+}
+
+/* Experience Cards Section */
+.experience-cards {
+    max-width: 1200px;
+    margin: 4rem auto;
+    padding: 0 2rem;
+}
+
+.experience-cards h2 {
+    text-align: center;
+    margin-bottom: 3rem;
+    font-size: 2.5rem;
+    color: var(--text-color);
+}
+
+.experience-card {
+    position: relative;
+    background: white;
+    border-radius: 15px;
+    padding: 2rem;
+    margin-bottom: 2rem;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+    transition: var(--transition);
+    display: flex;
+    align-items: center;
+    gap: 2rem;
+}
+
+.experience-card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
+}
+
+.icon-wrapper {
+    flex-shrink: 0;
+    width: 50px;
+    height: 50px;
+    background: rgba(251, 99, 57, 0.1);
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-left: auto;
+    transition: var(--transition);
+}
+
+.icon-wrapper .emoji {
+    font-size: 24px;
+}
+
+.experience-card:hover .icon-wrapper {
+    background: var(--primary-color);
+    transform: scale(1.1);
+}
+
+.experience-card p {
+    margin: 0;
+    line-height: 1.8;
+    color: #666;
+    flex-grow: 1;
+}
+
+@media (max-width: 768px) {
+    .experience-cards {
+        margin: 2rem auto;
+        padding: 0 1rem;
+    }
+
+    .experience-cards h2 {
+        font-size: 1.8rem;
+        margin-bottom: 1.5rem;
+    }
+
+    .experience-card {
+        padding: 2rem 1.5rem;
+        gap: 1.5rem;
+        margin-bottom: 1.5rem;
+        flex-direction: column;
+        text-align: center;
+    }
+
+    .icon-wrapper {
+        margin: 0 auto 1.5rem auto;
+        width: 80px;
+        height: 80px;
+        background-color: rgba(251, 99, 57, 0.1);
+    }
+
+    .icon-wrapper .emoji {
+        font-size: 35px;
+    }
+
+    .experience-card p {
+        font-size: 0.95rem;
+        line-height: 1.6;
+    }
+}
+
+@media (max-width: 480px) {
+    .experience-cards {
+        margin: 1.5rem auto;
+        padding: 0 0.8rem;
+    }
+
+    .experience-cards h2 {
+        font-size: 1.6rem;
+        margin-bottom: 1.2rem;
+    }
+
+    .experience-card {
+        padding: 1.8rem 1.2rem;
+        margin-bottom: 1rem;
+    }
+
+    .icon-wrapper {
+        width: 70px;
+        height: 70px;
+        margin: 0 auto 1.2rem auto;
+    }
+
+    .icon-wrapper .emoji {
+        font-size: 32px;
+    }
+
+    .experience-card p {
+        font-size: 0.9rem;
+        line-height: 1.5;
+    }
+}
+
+.form-message {
+    padding: 1rem;
+    margin-bottom: 1rem;
+    border-radius: 8px;
+    text-align: center;
+    font-weight: 500;
+}
+
+.success-message {
+    background-color: #d4edda;
+    color: #155724;
+    border: 1px solid #c3e6cb;
+}
+
+.error-message {
+    background-color: #f8d7da;
+    color: #721c24;
+    border: 1px solid #f5c6cb;
+}
+
+.form-message.success-message,
+.form-message.error-message {
+    animation: fadeIn 0.3s ease-in-out;
+}
+
+@keyframes fadeIn {
+    from {
+        opacity: 0;
+        transform: translateY(-10px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+@media (max-width: 768px) {
+    .references {
+        padding: 40px 20px;
+    }
+    
+    .references-content {
+        max-width: 100%;
+    }
+    
+    .references h2 {
+        font-size: 2rem;
+        margin-bottom: 1.5rem;
+        text-align: center;
+    }
+    
+    .references h3 {
+        font-size: 1.5rem;
+        margin-bottom: 2rem;
+    }
+    
+    .reference-card {
+        padding: 25px;
+        margin-bottom: 40px;
+    }
+    
+    .reference-text p {
+        font-size: 0.95rem;
+        line-height: 1.6;
+        margin-bottom: 1rem;
+    }
+    
+    .reference-author {
+        margin-top: 1.5rem;
+    }
+    
+    .reference-author p {
+        font-size: 0.9rem;
+    }
+    
+    .reference-author p:last-child {
+        font-size: 0.85rem;
+    }
+}
+
+@media (max-width: 480px) {
+    .references {
+        padding: 30px 15px;
+    }
+    
+    .references-content {
+        max-width: 100%;
+    }
+    
+    .references h2 {
+        font-size: 1.8rem;
+        margin-bottom: 1.2rem;
+    }
+    
+    .references h3 {
+        font-size: 1.3rem;
+        margin-bottom: 1.8rem;
+    }
+    
+    .reference-card {
+        padding: 20px;
+        margin-bottom: 50px;
+    }
+    
+    .reference-text p {
+        font-size: 0.9rem;
+        line-height: 1.5;
+    }
+    
+    .reference-author {
+        margin-top: 1.2rem;
+    }
+    
+    .reference-author p {
+        font-size: 0.85rem;
+    }
+    
+    .reference-author p:last-child {
+        font-size: 0.8rem;
+    }
+}
+
+/* ---------------------------------- */
+/* -- NOVI STILI ZA STRAN -- */
+/* ---------------------------------- */
+
+/* Dropdown Menu Styles - VERTIKALNA RAZLIČICA */
+.nav-links .dropdown {
+    position: relative;
+    display: inline-block;
+    margin-left: 2rem;
+}
+
+.nav-links .dropdown .dropbtn {
+    font-weight: 500;
+    color: var(--text-color);
+    cursor: pointer;
+    background: none;
+    border: none;
+    font-family: 'Poppins', sans-serif;
+    font-size: 1rem;
+    padding: 0.5rem 0;
+}
+
+.nav-links .dropdown:hover .dropbtn,
+.nav-links .dropdown .dropbtn.active {
+    color: var(--primary-color);
+}
+
+.dropdown-content {
+    display: none;
+    position: absolute;
+    background-color: #ffffff;
+    min-width: 240px;
+    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
+    z-index: 1;
+    border-radius: 8px;
+    margin-top: 0;
+    padding: 8px 0;
+    list-style: none;
+}
+
+.dropdown-content a {
+    color: var(--text-color);
+    padding: 10px 20px;
+    text-decoration: none;
+    display: block;
+    text-align: left;
+    margin-left: 0;
+    font-size: 0.95rem;
+    clear: both;
+    white-space: nowrap;
+}
+
+.dropdown-content a:hover {
+    background-color: rgba(251, 99, 57, 0.1);
+    color: var(--primary-color);
+}
+
+.dropdown-submenu-content {
+    display: none;
+    position: static;
+    box-shadow: none;
+    background-color: #fdfdfd;
+    border-radius: 0;
+    padding-left: 1rem;
+}
+
+.dropdown-submenu > a:after {
+    content: '▾';
+    float: right;
+    font-size: 0.8em;
+    margin-left: 10px;
+}
+
+/* General Page Styles for New Sections */
+.page-hero {
+    padding: 120px 2rem 60px;
+    background: linear-gradient(135deg, rgba(251, 99, 57, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
+    text-align: center;
+}
+
+.page-hero h1 {
+    font-size: 2.8rem;
+    color: var(--text-color);
+}
+
+.content-section {
+    padding: 60px 2rem;
+}
+
+.container {
+    max-width: 900px;
+    margin: 0 auto;
+}
+
+/* Mediation Page Styles */
+.mediation-section {
+    margin-bottom: 2rem;
+    padding-bottom: 2rem;
+    border-bottom: 1px solid #eee;
+}
+
+.mediation-section:last-child {
+    border-bottom: none;
+    margin-bottom: 0;
+}
+
+.mediation-section h2 {
+    color: var(--primary-color);
+    margin-bottom: 0;
+    cursor: pointer;
+    transition: var(--transition);
+}
+
+.mediation-section h2:hover {
+    opacity: 0.8;
+}
+
+.mediation-content {
+    max-height: 0;
+    overflow: hidden;
+    transition: max-height 0.4s ease-out, margin-top 0.4s ease-out;
+}
+
+.mediation-section.active .mediation-content {
+    max-height: 1000px;
+    margin-top: 1.5rem;
+}
+
+.mediation-section p, .mediation-section li {
+    line-height: 1.8;
+}
+
+.mediation-section ul {
+    list-style: none;
+    padding-left: 0;
+}
+
+.mediation-section ul li {
+    padding-left: 1.5rem;
+    position: relative;
+    margin-bottom: 0.5rem;
+}
+
+.mediation-section ul li::before {
+    content: '□';
+    position: absolute;
+    left: 0;
+    color: var(--primary-color);
+}
+
+/* Accordion Styles */
+.accordion-toggle {
+    background: none;
+    border: none;
+    color: var(--primary-color);
+    font-weight: 600;
+    cursor: pointer;
+    font-size: 1.1rem;
+    padding: 10px 0;
+    margin-top: 1rem;
+    text-align: left;
+}
+
+.accordion-content {
+    max-height: 0;
+    overflow: hidden;
+    transition: max-height 0.4s ease-out;
+    border-left: 2px solid var(--primary-color);
+    padding-left: 1.5rem;
+    margin-top: 1rem;
+}
+
+/* Workshop Page Styles */
+.workshop-container {
+    max-width: 1100px;
+}
+
+.workshop-grid {
+    display: grid;
+    grid-template-columns: minmax(0, 1.7fr) minmax(280px, 1fr);
+    gap: 4rem;
+    align-items: start;
+}
+
+.workshop-text {
+    display: flex;
+    flex-direction: column;
+    gap: 2rem;
+}
+
+.workshop-image {
+    position: relative;
+    align-self: stretch;
+}
+
+.workshop-image img {
+    max-width: 100%;
+    height: auto;
+    border-radius: 16px;
+    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+}
+
+.workshop-text h2 {
+    color: var(--primary-color);
+    margin-bottom: 0.75rem;
+}
+
+.workshop-text p {
+    margin-bottom: 1rem;
+}
+
+.workshop-lead {
+    font-size: 1.1rem;
+    line-height: 1.9;
+    color: #3c3c3c;
+    margin-bottom: 0;
+}
+
+.workshop-section {
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+}
+
+.workshop-section h4 {
+    font-size: 1.1rem;
+    margin-bottom: 1rem;
+    letter-spacing: 0.02em;
+    text-transform: uppercase;
+    color: var(--primary-color);
+}
+
+.workshop-section ul {
+    padding-left: 1.2rem;
+    line-height: 1.8;
+}
+
+.workshop-meta {
+    display: grid;
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+    gap: 1rem;
+}
+
+.meta-card {
+    background: rgba(251, 99, 57, 0.08);
+    border-radius: 14px;
+    padding: 1.1rem 1.25rem;
+    box-shadow: 0 10px 25px rgba(251, 99, 57, 0.08);
+    display: flex;
+    flex-direction: column;
+    gap: 0.35rem;
+}
+
+.meta-label {
+    font-size: 0.8rem;
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    color: var(--primary-color);
+}
+
+.meta-value {
+    font-weight: 600;
+    color: #1d1d1d;
+}
+
+.price-grid {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 1rem;
+}
+
+.price-card {
+    border: 1px solid rgba(0,0,0,0.06);
+    border-radius: 16px;
+    padding: 1.2rem 1.4rem;
+    background: #ffffff;
+    box-shadow: 0 12px 24px rgba(31, 31, 31, 0.05);
+}
+
+.price-label {
+    font-size: 0.85rem;
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    color: #808080;
+}
+
+.price-value {
+    font-size: 1.6rem;
+    font-weight: 700;
+    color: var(--primary-color);
+    display: block;
+    margin: 0.4rem 0 0.2rem;
+}
+
+.price-card p {
+    margin: 0;
+    font-size: 0.9rem;
+    color: #4d4d4d;
+}
+
+.workshop-image-frame {
+    position: sticky;
+    top: calc(72px + 24px);
+    background: linear-gradient(135deg, rgba(251, 99, 57, 0.15) 0%, rgba(255, 255, 255, 0.9) 100%);
+    padding: 1.6rem;
+    border-radius: 22px;
+    box-shadow: 0 18px 40px rgba(251, 99, 57, 0.18);
+    max-width: 420px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.workshop-image-frame img {
+    display: block;
+    width: 100%;
+    height: auto;
+    border-radius: 16px;
+}
+
+.pdf-button {
+    display: inline-block;
+    padding: 0.8rem 1.8rem;
+    background: var(--primary-color);
+    color: white;
+    text-decoration: none;
+    border-radius: 30px;
+    font-weight: 500;
+    transition: var(--transition);
+    margin-top: 1.5rem;
+    border: 2px solid transparent;
+}
+
+.pdf-button:hover {
+    background: white;
+    color: var(--primary-color);
+    border: 2px solid var(--primary-color);
+    transform: translateY(-2px);
+    box-shadow: 0 4px 15px rgba(251, 99, 57, 0.2);
+}
+
+/* Responsive styles for new elements */
+@media (max-width: 992px) {
+    /* Adjust dropdown for better positioning on tablets */
+    .dropdown-submenu-content {
+       left: 0;
+       margin-left: 0;
+       right: auto;
+    }
+
+    .dropdown-submenu-content .dropdown-submenu-content {
+        left: 0;
+        right: auto;
+    }
+
+    .workshop-container {
+        max-width: 100%;
+    }
+
+    .workshop-grid {
+        grid-template-columns: 1fr;
+        gap: 2.5rem;
+    }
+
+    .workshop-image-frame {
+        position: static;
+        max-width: 480px;
+        margin: 0 auto;
+    }
+
+    .workshop-meta,
+    .price-grid {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+}
+
+@media (max-width: 768px) {
+    .workshop-meta,
+    .price-grid {
+        grid-template-columns: 1fr;
+    }
+
+    .meta-card,
+    .price-card {
+        padding: 1rem 1.1rem;
+    }
+
+    .workshop-lead {
+        font-size: 1rem;
+    }
+
+    .workshop-image-frame {
+        margin-top: 1.5rem;
+    }
+
+    /* Workshop page responsive */
+    .workshop-grid {
+        grid-template-columns: 1fr;
+    }
+    .workshop-image {
+        order: -1; /* Image on top on mobile */
+        margin-bottom: 2rem;
+    }
+}
+
+/* ---------------------------------- */
+/* -- Kdo Sem Page - Read More Button -- */
+/* ---------------------------------- */
+
+/* Stil za gumb "Moja zgodba" */
+.read-more-btn {
+    display: inline-block;
+    margin-top: 2rem; /* Naredi prostor med uvodnim besedilom in gumbom */
+    padding: 0.8rem 1.8rem;
+    background: var(--primary-color);
+    color: white;
+    text-decoration: none;
+    border-radius: 30px;
+    font-weight: 500;
+    border: 2px solid transparent;
+    cursor: pointer;
+    transition: var(--transition);
+    -webkit-appearance: none; /* Odstrani privzete stile gumbov na mobilnih napravah */
+    -moz-appearance: none;
+    appearance: none;
+}
+
+/* Efekt ob prehodu z miško */
+.read-more-btn:hover {
+    background: white;
+    color: var(--primary-color);
+    border: 2px solid var(--primary-color);
+    transform: translateY(-2px);
+    box-shadow: 0 4px 15px rgba(251, 99, 57, 0.2);
+}
+
+/* Vsebnik za razširjeno zgodbo */
+.more-story-content {
+    height: 0; /* Privzeto je vsebina popolnoma skrita */
+    overflow: hidden; /* Vsebina, ki presega višino 0, je odrezana */
+    transition: height 0.45s ease, margin-top 0.45s ease, padding 0.45s ease, box-shadow 0.45s ease, background 0.45s ease, border-color 0.45s ease; /* Animacija za gladek prehod */
+    line-height: 1.8; /* Izboljša berljivost daljšega besedila */
+    color: #444; /* Uskladi barvo besedila z ostalimi odstavki */
+    margin-top: 0;
+    padding: 0;
+    border-radius: 24px;
+    border: 1px solid transparent;
+    background: transparent;
+    box-shadow: none;
+    max-width: 68ch;
+    margin-left: auto;
+    margin-right: auto;
+    will-change: height;
+}
+
+.more-story-content p {
+    margin: 0;
+}
+
+.more-story-content p + p {
+    margin-top: 1.3rem;
+}
+
+/* Razred, ki ga doda JavaScript za prikaz vsebine */
+.more-story-content.visible {
+    margin-top: 2.5rem; /* Doda prostor med gumbom in prikazanim besedilom */
+    padding: 2.2rem 2.5rem 2.5rem;
+    background: #fff;
+    box-shadow: 0 22px 48px rgba(20, 20, 20, 0.08);
+    border-color: rgba(251, 99, 57, 0.12);
+}
+
+@media (max-width: 600px) {
+    .more-story-content.visible {
+        padding: 1.8rem 1.5rem 2rem;
+    }
+}
+
+/* ============================================= */
+/* === NOVI STILI ZA PRENOVLJENO NASLOVNICO === */
+/* ============================================= */
+
+/* 1. Glavna sekcija (Hero) */
+.hero-new {
+    padding: 72px 2rem 0;
+    background: #fdfcfa; /* Svetlo ozadje */
+    min-height: calc(100vh - 72px);
+    display: flex;
+    align-items: stretch;
+    overflow: hidden; /* Prepreči, da bi oblike šle izven sekcije */
+    position: relative;
+}
+
+.hero-new-content {
+    max-width: 1200px;
+    margin: 0 auto;
+    width: 100%;
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 2rem;
+    align-items: flex-start;
+    min-height: calc(100vh - 72px);
+    z-index: 2; /* Postavi vsebino nad dekorativne oblike */
+}
+
+.hero-new-text {
+    align-self: stretch;
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+    height: 100%;
+    padding-top: 48px;
+    padding-bottom: 48px;
+}
+
+.hero-new-text h1 {
+    font-size: 2.8rem;
+    font-weight: 700;
+    line-height: 1.3;
+    margin-bottom: 0;
+}
+
+.hero-new-subtitle {
+    font-size: 1.2rem;
+    color: #555;
+}
+
+.hero-info-box {
+    margin-top: auto;
+    padding: 1.5rem;
+    background: #ffffff;
+    border-left: 4px solid var(--primary-color);
+    border-radius: 12px;
+    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
+    max-width: 460px;
+    text-align: left;
+}
+
+.hero-info-box h3 {
+    font-size: 1.4rem;
+    margin-bottom: 1rem;
+}
+
+.hero-info-box p + p {
+    margin-top: 0.75rem;
+}
+
+.hero-info-box strong {
+    color: var(--primary-color);
+}
+
+/* KLJUČEN POPRAVEK ZA VELIKOST SLIKE */
+.hero-new-image {
+    display: flex;
+    justify-content: center;
+    align-items: flex-end;
+    align-self: stretch;
+}
+
+.hero-new-image img {
+    max-width: 100%;      /* Slika ne bo širša od svojega vsebnika */
+    width: auto;
+    height: 100%;         /* Raztegne sliko do višine hero sekcije */
+    max-height: none;
+    object-fit: contain;  /* Zagotovi, da je celotna slika vidna */
+    object-position: bottom;
+}
+
+/* 2. Sekcija s ponudbami */
+.features-section {
+    padding: 80px 2rem;
+    text-align: center;
+}
+.features-container {
+    max-width: 1200px;
+    margin: 0 auto;
+}
+.features-intro h2 {
+    max-width: 800px;
+    margin: 0 auto 3rem auto;
+    font-size: 1.8rem;
+}
+.features-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+    gap: 2rem;
+}
+.feature-card {
+    background: #fff;
+    padding: 2.5rem 2rem;
+    border-radius: 15px;
+    box-shadow: 0 10px 30px rgba(0,0,0,0.07);
+    transition: var(--transition);
+    display: flex;
+    flex-direction: column;
+    gap: 1.2rem;
+    height: 100%;
+}
+.feature-card:hover {
+    transform: translateY(-8px);
+    box-shadow: 0 15px 40px rgba(0,0,0,0.1);
+}
+.feature-card h3 {
+    color: var(--primary-color);
+    margin-bottom: 1rem;
+}
+.feature-card .cta-button {
+    margin-top: auto;
+    align-self: center;
+}
+
+
+/* 3. Sekcija o Amri */
+.about-amra-intro {
+    padding: 60px 2rem;
+    background: var(--light-bg);
+}
+.about-amra-wrapper {
+    max-width: 1100px;
+    margin: 0 auto;
+    display: grid;
+    grid-template-columns: 1fr 1.2fr;
+    gap: 3rem;
+    align-items: center;
+}
+.about-amra-image {
+    display: flex;
+    justify-content: center;
+}
+.about-amra-image img {
+    max-width: 100%;
+    height: auto;
+    border-radius: 20px;
+    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.12);
+}
+.about-amra-content {
+    font-size: 1.1rem;
+    line-height: 1.8;
+}
+.about-amra-content p + p {
+    margin-top: 1rem;
+}
+.cta-button-alt {
+    display: inline-block;
+    padding: 1rem 2rem;
+    background: transparent;
+    color: var(--primary-color);
+    text-decoration: none;
+    border-radius: 30px;
+    font-weight: 500;
+    transition: var(--transition);
+    margin-top: 2rem;
+    border: 2px solid var(--primary-color);
+}
+.cta-button-alt:hover {
+    background: var(--primary-color);
+    color: white;
+}
+
+
+/* 4. Zadnji poziv k akciji */
+.final-cta {
+    padding: 80px 2rem;
+    text-align: center;
+}
+.final-cta-content h2 {
+    font-size: 2.2rem;
+    margin-bottom: 1.5rem;
+}
+.final-cta-buttons {
+    display: flex;
+    justify-content: center;
+    gap: 1rem;
+    margin-bottom: 1.5rem;
+    flex-wrap: wrap;
+}
+.final-cta-content p {
+    color: #666;
+}
+
+
+/* Dekorativni elementi v ozadju */
+.bg-shape {
+    position: absolute;
+    border-radius: 50%;
+    z-index: 1;
+    opacity: 0.5;
+}
+.shape-1 {
+    width: 150px;
+    height: 150px;
+    background: rgba(251, 99, 57, 0.1);
+    top: 22%;
+    left: 5%;
+}
+.shape-2 {
+    width: 80px;
+    height: 80px;
+    background: rgba(251, 99, 57, 0.08);
+    bottom: 12%;
+    right: 45%;
+}
+.shape-3 {
+    width: 50px;
+    height: 50px;
+    border: 2px dotted var(--primary-color);
+    top: 32%;
+    right: 10%;
+}
+.shape-4 {
+    width: 120px;
+    height: 120px;
+    border: 2px solid rgba(251, 99, 57, 0.2);
+    bottom: 9%;
+    left: 40%;
+}
+
+/* Prilagoditve za mobilne naprave */
+@media (max-width: 992px) {
+    .hero-new-content {
+        grid-template-columns: 1fr;
+        text-align: center;
+        min-height: auto;
+        align-items: center;
+        padding-top: 0;
+    }
+    .hero-new-text {
+        display: block;
+        height: auto;
+        align-self: center;
+        padding-top: 0;
+        padding-bottom: 0;
+    }
+    .hero-info-box {
+        margin: 1.5rem auto 0;
+        text-align: left;
+    }
+    .hero-new-image {
+        order: -1; /* Premakne sliko na vrh */
+        margin-bottom: 2rem;
+        align-self: center;
+        align-items: center;
+    }
+    .hero-new-image img {
+        max-height: 400px; /* Manjša slika na tablicah */
+        height: auto;
+        width: 100%;
+    }
+    .about-amra-wrapper {
+        grid-template-columns: 1fr;
+        text-align: center;
+        gap: 2rem;
+    }
+    .about-amra-content {
+        text-align: center;
+    }
+}
+
+@media (max-width: 768px) {
+    .hero-new-text h1 {
+        font-size: 2.2rem;
+    }
+    .features-intro h2 {
+        font-size: 1.5rem;
+    }
+    .final-cta-buttons .cta-button {
+        width: 100%;
+    }
+}
diff --git a/delavnice/index.html b/delavnice/index.html
new file mode 100644
index 0000000..ac2de53
--- /dev/null
+++ b/delavnice/index.html
@@ -0,0 +1,213 @@
+<!DOCTYPE html>
+<html lang="sl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Delavnice - Prosberry</title>
+    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
+    <link rel="stylesheet" href="/css/style.css">
+    <link rel="stylesheet" href="/css/animations.css">
+</head>
+<body>
+    <header class="main-header">
+        <nav class="nav-container">
+            <div class="logo">
+                <a href="/">
+                    <picture>
+                        <source srcset="/assets/images/logo.png" type="image/webp">
+                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
+                    </picture>
+                </a>
+            </div>
+            <div class="nav-links">
+                <a href="/">Naslovnica</a>
+                <!-- Zavihek "Ponudba" je zdaj dropdown meni -->
+                <div class="dropdown">
+                    <button class="dropbtn">Ponudba</button>
+                    <div class="dropdown-content">
+                        <a href="/ponudba/">Splošne ponudbe</a>
+                        <!-- Celoten meni "Skupaj za vključevanje" je premaknjen sem -->
+                        <div class="dropdown-submenu">
+                            <a href="#">Skupaj za vključevanje</a>
+                            <div class="dropdown-submenu-content">
+                                <div class="dropdown-submenu">
+                                    <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Delavnice</a>
+                                    <div class="dropdown-submenu-content">
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Šola</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
+                                            </div>
+                                        </div>
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Vrtec</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
+                                            </div>
+                                        </div>
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Zaposleni</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- Konec menija "Ponudba" -->
+                <div class="dropdown">
+                    <button class="dropbtn">Skupaj za vključevanje</button>
+                    <div class="dropdown-content">
+                        <div class="dropdown-submenu">
+                            <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
+                            <div class="dropdown-submenu-content">
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
+                            </div>
+                        </div>
+                        <div class="dropdown-submenu">
+                            <a href="#">Delavnice</a>
+                            <div class="dropdown-submenu-content">
+                                <div class="dropdown-submenu">
+                                    <a href="#">Šola</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Vrtec</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Zaposleni</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <a href="/kdo-sem">Kdo sem</a>
+                <a href="/kontakt" class="active">Kontakt</a>
+                <a href="/pogosta-vprasanja">Pogosta vprašanja</a>
+                <a href="/cene-in-reference">Cene in reference</a>
+            </div>
+            <div class="mobile-menu-btn">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+        </nav>
+    </header>
+
+    <main>
+        <section class="workshop-directory-hero">
+            <div class="workshop-directory-hero-content" data-aos="fade-up">
+                <span class="workshop-directory-kicker">Pregled delavnic</span>
+                <h1>Skupaj gradimo podporno okolje</h1>
+                <p>Izberi delavnico, ki najbolje odgovarja potrebam tvoje šole ali vrtca, in spoznaj, kako lahko s strokovno pripravljeno vsebino okrepiš vključevanje priseljencev, sodelovanje s starši ter strokovno rast ekipe.</p>
+            </div>
+            <div class="workshop-directory-shape shape-a"></div>
+            <div class="workshop-directory-shape shape-b"></div>
+            <div class="workshop-directory-shape shape-c"></div>
+        </section>
+
+        <section class="workshop-directory-section">
+            <div class="workshop-directory-container">
+                <div class="workshop-directory-heading" data-aos="fade-up">
+                    <h2>Za šole</h2>
+                </div>
+                <div class="workshop-card-grid">
+                    <a class="workshop-card" href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/" data-aos="fade-up">
+                        <div class="workshop-card-image">
+                            <img src="/assets/images/vkljucevanje/delavnica-ucenci.png" alt="Delavnica Zakaj se splača znati slovensko?">
+                        </div>
+                        <div class="workshop-card-title">
+                            Zakaj se splača znati slovensko?
+                        </div>
+                    </a>
+                    <a class="workshop-card" href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/" data-aos="fade-up" data-aos-delay="100">
+                        <div class="workshop-card-image">
+                            <img src="/assets/images/vkljucevanje/delavnica-starsi-sola.png" alt="Delavnica Šola in starši priseljenci">
+                        </div>
+                        <div class="workshop-card-title">
+                            Šola in starši priseljenci
+                        </div>
+                    </a>
+                </div>
+            </div>
+        </section>
+
+        <section class="workshop-directory-section">
+            <div class="workshop-directory-container">
+                <div class="workshop-directory-heading" data-aos="fade-up">
+                    <h2>Za vrtce</h2>
+                </div>
+                <div class="workshop-card-grid">
+                    <a class="workshop-card" href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/" data-aos="fade-up">
+                        <div class="workshop-card-image">
+                            <img src="/assets/images/vkljucevanje/delavnica-starsi-vrtec.png" alt="Delavnica Skupaj gradimo nove začetke">
+                        </div>
+                        <div class="workshop-card-title">
+                            Skupaj gradimo nove začetke
+                        </div>
+                    </a>
+                </div>
+            </div>
+        </section>
+
+        <section class="workshop-directory-section">
+            <div class="workshop-directory-container">
+                <div class="workshop-directory-heading" data-aos="fade-up">
+                    <h2>Za zaposlene</h2>
+                </div>
+                <div class="workshop-card-grid">
+                    <a class="workshop-card" href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/" data-aos="fade-up">
+                        <div class="workshop-card-image">
+                            <img src="/assets/images/vkljucevanje/delavnica-ucitelji.png" alt="Delavnica Od tujca do sošolca">
+                        </div>
+                        <div class="workshop-card-title">
+                            Od tujca do sošolca
+                        </div>
+                    </a>
+                </div>
+            </div>
+        </section>
+    </main>
+
+    <footer>
+        <div class="footer-content">
+            <div class="footer-logo">
+                <h3>PROSBERRY</h3>
+            </div>
+            <div class="footer-contact">
+                <p>Email: <a href="mailto:info@prosberry.si">info@prosberry.si</a></p>
+                <p>Tel: <a href="tel:+38630312855">+386 30 312 855</a></p>
+            </div>
+        </div>
+    </footer>
+
+    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
+    <script src="/js/main.js"></script>
+    <script src="/js/animations.js"></script>
+</body>
+</html>
diff --git a/error_log b/error_log
new file mode 100644
index 0000000..02beaba
--- /dev/null
+++ b/error_log
@@ -0,0 +1,9 @@
+[03-Mar-2025 04:27:40 Europe/Ljubljana] PHP Deprecated:  Directive 'allow_url_include' is deprecated in Unknown on line 0
+[05-Mar-2025 04:58:49 Europe/Ljubljana] PHP Deprecated:  Directive 'allow_url_include' is deprecated in Unknown on line 0
+[06-Mar-2025 04:16:29 Europe/Ljubljana] PHP Deprecated:  Directive 'allow_url_include' is deprecated in Unknown on line 0
+[07-Mar-2025 04:47:02 Europe/Ljubljana] PHP Deprecated:  Directive 'allow_url_include' is deprecated in Unknown on line 0
+[08-Mar-2025 06:15:10 Europe/Ljubljana] PHP Deprecated:  Directive 'allow_url_include' is deprecated in Unknown on line 0
+[09-Mar-2025 05:57:05 Europe/Ljubljana] PHP Deprecated:  Directive 'allow_url_include' is deprecated in Unknown on line 0
+[10-Mar-2025 04:22:33 Europe/Ljubljana] PHP Deprecated:  Directive 'allow_url_include' is deprecated in Unknown on line 0
+[11-Mar-2025 04:18:52 Europe/Ljubljana] PHP Deprecated:  Directive 'allow_url_include' is deprecated in Unknown on line 0
+[12-Mar-2025 04:49:32 Europe/Ljubljana] PHP Deprecated:  Directive 'allow_url_include' is deprecated in Unknown on line 0
diff --git a/export_code.sh b/export_code.sh
new file mode 100755
index 0000000..1a37df6
--- /dev/null
+++ b/export_code.sh
@@ -0,0 +1,64 @@
+#!/bin/bash
+
+# Nastavitev imena izhodne datoteke
+OUTPUT_FILE="code_export.txt"
+
+# Odstrani izhodno datoteko, če že obstaja, da začnemo s čisto datoteko
+if [ -f "$OUTPUT_FILE" ]; then
+    rm "$OUTPUT_FILE"
+fi
+
+# Poišči vse datoteke, razen skritih datotek in določenih map (npr. node_modules).
+# Dodane so izjeme za slike, videoposnetke, PDF-je, arhive in druge binarne datoteke
+# neposredno v ukaz 'find' za boljšo zmogljivost.
+find . -type f \
+    -not -path "*/\.*" \
+    -not -path "*node_modules*" \
+    -not -path "*vendor*" \
+    -not -path "*dist*" \
+    -not -path "*build*" \
+    -not -path "*/images/*" \
+    -not -iname "*.jpg" -not -iname "*.jpeg" \
+    -not -iname "*.png" -not -iname "*.gif" \
+    -not -iname "*.bmp" -not -iname "*.tiff" \
+    -not -iname "*.svg" -not -iname "*.ico" \
+    -not -iname "*.webp" \
+    -not -iname "*.mp4" -not -iname "*.mov" \
+    -not -iname "*.avi" -not -iname "*.mkv" \
+    -not -iname "*.webm" \
+    -not -iname "*.mp3" -not -iname "*.wav" \
+    -not -iname "*.ogg" -not -iname "*.flac" \
+    -not -iname "*.pdf" \
+    -not -iname "*.zip" \
+    -not -iname "*.tar" \
+    -not -iname "*.gz" \
+    -not -iname "*.bz2" \
+    -not -iname "*.rar" \
+    -not -iname "*.7z" \
+    -not -iname "*.doc" -not -iname "*.docx" \
+    -not -iname "*.xls" -not -iname "*.xlsx" \
+    -not -iname "*.ppt" -not -iname "*.pptx" \
+    -not -iname "*.eot" -not -iname "*.ttf" \
+    -not -iname "*.woff" -not -iname "*.woff2" \
+    | sort | while read -r file; do
+    
+    # Preskoči samo izhodno datoteko in to skripto
+    if [[ "$file" == "./$OUTPUT_FILE" || "$file" == "./export_code.sh" ]]; then
+        continue
+    fi
+    
+    # Dodatna varnostna preverba: preskoči slikovne datoteke po MIME tipu
+    if file --mime-type -b "$file" | grep -qiE '^(image)/'; then
+        continue
+    fi
+    
+    # Dodaj ime datoteke in njeno vsebino v izhodno datoteko
+    echo "\"$file\" : " >> "$OUTPUT_FILE"
+    echo "\"\"\""  >> "$OUTPUT_FILE"
+    cat "$file" >> "$OUTPUT_FILE"
+    echo "\"\"\""  >> "$OUTPUT_FILE"
+    echo "" >> "$OUTPUT_FILE"
+    echo "" >> "$OUTPUT_FILE"
+done
+
+echo "Izvoz kode končan. Vsebina je shranjena v datoteko $OUTPUT_FILE"
diff --git a/header-template.html b/header-template.html
new file mode 100644
index 0000000..9f001b7
--- /dev/null
+++ b/header-template.html
@@ -0,0 +1,109 @@
+    <header class="main-header">
+        <nav class="nav-container">
+            <div class="logo">
+                <a href="/">
+                    <picture>
+                        <source srcset="/assets/images/logo.png" type="image/webp">
+                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
+                    </picture>
+                </a>
+            </div>
+            <div class="nav-links">
+                <a href="/">Naslovnica</a>
+                <!-- Zavihek "Ponudba" je zdaj dropdown meni -->
+                <div class="dropdown">
+                    <button class="dropbtn">Ponudba</button>
+                    <div class="dropdown-content">
+                        <a href="/ponudba/">Splošne ponudbe</a>
+                        <!-- Celoten meni "Skupaj za vključevanje" je premaknjen sem -->
+                        <div class="dropdown-submenu">
+                            <a href="#">Skupaj za vključevanje</a>
+                            <div class="dropdown-submenu-content">
+                                <div class="dropdown-submenu">
+                                    <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Delavnice</a>
+                                    <div class="dropdown-submenu-content">
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Šola</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
+                                            </div>
+                                        </div>
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Vrtec</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
+                                            </div>
+                                        </div>
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Zaposleni</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- Konec menija "Ponudba" -->
+                <div class="dropdown">
+                    <button class="dropbtn">Skupaj za vključevanje</button>
+                    <div class="dropdown-content">
+                        <div class="dropdown-submenu">
+                            <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
+                            <div class="dropdown-submenu-content">
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
+                            </div>
+                        </div>
+                        <div class="dropdown-submenu">
+                            <a href="#">Delavnice</a>
+                            <div class="dropdown-submenu-content">
+                                <div class="dropdown-submenu">
+                                    <a href="#">Šola</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Vrtec</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Zaposleni</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <a href="/kdo-sem">Kdo sem</a>
+                <a href="/kontakt" class="active">Kontakt</a>
+                <a href="/pogosta-vprasanja">Pogosta vprašanja</a>
+                <a href="/cene-in-reference">Cene in reference</a>
+            </div>
+            <div class="mobile-menu-btn">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+        </nav>
+    </header>
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..44326c2
--- /dev/null
+++ b/index.html
@@ -0,0 +1,221 @@
+<!DOCTYPE html>
+<html lang="sl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Kontakt - Prosberry</title>
+    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
+    <link rel="stylesheet" href="/css/style.css">
+    <link rel="stylesheet" href="/css/animations.css">
+</head>
+<body>
+    <header class="main-header">
+        <nav class="nav-container">
+            <div class="logo">
+                <a href="/">
+                    <picture>
+                        <source srcset="/assets/images/logo.png" type="image/webp">
+                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
+                    </picture>
+                </a>
+            </div>
+            <div class="nav-links">
+                <a href="/">Naslovnica</a>
+                <!-- Zavihek "Ponudba" je zdaj dropdown meni -->
+                <div class="dropdown">
+                    <button class="dropbtn">Ponudba</button>
+                    <div class="dropdown-content">
+                        <a href="/ponudba/">Splošne ponudbe</a>
+                        <!-- Celoten meni "Skupaj za vključevanje" je premaknjen sem -->
+                        <div class="dropdown-submenu">
+                            <a href="#">Skupaj za vključevanje</a>
+                            <div class="dropdown-submenu-content">
+                                <div class="dropdown-submenu">
+                                    <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Delavnice</a>
+                                    <div class="dropdown-submenu-content">
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Šola</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
+                                            </div>
+                                        </div>
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Vrtec</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
+                                            </div>
+                                        </div>
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Zaposleni</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- Konec menija "Ponudba" -->
+                <div class="dropdown">
+                    <button class="dropbtn">Skupaj za vključevanje</button>
+                    <div class="dropdown-content">
+                        <div class="dropdown-submenu">
+                            <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
+                            <div class="dropdown-submenu-content">
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
+                            </div>
+                        </div>
+                        <div class="dropdown-submenu">
+                            <a href="#">Delavnice</a>
+                            <div class="dropdown-submenu-content">
+                                <div class="dropdown-submenu">
+                                    <a href="#">Šola</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Vrtec</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Zaposleni</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <a href="/kdo-sem">Kdo sem</a>
+                <a href="/kontakt" class="active">Kontakt</a>
+                <a href="/pogosta-vprasanja">Pogosta vprašanja</a>
+                <a href="/cene-in-reference">Cene in reference</a>
+            </div>
+            <div class="mobile-menu-btn">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+        </nav>
+    </header>
+
+<main>
+    <!-- ===== ZAČETEK NOVE VSEBINE ===== -->
+
+    <!-- 1. Sekcija: Glavni pozdrav (Hero) -->
+    <section class="hero-new">
+        <div class="hero-new-content">
+            <div class="hero-new-text" data-aos="fade-up">
+                <h1>Dobrodošli v našem medkulturnem kotičku…</h1>
+                <p class="hero-new-subtitle">Uči se angleščine, razvozlaj medkulturne vozle in uživaj v vsakem koraku!</p>
+                <div class="hero-info-box">
+                    <h3>Zakaj PROSBERRY?</h3>
+                    <p><strong>PROS</strong> simbolizira znanje, izkušnje in strokovnost, ki podpirajo rast in razvoj.</p>
+                    <p><strong>BERRY</strong> predstavlja raznolikost in živost, ki bogati učenje, povezovanje in medkulturne izkušnje.</p>
+                    <p>Tudi v jeziku in med ljudmi rastemo vsak po svoje – z različnimi potrebami, ozadji in cilji.</p>
+                    <p>Moj cilj je ustvariti prostor, kjer se lahko učimo, povezujemo in sodelujemo naravno, enostavno in z veseljem.</p>
+                </div>
+            </div>
+            <div class="hero-new-image" data-aos="fade-left">
+                <img src="assets/images/amra.png" alt="Amra Kurešepi Zulji">
+            </div>
+        </div>
+        <!-- Dekorativni elementi v ozadju -->
+        <div class="bg-shape shape-1"></div>
+        <div class="bg-shape shape-2"></div>
+        <div class="bg-shape shape-3"></div>
+        <div class="bg-shape shape-4"></div>
+    </section>
+
+    <!-- 2. Sekcija: Ključne ponudbe -->
+    <section class="features-section">
+        <div class="features-container">
+            <div class="features-intro" data-aos="fade-up">
+                <h2>PROSBERRY – mesto, kjer učenje, povezovanje in podpora postanejo enostavni!</h2>
+            </div>
+            <div class="features-grid">
+                <div class="feature-card" data-aos="fade-up" data-aos-delay="100">
+                    <h3>Uči se po svojem tempu</h3>
+                    <p>Z izurjeno profesorico, ki se je tudi sama kdaj lovila pri učenju in uporabi tujih jezikov, odkrij načine, kako se jezika naučiti prilagojeno svojim potrebam in ritmu.</p>
+                    <a href="/ponudba/" class="cta-button">PONUDBE</a>
+                </div>
+                <div class="feature-card" data-aos="fade-up" data-aos-delay="200">
+                    <h3>Razišči delavnice</h3>
+                    <p>Za priseljene otroke in starše, ki krepijo vezi s šolo ali vrtcem, ter za zaposlene v vrtcih in šolah, ki krepijo vezi z otroki in starši.</p>
+                    <a href="/delavnice/" class="cta-button">DELAVNICE</a>
+                </div>
+                <div class="feature-card" data-aos="fade-up" data-aos-delay="300">
+                    <h3>Prejmi podporo, ko jo najbolj potrebuješ</h3>
+                    <p>Medkulturno posredovanje, ki vsakodnevne izzive naredi lažje za vse.</p>
+                    <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/" class="cta-button">MK POSREDOVANJE</a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- 3. Sekcija: Osebna predstavitev -->
+    <section class="about-amra-intro">
+        <div class="about-amra-wrapper" data-aos="fade-up">
+            <div class="about-amra-image">
+                <img src="assets/images/amra2.png" alt="Amra Kurešepi Zulji" loading="lazy">
+            </div>
+            <div class="about-amra-content">
+                <p>Sem tu za vas, Amra - mama, žena, raziskovalka jezikov in kultur ter vaša zvesta sopotnica na razburljivi poti učenja in odkrivanja novih svetov.</p>
+                <p>Kot profesorica angleščine in medkulturna posrednica vam pomagam usvajati angleščino (in druge jezike), odpirati vrata razumevanju ter ustvarjati priložnosti, da se v vsakem okolju počutite domače in samozavestno. Skupaj bomo rasli, se smejali in sijali v svetu novih možnosti!</p>
+                <a href="/kdo-sem/" class="cta-button-alt">MOJA ZGODBA</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- 4. Sekcija: Poziv k akciji (CTA) -->
+    <section class="final-cta">
+        <div class="final-cta-content" data-aos="fade-up">
+            <h2>Želiš izvedeti več?</h2>
+            <div class="final-cta-buttons">
+                <a href="tel:+38630312855" class="cta-button contact-link">+386 30 312 855</a>
+                <a href="mailto:info@prosberry.si" class="cta-button contact-link">info@prosberry.si</a>
+            </div>
+            <p>Skupaj definirajva tvoje potrebe in možnosti sodelovanja.</p>
+        </div>
+    </section>
+
+    <!-- ===== KONEC NOVE VSEBINE ===== -->
+</main>
+
+<footer>
+    <div class="footer-content">
+        <div class="footer-logo">
+            <h3>PROSBERRY</h3>
+        </div>
+        <div class="footer-contact">
+            <p>Email: <a href="mailto:info@prosberry.si">info@prosberry.si</a></p>
+            <p>Tel: <a href="tel:+38630312855">+386 30 312 855</a></p>
+        </div>
+    </div>
+</footer>
+
+<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
+<script src="js/main.js"></script>
+<script src="js/animations.js"></script>
+</body>
+</html>
diff --git a/js/main.js b/js/main.js
new file mode 100644
index 0000000..9217fb8
--- /dev/null
+++ b/js/main.js
@@ -0,0 +1,478 @@
+document.addEventListener('DOMContentLoaded', function() {
+
+    // --- Mobile Menu Toggle ---
+    const mobileMenuBtn = document.querySelector('.mobile-menu-btn');
+    const navLinks = document.querySelector('.nav-links');
+    let closeMobileMenu = () => {};
+    let resetMobileSubmenus = () => {};
+
+    if (mobileMenuBtn && navLinks) {
+        resetMobileSubmenus = () => {
+            navLinks.querySelectorAll('.dropdown-content, .dropdown-submenu-content').forEach(submenu => {
+                submenu.style.display = 'none';
+            });
+            navLinks.querySelectorAll('.dropbtn, .dropdown-submenu > a').forEach(link => {
+                link.classList.remove('active');
+            });
+        };
+
+        closeMobileMenu = () => {
+            mobileMenuBtn.classList.remove('active');
+            navLinks.classList.remove('active');
+            document.body.classList.remove('no-scroll');
+            resetMobileSubmenus();
+        };
+
+        mobileMenuBtn.addEventListener('click', (event) => {
+            event.stopPropagation(); // Prepreči, da bi se dogodek takoj prenesel na 'document'
+            const willOpen = !navLinks.classList.contains('active');
+            if (willOpen) {
+                mobileMenuBtn.classList.add('active');
+                navLinks.classList.add('active');
+                document.body.classList.add('no-scroll');
+                resetMobileSubmenus();
+            } else {
+                closeMobileMenu();
+            }
+        });
+    }
+
+    // --- Mobile Dropdown Logic ---
+    // Logika za odpiranje podmenijev na klik na mobilnih napravah
+    const dropdowns = document.querySelectorAll('.nav-links .dropdown-submenu > a, .nav-links .dropdown > .dropbtn');
+
+    dropdowns.forEach(item => {
+        item.addEventListener('click', function(event) {
+            // Preveri, ali smo na mobilni napravi (ujema se z CSS @media query)
+            if (window.innerWidth <= 768) {
+                // Prepreči navigacijo, če je to link, saj želimo samo odpreti podmeni
+                if (item.tagName === 'A') {
+                    event.preventDefault();
+                }
+                event.stopPropagation();
+
+                const submenu = item.nextElementSibling;
+                if (!submenu) {
+                    return;
+                }
+
+                const isTopLevelTrigger = item.classList.contains('dropbtn');
+
+                if (isTopLevelTrigger) {
+                    navLinks.querySelectorAll('.dropdown-content').forEach(panel => {
+                        if (panel !== submenu) {
+                            panel.style.display = 'none';
+                            const trigger = panel.parentElement.querySelector('.dropbtn');
+                            if (trigger) {
+                                trigger.classList.remove('active');
+                            }
+                            panel.querySelectorAll('.dropdown-submenu-content').forEach(child => {
+                                child.style.display = 'none';
+                                const childTrigger = child.parentElement.querySelector(':scope > a');
+                                if (childTrigger) {
+                                    childTrigger.classList.remove('active');
+                                }
+                            });
+                        }
+                    });
+                } else {
+                    const siblingsWrapper = item.parentElement && item.parentElement.parentElement;
+                    if (siblingsWrapper) {
+                        siblingsWrapper.querySelectorAll(':scope > .dropdown-submenu > .dropdown-submenu-content').forEach(panel => {
+                            if (panel !== submenu) {
+                                panel.style.display = 'none';
+                                const trigger = panel.parentElement.querySelector(':scope > a');
+                                if (trigger) {
+                                    trigger.classList.remove('active');
+                                }
+                                panel.querySelectorAll('.dropdown-submenu-content').forEach(child => {
+                                    child.style.display = 'none';
+                                    const childTrigger = child.parentElement.querySelector(':scope > a');
+                                    if (childTrigger) {
+                                        childTrigger.classList.remove('active');
+                                    }
+                                });
+                            }
+                        });
+                    }
+                }
+
+                const shouldOpen = submenu.style.display !== 'block';
+
+                if (shouldOpen) {
+                    submenu.style.display = 'block';
+                    item.classList.add('active');
+                    submenu.querySelectorAll('.dropdown-submenu-content').forEach(child => {
+                        child.style.display = 'none';
+                        const childTrigger = child.parentElement.querySelector(':scope > a');
+                        if (childTrigger) {
+                            childTrigger.classList.remove('active');
+                        }
+                    });
+                } else {
+                    submenu.style.display = 'none';
+                    item.classList.remove('active');
+                    submenu.querySelectorAll('.dropdown-submenu-content').forEach(child => {
+                        child.style.display = 'none';
+                        const childTrigger = child.parentElement.querySelector(':scope > a');
+                        if (childTrigger) {
+                            childTrigger.classList.remove('active');
+                        }
+                    });
+                }
+            }
+        });
+    });
+
+    // --- Close mobile menu when clicking outside ---
+    document.addEventListener('click', function(event) {
+        if (window.innerWidth <= 768 && navLinks && navLinks.classList.contains('active')) {
+            // Preveri, ali klik ni bil znotraj navigacije ali na gumb za meni
+            const isClickInsideNav = navLinks.contains(event.target);
+            const isClickOnBtn = mobileMenuBtn && mobileMenuBtn.contains(event.target);
+
+            if (!isClickInsideNav && !isClickOnBtn) {
+                closeMobileMenu();
+            }
+        }
+    });
+
+    // --- Close mobile menu when a link is clicked ---
+    const navLinkItems = document.querySelectorAll('.nav-links a');
+    navLinkItems.forEach(link => {
+        link.addEventListener('click', (event) => {
+            // Preprečimo zapiranje, če ima link podmeni in smo na mobilni napravi
+            const hasSubmenu = link.parentElement.classList.contains('dropdown-submenu') || link.classList.contains('dropbtn');
+            if (window.innerWidth <= 768) {
+                if (hasSubmenu) {
+                    // To je že obdelano v zgornji logiki, tukaj samo preprečimo, da bi se meni takoj zaprl
+                    return;
+                }
+                closeMobileMenu();
+            }
+        });
+    });
+
+    // --- Accordion Logic for "Več" buttons ---
+    const accordions = document.querySelectorAll('.accordion-toggle');
+    accordions.forEach(accordion => {
+        accordion.addEventListener('click', function() {
+            this.classList.toggle('active');
+            const content = this.nextElementSibling;
+
+            if (content.style.maxHeight) {
+                // Če je odprto, zapri
+                content.style.maxHeight = null;
+                this.textContent = 'Več';
+            } else {
+                // Če je zaprto, odpri
+                content.style.maxHeight = content.scrollHeight + "px";
+                this.textContent = 'Manj';
+            }
+        });
+        accordion.textContent = 'Več';
+    });
+
+    // --- Header Scroll Effect ---
+    const header = document.querySelector('.main-header');
+    if (header) {
+        let lastScroll = 0;
+        window.addEventListener('scroll', () => {
+            const currentScroll = window.pageYOffset;
+
+            if (currentScroll <= 0) {
+                header.classList.remove('scroll-up');
+                return;
+            }
+
+            if (currentScroll > lastScroll && !header.classList.contains('scroll-down')) {
+                // Scroll Down
+                header.classList.remove('scroll-up');
+                header.classList.add('scroll-down');
+            } else if (currentScroll < lastScroll && header.classList.contains('scroll-down')) {
+                // Scroll Up
+                header.classList.remove('scroll-down');
+                header.classList.add('scroll-up');
+            }
+            lastScroll = currentScroll;
+        });
+    }
+
+    // --- Accordion Logic for Mediation Page ---
+    const mediationSections = document.querySelectorAll('.mediation-section');
+    if (mediationSections.length) {
+        const mediationTitles = document.querySelectorAll('.mediation-section h2');
+
+        const closeAllSections = () => {
+            mediationSections.forEach(section => {
+                section.classList.remove('active');
+            });
+        };
+
+        mediationTitles.forEach(title => {
+            title.addEventListener('click', () => {
+                const parentSection = title.parentElement;
+                const isAlreadyActive = parentSection.classList.contains('active');
+
+                closeAllSections();
+
+                if (!isAlreadyActive) {
+                    parentSection.classList.add('active');
+                }
+            });
+        });
+
+        const openSectionFromHash = () => {
+            const hash = window.location.hash;
+            if (hash) {
+                const targetSection = document.querySelector(hash);
+                if (targetSection && targetSection.classList.contains('mediation-section')) {
+                    closeAllSections();
+                    targetSection.classList.add('active');
+                }
+            }
+        };
+
+        window.addEventListener('hashchange', openSectionFromHash);
+        openSectionFromHash();
+
+        if (!document.querySelector('.mediation-section.active') && mediationSections[0]) {
+            mediationSections[0].classList.add('active');
+        }
+    }
+
+    // --- POPRAVLJENA in ZANESLJIVA logika za meni ---
+    const dropdownContainers = document.querySelectorAll('.nav-links .dropdown');
+    if (dropdownContainers.length) {
+        const closeAllDropdowns = () => {
+            dropdownContainers.forEach(container => {
+                const dropdownContent = container.querySelector('.dropdown-content');
+                if (!dropdownContent) {
+                    return;
+                }
+                container.classList.remove('is-open');
+                dropdownContent.style.display = 'none';
+                dropdownContent.querySelectorAll('.dropdown-submenu-content').forEach(submenu => {
+                    submenu.style.display = 'none';
+                });
+            });
+        };
+
+        dropdownContainers.forEach(container => {
+            const dropBtn = container.querySelector('.dropbtn');
+            const dropdownContent = container.querySelector('.dropdown-content');
+            if (!dropBtn || !dropdownContent) {
+                return;
+            }
+
+            const closeDropdown = () => {
+                container.classList.remove('is-open');
+                dropdownContent.style.display = 'none';
+                dropdownContent.querySelectorAll('.dropdown-submenu-content').forEach(submenu => {
+                    submenu.style.display = 'none';
+                });
+            };
+
+            const openDropdown = () => {
+                container.classList.add('is-open');
+                dropdownContent.style.display = 'block';
+            };
+
+            dropBtn.addEventListener('click', (event) => {
+                if (window.innerWidth <= 768) {
+                    return; // mobilna logika že upravlja
+                }
+                event.preventDefault();
+                const isOpen = container.classList.contains('is-open');
+                closeAllDropdowns();
+                if (!isOpen) {
+                    openDropdown();
+                }
+            });
+
+            const submenuLinks = container.querySelectorAll('.dropdown-submenu > a');
+            submenuLinks.forEach(link => {
+                const submenu = link.nextElementSibling;
+                if (!submenu) {
+                    return;
+                }
+
+                link.addEventListener('click', (event) => {
+                    if (window.innerWidth <= 768) {
+                        return; // mobilna logika že upravlja
+                    }
+
+                    const parentList = link.parentElement.parentElement;
+                    parentList.querySelectorAll(':scope > .dropdown-submenu > .dropdown-submenu-content').forEach(sm => {
+                        if (sm !== submenu) {
+                            sm.style.display = 'none';
+                        }
+                    });
+
+                    const isOpen = submenu.style.display === 'block';
+                    const href = link.getAttribute('href') || '';
+
+                    if (href === '#' || href.trim() === '') {
+                        event.preventDefault();
+                        submenu.style.display = isOpen ? 'none' : 'block';
+                        return;
+                    }
+
+                    if (!isOpen) {
+                        event.preventDefault();
+                        submenu.style.display = 'block';
+                    } else {
+                        closeDropdown();
+                    }
+                });
+            });
+
+            container.querySelectorAll('.dropdown-submenu-content a').forEach(link => {
+                if (link.nextElementSibling) {
+                    return;
+                }
+                link.addEventListener('click', () => {
+                    if (window.innerWidth <= 768) {
+                        return;
+                    }
+                    closeAllDropdowns();
+                    closeMobileMenu();
+                });
+            });
+        });
+
+        document.addEventListener('click', (event) => {
+            if (window.innerWidth <= 768) {
+                return;
+            }
+            const clickedInside = Array.from(dropdownContainers).some(container => container.contains(event.target));
+            if (!clickedInside) {
+                closeAllDropdowns();
+            }
+        });
+
+        window.addEventListener('resize', () => {
+            if (window.innerWidth <= 768) {
+                closeAllDropdowns();
+                closeMobileMenu();
+            }
+        });
+    }
+
+    window.addEventListener('resize', () => {
+        if (window.innerWidth > 768) {
+            closeMobileMenu();
+        }
+    });
+
+    // --- Initialize AOS (Animate on Scroll) ---
+    if (typeof AOS !== 'undefined') {
+        AOS.init({
+            duration: 600,
+            easing: 'ease-out',
+            once: true, // Animacija se zgodi samo enkrat
+            offset: 50,
+            delay: 100,
+            disable: 'mobile'
+        });
+    }
+
+    // --- "Read More" Button Logic for Kdo Sem Page ---
+    const readMoreBtn = document.querySelector('.read-more-btn');
+    const moreStoryContent = document.querySelector('.more-story-content');
+
+    if (readMoreBtn && moreStoryContent) {
+        if (moreStoryContent.id) {
+            readMoreBtn.setAttribute('aria-controls', moreStoryContent.id);
+        }
+
+        const applyStoryState = (isVisible) => {
+            readMoreBtn.textContent = isVisible ? 'Skrij zgodbo' : 'Moja zgodba';
+            readMoreBtn.setAttribute('aria-expanded', isVisible ? 'true' : 'false');
+            moreStoryContent.setAttribute('aria-hidden', isVisible ? 'false' : 'true');
+        };
+
+        let isExpanded = moreStoryContent.classList.contains('visible');
+        applyStoryState(isExpanded);
+        moreStoryContent.style.height = isExpanded ? 'auto' : '0px';
+
+        const openStory = () => {
+            moreStoryContent.classList.add('visible');
+            const targetHeight = moreStoryContent.scrollHeight;
+            moreStoryContent.classList.add('is-animating');
+            moreStoryContent.style.height = '0px';
+
+            requestAnimationFrame(() => {
+                moreStoryContent.style.height = `${targetHeight}px`;
+            });
+        };
+
+        const closeStory = () => {
+            const currentHeight = moreStoryContent.scrollHeight;
+            moreStoryContent.style.height = `${currentHeight}px`;
+            moreStoryContent.classList.add('is-animating');
+
+            requestAnimationFrame(() => {
+                moreStoryContent.style.height = '0px';
+            });
+        };
+
+        moreStoryContent.addEventListener('transitionend', (event) => {
+            if (event.propertyName !== 'height') {
+                return;
+            }
+
+            moreStoryContent.classList.remove('is-animating');
+
+            if (isExpanded) {
+                moreStoryContent.style.height = 'auto';
+            } else {
+                moreStoryContent.classList.remove('visible');
+                moreStoryContent.style.height = '';
+            }
+        });
+
+        readMoreBtn.addEventListener('click', () => {
+            if (moreStoryContent.classList.contains('is-animating')) {
+                return;
+            }
+
+            isExpanded = !isExpanded;
+            applyStoryState(isExpanded);
+
+            if (isExpanded) {
+                openStory();
+            } else {
+                closeStory();
+            }
+        });
+    }
+});
+
+// --- Legacy form validation functions (can be kept for potential future use) ---
+// Note: The main form submission logic is now handled via fetch in kontakt/index.html
+
+function showError(input, message) {
+    const formControl = input.parentElement;
+    const errorDiv = formControl.querySelector('.error-message') || document.createElement('div');
+    errorDiv.className = 'error-message';
+    errorDiv.textContent = message;
+    if (!formControl.querySelector('.error-message')) {
+        formControl.appendChild(errorDiv);
+    }
+    formControl.classList.add('error');
+}
+
+function removeError(input) {
+    const formControl = input.parentElement;
+    const errorDiv = formControl.querySelector('.error-message');
+    if (errorDiv) {
+        formControl.removeChild(errorDiv);
+    }
+    formControl.classList.remove('error');
+}
+
+function isValidEmail(email) {
+    const re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+    return re.test(String(email).toLowerCase());
+}
diff --git a/kdo-sem/index.html b/kdo-sem/index.html
new file mode 100644
index 0000000..01bfb30
--- /dev/null
+++ b/kdo-sem/index.html
@@ -0,0 +1,217 @@
+<!DOCTYPE html>
+<html lang="sl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Kdo sem - Prosberry</title>
+    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
+    <link rel="stylesheet" href="../css/style.css">
+    <link rel="stylesheet" href="../css/animations.css">
+</head>
+<body>
+    <header class="main-header">
+        <nav class="nav-container">
+            <div class="logo">
+                <a href="/">
+                    <picture>
+                        <source srcset="/assets/images/logo.png" type="image/webp">
+                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
+                    </picture>
+                </a>
+            </div>
+            <div class="nav-links">
+                <a href="/">Naslovnica</a>
+                <!-- Zavihek "Ponudba" je zdaj dropdown meni -->
+                <div class="dropdown">
+                    <button class="dropbtn">Ponudba</button>
+                    <div class="dropdown-content">
+                        <a href="/ponudba/">Splošne ponudbe</a>
+                        <!-- Celoten meni "Skupaj za vključevanje" je premaknjen sem -->
+                        <div class="dropdown-submenu">
+                            <a href="#">Skupaj za vključevanje</a>
+                            <div class="dropdown-submenu-content">
+                                <div class="dropdown-submenu">
+                                    <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Delavnice</a>
+                                    <div class="dropdown-submenu-content">
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Šola</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
+                                            </div>
+                                        </div>
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Vrtec</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
+                                            </div>
+                                        </div>
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Zaposleni</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- Konec menija "Ponudba" -->
+                <div class="dropdown">
+                    <button class="dropbtn">Skupaj za vključevanje</button>
+                    <div class="dropdown-content">
+                        <div class="dropdown-submenu">
+                            <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
+                            <div class="dropdown-submenu-content">
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
+                            </div>
+                        </div>
+                        <div class="dropdown-submenu">
+                            <a href="#">Delavnice</a>
+                            <div class="dropdown-submenu-content">
+                                <div class="dropdown-submenu">
+                                    <a href="#">Šola</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Vrtec</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Zaposleni</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <a href="/kdo-sem">Kdo sem</a>
+                <a href="/kontakt" class="active">Kontakt</a>
+                <a href="/pogosta-vprasanja">Pogosta vprašanja</a>
+                <a href="/cene-in-reference">Cene in reference</a>
+            </div>
+            <div class="mobile-menu-btn">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+        </nav>
+    </header>
+
+
+
+    <main>
+        <section class="about-hero">
+            <div class="about-hero-container">
+                <div class="about-hero-text" data-aos="fade-up">
+                    <span class="about-hero-kicker">O meni</span>
+                    <h1>Povezanost z jeziki, ljudmi in zgodbami</h1>
+                    <p>Od nekdaj sem imela rada jezike, ljudi in zgodbe. Z jeziki sem povezana že od malih nog, saj sem odraščala v večjezičnem okolju, kjer sem naravno prehajala med jeziki in kulturami. Svojo poklicno pot sem začela z osnovnim študijem angleškega jezika in književnosti na Univerzi v Prištini. Nadaljevala sem na Filozofski fakulteti v Ljubljani, kjer sem opravila magistrski študij angleščine. Že med študijem sem začela poučevati – najprej prostovoljno, pozneje tudi poklicno. Poučevala sem otroke, mladostnike in odrasle, tako v skupinah kot individualno, kar mi je dalo prilagodljivost, potrpežljivost in občutek za različne potrebe učencev. Takrat sem začela zares verjeti, da lahko s tem delom pomagam ljudem in obenem rastem tudi sama. Kasneje sem se izobraževala za medkulturno mediatorko, da bi še bolje podpirala ljudi pri vključevanju v novo okolje.</p>
+                </div>
+                <div class="about-hero-image" data-aos="fade-left" data-aos-delay="150">
+                    <div class="image-frame">
+                        <picture>
+                            <source srcset="../assets/images/kdo-sem-fotografija.webp" type="image/webp">
+                            <img src="../assets/images/kdo-sem-fotografija.jpg" alt="Amra Kurešepi Zulji">
+                        </picture>
+                    </div>
+                </div>
+            </div>
+            <div class="about-hero-shape shape-a"></div>
+            <div class="about-hero-shape shape-b"></div>
+            <div class="about-hero-shape shape-c"></div>
+            <div class="about-hero-shape shape-d"></div>
+        </section>
+
+        <section class="about-accordion-section">
+            <div class="about-accordion-container">
+                <div class="about-accordion-intro" data-aos="fade-up">
+                    <p>Razširite posamezne teme in spoznajte mojo zgodbo iz prve roke.</p>
+                </div>
+                <div class="about-accordion-list">
+                    <div class="about-accordion-item" data-aos="fade-up" data-aos-delay="50">
+                        <button class="about-accordion-toggle" type="button" aria-expanded="false">
+                            <span>Osebna izkušnja in razumevanje</span>
+                            <span class="accordion-icon" aria-hidden="true"></span>
+                        </button>
+                        <div class="about-accordion-content" hidden>
+                            <p>Sama sem doživela selitev v drugo državo, zato dobro vem, kako pomembno je, da te nekdo razume, prisluhne in ti pomaga poiskati pravo pot. Posebno blizu so mi posamezniki in družine, ki se znajdejo v novem okolju – tujci v Sloveniji, priseljenci, otroci iz večjezičnih družin in tisti, ki doma govorijo drug jezik. Za mnoge je jezik povezan z občutki negotovosti, sramežljivosti ali izključenosti. Prav zato si prizadevam ustvariti varen in spodbuden prostor, kjer govor odpira vrata do osebne in družbene rasti. Z leti sem začela vse bolj prepoznavati pomen medkulturnega razumevanja in razvijala občutek za to, kaj posameznik v resnici potrebuje.</p>
+                        </div>
+                    </div>
+                    <div class="about-accordion-item" data-aos="fade-up" data-aos-delay="100">
+                        <button class="about-accordion-toggle" type="button" aria-expanded="false">
+                            <span>Podpora in pristop, ki temelji na spoštovanju</span>
+                            <span class="accordion-icon" aria-hidden="true"></span>
+                        </button>
+                        <div class="about-accordion-content" hidden>
+                            <p>Skozi leta sem sodelovala z ljudmi z zelo različnimi izkušnjami – od začetnikov do tistih, ki so želeli znanje nadgraditi zaradi študija ali poklica. Poleg poučevanja sem pogosto pomagala pri prevodih, sporazumevanju z uradi, izpolnjevanju obrazcev in razumevanju kulturnih razlik. Zaradi teh izkušenj svoje delo vidim kot več kot le poučevanje; zame je to odnos, podpora, varnost in skupna rast. Kot mama zelo dobro razumem, kaj pomeni usklajevati različne vloge. Vem, kako pomembno je, da ti nekdo prisluhne in da te vodi na način, ki ti ustreza. Moj pristop temelji na poslušanju, spoštovanju in prilagajanju vsakemu posamezniku – ne glede na to, ali gre za učenje jezika, pripravo na izpit, prevod dokumenta ali preprosto podporo.</p>
+                        </div>
+                    </div>
+                    <div class="about-accordion-item" data-aos="fade-up" data-aos-delay="150">
+                        <button class="about-accordion-toggle" type="button" aria-expanded="false">
+                            <span>PROSBERRY – osebna in profesionalna rast</span>
+                            <span class="accordion-icon" aria-hidden="true"></span>
+                        </button>
+                        <div class="about-accordion-content" hidden>
+                            <p>Od leta 2023 delujem samostojno pod imenom PROSBERRY. Ime združuje simboliko rasti in dozorevanja z zavestnim, profesionalnim pristopom. Svojim strankam želim biti zanesljiva spremljevalka na poti do večje jezikovne samozavesti in lažjega vključevanja v novo okolje – s toplino, jasno komunikacijo in globokim razumevanjem človeka.</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+    </main>
+
+    <footer>
+        <div class="footer-content">
+            <div class="footer-logo">
+                <h3>PROSBERRY</h3>
+            </div>
+            <div class="footer-contact">
+                <p>Email: <a href="mailto:info@prosberry.si">info@prosberry.si</a></p>
+                <p>Tel: <a href="tel:+38630312855">+386 30 312 855</a></p>
+            </div>
+        </div>
+    </footer>
+
+    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
+    <script src="../js/main.js"></script>
+    <script src="../js/animations.js"></script>
+    <script>
+        document.addEventListener('DOMContentLoaded', function() {
+            const toggles = document.querySelectorAll('.about-accordion-toggle');
+            toggles.forEach(toggle => {
+                const content = toggle.nextElementSibling;
+                toggle.addEventListener('click', () => {
+                    const isExpanded = toggle.getAttribute('aria-expanded') === 'true';
+                    toggle.setAttribute('aria-expanded', String(!isExpanded));
+                    if (content) {
+                        content.hidden = isExpanded;
+                    }
+                });
+            });
+        });
+    </script>
+</body>
+</html>
diff --git a/kontakt/index.html b/kontakt/index.html
new file mode 100644
index 0000000..36918d2
--- /dev/null
+++ b/kontakt/index.html
@@ -0,0 +1,242 @@
+<!DOCTYPE html>
+<html lang="sl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Kontakt - Prosberry</title>
+    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
+    <link rel="stylesheet" href="/css/style.css">
+    <link rel="stylesheet" href="/css/animations.css">
+</head>
+<body>
+    <header class="main-header">
+        <nav class="nav-container">
+            <div class="logo">
+                <a href="/">
+                    <picture>
+                        <source srcset="/assets/images/logo.png" type="image/webp">
+                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
+                    </picture>
+                </a>
+            </div>
+            <div class="nav-links">
+                <a href="/">Naslovnica</a>
+                <!-- Zavihek "Ponudba" je zdaj dropdown meni -->
+                <div class="dropdown">
+                    <button class="dropbtn">Ponudba</button>
+                    <div class="dropdown-content">
+                        <a href="/ponudba/">Splošne ponudbe</a>
+                        <!-- Celoten meni "Skupaj za vključevanje" je premaknjen sem -->
+                        <div class="dropdown-submenu">
+                            <a href="#">Skupaj za vključevanje</a>
+                            <div class="dropdown-submenu-content">
+                                <div class="dropdown-submenu">
+                                    <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Delavnice</a>
+                                    <div class="dropdown-submenu-content">
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Šola</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
+                                            </div>
+                                        </div>
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Vrtec</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
+                                            </div>
+                                        </div>
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Zaposleni</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- Konec menija "Ponudba" -->
+                <div class="dropdown">
+                    <button class="dropbtn">Skupaj za vključevanje</button>
+                    <div class="dropdown-content">
+                        <div class="dropdown-submenu">
+                            <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
+                            <div class="dropdown-submenu-content">
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
+                            </div>
+                        </div>
+                        <div class="dropdown-submenu">
+                            <a href="#">Delavnice</a>
+                            <div class="dropdown-submenu-content">
+                                <div class="dropdown-submenu">
+                                    <a href="#">Šola</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Vrtec</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Zaposleni</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <a href="/kdo-sem">Kdo sem</a>
+                <a href="/kontakt" class="active">Kontakt</a>
+                <a href="/pogosta-vprasanja">Pogosta vprašanja</a>
+                <a href="/cene-in-reference">Cene in reference</a>
+            </div>
+            <div class="mobile-menu-btn">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+        </nav>
+    </header>
+    <main>
+        <section class="contact-hero">
+            <div class="contact-hero-content" data-aos="fade-up">
+                <span class="contact-hero-kicker">Povežimo se</span>
+                <h1>Kontakt</h1>
+                <p class="contact-hero-lead">Veselim se sodelovanja pri vašem naslednjem tečaju, delavnici ali medkulturnem posredovanju.</p>
+            </div>
+            <div class="contact-hero-shape shape-a"></div>
+            <div class="contact-hero-shape shape-b"></div>
+            <div class="contact-hero-shape shape-c"></div>
+            <div class="contact-hero-shape shape-d"></div>
+        </section>
+        <section class="contact-main">
+            <div class="contact-main-container">
+                <div class="contact-info-panel" data-aos="fade-up">
+                    <h2>Piši mi</h2>
+                    <p class="contact-info-lead">Če želite izvedeti več o naših tečajih, delavnicah ali medkulturnem posredovanju, sem tukaj – lahko mi pišete ali me kontaktirate!</p>
+                    <ul class="contact-services">
+                        <li>Tečaji angleščine vseh nivojev</li>
+                        <li>Medkulturno posredovanje za šole, vrtce, zdravstvene ustanove in druge organizacije</li>
+                        <li>Delavnice za učence, starše in strokovne time</li>
+                        <li>Podpora pri učenju jezikov in vključevanju novih družin</li>
+                    </ul>
+                    <div class="contact-details">
+                        <div class="contact-detail">
+                            <span class="detail-label">Email</span>
+                            <a href="mailto:info@prosberry.si">info@prosberry.si</a>
+                        </div>
+                        <div class="contact-detail">
+                            <span class="detail-label">Telefon</span>
+                            <a href="tel:+38630312855">030 312 855</a>
+                        </div>
+                    </div>
+                    <div class="contact-note">
+                        <p>Dogovorimo se za kratek posvet, da skupaj bolje razumemo možnosti sodelovanja in poiščemo prave korake naprej.</p>
+                    </div>
+                </div>
+                <div class="contact-form-panel" data-aos="fade-up" data-aos-delay="100">
+                    <div class="contact-form-card">
+                        <h3>Za več informacij</h3>
+                        <p class="contact-form-lead">Izpolnite obrazec in sporočite, kako vam lahko pomagamo. Odgovor boste prejeli v najkrajšem možnem času.</p>
+                        <form class="contact-form" id="contactForm">
+                            <div class="form-group">
+                                <label for="name">Ime in priimek</label>
+                                <input type="text" id="name" name="name" required>
+                            </div>
+                            <div class="form-group">
+                                <label for="email">Email naslov</label>
+                                <input type="email" id="email" name="email" required>
+                            </div>
+                            <div class="form-group">
+                                <label for="message">Sporočilo</label>
+                                <textarea id="message" name="message" rows="6" required></textarea>
+                            </div>
+                            <div id="formMessage" class="form-message" style="display: none;"></div>
+                            <button type="submit" class="submit-btn">Pošljite sporočilo</button>
+                        </form>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </main>
+    <footer>
+        <div class="footer-content">
+            <div class="footer-logo">
+                <h3>PROSBERRY</h3>
+            </div>
+            <div class="footer-contact">
+                <p>Email: <a href="mailto:info@prosberry.si">info@prosberry.si</a></p>
+                <p>Tel: <a href="tel:+38630312855">+386 30 312 855</a></p>
+            </div>
+        </div>
+    </footer>
+    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
+    <script src="/js/main.js"></script>
+    <script src="/js/animations.js"></script>
+    <script>
+        document.addEventListener('DOMContentLoaded', function() {
+            // --- Form Submission Logic ---
+            const contactForm = document.getElementById('contactForm');
+            if (contactForm) {
+                contactForm.addEventListener('submit', function(e) {
+                    e.preventDefault();
+                    const formData = new FormData(this);
+                    const messageDiv = document.getElementById('formMessage');
+                    const submitButton = this.querySelector('button[type="submit"]');
+                    
+                    submitButton.disabled = true;
+                    submitButton.textContent = 'Pošiljam...';
+
+                    fetch('../../../../kontakt/process_form.php', {
+                            method: 'POST',
+                            body: formData
+                        })
+                        .then(response => response.text())
+                        .then(data => {
+                            messageDiv.style.display = 'block';
+                            if (data.includes('Hvala')) {
+                                messageDiv.className = 'form-message success-message';
+                                this.reset();
+                            } else {
+                                messageDiv.className = 'form-message error-message';
+                            }
+                            messageDiv.textContent = data;
+                        })
+                        .catch(error => {
+                            messageDiv.style.display = 'block';
+                            messageDiv.className = 'form-message error-message';
+                            messageDiv.textContent = 'Prišlo je do napake. Prosimo poskusite ponovno.';
+                            console.error('Error:', error);
+                        })
+                        .finally(() => {
+                            submitButton.disabled = false;
+                            submitButton.textContent = 'Pošlji sporočilo';
+                        });
+                });
+            }
+
+        });
+    </script>
+</body>
+</html>
diff --git a/kontakt/process_form.php b/kontakt/process_form.php
new file mode 100644
index 0000000..0d23609
--- /dev/null
+++ b/kontakt/process_form.php
@@ -0,0 +1,42 @@
+<?php
+// Preveri če je zahteva POST
+if ($_SERVER["REQUEST_METHOD"] == "POST") {
+    // Pridobi podatke iz obrazca
+    $name = isset($_POST['name']) ? strip_tags(trim($_POST['name'])) : '';
+    $email = isset($_POST['email']) ? filter_var(trim($_POST['email']), FILTER_SANITIZE_EMAIL) : '';
+    $message = isset($_POST['message']) ? strip_tags(trim($_POST['message'])) : '';
+
+    // Preveri če so vsa polja izpolnjena
+    if (empty($name) || empty($message) || !filter_var($email, FILTER_VALIDATE_EMAIL)) {
+        http_response_code(400);
+        echo "Prosimo izpolnite vsa polja pravilno.";
+        exit;
+    }
+
+    // Nastavi prejemnika in zadevo
+    $recipient = "info@prosberry.si";
+    $subject = "Novo sporočilo iz kontaktnega obrazca - $name";
+
+    // Pripravi vsebino emaila
+    $email_content = "Ime: $name\n";
+    $email_content .= "Email: $email\n\n";
+    $email_content .= "Sporočilo:\n$message\n";
+
+    // Nastavi email headers
+    $email_headers = "From: $name <$email>\r\n";
+    $email_headers .= "Reply-To: $email\r\n";
+    $email_headers .= "X-Mailer: PHP/" . phpversion();
+
+    // Pošlji email
+    if (mail($recipient, $subject, $email_content, $email_headers)) {
+        http_response_code(200);
+        echo "Hvala! Vaše sporočilo je bilo uspešno poslano.";
+    } else {
+        http_response_code(500);
+        echo "Oprostite! Prišlo je do napake pri pošiljanju sporočila.";
+    }
+} else {
+    http_response_code(403);
+    echo "Prišlo je do napake pri obdelavi zahteve.";
+}
+?> 
\ No newline at end of file
diff --git a/pogosta-vprasanja/index.html b/pogosta-vprasanja/index.html
new file mode 100644
index 0000000..ed09647
--- /dev/null
+++ b/pogosta-vprasanja/index.html
@@ -0,0 +1,262 @@
+<!DOCTYPE html>
+<html lang="sl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Pogosta vprašanja - Prosberry</title>
+    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
+    <link rel="stylesheet" href="/css/style.css">
+    <link rel="stylesheet" href="/css/animations.css">
+</head>
+<body>
+    <header class="main-header">
+        <nav class="nav-container">
+            <div class="logo">
+                <a href="/">
+                    <picture>
+                        <source srcset="/assets/images/logo.png" type="image/webp">
+                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
+                    </picture>
+                </a>
+            </div>
+            <div class="nav-links">
+                <a href="/">Naslovnica</a>
+                <!-- Zavihek "Ponudba" je zdaj dropdown meni -->
+                <div class="dropdown">
+                    <button class="dropbtn">Ponudba</button>
+                    <div class="dropdown-content">
+                        <a href="/ponudba/">Splošne ponudbe</a>
+                        <!-- Celoten meni "Skupaj za vključevanje" je premaknjen sem -->
+                        <div class="dropdown-submenu">
+                            <a href="#">Skupaj za vključevanje</a>
+                            <div class="dropdown-submenu-content">
+                                <div class="dropdown-submenu">
+                                    <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Delavnice</a>
+                                    <div class="dropdown-submenu-content">
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Šola</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
+                                            </div>
+                                        </div>
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Vrtec</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
+                                            </div>
+                                        </div>
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Zaposleni</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- Konec menija "Ponudba" -->
+                <div class="dropdown">
+                    <button class="dropbtn">Skupaj za vključevanje</button>
+                    <div class="dropdown-content">
+                        <div class="dropdown-submenu">
+                            <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
+                            <div class="dropdown-submenu-content">
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
+                            </div>
+                        </div>
+                        <div class="dropdown-submenu">
+                            <a href="#">Delavnice</a>
+                            <div class="dropdown-submenu-content">
+                                <div class="dropdown-submenu">
+                                    <a href="#">Šola</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Vrtec</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Zaposleni</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <a href="/kdo-sem">Kdo sem</a>
+                <a href="/kontakt" class="active">Kontakt</a>
+                <a href="/pogosta-vprasanja">Pogosta vprašanja</a>
+                <a href="/cene-in-reference">Cene in reference</a>
+            </div>
+            <div class="mobile-menu-btn">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+        </nav>
+    </header>
+    <main>
+        <section class="contact-faq-section">
+            <div class="contact-faq-container">
+                <div class="faq-header" data-aos="fade-up">
+                    <h2>Pogosta vprašanja</h2>
+                    <p class="faq-intro">Zanima vas, kako potekajo naši postopki in storitve? Tukaj smo zbrali odgovore na vprašanja, ki jih največkrat prejmemo.</p>
+                </div>
+                <div class="faq-list" data-aos="fade-up" data-aos-delay="100">
+                    <div class="faq-item">
+                        <h4 class="faq-question">1. V katerih situacijah je medkulturno posredovanje v pomoč?</h4>
+                        <div class="faq-answer">
+                            <ul>
+                                <li>– Pri razumevanju šolskih obvestil in navodil</li>
+                                <li>– Pri vključevanju otroka v učni proces</li>
+                                <li>– Ob pojavu nesporazumov zaradi jezikovnih ali kulturnih razlik</li>
+                                <li>– Pri prehodu iz vrtca v šolo ali med različnimi šolskimi programi</li>
+                                <li>– Pri reševanju konfliktov med učenci ali starši, ki izhajajo iz kulturnih razlik</li>
+                                <li>– Pri vključevanju staršev v šolske ali lokalne aktivnosti</li>
+                                <li>– Pri razumevanju posebnih potreb ali individualnih načrtov v šoli in vrtcu</li>
+                                <li>– Pri usklajevanju pričakovanj med šolo in družino (npr. domače naloge, pravila, roki)</li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="faq-item">
+                        <h4 class="faq-question">2. Kdaj izbrati medkulturno posredovanje ali delavnico?</h4>
+                        <div class="faq-answer">
+                            <p>Medkulturno posredovanje je primerno, kadar je potreben dinamičen pogovor med ljudmi v različnih institucijah – šolah, vrtcih, zdravstvenih ustanovah in drugih organizacijah. Posredovalec ves čas prevaja, razlaga in svetuje, kadar zazna, da katera stran ne razume, ter pomaga razjasniti mnenja, pričakovanja, pobude in omejitve. Gre za aktivno podporo, prilagojeno situaciji in potrebam udeležencev.</p>
+                            <p>Delavnice so strukturirane, ciljane seje, ki sledijo vnaprej določenim ciljem in vsebini, kot je opisano za posamezno delavnico. Posredovalec vodi delavnico po pripravljeni strukturi ter zagotavlja informacije, praktične nasvete in izobraževalne aktivnosti za konkretno ciljno skupino – učence, starše, starše otrok v vrtcu ali zaposlene.</p>
+                            <p>Vse naše dejavnosti prispevajo k boljšemu vključevanju priseljencev in razumevanju medkulturnih razlik – izberite tisto, kar najbolje ustreza vašim potrebam.</p>
+                        </div>
+                    </div>
+                    <div class="faq-item">
+                        <h4 class="faq-question">3. Kdaj izbrati individualno in kdaj skupinsko medkulturno posredovanje?</h4>
+                        <div class="faq-answer">
+                            <p>Individualno medkulturno posredovanje je primerno, kadar kader v instituciji (npr. razrednik in/ali svetovalni delavec) vodi sestanek s posameznimi starši ali družino. Posredovalec prevaja, razlaga in svetuje neposredno med udeleženci, kar omogoča poglobljeno razumevanje, reševanje specifičnih vprašanj in prilagojeno podporo posameznim potrebam.</p>
+                            <p>Skupinsko medkulturno posredovanje je primerno za večje skupine udeležencev, npr. na roditeljskih sestankih ali srečanjih več staršev priseljencev, kjer udeleženci ne razumejo jezika ali delovanja institucije. Posredovalec zagotavlja prevod in pojasnila za vse udeležence, da se vsi lahko aktivno vključijo, razumejo informacije in sodelujejo pri pogovoru.</p>
+                        </div>
+                    </div>
+                    <div class="faq-item">
+                        <h4 class="faq-question">4. Ali delavnice potekajo tudi v jezikih, ki jih ne obvladate sami?</h4>
+                        <div class="faq-answer">
+                            <p>Da, delavnice lahko potekajo tudi v drugih jezikih, npr. ruščini, francoščini ali drugih jezikih. Če zahtevanega jezika osebno ne obvladam, delavnica poteka z dodatno pomočjo prevajalca, ki zagotovi, da so vse informacije razumljive udeležencem.</p>
+                            <p>Zaradi stroškov prevajalca je v tem pri<li>–u doplačilo 50 €, kar pokriva njegovo delo.</p>
+                        </div>
+                    </div>
+                    <div class="faq-item">
+                        <h4 class="faq-question">5. Ali delujete le v vzgojno-izobraževalnih ustanovah ali tudi drugje?</h4>
+                        <div class="faq-answer">
+                            <p>Primarno delujem v vzgojno-izobraževalnih ustanovah, saj sem po poklicu profesorica in so mi te institucije najbolj domače, kjer lahko ponudim največjo strokovno podporo.</p>
+                            <p>V drugih institucijah lahko delujem kot prevajalka ali medkulturna posrednica, le v pri<li>–u, da si lahko sama zagotovim razlago ozadja (npr. iz dostopnih virov). Če to ni mogoče, mora institucija posredovati potrebne informacije, da lahko delo poteka kakovostno in pravilno.</p>
+                        </div>
+                    </div>
+                    <div class="faq-item">
+                        <h4 class="faq-question">6. Kdaj izbrati 30-minutno in kdaj 60-minutno medkulturno posredovanje?</h4>
+                        <div class="faq-answer">
+                            <p>30-minutno medkulturno posredovanje je primerno za krajše pogovore, hitre pojasnitve ali podporo pri posameznih vprašanjih, kjer ni predvideno poglobljeno razpravljanje.</p>
+                            <p>60-minutno posredovanje je priporočljivo za daljše ali bolj kompleksne pogovore, obravnavo več tem, razjasnjevanje nesporazumov ali občutljive vsebine. Daljša seja omogoča dovolj časa, da vsi udeleženci razumejo informacije, izrazijo svoje mnenje in dosežejo skupno razumevanje.</p>
+                        </div>
+                    </div>
+                    <div class="faq-item">
+                        <h4 class="faq-question">7. Kaj šole in vrtci pridobijo z medkulturnim posredovanjem in/ali delavnicami?</h4>
+                        <div class="faq-answer">
+                            <ul>
+                                <li>– Olajšana komunikacija s starši in učenci</li>
+                                <li>– Večje zaupanje med družinami in šolskim osebjem</li>
+                                <li>– Boljše razumevanje otrokovega kulturnega in jezikovnega ozadja</li>
+                                <li>– Preprečevanje nesporazumov in krepitev sodelovanja</li>
+                                <li>– Podpora učiteljem in osebju pri razumevanju kulturnih razlik</li>
+                                <li>– Lažje vključevanje novih otrok in družin v učni proces</li>
+                                <li>– Večja vključenost staršev v šolske dejavnosti</li>
+                                <li>– Prepoznavanje in reševanje morebitnih kulturnih neskladij v razredu</li>
+                                <li>– Spodbujanje medkulturnega razumevanja med učenci</li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="faq-item">
+                        <h4 class="faq-question">8. Kako poteka sodelovanje?</h4>
+                        <div class="faq-answer">
+                           <ul>
+                                <li>– V pogovoru po telefonu ali e-pošti se dogovorimo za vrsto sodelovanja in termin</li>
+                                <li>– Stranka naroči storitev; če gre za ustanovo, pošlje naročilnico</li>
+                                <li>– Izdam račun, ki se poravna v dogovorjenem obdobju</li>
+                                <li>– Sodelovanje poteka z zaupanjem in podporo, da izboljšamo komunikacijo ter razumevanje</li>
+                           </ul>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </main>
+    <footer>
+        <div class="footer-content">
+            <div class="footer-logo">
+                <h3>PROSBERRY</h3>
+            </div>
+            <div class="footer-contact">
+                <p>Email: <a href="mailto:info@prosberry.si">info@prosberry.si</a></p>
+                <p>Tel: <a href="tel:+38630312855">+386 30 312 855</a></p>
+            </div>
+        </div>
+    </footer>
+    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
+    <script src="/js/main.js"></script>
+    <script src="/js/animations.js"></script>
+    <script>
+        document.addEventListener('DOMContentLoaded', function() {
+            const faqItems = document.querySelectorAll('.faq-item');
+            faqItems.forEach(item => {
+                const question = item.querySelector('.faq-question');
+                const answer = item.querySelector('.faq-answer');
+
+                if (question && answer) {
+                    question.addEventListener('click', () => {
+                        const isActive = item.classList.contains('active');
+
+                        faqItems.forEach(otherItem => {
+                            if (otherItem !== item) {
+                                const otherAnswer = otherItem.querySelector('.faq-answer');
+                                if (otherAnswer) {
+                                    otherAnswer.style.maxHeight = null;
+                                }
+                                otherItem.classList.remove('active');
+                            }
+                        });
+
+                        if (isActive) {
+                            answer.style.maxHeight = null;
+                            item.classList.remove('active');
+                            return;
+                        }
+
+                        item.classList.add('active');
+                        requestAnimationFrame(() => {
+                            answer.style.maxHeight = answer.scrollHeight + 'px';
+                        });
+                    });
+                }
+            });
+        });
+    </script>
+</body>
+</html>
diff --git a/ponudba/index.html b/ponudba/index.html
new file mode 100644
index 0000000..f0e2cf3
--- /dev/null
+++ b/ponudba/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="sl">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Ponudba - Prosberry</title>
+    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
+    <link rel="stylesheet" href="/css/style.css" />
+    <link rel="stylesheet" href="/css/animations.css" />
+  </head>
+  <body>
+    <header class="main-header">
+        <nav class="nav-container">
+            <div class="logo">
+                <a href="/">
+                    <picture>
+                        <source srcset="/assets/images/logo.png" type="image/webp">
+                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
+                    </picture>
+                </a>
+            </div>
+            <div class="nav-links">
+                <a href="/">Naslovnica</a>
+                <!-- Zavihek "Ponudba" je zdaj dropdown meni -->
+                <div class="dropdown">
+                    <button class="dropbtn">Ponudba</button>
+                    <div class="dropdown-content">
+                        <a href="/ponudba/">Splošne ponudbe</a>
+                        <!-- Celoten meni "Skupaj za vključevanje" je premaknjen sem -->
+                        <div class="dropdown-submenu">
+                            <a href="#">Skupaj za vključevanje</a>
+                            <div class="dropdown-submenu-content">
+                                <div class="dropdown-submenu">
+                                    <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Delavnice</a>
+                                    <div class="dropdown-submenu-content">
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Šola</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
+                                            </div>
+                                        </div>
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Vrtec</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
+                                            </div>
+                                        </div>
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Zaposleni</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- Konec menija "Ponudba" -->
+                <div class="dropdown">
+                    <button class="dropbtn">Skupaj za vključevanje</button>
+                    <div class="dropdown-content">
+                        <div class="dropdown-submenu">
+                            <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
+                            <div class="dropdown-submenu-content">
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
+                            </div>
+                        </div>
+                        <div class="dropdown-submenu">
+                            <a href="#">Delavnice</a>
+                            <div class="dropdown-submenu-content">
+                                <div class="dropdown-submenu">
+                                    <a href="#">Šola</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Vrtec</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Zaposleni</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <a href="/kdo-sem">Kdo sem</a>
+                <a href="/kontakt" class="active">Kontakt</a>
+                <a href="/pogosta-vprasanja">Pogosta vprašanja</a>
+                <a href="/cene-in-reference">Cene in reference</a>
+            </div>
+            <div class="mobile-menu-btn">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+        </nav>
+    </header>
+
+    <main>
+      <section class="services-hero">
+        <div class="services-content">
+          <h1 data-aos="fade-up">Naše storitve</h1>
+          <p
+            class="services-intro"
+            data-aos="fade-up"
+            data-aos-delay="100"
+          >
+            Odkrijte našo celotno ponudbo storitev
+          </p>
+        </div>
+      </section>
+
+      <section class="services-grid-section">
+        <div class="services-container">
+          <div class="service-block teaching">
+            <h2 data-aos="fade-up">Poučujem</h2>
+            <div class="service-details">
+              <div
+                class="service-item full-width"
+                data-aos="fade-up"
+                data-aos-delay="100"
+              >
+                <h3>Angleščino</h3>
+                <ul>
+                  <li>Tečaji vseh nivojev</li>
+                  <li>Tečaji poslovne angleščine</li>
+                  <li>
+                    Inštrukcije prilagojene vašim učnim ciljem, potrebam in
+                    željam
+                  </li>
+                  <li>
+                    Vodene priprave na maturo in priprave na šolska ocenjevanja
+                    prilagojene vašim ciljem za doseganje rezultatov
+                  </li>
+                </ul>
+              </div>
+
+              <div
+                class="service-item half-width"
+                data-aos="fade-up"
+                data-aos-delay="200"
+              >
+                <h3>Albanščino</h3>
+                <p>Poučevanje jezika usvojenega v naravno govorečem okolju:</p>
+                <ul>
+                  <li>Inštruiranje osnov albanščine</li>
+                  <li>Tečaji komunikacije</li>
+                </ul>
+              </div>
+
+              <div
+                class="service-item half-width"
+                data-aos="fade-up"
+                data-aos-delay="300"
+              >
+                <h3>Slovenščino</h3>
+                <ul>
+                  <li>Inštrukcije za začetni nivo slovenščine</li>
+                  <li>Tečaji osnov slovenščine za priseljence</li>
+                </ul>
+              </div>
+            </div>
+
+            <div class="teaching-info">
+              <div class="info-card" data-aos="fade-up">
+                <h4>Način poučevanja</h4>
+                <ul>
+                  <li>Preko spleta ali v živo</li>
+                  <li>Individualno, v parih ali v manjših skupinah</li>
+                  <li>
+                    Vse starostne skupine: učence, dijake, študente in odrasle
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+
+          <div class="service-block mediation">
+            <h2 data-aos="fade-up">Medkulturno posredujem</h2>
+            <div class="service-description" data-aos="fade-up" data-aos-delay="100">
+              <p>
+                Medkulturno posredovanje zajema razumevanje drugačnega značaja
+                enake informacije pri ljudeh različnih narodnosti, ter njeno
+                prilagajanje in razlago povedanega v kontekstu, da bo informacija
+                strankam jasna.
+              </p>
+              <p>
+                Ponujam medkulturno posredovanje iz slovenščine v albanščino in
+                obratno, ter iz slovenščine v srbščino in obratno.
+              </p>
+            </div>
+
+            <div class="collaboration-list">
+              <h3 data-aos="fade-up">Sodelujem:</h3>
+              <ul data-aos="fade-up" data-aos-delay="100">
+                <li>
+                  z inštitucijami, ki potrebujejo 'medkulturni most' za
+                  razumevanje potreb svojih strank
+                </li>
+                <li>
+                  s šolami, ki uvajajo učence priseljence – z učitelji in starši
+                </li>
+                <li>
+                  s priseljenci, ki se znajdejo sredi izzivov zaradi
+                  nerazumevanja slovenskega jezika ter posledično načina
+                  delovanja v družbi
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <footer>
+      <div class="footer-content">
+        <div class="footer-logo">
+          <h3>PROSBERRY</h3>
+        </div>
+        <div class="footer-contact">
+          <p>Email: <a href="mailto:info@prosberry.si">info@prosberry.si</a></p>
+          <p>Tel: <a href="tel:+38630312855">+386 30 312 855</a></p>
+        </div>
+      </div>
+    </footer>
+
+    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
+    <script src="/js/main.js"></script>
+    <script src="/js/animations.js"></script>
+  </body>
+</html>
diff --git a/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/index.html b/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/index.html
new file mode 100644
index 0000000..f2b6cfd
--- /dev/null
+++ b/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/index.html
@@ -0,0 +1,218 @@
+<!DOCTYPE html>
+<html lang="sl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Delavnica: Od tujca do sošolca - Prosberry</title>
+    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
+    <link rel="stylesheet" href="/css/style.css">
+    <link rel="stylesheet" href="/css/animations.css">
+</head>
+<body>
+    <header class="main-header">
+        <nav class="nav-container">
+            <div class="logo">
+                <a href="/">
+                    <picture>
+                        <source srcset="/assets/images/logo.png" type="image/webp">
+                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
+                    </picture>
+                </a>
+            </div>
+            <div class="nav-links">
+                <a href="/">Naslovnica</a>
+                <!-- Zavihek "Ponudba" je zdaj dropdown meni -->
+                <div class="dropdown">
+                    <button class="dropbtn">Ponudba</button>
+                    <div class="dropdown-content">
+                        <a href="/ponudba/">Splošne ponudbe</a>
+                        <!-- Celoten meni "Skupaj za vključevanje" je premaknjen sem -->
+                        <div class="dropdown-submenu">
+                            <a href="#">Skupaj za vključevanje</a>
+                            <div class="dropdown-submenu-content">
+                                <div class="dropdown-submenu">
+                                    <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Delavnice</a>
+                                    <div class="dropdown-submenu-content">
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Šola</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
+                                            </div>
+                                        </div>
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Vrtec</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
+                                            </div>
+                                        </div>
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Zaposleni</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- Konec menija "Ponudba" -->
+                <div class="dropdown">
+                    <button class="dropbtn">Skupaj za vključevanje</button>
+                    <div class="dropdown-content">
+                        <div class="dropdown-submenu">
+                            <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
+                            <div class="dropdown-submenu-content">
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
+                            </div>
+                        </div>
+                        <div class="dropdown-submenu">
+                            <a href="#">Delavnice</a>
+                            <div class="dropdown-submenu-content">
+                                <div class="dropdown-submenu">
+                                    <a href="#">Šola</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Vrtec</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Zaposleni</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <a href="/kdo-sem">Kdo sem</a>
+                <a href="/kontakt" class="active">Kontakt</a>
+                <a href="/pogosta-vprasanja">Pogosta vprašanja</a>
+                <a href="/cene-in-reference">Cene in reference</a>
+            </div>
+            <div class="mobile-menu-btn">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+        </nav>
+    </header>
+
+
+    <main>
+        <section class="page-hero">
+            <h1 data-aos="fade-up">Delavnica za učitelje</h1>
+        </section>
+
+        <section class="content-section">
+            <div class="container workshop-container">
+                <div class="workshop-grid">
+                    <div class="workshop-text" data-aos="fade-right">
+                        <h2>Od tujca do sošolca: Učinkovite strategije za motivacijo učencev z različnimi ozadji</h2>
+                        
+                        <div class="workshop-section">
+                            <h4>Komu je delavnica namenjena?</h4>
+                            <p>Delavnica je namenjena učiteljem, ki v svojih razredih že poučujejo učence priseljence in si želijo izboljšati pristop k njihovemu vključevanju, motivaciji ter razumevanju kulturnih razlik in jezikovnih ovir.</p>
+                        </div>
+                        
+                        <div class="workshop-section">
+                            <h4>Izvajalka delavnice</h4>
+                            <p>Delavnico vodim jaz, Amra Kurešepi Zulji, priseljena profesorica angleščine z več kot 10-letnimi izkušnjami dela z učenci priseljenci v slovenskem šolstvu. Magistrski študij sem zaključila v Sloveniji, zato dobro razumem jezikovne in kulturne izzive, s katerimi se srečujejo učenci in učitelji.</p>
+                        </div>
+
+                        <div class="workshop-section">
+                            <h4>Cilji delavnice</h4>
+                            <ul>
+                                <li>Povečati kulturno občutljivost in kulturno inteligenco učiteljev.</li>
+                                <li>Predstaviti učinkovite strategije za motivacijo učencev, ki še ne govorijo tekoče jezika pouka.</li>
+                                <li>Izmenjava dobrih praks in skupinsko reševanje konkretnih primerov iz prakse.</li>
+                                <li>Poudariti pomen osebne zgodbe kot mostu do razumevanja in vključevanja.</li>
+                            </ul>
+                        </div>
+
+                        <div class="workshop-section">
+                            <h4>Kaj delavnica vključuje</h4>
+                            <ul>
+                                <li>Uvod z mojo osebno zgodbo o izkušnjah priseljenke in učiteljice.</li>
+                                <li>Kratek teoretični okvir o kulturni občutljivosti, motivaciji in jezikovnih izzivih.</li>
+                                <li>Predstavitev praktičnih primerov in strategij za delo z učenci priseljenci.</li>
+                                <li>Skupinske vaje in diskusije za izmenjavo izkušenj in iskanje rešitev.</li>
+                                <li>Gradiva za učitelje s koristnimi sistematičnimi primeri aktivnosti.</li>
+                            </ul>
+                        </div>
+
+                        <div class="workshop-section">
+                            <h4>Trajanje in organizacija</h4>
+                            <div class="workshop-meta">
+                                <div class="meta-card">
+                                    <span class="meta-label">Trajanje</span>
+                                    <span class="meta-value">90 minut</span>
+                                </div>
+                                <div class="meta-card">
+                                    <span class="meta-label">Lokacija</span>
+                                    <span class="meta-value">V prostorih šole</span>
+                                </div>
+                            </div>
+                        </div>
+                        
+                        <div class="workshop-section">
+                            <h4>Cena</h4>
+                            <div class="price-grid">
+                                <div class="price-card">
+                                    <span class="price-label">Ena delavnica</span>
+                                    <span class="price-value">90 €</span>
+                                    <p>+ potni stroški za lokacije izven Ljubljane</p>
+                                </div>
+                            </div>
+                        </div>
+
+                        <a href="/assets/pdf/delavnica-od-tujca-do-sosolca.pdf" target="_blank" class="pdf-button">Podrobno o delavnici</a>
+                    </div>
+                    <div class="workshop-image" data-aos="fade-left">
+                        <div class="workshop-image-frame">
+                            <img src="/assets/images/vkljucevanje/delavnica-ucitelji.png" alt="Ilustracija učiteljice, ki pomaga učencem različnih kultur">
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </main>
+
+    <footer>
+        <div class="footer-content">
+            <div class="footer-logo">
+                <h3>PROSBERRY</h3>
+            </div>
+            <div class="footer-contact">
+                <p>Email: <a href="mailto:info@prosberry.si">info@prosberry.si</a></p>
+                <p>Tel: <a href="tel:+38630312855">+386 30 312 855</a></p>
+            </div>
+        </div>
+    </footer>
+
+    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
+    <script src="/js/main.js"></script>
+    <script src="/js/animations.js"></script>
+</body>
+</html>
diff --git a/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/index.html b/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/index.html
new file mode 100644
index 0000000..7dd4989
--- /dev/null
+++ b/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/index.html
@@ -0,0 +1,217 @@
+<!DOCTYPE html>
+<html lang="sl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Delavnica: Šola in starši priseljenci - Prosberry</title>
+    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
+    <link rel="stylesheet" href="/css/style.css">
+    <link rel="stylesheet" href="/css/animations.css">
+</head>
+<body>
+    <header class="main-header">
+        <nav class="nav-container">
+            <div class="logo">
+                <a href="/">
+                    <picture>
+                        <source srcset="/assets/images/logo.png" type="image/webp">
+                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
+                    </picture>
+                </a>
+            </div>
+            <div class="nav-links">
+                <a href="/">Naslovnica</a>
+                <!-- Zavihek "Ponudba" je zdaj dropdown meni -->
+                <div class="dropdown">
+                    <button class="dropbtn">Ponudba</button>
+                    <div class="dropdown-content">
+                        <a href="/ponudba/">Splošne ponudbe</a>
+                        <!-- Celoten meni "Skupaj za vključevanje" je premaknjen sem -->
+                        <div class="dropdown-submenu">
+                            <a href="#">Skupaj za vključevanje</a>
+                            <div class="dropdown-submenu-content">
+                                <div class="dropdown-submenu">
+                                    <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Delavnice</a>
+                                    <div class="dropdown-submenu-content">
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Šola</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
+                                            </div>
+                                        </div>
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Vrtec</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
+                                            </div>
+                                        </div>
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Zaposleni</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- Konec menija "Ponudba" -->
+                <div class="dropdown">
+                    <button class="dropbtn">Skupaj za vključevanje</button>
+                    <div class="dropdown-content">
+                        <div class="dropdown-submenu">
+                            <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
+                            <div class="dropdown-submenu-content">
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
+                            </div>
+                        </div>
+                        <div class="dropdown-submenu">
+                            <a href="#">Delavnice</a>
+                            <div class="dropdown-submenu-content">
+                                <div class="dropdown-submenu">
+                                    <a href="#">Šola</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Vrtec</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Zaposleni</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <a href="/kdo-sem">Kdo sem</a>
+                <a href="/kontakt" class="active">Kontakt</a>
+                <a href="/pogosta-vprasanja">Pogosta vprašanja</a>
+                <a href="/cene-in-reference">Cene in reference</a>
+            </div>
+            <div class="mobile-menu-btn">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+        </nav>
+    </header>
+
+
+
+    <main>
+        <section class="page-hero">
+            <h1 data-aos="fade-up">Delavnica za starše učencev priseljencev</h1>
+        </section>
+
+        <section class="content-section">
+            <div class="container workshop-container">
+                <div class="workshop-grid">
+                    <div class="workshop-text" data-aos="fade-right">
+                        <h2>Šola in starši priseljenci: Kako sodelovati?</h2>
+                        <p class="workshop-lead">
+                            Delavnica pomaga staršem učencev priseljencev razumeti pričakovanja šole, vlogo staršev pri uspehu otrok in načine, kako lahko skupaj z učitelji ustvarijo spodbudno učno okolje.
+                        </p>
+
+                        <div class="workshop-section">
+                            <h4>Namen delavnice</h4>
+                            <p>Staršem približamo sistem slovenskega šolstva, njihove pravice in odgovornosti ter predstavimo, kako lahko učinkovito sodelujejo s šolo, da otrok dobi podporo, ki jo potrebuje.</p>
+                            <p><em>Delavnica poteka v materinščini staršev in po potrebi v slovenščini, da zagotovimo popolno razumljivost in omogočimo odprt pogovor.</em></p>
+                        </div>
+
+                        <div class="workshop-section">
+                            <h4>Cilji delavnice</h4>
+                            <ul>
+                                <li>Pojasniti, kaj šola pričakuje od staršev glede sodelovanja in odgovornosti.</li>
+                                <li>Spodbuditi starše k aktivnemu vključevanju v šolsko življenje otrok.</li>
+                                <li>Ponuditi konkretne nasvete, kako pomagati otrokom pri učenju in prilagajanju.</li>
+                                <li>Okrepiti komunikacijo in zaupanje med starši ter šolskim osebjem.</li>
+                                <li>Predstaviti načine za prepoznavanje in reševanje morebitnih izzivov.</li>
+                            </ul>
+                        </div>
+
+                        <div class="workshop-section">
+                            <h4>Trajanje in organizacija</h4>
+                            <div class="workshop-meta">
+                                <div class="meta-card">
+                                    <span class="meta-label">Trajanje</span>
+                                    <span class="meta-value">90 minut</span>
+                                </div>
+                                <div class="meta-card">
+                                    <span class="meta-label">Lokacija</span>
+                                    <span class="meta-value">V prostorih šole</span>
+                                </div>
+                                <div class="meta-card">
+                                    <span class="meta-label">Jeziki</span>
+                                    <span class="meta-value">Materinščina staršev + slovenščina po potrebi</span>
+                                </div>
+                            </div>
+                        </div>
+                        
+                        <div class="workshop-section">
+                            <h4>Cena</h4>
+                            <div class="price-grid">
+                                <div class="price-card">
+                                    <span class="price-label">En termin</span>
+                                    <span class="price-value">90 €</span>
+                                    <p>+ potni stroški za lokacije izven Ljubljane</p>
+                                </div>
+                                <div class="price-card">
+                                    <span class="price-label">Dva termina v dnevu</span>
+                                    <span class="price-value">170 €</span>
+                                    <p>+ potni stroški za lokacije izven Ljubljane</p>
+                                </div>
+                            </div>
+                        </div>
+
+                        <a href="/assets/pdf/delavnica-sola-in-starsi-priseljenci.pdf" target="_blank" class="pdf-button">Podrobno o delavnici</a>
+                    </div>
+                    <div class="workshop-image" data-aos="fade-left">
+                        <div class="workshop-image-frame">
+                            <img src="/assets/images/vkljucevanje/delavnica-starsi-sola.png" alt="Ilustracija sestanka staršev in učiteljev">
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </main>
+
+    <footer>
+        <div class="footer-content">
+            <div class="footer-logo">
+                <h3>PROSBERRY</h3>
+            </div>
+            <div class="footer-contact">
+                <p>Email: <a href="mailto:info@prosberry.si">info@prosberry.si</a></p>
+                <p>Tel: <a href="tel:+38630312855">+386 30 312 855</a></p>
+            </div>
+        </div>
+    </footer>
+
+    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
+    <script src="/js/main.js"></script>
+    <script src="/js/animations.js"></script>
+</body>
+</html>
diff --git a/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/index.html b/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/index.html
new file mode 100644
index 0000000..0ced28d
--- /dev/null
+++ b/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/index.html
@@ -0,0 +1,217 @@
+<!DOCTYPE html>
+<html lang="sl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Delavnica: Skupaj gradimo nove začetke - Prosberry</title>
+    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
+    <link rel="stylesheet" href="/css/style.css">
+    <link rel="stylesheet" href="/css/animations.css">
+</head>
+<body>
+    <header class="main-header">
+        <nav class="nav-container">
+            <div class="logo">
+                <a href="/">
+                    <picture>
+                        <source srcset="/assets/images/logo.png" type="image/webp">
+                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
+                    </picture>
+                </a>
+            </div>
+            <div class="nav-links">
+                <a href="/">Naslovnica</a>
+                <!-- Zavihek "Ponudba" je zdaj dropdown meni -->
+                <div class="dropdown">
+                    <button class="dropbtn">Ponudba</button>
+                    <div class="dropdown-content">
+                        <a href="/ponudba/">Splošne ponudbe</a>
+                        <!-- Celoten meni "Skupaj za vključevanje" je premaknjen sem -->
+                        <div class="dropdown-submenu">
+                            <a href="#">Skupaj za vključevanje</a>
+                            <div class="dropdown-submenu-content">
+                                <div class="dropdown-submenu">
+                                    <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Delavnice</a>
+                                    <div class="dropdown-submenu-content">
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Šola</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
+                                            </div>
+                                        </div>
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Vrtec</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
+                                            </div>
+                                        </div>
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Zaposleni</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- Konec menija "Ponudba" -->
+                <div class="dropdown">
+                    <button class="dropbtn">Skupaj za vključevanje</button>
+                    <div class="dropdown-content">
+                        <div class="dropdown-submenu">
+                            <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
+                            <div class="dropdown-submenu-content">
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
+                            </div>
+                        </div>
+                        <div class="dropdown-submenu">
+                            <a href="#">Delavnice</a>
+                            <div class="dropdown-submenu-content">
+                                <div class="dropdown-submenu">
+                                    <a href="#">Šola</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Vrtec</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Zaposleni</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <a href="/kdo-sem">Kdo sem</a>
+                <a href="/kontakt" class="active">Kontakt</a>
+                <a href="/pogosta-vprasanja">Pogosta vprašanja</a>
+                <a href="/cene-in-reference">Cene in reference</a>
+            </div>
+            <div class="mobile-menu-btn">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+        </nav>
+    </header>
+
+
+
+    <main>
+        <section class="page-hero">
+            <h1 data-aos="fade-up">Delavnica za starše otrok priseljencev v vrtcu</h1>
+        </section>
+
+        <section class="content-section">
+            <div class="container workshop-container">
+                <div class="workshop-grid">
+                    <div class="workshop-text" data-aos="fade-right">
+                        <h2>Skupaj gradimo nove začetke</h2>
+                        <p class="workshop-lead">
+                            Delavnica pomaga vrtcem ustvariti varno okolje, kjer starši priseljenci spoznajo delovanje vrtca, vzpostavijo zaupanje z vzgojiteljicami ter bolje razumejo pričakovanja in rutine, ki čakajo njihove otroke.
+                        </p>
+
+                        <div class="workshop-section">
+                            <h4>Komu je delavnica namenjena?</h4>
+                            <p>Delavnica je namenjena vrtcem, ki želijo staršem otrok priseljencev približati svoje delovanje, zlasti tistim, katerih otroci se prvič vključujejo v slovenski vrtec. Osrednji poudarek je na vzpostavljanju razumevanja in sodelovanja med vrtcem ter družinami.</p>
+                        </div>
+
+                        <div class="workshop-section">
+                            <h4>Cilji delavnice</h4>
+                            <ul>
+                                <li>Ustvarjanje odprtega in varnega prostora za spoznavanje vrtca in vzgojiteljic.</li>
+                                <li>Razvoj zaupanja med vrtcem in starši priseljenci.</li>
+                                <li>Predstavitev osnovnih informacij o delovanju vrtca v razumljivem jeziku.</li>
+                                <li>Pomoč pri razumevanju pravil, rutine in vzgojnih pričakovanj.</li>
+                                <li>Spodbujanje povezovanja staršev – tudi med različnimi kulturami.</li>
+                                <li>Zmanjševanje stiske ob prvem vključevanju otroka v novo okolje.</li>
+                            </ul>
+                        </div>
+
+                        <div class="workshop-section">
+                            <h4>Trajanje in organizacija</h4>
+                            <div class="workshop-meta">
+                                <div class="meta-card">
+                                    <span class="meta-label">Trajanje</span>
+                                    <span class="meta-value">90 minut</span>
+                                </div>
+                                <div class="meta-card">
+                                    <span class="meta-label">Lokacija</span>
+                                    <span class="meta-value">V prostorih vrtca</span>
+                                </div>
+                                <div class="meta-card">
+                                    <span class="meta-label">Jeziki</span>
+                                    <span class="meta-value">Materinščina staršev + slovenščina po potrebi</span>
+                                </div>
+                            </div>
+                        </div>
+                        
+                        <div class="workshop-section">
+                            <h4>Cena</h4>
+                            <div class="price-grid">
+                                <div class="price-card">
+                                    <span class="price-label">En termin</span>
+                                    <span class="price-value">90 €</span>
+                                    <p>+ potni stroški za lokacije izven Ljubljane</p>
+                                </div>
+                                <div class="price-card">
+                                    <span class="price-label">Dva termina v dnevu</span>
+                                    <span class="price-value">170 €</span>
+                                    <p>+ potni stroški za lokacije izven Ljubljane</p>
+                                </div>
+                            </div>
+                        </div>
+
+                        <a href="/assets/pdf/delavnica-skupaj-gradimo-nove-zacetke.pdf" target="_blank" class="pdf-button">Podrobno o delavnici</a>
+                    </div>
+                    <div class="workshop-image" data-aos="fade-left">
+                        <div class="workshop-image-frame">
+                            <img src="/assets/images/vkljucevanje/delavnica-starsi-vrtec.png" alt="Ilustracija srečanja staršev v vrtcu">
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </main>
+
+    <footer>
+        <div class="footer-content">
+            <div class="footer-logo">
+                <h3>PROSBERRY</h3>
+            </div>
+            <div class="footer-contact">
+                <p>Email: <a href="mailto:info@prosberry.si">info@prosberry.si</a></p>
+                <p>Tel: <a href="tel:+38630312855">+386 30 312 855</a></p>
+            </div>
+        </div>
+    </footer>
+
+    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
+    <script src="/js/main.js"></script>
+    <script src="/js/animations.js"></script>
+</body>
+</html>
diff --git a/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/index.html b/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/index.html
new file mode 100644
index 0000000..d689ec0
--- /dev/null
+++ b/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/index.html
@@ -0,0 +1,216 @@
+<!DOCTYPE html>
+<html lang="sl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Delavnica: Zakaj se splača znati slovensko? - Prosberry</title>
+    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
+    <link rel="stylesheet" href="/css/style.css">
+    <link rel="stylesheet" href="/css/animations.css">
+</head>
+<body>
+    <header class="main-header">
+        <nav class="nav-container">
+            <div class="logo">
+                <a href="/">
+                    <picture>
+                        <source srcset="/assets/images/logo.png" type="image/webp">
+                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
+                    </picture>
+                </a>
+            </div>
+            <div class="nav-links">
+                <a href="/">Naslovnica</a>
+                <!-- Zavihek "Ponudba" je zdaj dropdown meni -->
+                <div class="dropdown">
+                    <button class="dropbtn">Ponudba</button>
+                    <div class="dropdown-content">
+                        <a href="/ponudba/">Splošne ponudbe</a>
+                        <!-- Celoten meni "Skupaj za vključevanje" je premaknjen sem -->
+                        <div class="dropdown-submenu">
+                            <a href="#">Skupaj za vključevanje</a>
+                            <div class="dropdown-submenu-content">
+                                <div class="dropdown-submenu">
+                                    <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Delavnice</a>
+                                    <div class="dropdown-submenu-content">
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Šola</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
+                                            </div>
+                                        </div>
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Vrtec</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
+                                            </div>
+                                        </div>
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Zaposleni</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- Konec menija "Ponudba" -->
+                <div class="dropdown">
+                    <button class="dropbtn">Skupaj za vključevanje</button>
+                    <div class="dropdown-content">
+                        <div class="dropdown-submenu">
+                            <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
+                            <div class="dropdown-submenu-content">
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
+                            </div>
+                        </div>
+                        <div class="dropdown-submenu">
+                            <a href="#">Delavnice</a>
+                            <div class="dropdown-submenu-content">
+                                <div class="dropdown-submenu">
+                                    <a href="#">Šola</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Vrtec</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Zaposleni</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <a href="/kdo-sem">Kdo sem</a>
+                <a href="/kontakt" class="active">Kontakt</a>
+                <a href="/pogosta-vprasanja">Pogosta vprašanja</a>
+                <a href="/cene-in-reference">Cene in reference</a>
+            </div>
+            <div class="mobile-menu-btn">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+        </nav>
+    </header>
+
+
+
+    <main>
+        <section class="page-hero">
+            <h1 data-aos="fade-up">Delavnica za učence priseljence</h1>
+        </section>
+
+        <section class="content-section">
+            <div class="container workshop-container">
+                <div class="workshop-grid">
+                    <div class="workshop-text" data-aos="fade-right">
+                        <h2>Zakaj se splača znati slovensko?</h2>
+                        <p class="workshop-lead">
+                            Interaktivna delavnica učencem priseljencem pokaže, kako znanje slovenskega jezika odpira vrata v šoli in širši skupnosti, hkrati pa gradi samozavest in občutek pripadnosti.
+                        </p>
+                        
+                        <div class="workshop-section">
+                            <h4>Komu je delavnica namenjena?</h4>
+                            <p>Delavnica je namenjena osnovnim šolam, ki želijo podpreti učence priseljence pri vključevanju v novo šolsko in družbeno okolje. Prek pogovorov, iger in primerov iz prakse učenci spoznajo vlogo jezika pri ustvarjanju prijateljstev ter uspehu pri pouku.</p>
+                            <p><em>Jezik delavnice prilagodimo skupini – po potrebi poteka v materinščini učencev ali v kombinaciji s slovenščino.</em></p>
+                        </div>
+
+                        <div class="workshop-section">
+                            <h4>Cilji delavnice</h4>
+                            <ul>
+                                <li>Razumevanje pomena slovenskega jezika za šolski uspeh in vsakdanje življenje.</li>
+                                <li>Spodbujanje pozitivnega odnosa do učenja slovenščine.</li>
+                                <li>Spoznavanje osnov slovenske kulture in navad.</li>
+                                <li>Podpora pri soočanju z izzivi vključevanja in gradnji samozavesti.</li>
+                            </ul>
+                        </div>
+
+                        <div class="workshop-section">
+                            <h4>Trajanje in organizacija</h4>
+                            <div class="workshop-meta">
+                                <div class="meta-card">
+                                    <span class="meta-label">Trajanje</span>
+                                    <span class="meta-value">90 minut</span>
+                                </div>
+                                <div class="meta-card">
+                                    <span class="meta-label">Lokacija</span>
+                                    <span class="meta-value">V šoli</span>
+                                </div>
+                                <div class="meta-card">
+                                    <span class="meta-label">Skupina</span>
+                                    <span class="meta-value">Do 12–15 učencev</span>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="workshop-section">
+                            <h4>Cena</h4>
+                            <div class="price-grid">
+                                <div class="price-card">
+                                    <span class="price-label">En termin</span>
+                                    <span class="price-value">90 €</span>
+                                    <p>+ potni stroški za lokacije izven Ljubljane</p>
+                                </div>
+                                <div class="price-card">
+                                    <span class="price-label">Dva termina v dnevu</span>
+                                    <span class="price-value">170 €</span>
+                                    <p>+ potni stroški za lokacije izven Ljubljane</p>
+                                </div>
+                            </div>
+                        </div>
+
+                        <a href="/assets/pdf/delavnica-zakaj-znati-slovensko.pdf" target="_blank" class="pdf-button">Podrobno o delavnici</a>
+                    </div>
+                    <div class="workshop-image" data-aos="fade-left">
+                        <div class="workshop-image-frame">
+                            <img src="/assets/images/vkljucevanje/delavnica-ucenci.png" alt="Ilustracija učenja slovenskega jezika">
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </main>
+
+    <footer>
+        <div class="footer-content">
+            <div class="footer-logo">
+                <h3>PROSBERRY</h3>
+            </div>
+            <div class="footer-contact">
+                <p>Email: <a href="mailto:info@prosberry.si">info@prosberry.si</a></p>
+                <p>Tel: <a href="tel:+38630312855">+386 30 312 855</a></p>
+            </div>
+        </div>
+    </footer>
+
+    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
+    <script src="/js/main.js"></script>
+    <script src="/js/animations.js"></script>
+</body>
+</html>
diff --git a/skupaj-za-vkljucevanje/medkulturno-posredovanje/index.html b/skupaj-za-vkljucevanje/medkulturno-posredovanje/index.html
new file mode 100644
index 0000000..fce1906
--- /dev/null
+++ b/skupaj-za-vkljucevanje/medkulturno-posredovanje/index.html
@@ -0,0 +1,220 @@
+<!DOCTYPE html>
+<html lang="sl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Medkulturno posredovanje - Prosberry</title>
+    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
+    <link rel="stylesheet" href="/css/style.css">
+    <link rel="stylesheet" href="/css/animations.css">
+</head>
+<body>
+    <header class="main-header">
+        <nav class="nav-container">
+            <div class="logo">
+                <a href="/">
+                    <picture>
+                        <source srcset="/assets/images/logo.png" type="image/webp">
+                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
+                    </picture>
+                </a>
+            </div>
+            <div class="nav-links">
+                <a href="/">Naslovnica</a>
+                <!-- Zavihek "Ponudba" je zdaj dropdown meni -->
+                <div class="dropdown">
+                    <button class="dropbtn">Ponudba</button>
+                    <div class="dropdown-content">
+                        <a href="/ponudba/">Splošne ponudbe</a>
+                        <!-- Celoten meni "Skupaj za vključevanje" je premaknjen sem -->
+                        <div class="dropdown-submenu">
+                            <a href="#">Skupaj za vključevanje</a>
+                            <div class="dropdown-submenu-content">
+                                <div class="dropdown-submenu">
+                                    <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
+                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Delavnice</a>
+                                    <div class="dropdown-submenu-content">
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Šola</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
+                                            </div>
+                                        </div>
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Vrtec</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
+                                            </div>
+                                        </div>
+                                        <div class="dropdown-submenu">
+                                            <a href="#">Zaposleni</a>
+                                            <div class="dropdown-submenu-content">
+                                                <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- Konec menija "Ponudba" -->
+                <div class="dropdown">
+                    <button class="dropbtn">Skupaj za vključevanje</button>
+                    <div class="dropdown-content">
+                        <div class="dropdown-submenu">
+                            <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
+                            <div class="dropdown-submenu-content">
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
+                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
+                            </div>
+                        </div>
+                        <div class="dropdown-submenu">
+                            <a href="#">Delavnice</a>
+                            <div class="dropdown-submenu-content">
+                                <div class="dropdown-submenu">
+                                    <a href="#">Šola</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Vrtec</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
+                                    </div>
+                                </div>
+                                <div class="dropdown-submenu">
+                                    <a href="#">Zaposleni</a>
+                                    <div class="dropdown-submenu-content">
+                                        <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <a href="/kdo-sem">Kdo sem</a>
+                <a href="/kontakt" class="active">Kontakt</a>
+                <a href="/pogosta-vprasanja">Pogosta vprašanja</a>
+                <a href="/cene-in-reference">Cene in reference</a>
+            </div>
+            <div class="mobile-menu-btn">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+        </nav>
+    </header>
+
+
+
+    <main>
+        <section class="page-hero">
+            <h1 data-aos="fade-up">Medkulturno posredovanje</h1>
+        </section>
+
+        <section class="content-section">
+            <div class="container">
+                
+                <div id="individualno" class="mediation-section" data-aos="fade-up">
+                    <h2>INDIVIDUALNO</h2>
+                    <div class="mediation-content">
+                        <p>V individualnem medkulturnem posredovanju se rešuje en konkreten primer, kjer je v ospredju razumevanje med posameznikom (ali manjšim številom oseb) in drugo stranjo. Čeprav je lahko vpletenih več oseb, gre še vedno za posamičen primer, kjer medkulturni posredovalec pomaga razumeti razlike, ki vplivajo na odnos ali spor.</p>
+                        <p><strong>Primer:</strong> Šola ima nesporazum s starši učenca, ki prihajajo iz drugega kulturnega okolja – medkulturni posrednik posreduje med obema stranema, da dosežejo razumevanje in rešitev.</p>
+                    </div>
+                </div>
+
+                <div id="skupinsko" class="mediation-section" data-aos="fade-up">
+                    <h2>SKUPINSKO</h2>
+                    <div class="mediation-content">
+                        <p>V skupinskem medkulturnem posredovanju pa gre za razumevanje med dvema skupinama, kjer je cilj širše ozaveščanje in gradnja odnosov, ki koristijo večjemu številu ljudi. Vključuje dve ali več skupin, pri čemer je poudarek na razumevanju kulturnih razlik med skupinami in izboljšanju skupinske dinamike. Vsaka skupina je sestavljena iz več posameznikov, ki bodo imeli koristi od večjega medkulturnega razumevanja.</p>
+                        <p><strong>Primer:</strong> V šoli se pojavljajo nesporazumi med učitelji in starši priseljencev. Organizirajo skupno medkulturno posredovanje, kjer medkulturni posredovalec vodi pogovor, predstavi pričakovanja in izzive ter pomaga izboljšati razumevanje, komunikacijo in sodelovanje v korist otrok.</p>
+                    </div>
+                </div>
+
+                <div id="potek" class="mediation-section" data-aos="fade-up">
+                    <h2>POTEK</h2>
+                    <div class="mediation-content">
+                        <p>Potek medkulturnega posredovanja se prilagodi potrebam posameznega primera. Pred začetkom srečanja se običajno določi oblika medkulturnega posredovanja in opredelijo cilji, na podlagi katerih se usmerja potek pogovora, kar prispeva k učinkovitemu doseganju skupnega razumevanja.</p>
+                        <p>Pri nesporazumih ali konfliktih medkulturni posrednik običajno najprej opravi ločene pogovore z vsako stranjo. V primerih, ko gre za razlago dokumentov ali jezikovne ovire, pa se posredovanje lahko izvede neposredno med skupnim srečanjem. Medkulturni posrednik nevtralno usmerja pogovor, osvetli nejasnosti in pomaga pri medsebojnem razumevanju.</p>
+                    </div>
+                </div>
+
+                <div id="oblike" class="mediation-section" data-aos="fade-up">
+                    <h2>OBLIKE GLEDE NA NAMEN</h2>
+                    <div class="mediation-content">
+                        <div>
+                            <h3>1. Pomoč pri razlagi načrtov in dokumentov</h3>
+                            <button class="accordion-toggle">Več</button>
+                            <div class="accordion-content">
+                                <p>V to kategorijo vključimo vse primere, kjer medkulturni posrednik pojasnjuje vsebinske pomene dokumentov ali načrtov posameznikom ter hkrati posreduje informacije obema stranema:</p>
+                                <ul>
+                                    <li>individualni vzgojni načrti, šolska pravila, zdravniške odločbe;</li>
+                                    <li>kulturno posredovanje in razlaga zahtev, pričakovanj institucij;</li>
+                                    <li>podpora pri razumevanju postopkov in pravic.</li>
+                                </ul>
+                            </div>
+                        </div>
+
+                        <div style="margin-top: 2rem;">
+                            <h3>2. Reševanje nesporazumov ali napetosti</h3>
+                            <button class="accordion-toggle">Več</button>
+                            <div class="accordion-content">
+                                <p>Ta del vključuje vse primere, kjer pride do napetosti, konfliktov ali nesoglasij med posamezniki in institucijo ali strokovnjakom:</p>
+                                <ul>
+                                    <li>razreševanje konfliktov zaradi različnih pričakovanj in kulturnih vrednot;</li>
+                                    <li>posredovanje med staršem in vzgojiteljico, zdravnikom, svetovalnim delavcem ipd.;</li>
+                                    <li>omogočanje varnega prostora za izražanje skrbi in iskanje razumevanja.</li>
+                                </ul>
+                            </div>
+                        </div>
+
+                        <div style="margin-top: 2rem;">
+                            <h3>3. Svetovalno medkulturno posredovanje za lažje vključevanje</h3>
+                            <button class="accordion-toggle">Več</button>
+                            <div class="accordion-content">
+                                <p>V to kategorijo spadajo primeri, kjer medkulturni posrednik deluje predvsem preventivno, brez prisotnosti spora:</p>
+                                <ul>
+                                    <li>gradnja razumevanja in sodelovanja med posamezniki in institucijo;</li>
+                                    <li>predstavitev pričakovanj, vrednot in kulturnih razlik pred začetkom sodelovanja;</li>
+                                    <li>podpora pri preprečevanju nesporazumov.</li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+            </div>
+        </section>
+    </main>
+
+    <footer>
+        <div class="footer-content">
+            <div class="footer-logo">
+                <h3>PROSBERRY</h3>
+            </div>
+            <div class="footer-contact">
+                <p>Email: <a href="mailto:info@prosberry.si">info@prosberry.si</a></p>
+                <p>Tel: <a href="tel:+38630312855">+386 30 312 855</a></p>
+            </div>
+        </div>
+    </footer>
+
+    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
+    <script src="/js/main.js"></script>
+    <script src="/js/animations.js"></script>
+</body>
+</html>
diff --git a/update-menus.sh b/update-menus.sh
new file mode 100755
index 0000000..1b26798
--- /dev/null
+++ b/update-menus.sh
@@ -0,0 +1,77 @@
+#!/bin/bash
+
+# --- KONFIGURACIJA ---
+TEMPLATE_FILE="header-template.html"
+PROCESSED_TEMPLATE_TMP="header.tmp"
+HTML_FILES=$(find . -name "*.html" ! -path "./$TEMPLATE_FILE")
+
+# --- PREVERJANJA ---
+if [ ! -f "$TEMPLATE_FILE" ]; then
+    echo "NAPAKA: Predloga '$TEMPLATE_FILE' ne obstaja."
+    exit 1
+fi
+
+# --- GLAVNA LOGIKA ---
+echo "Začenjam s posodabljanjem menijev..."
+
+template_content=$(<"$TEMPLATE_FILE")
+
+for file in $HTML_FILES; do
+    processed_header="$template_content"
+    active_placeholder=""
+
+    # === DOKONČNO POPRAVLJENA LOGIKA ZA PREPOZNAVANJE STRANI ===
+    if [[ "$file" == "./index.html" ]]; then
+        active_placeholder="{{ACTIVE_NASLOVNICA}}"
+    # DOKONČEN POPRAVEK: Ta pogoj zdaj prepozna SAMO glavno stran ponudbe
+    elif [[ "$file" == *"/ponudba/index.html"* ]]; then
+        active_placeholder="{{ACTIVE_PONUDBA}}"
+    elif [[ "$file" == *"/kdo-sem/index.html"* ]]; then
+        active_placeholder="{{ACTIVE_KDO_SEM}}"
+    elif [[ "$file" == *"/kontakt/index.html"* ]]; then
+        active_placeholder="{{ACTIVE_KONTAKT}}"
+    # DOKONČEN POPRAVEK: Ta pogoj pravilno prepozna VSE strani pod Skupaj za vključevanje
+    elif [[ "$file" == *"/skupaj-za-vkljucevanje/"* ]]; then
+        active_placeholder="{{ACTIVE_VKLJUCEVANJE}}"
+    elif [[ "$file" == *"/cene-in-reference/index.html"* || "$file" == *"/cene-in-sodelovanja/index.html"* ]]; then
+        active_placeholder="{{ACTIVE_CENE}}"
+    fi
+
+    if [ -n "$active_placeholder" ]; then
+        processed_header="${processed_header//$active_placeholder/class=\"active\"}"
+    fi
+
+    processed_header=$(echo "$processed_header" | sed 's/{{[A-Z_]*}}//g')
+    echo "$processed_header" > "$PROCESSED_TEMPLATE_TMP"
+
+    awk '
+        BEGIN { in_header = 0; replaced = 0 }
+        /<header class="main-header">/ {
+            if (!in_header) {
+                while ((getline line < "header.tmp") > 0) {
+                    print line
+                }
+                close("header.tmp")
+                in_header = 1
+                replaced = 1
+            }
+        }
+        /<\/header>/ {
+            in_header = 0
+            next
+        }
+        !in_header { print }
+        END { exit !replaced }
+    ' "$file" > "$file.tmp"
+
+    if [ $? -eq 0 ]; then
+        mv "$file.tmp" "$file"
+        echo "Uspešno posodobljen meni v datoteki: $file"
+    else
+        rm -f "$file.tmp"
+        echo "NAPAKA: Meni v datoteki '$file' ni bil zamenjan. Preverite značko '<header class=\"main-header\">'."
+    fi
+done
+
+rm -f "$PROCESSED_TEMPLATE_TMP"
+echo "Posodabljanje zaključeno."
\ No newline at end of file