{"id":13506,"date":"2025-10-18T13:46:02","date_gmt":"2025-10-18T11:46:02","guid":{"rendered":"https:\/\/pappcseperke.hu\/?page_id=13506"},"modified":"2025-10-24T18:24:02","modified_gmt":"2025-10-24T16:24:02","slug":"webdesign-portfolio","status":"publish","type":"page","link":"https:\/\/pappcseperke.hu\/hu\/webdesign-portfolio\/","title":{"rendered":"Webdesign Portfolio"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"13506\" class=\"elementor elementor-13506\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-056e078 e-con-full elementor-hidden-desktop elementor-hidden-tablet e-flex e-con e-parent\" data-id=\"056e078\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;position&quot;:&quot;fixed&quot;,&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c330cd2 animated-slow e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"c330cd2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInDown&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-41084c2 animated-slow e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"41084c2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_mobile&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3531556 elementor-widget elementor-widget-html\" data-id=\"3531556\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    if (window.innerWidth > 767) return;\n\n    const posts = document.querySelectorAll('article.elementor-post');\n    const centralZoneHeight = 100;\n\n    function handleScrollAnimations() {\n        const windowHeight = window.innerHeight;\n        const viewportCenter = windowHeight \/ 2;\n        const zoneTop = viewportCenter - (centralZoneHeight \/ 2);\n        const zoneBottom = viewportCenter + (centralZoneHeight \/ 2);\n\n        posts.forEach(post => {\n            const rect = post.getBoundingClientRect();\n            const excerpt = post.querySelector('.elementor-post__excerpt');\n            if (!excerpt) return;\n\n            const elementCenter = rect.top + rect.height \/ 2;\n            let proximity;\n\n            if (elementCenter > zoneTop && elementCenter < zoneBottom) {\n                proximity = 1;\n            } else {\n                let distanceFromZoneEdge;\n                if (elementCenter <= zoneTop) {\n                    distanceFromZoneEdge = zoneTop - elementCenter;\n                } else {\n                    distanceFromZoneEdge = elementCenter - zoneBottom;\n                }\n                const maxDistance = viewportCenter - (centralZoneHeight \/ 2) + (rect.height \/ 2);\n                proximity = 1 - (distanceFromZoneEdge \/ maxDistance);\n                proximity = Math.max(0, Math.min(1, proximity));\n            }\n\n            const maxRotation = 60;\n            let rotation = maxRotation * (1 - proximity);\n\n            if (elementCenter < viewportCenter) {\n                post.style.transformOrigin = 'bottom';\n            } else {\n                post.style.transformOrigin = 'top';\n                rotation = -rotation;\n            }\n            post.style.opacity = proximity;\n            \/\/ UPDATED LINE: Added perspective directly to the transform\n            post.style.transform = `perspective(1000px) rotateX(${rotation}deg)`;\n\n            const currentState = excerpt.dataset.state || 'hidden';\n            const triggerThreshold = 0.8;\n\n            if (proximity > triggerThreshold && currentState === 'hidden') {\n                excerpt.dataset.state = 'visible';\n                excerpt.classList.add('fade-in-timed');\n                excerpt.classList.remove('fade-out-top', 'fade-out-bottom');\n            } else if (proximity <= triggerThreshold && currentState === 'visible') {\n                excerpt.dataset.state = 'hidden';\n                if (elementCenter > viewportCenter) {\n                    excerpt.classList.add('fade-out-bottom');\n                } else {\n                    excerpt.classList.add('fade-out-top');\n                }\n                excerpt.classList.remove('fade-in-timed');\n            }\n        });\n    }\n\n    window.addEventListener('scroll', handleScrollAnimations, { passive: true });\n    handleScrollAnimations();\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4708396 elementor-posts--align-center elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-posts--thumbnail-top elementor-widget elementor-widget-posts\" data-id=\"4708396\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;fadeIn&quot;,&quot;classic_columns&quot;:&quot;3&quot;,&quot;classic_columns_tablet&quot;:&quot;2&quot;,&quot;classic_columns_mobile&quot;:&quot;1&quot;,&quot;classic_row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:35,&quot;sizes&quot;:[]},&quot;classic_row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;classic_row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"posts.classic\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-posts-container elementor-posts elementor-posts--skin-classic elementor-grid\" role=\"list\">\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-13279 post type-post status-publish format-standard has-post-thumbnail hentry category-portfolio category-webdesign\" role=\"listitem\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/pappcseperke.hu\/hu\/website-for-lumiere-filmschool\/\" tabindex=\"-1\" target=\"&quot;_blank&quot;\">\n\t\t\t<div class=\"elementor-post__thumbnail\"><img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/09\/webdesignmockup_lumiere.jpg\" class=\"attachment-large size-large wp-image-13520\" alt=\"\" srcset=\"https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/09\/webdesignmockup_lumiere.jpg 960w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/09\/webdesignmockup_lumiere-300x169.jpg 300w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/09\/webdesignmockup_lumiere-768x432.jpg 768w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/09\/webdesignmockup_lumiere-18x10.jpg 18w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>Budapest film school training the next generation of filmmakers through hands-on collaboration and international festival-focused education.<\/p>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-13522 post type-post status-publish format-standard has-post-thumbnail hentry category-portfolio category-webdesign\" role=\"listitem\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/pappcseperke.hu\/hu\/fotoquick-website\/\" tabindex=\"-1\" target=\"&quot;_blank&quot;\">\n\t\t\t<div class=\"elementor-post__thumbnail\"><img decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/09\/webdesignmockup_fotoquick.jpg\" class=\"attachment-large size-large wp-image-13511\" alt=\"\" srcset=\"https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/09\/webdesignmockup_fotoquick.jpg 960w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/09\/webdesignmockup_fotoquick-300x169.jpg 300w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/09\/webdesignmockup_fotoquick-768x432.jpg 768w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/09\/webdesignmockup_fotoquick-18x10.jpg 18w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>Sz\u00e9kesfeh\u00e9rv\u00e1r fot\u00f3szak\u00fczlete \u00e9s vegyszeres laborja 34 \u00e9ve. Professzion\u00e1lis k\u00e9pkidolgoz\u00e1s \u00e9s szak\u00e9rt\u0151 seg\u00edts\u00e9g egy helyen.<\/p>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-13543 post type-post status-publish format-standard has-post-thumbnail hentry category-portfolio category-webdesign\" role=\"listitem\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/pappcseperke.hu\/hu\/andrea-lang-tamas-landing-page-design\/\" tabindex=\"-1\" target=\"&quot;_blank&quot;\">\n\t\t\t<div class=\"elementor-post__thumbnail\"><img decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/09\/webdesignmockup_tla.jpg\" class=\"attachment-large size-large wp-image-13513\" alt=\"\" srcset=\"https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/09\/webdesignmockup_tla.jpg 960w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/09\/webdesignmockup_tla-300x169.jpg 300w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/09\/webdesignmockup_tla-768x432.jpg 768w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2025\/09\/webdesignmockup_tla-18x10.jpg 18w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>Pszichol\u00f3gus, p\u00e1r- \u00e9s csal\u00e1dterapeuta 20 \u00e9v tapasztalattal. Szakter\u00fcletei a munkahelyi elakad\u00e1sok, a p\u00e1rkapcsolati neh\u00e9zs\u00e9gek \u00e9s az \u00f6r\u00f6kbefogad\u00e1s folyamat\u00e1nak k\u00eds\u00e9r\u00e9se.<\/p>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-1767 post type-post status-publish format-standard has-post-thumbnail hentry category-logo-design category-ui-design category-webdesign tag-logo-design tag-webdesign\" role=\"listitem\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/pappcseperke.hu\/hu\/n-dizajn-glass-jewellery-logo-and-webshop\/\" tabindex=\"-1\" target=\"&quot;_blank&quot;\">\n\t\t\t<div class=\"elementor-post__thumbnail\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/pappcseperke.hu\/wp-content\/uploads\/2021\/02\/webdesignmockup_ndizajn.jpg\" class=\"attachment-large size-large wp-image-13521\" alt=\"\" srcset=\"https:\/\/pappcseperke.hu\/wp-content\/uploads\/2021\/02\/webdesignmockup_ndizajn.jpg 960w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2021\/02\/webdesignmockup_ndizajn-300x169.jpg 300w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2021\/02\/webdesignmockup_ndizajn-768x432.jpg 768w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2021\/02\/webdesignmockup_ndizajn-18x10.jpg 18w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>\u00dcvegm\u0171v\u00e9sz \u00e9s mozaikk\u00e9sz\u00edt\u0151, akinek szenved\u00e9lyes m\u0171v\u00e9szete egy k\u00e9zm\u0171ves hobbib\u00f3l bontakozott ki. Alkot\u00e1sait a szabads\u00e1g, a rugalmass\u00e1g \u00e9s az \u00e9letteli sz\u00ednek teszik egyediv\u00e9.<\/p>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-1760 post type-post status-publish format-standard has-post-thumbnail hentry category-logo-design category-webdesign tag-logo-design tag-webdesign\" role=\"listitem\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/pappcseperke.hu\/hu\/theatre-logo-and-webdesign\/\" tabindex=\"-1\" target=\"&quot;_blank&quot;\">\n\t\t\t<div class=\"elementor-post__thumbnail\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/pappcseperke.hu\/wp-content\/uploads\/2023\/08\/webdesignmockup_podium_smaller-1.jpg\" class=\"attachment-large size-large wp-image-7849\" alt=\"\" srcset=\"https:\/\/pappcseperke.hu\/wp-content\/uploads\/2023\/08\/webdesignmockup_podium_smaller-1.jpg 960w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2023\/08\/webdesignmockup_podium_smaller-1-300x169.jpg 300w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2023\/08\/webdesignmockup_podium_smaller-1-768x432.jpg 768w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2023\/08\/webdesignmockup_podium_smaller-1-18x10.jpg 18w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>Egy 16 \u00e9ve m\u0171k\u00f6d\u0151 v\u00e1ndort\u00e1rsulat honlapja. El\u0151ad\u00e1saikkal mag\u00e1val ragad\u00f3 sz\u00ednh\u00e1zi \u00e9lm\u00e9nyt ny\u00fajtanak kicsiknek \u00e9s nagyoknak, belf\u00f6ld\u00f6n \u00e9s k\u00fclf\u00f6ld\u00f6n egyar\u00e1nt.<\/p>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-1753 post type-post status-publish format-standard has-post-thumbnail hentry category-projects category-webdesign tag-elementor tag-webdesign tag-wordpress\" role=\"listitem\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/pappcseperke.hu\/hu\/kincso-nora-petho-actress-website\/\" tabindex=\"-1\" target=\"&quot;_blank&quot;\">\n\t\t\t<div class=\"elementor-post__thumbnail\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/pappcseperke.hu\/wp-content\/uploads\/2021\/02\/webdesignmockup_kincso_smaller.jpg\" class=\"attachment-large size-large wp-image-8408\" alt=\"\" srcset=\"https:\/\/pappcseperke.hu\/wp-content\/uploads\/2021\/02\/webdesignmockup_kincso_smaller.jpg 960w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2021\/02\/webdesignmockup_kincso_smaller-300x169.jpg 300w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2021\/02\/webdesignmockup_kincso_smaller-768x432.jpg 768w, https:\/\/pappcseperke.hu\/wp-content\/uploads\/2021\/02\/webdesignmockup_kincso_smaller-18x10.jpg 18w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>Film, sz\u00ednh\u00e1z, t\u00e1nc \u00e9s koreogr\u00e1fia: egy sokoldal\u00fa el\u0151ad\u00f3m\u0171v\u00e9sz weboldala, amely bemutatja tehets\u00e9g\u00e9nek soksz\u00edn\u0171s\u00e9g\u00e9t a sz\u00ednpadt\u00f3l a filmv\u00e1szonig.<\/p>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-13506","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/pages\/13506","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/comments?post=13506"}],"version-history":[{"count":236,"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/pages\/13506\/revisions"}],"predecessor-version":[{"id":14151,"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/pages\/13506\/revisions\/14151"}],"wp:attachment":[{"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/media?parent=13506"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}