{"id":16,"date":"2026-04-21T18:00:04","date_gmt":"2026-04-21T16:00:04","guid":{"rendered":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/?page_id=16"},"modified":"2026-06-02T17:39:48","modified_gmt":"2026-06-02T15:39:48","slug":"munkaim","status":"publish","type":"page","link":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/en\/munkaim\/","title":{"rendered":"Work"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16\" class=\"elementor elementor-16\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62f5ea7 e-flex e-con-boxed e-con e-parent\" data-id=\"62f5ea7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c6496c1 e-con-full e-flex e-con e-child\" data-id=\"c6496c1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e0e60c0 e-con-full e-flex e-con e-child\" data-id=\"e0e60c0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-7795c9b e-con-full e-flex e-con e-child\" data-id=\"7795c9b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ade52cc e-con-full e-flex e-con e-child\" data-id=\"ade52cc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-1be7e97 e-con-full e-flex e-con e-child\" data-id=\"1be7e97\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-edba7b0 elementor-widget elementor-widget-heading\" data-id=\"edba7b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">MUNK\u00c1IM\n<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b27b89d elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"b27b89d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4548f3f elementor-widget elementor-widget-heading\" data-id=\"4548f3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">projecteim<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-241542f elementor-widget-tablet_extra__width-initial elementor-widget elementor-widget-heading\" data-id=\"241542f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">V\u00e1logat\u00e1s a legut\u00f3bbi munk\u00e1imb\u00f3l.\u2028 Minden projekt egyedi megold\u00e1s, \u00e1tgondolt koncepci\u00f3val \u00e9s letisztult vizu\u00e1lis vil\u00e1ggal.<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ee48918 elementor-widget__width-initial elementor-align-left elementor-widget elementor-widget-button\" data-id=\"ee48918\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">T\u00f6bb INf\u00f3<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d74254c e-con-full e-flex e-con e-child\" data-id=\"d74254c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-fee6de5 e-con-full e-flex e-con e-child\" data-id=\"fee6de5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a5f413e e-con-full e-flex e-con e-child\" data-id=\"a5f413e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-33924da elementor-widget elementor-widget-image\" data-id=\"33924da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"533\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/05\/WORKS_MOBIL-1024x682.png\" class=\"attachment-large size-large wp-image-408\" alt=\"Mineralforest\" srcset=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/05\/WORKS_MOBIL-1024x682.png 1024w, https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/05\/WORKS_MOBIL-300x200.png 300w, https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/05\/WORKS_MOBIL-768x512.png 768w, https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/05\/WORKS_MOBIL-1536x1023.png 1536w, https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/05\/WORKS_MOBIL.png 1600w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8390277 elementor-widget elementor-widget-image\" data-id=\"8390277\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"615\" height=\"184\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/05\/pontok-1.png\" class=\"attachment-full size-full wp-image-130\" alt=\"\" srcset=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/05\/pontok-1.png 615w, https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/05\/pontok-1-300x90.png 300w\" sizes=\"(max-width: 615px) 100vw, 615px\" \/>\t\t\t\t\t\t\t\t\t\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<div class=\"elementor-element elementor-element-6cb8223 e-flex e-con-boxed e-con e-parent\" data-id=\"6cb8223\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7201ffb elementor-widget elementor-widget-html\" data-id=\"7201ffb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cs-portfolio-section\" id=\"csPortfolio\">\n  <style>\n    #csPortfolio {\n      --cs-dark: #1f2d27;\n      --cs-light: #eeeeee;\n      --cs-border: #dddddd;\n      --cs-circle-fill: #d9d9d9;\n      --cs-circle-stroke: #e8e8e8;\n      --cs-dot: #858585;\n\n      width: 100%;\n      background: #ffffff;\n      font-family: inherit;\n      box-sizing: border-box;\n      color: #222222;\n    }\n\n    #csPortfolio *,\n    #csPortfolio *::before,\n    #csPortfolio *::after {\n      box-sizing: border-box;\n    }\n\n    #csPortfolio .cs-portfolio-shell {\n      display: grid;\n      grid-template-columns: 51% 49%;\n      height: 820px;\n      min-height: 820px;\n      max-height: 820px;\n      border: 1px solid var(--cs-border);\n      background: #ffffff;\n      overflow: hidden;\n    }\n\n    #csPortfolio .cs-portfolio-left {\n      position: relative;\n      height: 820px;\n      min-height: 820px;\n      background: #ffffff;\n      overflow: hidden;\n    }\n\n    #csPortfolio .cs-arc-wrap {\n      position: absolute;\n      left: 0;\n      top: 50%;\n      width: 430px;\n      height: 760px;\n      transform: translateY(-50%);\n      z-index: 1;\n      overflow: visible;\n      pointer-events: none;\n    }\n\n    #csPortfolio .cs-arc-svg {\n      display: block;\n      width: 430px;\n      height: 760px;\n      overflow: visible;\n    }\n\n    #csPortfolio .cs-circle-bg {\n      fill: var(--cs-circle-fill);\n      stroke: var(--cs-circle-stroke);\n      stroke-width: 18;\n    }\n\n    #csPortfolio .cs-svg-dot {\n      fill: var(--cs-dot);\n      cursor: pointer;\n      pointer-events: auto;\n      transition: r 180ms ease, fill 180ms ease;\n    }\n\n    #csPortfolio .cs-svg-dot:hover {\n      fill: #555555;\n    }\n\n    #csPortfolio .cs-svg-dot.is-active {\n      fill: #000000;\n      r: 18;\n    }\n\n    #csPortfolio .cs-service-layer {\n      position: absolute;\n      inset: 0;\n      z-index: 3;\n    }\n\n    #csPortfolio .cs-service {\n      position: absolute;\n      left: var(--item-x);\n      top: var(--item-y);\n      width: var(--item-w);\n      display: grid;\n      grid-template-columns: 48px minmax(0, 1fr);\n      gap: 14px;\n      align-items: start;\n      opacity: 0.34;\n      cursor: pointer;\n      transition: opacity 180ms ease;\n    }\n\n    #csPortfolio .cs-service:hover {\n      opacity: 0.7;\n    }\n\n    #csPortfolio .cs-service.is-active {\n      opacity: 1;\n    }\n\n    #csPortfolio .cs-service-number {\n      display: block;\n      color: #222222;\n      font-size: 24px;\n      font-weight: 800;\n      line-height: 1;\n      letter-spacing: 0.01em;\n      white-space: nowrap;\n    }\n\n    #csPortfolio .cs-service-content {\n      min-width: 0;\n    }\n\n    #csPortfolio .cs-service-title {\n      margin: 0 0 8px;\n      color: #222222;\n      font-size: 16px;\n      font-weight: 800;\n      line-height: 1.1;\n      letter-spacing: 0.02em;\n      text-transform: uppercase;\n    }\n\n    #csPortfolio .cs-service-text {\n      margin: 0;\n      color: #555555;\n      font-size: 13.5px;\n      font-weight: 400;\n      line-height: 1.3;\n    }\n\n    \/*\n      P\u00f6tty\u00f6k k\u00f6re:\n      SVG k\u00f6r: cx=\"-70\", cy=\"380\", r=\"330\"\n      A p\u00f6tty\u00f6k x\/y koordin\u00e1t\u00e1i ehhez a k\u00f6rh\u00f6z vannak igaz\u00edtva.\n      A sz\u00f6vegek pedig a p\u00f6tty\u00f6kt\u0151l jobbra, l\u00e9pcs\u0151zetesen indulnak.\n    *\/\n\n    #csPortfolio .cs-service-01 {\n      --item-x: 150px;\n      --item-y: 108px;\n      --item-w: 355px;\n    }\n\n    #csPortfolio .cs-service-02 {\n      --item-x: 278px;\n      --item-y: 250px;\n      --item-w: 355px;\n    }\n\n    #csPortfolio .cs-service-03 {\n      --item-x: 318px;\n      --item-y: 392px;\n      --item-w: 330px;\n    }\n\n    #csPortfolio .cs-service-04 {\n      --item-x: 278px;\n      --item-y: 575px;\n      --item-w: 355px;\n    }\n\n    #csPortfolio .cs-service-05 {\n      --item-x: 150px;\n      --item-y: 710px;\n      --item-w: 430px;\n    }\n\n    #csPortfolio .cs-portfolio-right {\n      height: 820px;\n      max-height: 820px;\n      background: var(--cs-light);\n      border-left: 1px solid var(--cs-border);\n      padding: 32px;\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 24px;\n      align-content: start;\n      overflow-y: auto;\n      overflow-x: hidden;\n      scrollbar-width: thin;\n    }\n\n    #csPortfolio .cs-portfolio-right::-webkit-scrollbar {\n      width: 8px;\n    }\n\n    #csPortfolio .cs-portfolio-right::-webkit-scrollbar-track {\n      background: transparent;\n    }\n\n    #csPortfolio .cs-portfolio-right::-webkit-scrollbar-thumb {\n      background: rgba(0, 0, 0, 0.18);\n      border-radius: 999px;\n    }\n\n    #csPortfolio .cs-work-card {\n      background: #ffffff;\n      min-width: 0;\n      height: 360px;\n      display: flex;\n      flex-direction: column;\n      box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);\n      overflow: hidden;\n      container-type: inline-size;\n    }\n\n    #csPortfolio .cs-work-card.is-hidden {\n      display: none;\n    }\n\n    #csPortfolio .cs-work-image {\n      width: 100%;\n      height: 220px;\n      background: #d3d3d3;\n      overflow: hidden;\n      flex: 0 0 auto;\n    }\n\n    #csPortfolio .cs-work-image img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: transform 300ms ease;\n    }\n\n    #csPortfolio .cs-work-card:hover .cs-work-image img {\n      transform: scale(1.035);\n    }\n\n    #csPortfolio .cs-work-body {\n      flex: 1;\n      min-width: 0;\n      padding: 22px 24px;\n      background: #ffffff;\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) auto;\n      grid-template-areas:\n        \"title title\"\n        \"category button\";\n      column-gap: 18px;\n      row-gap: 10px;\n      align-items: center;\n    }\n\n    #csPortfolio .cs-work-title {\n      grid-area: title;\n      margin: 0;\n      color: #111111;\n      font-size: 19px;\n      font-weight: 800;\n      line-height: 1.05;\n      text-transform: uppercase;\n      overflow-wrap: break-word;\n    }\n\n    #csPortfolio .cs-work-category {\n      grid-area: category;\n      margin: 0;\n      color: #111111;\n      font-size: 15px;\n      font-weight: 500;\n      line-height: 1.15;\n      letter-spacing: 0.03em;\n      text-transform: uppercase;\n      overflow-wrap: break-word;\n    }\n\n    #csPortfolio .cs-work-button {\n      grid-area: button;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-width: 100px;\n      height: 44px;\n      padding: 0 20px;\n      border-radius: 999px;\n      background: var(--cs-dark);\n      color: #ffffff !important;\n      text-decoration: none !important;\n      font-size: 14px;\n      font-weight: 700;\n      line-height: 1;\n      box-shadow: 0 0 0 4px rgba(31, 45, 39, 0.12);\n      white-space: nowrap;\n      justify-self: end;\n      transition: background 180ms ease, transform 180ms ease;\n    }\n\n    #csPortfolio .cs-work-button:hover {\n      background: #000000;\n      transform: translateY(-1px);\n    }\n\n    #csPortfolio .cs-empty-message {\n      display: none;\n      grid-column: 1 \/ -1;\n      padding: 40px;\n      background: #ffffff;\n      color: #333333;\n      font-size: 18px;\n      font-weight: 600;\n      text-align: center;\n    }\n\n    #csPortfolio .cs-empty-message.is-visible {\n      display: block;\n    }\n\n    @container (max-width: 330px) {\n      #csPortfolio .cs-work-body {\n        grid-template-columns: 1fr;\n        grid-template-areas:\n          \"title\"\n          \"category\"\n          \"button\";\n      }\n\n      #csPortfolio .cs-work-button {\n        justify-self: start;\n      }\n    }\n\n    @media (min-width: 1500px) {\n      #csPortfolio .cs-portfolio-shell {\n        height: 860px;\n        min-height: 860px;\n        max-height: 860px;\n      }\n\n      #csPortfolio .cs-portfolio-left {\n        height: 860px;\n        min-height: 860px;\n      }\n\n      #csPortfolio .cs-portfolio-right {\n        height: 860px;\n        max-height: 860px;\n      }\n\n      #csPortfolio .cs-arc-wrap {\n        width: 470px;\n        height: 800px;\n      }\n\n      #csPortfolio .cs-arc-svg {\n        width: 470px;\n        height: 800px;\n      }\n\n      #csPortfolio .cs-service {\n        grid-template-columns: 54px minmax(0, 1fr);\n        gap: 16px;\n      }\n\n      #csPortfolio .cs-service-number {\n        font-size: 26px;\n      }\n\n      #csPortfolio .cs-service-title {\n        font-size: 17px;\n      }\n\n      #csPortfolio .cs-service-text {\n        font-size: 14px;\n      }\n\n      #csPortfolio .cs-service-01 {\n        --item-x: 170px;\n        --item-y: 112px;\n        --item-w: 380px;\n      }\n\n      #csPortfolio .cs-service-02 {\n        --item-x: 305px;\n        --item-y: 258px;\n        --item-w: 380px;\n      }\n\n      #csPortfolio .cs-service-03 {\n        --item-x: 345px;\n        --item-y: 405px;\n        --item-w: 350px;\n      }\n\n      #csPortfolio .cs-service-04 {\n        --item-x: 305px;\n        --item-y: 595px;\n        --item-w: 380px;\n      }\n\n      #csPortfolio .cs-service-05 {\n        --item-x: 170px;\n        --item-y: 730px;\n        --item-w: 450px;\n      }\n\n      #csPortfolio .cs-work-card {\n        height: 400px;\n      }\n\n      #csPortfolio .cs-work-image {\n        height: 270px;\n      }\n\n      #csPortfolio .cs-work-body {\n        padding: 26px 28px;\n      }\n\n      #csPortfolio .cs-work-title {\n        font-size: 22px;\n      }\n\n      #csPortfolio .cs-work-category {\n        font-size: 17px;\n      }\n\n      #csPortfolio .cs-work-button {\n        min-width: 112px;\n        height: 48px;\n        font-size: 15px;\n      }\n    }\n\n    @media (max-width: 1280px) {\n      #csPortfolio .cs-portfolio-shell {\n        grid-template-columns: 52% 48%;\n      }\n\n      #csPortfolio .cs-arc-wrap {\n        left: -22px;\n      }\n\n      #csPortfolio .cs-service-number {\n        font-size: 22px;\n      }\n\n      #csPortfolio .cs-service-title {\n        font-size: 15px;\n      }\n\n      #csPortfolio .cs-service-text {\n        font-size: 12.5px;\n      }\n\n      #csPortfolio .cs-service-01 {\n        --item-x: 135px;\n        --item-y: 112px;\n        --item-w: 310px;\n      }\n\n      #csPortfolio .cs-service-02 {\n        --item-x: 255px;\n        --item-y: 258px;\n        --item-w: 310px;\n      }\n\n      #csPortfolio .cs-service-03 {\n        --item-x: 295px;\n        --item-y: 400px;\n        --item-w: 285px;\n      }\n\n      #csPortfolio .cs-service-04 {\n        --item-x: 255px;\n        --item-y: 575px;\n        --item-w: 310px;\n      }\n\n      #csPortfolio .cs-service-05 {\n        --item-x: 135px;\n        --item-y: 710px;\n        --item-w: 370px;\n      }\n\n      #csPortfolio .cs-portfolio-right {\n        padding: 26px;\n        gap: 20px;\n      }\n\n      #csPortfolio .cs-work-card {\n        height: 340px;\n      }\n\n      #csPortfolio .cs-work-image {\n        height: 205px;\n      }\n\n      #csPortfolio .cs-work-body {\n        grid-template-columns: 1fr;\n        grid-template-areas:\n          \"title\"\n          \"category\"\n          \"button\";\n        align-items: start;\n      }\n\n      #csPortfolio .cs-work-button {\n        justify-self: start;\n      }\n    }\n\n    @media (max-width: 1080px) {\n      #csPortfolio .cs-portfolio-shell {\n        grid-template-columns: 1fr;\n        height: auto;\n        min-height: auto;\n        max-height: none;\n      }\n\n      #csPortfolio .cs-portfolio-left {\n        height: auto;\n        min-height: auto;\n      }\n\n      #csPortfolio .cs-arc-wrap {\n        display: none;\n      }\n\n      #csPortfolio .cs-service-layer {\n        position: relative;\n        inset: auto;\n        padding: 42px 24px;\n        display: flex;\n        flex-direction: column;\n        gap: 18px;\n      }\n\n      #csPortfolio .cs-service {\n        position: relative;\n        left: auto;\n        top: auto;\n        width: auto;\n        grid-template-columns: 50px minmax(0, 1fr);\n        gap: 14px;\n        padding: 18px;\n        border: 1px solid #e6e6e6;\n        opacity: 1;\n        background: #ffffff;\n      }\n\n      #csPortfolio .cs-service.is-active {\n        border-color: #111111;\n        box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06);\n      }\n\n      #csPortfolio .cs-service-number {\n        font-size: 22px;\n      }\n\n      #csPortfolio .cs-service-title {\n        font-size: 17px;\n      }\n\n      #csPortfolio .cs-service-text {\n        max-width: none;\n        font-size: 15px;\n      }\n\n      #csPortfolio .cs-portfolio-right {\n        height: auto;\n        max-height: none;\n        overflow: visible;\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        border-left: 0;\n        border-top: 1px solid var(--cs-border);\n      }\n    }\n\n    @media (max-width: 760px) {\n      #csPortfolio .cs-portfolio-right {\n        grid-template-columns: 1fr;\n        padding: 18px;\n        gap: 18px;\n      }\n\n      #csPortfolio .cs-work-card {\n        height: auto;\n        min-height: 340px;\n      }\n\n      #csPortfolio .cs-work-image {\n        height: 220px;\n      }\n\n      #csPortfolio .cs-work-button {\n        width: 100%;\n        justify-self: stretch;\n      }\n    }\n  <\/style>\n\n  <div class=\"cs-portfolio-shell\">\n    <div class=\"cs-portfolio-left\">\n      <div class=\"cs-arc-wrap\" aria-hidden=\"true\">\n        <svg class=\"cs-arc-svg\" viewBox=\"0 0 430 760\" width=\"430\" height=\"760\">\n          <circle class=\"cs-circle-bg\" cx=\"-70\" cy=\"380\" r=\"330\"><\/circle>\n\n          <circle class=\"cs-svg-dot\" data-category=\"uiux\" cx=\"120\" cy=\"110\" r=\"14\"><\/circle>\n          <circle class=\"cs-svg-dot\" data-category=\"arculat\" cx=\"223\" cy=\"228\" r=\"14\"><\/circle>\n          <circle class=\"cs-svg-dot is-active\" data-category=\"csomagolas\" cx=\"260\" cy=\"380\" r=\"14\"><\/circle>\n          <circle class=\"cs-svg-dot\" data-category=\"webdesign\" cx=\"223\" cy=\"532\" r=\"14\"><\/circle>\n          <circle class=\"cs-svg-dot\" data-category=\"kiadvany\" cx=\"120\" cy=\"650\" r=\"14\"><\/circle>\n        <\/svg>\n      <\/div>\n\n      <div class=\"cs-service-layer\">\n        <div class=\"cs-service cs-service-01\" data-category=\"uiux\">\n          <span class=\"cs-service-number\">01<\/span>\n          <div class=\"cs-service-content\">\n            <h3 class=\"cs-service-title\">UX\/UI DESIGN<\/h3>\n            <p class=\"cs-service-text\">\n              Letisztult, funkcion\u00e1lis \u00e9s eszt\u00e9tikus weboldalak tervez\u00e9se,\n              amelyek t\u00fckr\u00f6zik a m\u00e1rka \u00e9rt\u00e9keit.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"cs-service cs-service-02\" data-category=\"arculat\">\n          <span class=\"cs-service-number\">02<\/span>\n          <div class=\"cs-service-content\">\n            <h3 class=\"cs-service-title\">ARCULAT<\/h3>\n            <p class=\"cs-service-text\">\n              Letisztult, funkcion\u00e1lis \u00e9s eszt\u00e9tikus weboldalak tervez\u00e9se,\n              amelyek t\u00fckr\u00f6zik a m\u00e1rka \u00e9rt\u00e9keit.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"cs-service cs-service-03 is-active\" data-category=\"csomagolas\">\n          <span class=\"cs-service-number\">03<\/span>\n          <div class=\"cs-service-content\">\n            <h3 class=\"cs-service-title\">CSOMAGOL\u00c1S<\/h3>\n            <p class=\"cs-service-text\">\n              Letisztult, funkcion\u00e1lis \u00e9s eszt\u00e9tikus weboldalak tervez\u00e9se,\n              amelyek t\u00fckr\u00f6zik a m\u00e1rka \u00e9rt\u00e9keit.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"cs-service cs-service-04\" data-category=\"webdesign\">\n          <span class=\"cs-service-number\">04<\/span>\n          <div class=\"cs-service-content\">\n            <h3 class=\"cs-service-title\">WEBDESIGN<\/h3>\n            <p class=\"cs-service-text\">\n              Letisztult, funkcion\u00e1lis \u00e9s eszt\u00e9tikus weboldalak tervez\u00e9se,\n              amelyek t\u00fckr\u00f6zik a m\u00e1rka \u00e9rt\u00e9keit.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"cs-service cs-service-05\" data-category=\"kiadvany\">\n          <span class=\"cs-service-number\">05<\/span>\n          <div class=\"cs-service-content\">\n            <h3 class=\"cs-service-title\">KIADV\u00c1NYSZERKESZT\u00c9S<\/h3>\n            <p class=\"cs-service-text\">\n              Letisztult, funkcion\u00e1lis \u00e9s eszt\u00e9tikus weboldalak tervez\u00e9se,\n              amelyek t\u00fckr\u00f6zik a m\u00e1rka \u00e9rt\u00e9keit.\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n<div class=\"cs-portfolio-right\">\n  <article class=\"cs-work-card\" data-category=\"csomagolas\">\n    <div class=\"cs-work-image\">\n      <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/0040.jpg\" alt=\"WOXBOX csomagol\u00e1s\">\n    <\/div>\n\n    <div class=\"cs-work-body\">\n      <h4 class=\"cs-work-title\">WOXBOX<\/h4>\n      <p class=\"cs-work-category\">CSOMAGOL\u00c1S<\/p>\n      <a class=\"cs-work-button\" href=\"#csPortfolioDetails\" data-detail=\"woxbox-csomagolas\">Tov\u00e1bb<\/a>\n    <\/div>\n  <\/article>\n\n  <article class=\"cs-work-card\" data-category=\"csomagolas\">\n    <div class=\"cs-work-image\">\n      <img src=https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/tojastarto_mockuo.png\n    <\/div>\n\n    <div class=\"cs-work-body\">\n      <h4 class=\"cs-work-title\">EGGS6<\/h4>\n      <p class=\"cs-work-category\">CSOMAGOL\u00c1S<\/p>\n      <a class=\"cs-work-button\" href=\"#csPortfolioDetails\" data-detail=\"laviola-csomagolas\">Tov\u00e1bb<\/a>\n    <\/div>\n  <\/article>\n\n  <article class=\"cs-work-card\" data-category=\"csomagolas\">\n    <div class=\"cs-work-image\">\n      <img src=https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/tojastarto_mockuo.png alt=\"M\u00e1rka csomagol\u00e1s\">\n    <\/div>\n\n    <div class=\"cs-work-body\">\n      <h4 class=\"cs-work-title\">M\u00c1RKA<\/h4>\n      <p class=\"cs-work-category\">CSOMAGOL\u00c1S<\/p>\n      <a class=\"cs-work-button\" href=\"#csPortfolioDetails\" data-detail=\"marka-csomagolas\">Tov\u00e1bb<\/a>\n    <\/div>\n  <\/article>\n\n  <article class=\"cs-work-card\" data-category=\"uiux\">\n    <div class=\"cs-work-image\">\n      <img decoding=\"async\" src=\"https:\/\/placehold.co\/900x700\" alt=\"WOXBOX UX\/UI design\">\n    <\/div>\n\n    <div class=\"cs-work-body\">\n      <h4 class=\"cs-work-title\">WOXBOX<\/h4>\n      <p class=\"cs-work-category\">UX\/UI DESIGN<\/p>\n      <a class=\"cs-work-button\" href=\"#csPortfolioDetails\" data-detail=\"woxbox-uiux\">Tov\u00e1bb<\/a>\n    <\/div>\n  <\/article>\n\n  <article class=\"cs-work-card\" data-category=\"uiux\">\n    <div class=\"cs-work-image\">\n      <img decoding=\"async\" src=\"https:\/\/placehold.co\/900x700\" alt=\"App design UX\/UI\">\n    <\/div>\n\n    <div class=\"cs-work-body\">\n      <h4 class=\"cs-work-title\">APP DESIGN<\/h4>\n      <p class=\"cs-work-category\">UX\/UI DESIGN<\/p>\n      <a class=\"cs-work-button\" href=\"#csPortfolioDetails\" data-detail=\"app-design-uiux\">Tov\u00e1bb<\/a>\n    <\/div>\n  <\/article>\n\n  <article class=\"cs-work-card\" data-category=\"arculat\">\n    <div class=\"cs-work-image\">\n      <img decoding=\"async\" src=\"https:\/\/placehold.co\/900x700\" alt=\"Brand arculat\">\n    <\/div>\n\n    <div class=\"cs-work-body\">\n      <h4 class=\"cs-work-title\">BRAND<\/h4>\n      <p class=\"cs-work-category\">ARCULAT<\/p>\n      <a class=\"cs-work-button\" href=\"#csPortfolioDetails\" data-detail=\"brand-arculat\">Tov\u00e1bb<\/a>\n    <\/div>\n  <\/article>\n\n  <article class=\"cs-work-card\" data-category=\"arculat\">\n    <div class=\"cs-work-image\">\n      <img decoding=\"async\" src=\"https:\/\/placehold.co\/900x700\" alt=\"Identity arculat\">\n    <\/div>\n\n    <div class=\"cs-work-body\">\n      <h4 class=\"cs-work-title\">IDENTITY<\/h4>\n      <p class=\"cs-work-category\">ARCULAT<\/p>\n      <a class=\"cs-work-button\" href=\"#csPortfolioDetails\" data-detail=\"identity-arculat\">Tov\u00e1bb<\/a>\n    <\/div>\n  <\/article>\n\n  <article class=\"cs-work-card\" data-category=\"webdesign\">\n    <div class=\"cs-work-image\">\n      <img decoding=\"async\" src=\"https:\/\/placehold.co\/900x700\" alt=\"Website webdesign\">\n    <\/div>\n\n    <div class=\"cs-work-body\">\n      <h4 class=\"cs-work-title\">WEBSITE<\/h4>\n      <p class=\"cs-work-category\">WEBDESIGN<\/p>\n      <a class=\"cs-work-button\" href=\"#csPortfolioDetails\" data-detail=\"website-webdesign\">Tov\u00e1bb<\/a>\n    <\/div>\n  <\/article>\n\n  <article class=\"cs-work-card\" data-category=\"webdesign\">\n    <div class=\"cs-work-image\">\n      <img decoding=\"async\" src=\"https:\/\/placehold.co\/900x700\" alt=\"Landing webdesign\">\n    <\/div>\n\n    <div class=\"cs-work-body\">\n      <h4 class=\"cs-work-title\">LANDING<\/h4>\n      <p class=\"cs-work-category\">WEBDESIGN<\/p>\n      <a class=\"cs-work-button\" href=\"#csPortfolioDetails\" data-detail=\"landing-webdesign\">Tov\u00e1bb<\/a>\n    <\/div>\n  <\/article>\n\n  <article class=\"cs-work-card\" data-category=\"kiadvany\">\n    <div class=\"cs-work-image\">\n      <img decoding=\"async\" src=\"https:\/\/placehold.co\/900x700\" alt=\"Katal\u00f3gus kiadv\u00e1ny\">\n    <\/div>\n\n    <div class=\"cs-work-body\">\n      <h4 class=\"cs-work-title\">KATAL\u00d3GUS<\/h4>\n      <p class=\"cs-work-category\">KIADV\u00c1NY<\/p>\n      <a class=\"cs-work-button\" href=\"#csPortfolioDetails\" data-detail=\"katalogus-kiadvany\">Tov\u00e1bb<\/a>\n    <\/div>\n  <\/article>\n\n  <article class=\"cs-work-card\" data-category=\"kiadvany\">\n    <div class=\"cs-work-image\">\n      <img decoding=\"async\" src=\"https:\/\/placehold.co\/900x700\" alt=\"Brochure kiadv\u00e1ny\">\n    <\/div>\n\n    <div class=\"cs-work-body\">\n      <h4 class=\"cs-work-title\">BROCHURE<\/h4>\n      <p class=\"cs-work-category\">KIADV\u00c1NY<\/p>\n      <a class=\"cs-work-button\" href=\"#csPortfolioDetails\" data-detail=\"brochure-kiadvany\">Tov\u00e1bb<\/a>\n    <\/div>\n  <\/article>\n\n  <div class=\"cs-empty-message\">\n    Ehhez a kateg\u00f3ri\u00e1hoz m\u00e9g nincs megjelen\u00edthet\u0151 munka.\n  <\/div>\n<\/div>\n\n  <script>\n    (function () {\n      const root = document.querySelector('#csPortfolio');\n      if (!root) return;\n\n      const services = root.querySelectorAll('.cs-service');\n      const dots = root.querySelectorAll('.cs-svg-dot');\n      const cards = root.querySelectorAll('.cs-work-card');\n      const emptyMessage = root.querySelector('.cs-empty-message');\n      const rightPanel = root.querySelector('.cs-portfolio-right');\n\n      function setCategory(category) {\n        let visibleCount = 0;\n\n        services.forEach(function (service) {\n          service.classList.toggle('is-active', service.dataset.category === category);\n        });\n\n        dots.forEach(function (dot) {\n          dot.classList.toggle('is-active', dot.dataset.category === category);\n        });\n\n        cards.forEach(function (card) {\n          const isVisible = card.dataset.category === category;\n          card.classList.toggle('is-hidden', !isVisible);\n\n          if (isVisible) {\n            visibleCount += 1;\n          }\n        });\n\n        if (emptyMessage) {\n          emptyMessage.classList.toggle('is-visible', visibleCount === 0);\n        }\n\n        if (rightPanel) {\n          rightPanel.scrollTop = 0;\n        }\n      }\n\n      services.forEach(function (service) {\n        service.addEventListener('click', function () {\n          setCategory(service.dataset.category);\n        });\n      });\n\n      dots.forEach(function (dot) {\n        dot.addEventListener('click', function () {\n          setCategory(dot.dataset.category);\n        });\n      });\n\n      setCategory('csomagolas');\n    })();\n  <\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-648fa77 e-flex e-con-boxed e-con e-parent\" data-id=\"648fa77\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-890abc6 elementor-widget elementor-widget-html\" data-id=\"890abc6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cs-project-details\" id=\"csPortfolioDetails\">\n<style>\n  #csPortfolioDetails {\n    --cs-dark: #222222;\n    --cs-muted: #666666;\n    --cs-accent: #87998d;\n    --cs-border: #d2d2d2;\n    --cs-image-bg: #c7d0d6;\n    --cs-detail-image-offset: 134px;\n\n    width: 100%;\n    background: #ffffff;\n    color: var(--cs-dark);\n    font-family: inherit;\n    box-sizing: border-box;\n    padding: 90px 6vw 110px;\n    border: 1px solid var(--cs-border);\n    border-top: 0;\n    scroll-margin-top: 90px;\n  }\n\n  #csPortfolioDetails *,\n  #csPortfolioDetails *::before,\n  #csPortfolioDetails *::after {\n    box-sizing: border-box;\n  }\n\n  #csPortfolioDetails .cs-detail-panel {\n    display: none;\n  }\n\n  #csPortfolioDetails .cs-detail-panel.is-active {\n    display: block;\n  }\n\n  #csPortfolioDetails .cs-detail-main {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.95fr);\n    gap: 70px;\n    align-items: start;\n    min-height: 520px;\n  }\n\n  #csPortfolioDetails .cs-detail-content {\n    min-width: 0;\n  }\n\n  #csPortfolioDetails .cs-detail-kicker-number {\n    margin: 0 0 28px;\n    color: var(--cs-dark);\n    font-size: 42px;\n    font-weight: 800;\n    line-height: 1;\n    letter-spacing: 0.02em;\n  }\n\n  #csPortfolioDetails .cs-detail-kicker-category {\n    margin: 0 0 38px;\n    color: var(--cs-accent);\n    font-size: 26px;\n    font-weight: 800;\n    line-height: 1;\n    text-transform: uppercase;\n    letter-spacing: 0.02em;\n  }\n\n  #csPortfolioDetails .cs-detail-line {\n    width: 260px;\n    height: 2px;\n    margin: 0 0 42px;\n    background: #c5c5c5;\n  }\n\n  #csPortfolioDetails .cs-detail-title {\n    margin: 0 0 24px;\n    color: var(--cs-dark);\n    font-size: 34px;\n    font-weight: 800;\n    line-height: 1.12;\n    text-transform: uppercase;\n    letter-spacing: 0.02em;\n  }\n\n  #csPortfolioDetails .cs-detail-text {\n    margin: 0;\n    max-width: 760px;\n    color: var(--cs-dark);\n    font-size: 22px;\n    font-weight: 400;\n    line-height: 1.55;\n    letter-spacing: 0.12em;\n  }\n\n  #csPortfolioDetails .cs-detail-image {\n    width: 100%;\n    min-height: 430px;\n    margin-top: var(--cs-detail-image-offset);\n    background: var(--cs-image-bg);\n    overflow: hidden;\n  }\n\n  #csPortfolioDetails .cs-detail-image img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    min-height: 430px;\n    object-fit: cover;\n  }\n\n  #csPortfolioDetails .cs-detail-gallery {\n    margin-top: 90px;\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 70px;\n    align-items: start;\n  }\n\n  #csPortfolioDetails .cs-detail-gallery-image {\n    width: 100%;\n    aspect-ratio: 1 \/ 1;\n    min-height: 0;\n    background: var(--cs-image-bg);\n    overflow: hidden;\n  }\n\n  #csPortfolioDetails .cs-detail-gallery-image img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    min-height: 0;\n    object-fit: cover;\n  }\n\n  @media (max-width: 1280px) {\n    #csPortfolioDetails {\n      padding: 70px 5vw 90px;\n    }\n\n    #csPortfolioDetails .cs-detail-main {\n      grid-template-columns: 1fr;\n      gap: 44px;\n    }\n\n    #csPortfolioDetails .cs-detail-image {\n      margin-top: 0;\n    }\n\n    #csPortfolioDetails .cs-detail-text {\n      font-size: 19px;\n      letter-spacing: 0.08em;\n    }\n\n    #csPortfolioDetails .cs-detail-gallery {\n      gap: 36px;\n      margin-top: 64px;\n    }\n  }\n\n  @media (max-width: 760px) {\n    #csPortfolioDetails {\n      padding: 56px 24px 70px;\n      scroll-margin-top: 60px;\n    }\n\n    #csPortfolioDetails .cs-detail-kicker-number {\n      font-size: 34px;\n      margin-bottom: 22px;\n    }\n\n    #csPortfolioDetails .cs-detail-kicker-category {\n      font-size: 22px;\n      margin-bottom: 30px;\n    }\n\n    #csPortfolioDetails .cs-detail-line {\n      width: 200px;\n      margin-bottom: 34px;\n    }\n\n    #csPortfolioDetails .cs-detail-title {\n      font-size: 28px;\n    }\n\n    #csPortfolioDetails .cs-detail-text {\n      font-size: 17px;\n      line-height: 1.55;\n      letter-spacing: 0.05em;\n    }\n\n    #csPortfolioDetails .cs-detail-image,\n    #csPortfolioDetails .cs-detail-image img {\n      min-height: 260px;\n    }\n\n    #csPortfolioDetails .cs-detail-gallery {\n      grid-template-columns: 1fr;\n      gap: 24px;\n      margin-top: 44px;\n    }\n\n    #csPortfolioDetails .cs-detail-gallery-image {\n      aspect-ratio: 1 \/ 1;\n      min-height: 0;\n    }\n\n    #csPortfolioDetails .cs-detail-gallery-image img {\n      min-height: 0;\n    }\n  }\n<\/style>\n\n  <article class=\"cs-detail-panel is-active\" data-detail-panel=\"woxbox-csomagolas\">\n    <div class=\"cs-detail-main\">\n      <div class=\"cs-detail-content\">\n        <p class=\"cs-detail-kicker-number\">03<\/p>\n        <p class=\"cs-detail-kicker-category\">CSOMAGOL\u00c1S<\/p>\n        <div class=\"cs-detail-line\"><\/div>\n        <h2 class=\"cs-detail-title\">CSOMAGOL\u00c1STERVEZ\u00c9S<\/h2>\n        <p class=\"cs-detail-text\">\n          A csomagol\u00e1s az els\u0151 tal\u00e1lkoz\u00e1s a term\u00e9k \u00e9s a v\u00e1s\u00e1rl\u00f3 k\u00f6z\u00f6tt. Fontos sz\u00e1momra,\n          hogy ez az \u00e9lm\u00e9ny vizu\u00e1lisan is er\u0151s \u00e9s eml\u00e9kezetes legyen, mik\u00f6zben a m\u00e1rka\n          \u00e9rt\u00e9keit is hitelesen k\u00f6zvet\u00edti. WOXBOX projekt sor\u00e1n egy letisztult, modern\n          csomagol\u00e1si rendszert terveztem, amely egyszerre funkcion\u00e1lis \u00e9s vizu\u00e1lisan is\n          kiemelked\u0151. A design c\u00e9lja az volt, hogy egyszer\u0171 form\u00e1kkal \u00e9s j\u00f3l \u00e1tgondolt\n          r\u00e9szletekkel er\u0151s\u00edtse a m\u00e1rka felismerhet\u0151s\u00e9g\u00e9t \u00e9s pr\u00e9mium \u00e9rzet\u00e9t.\n        <\/p>\n      <\/div>\n\n      <div class=\"cs-detail-image\">\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/1200x800\" alt=\"WOXBOX csomagol\u00e1stervez\u00e9s\">\n      <\/div>\n    <\/div>\n\n    <div class=\"cs-detail-gallery\">\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/1000x1000\" alt=\"WOXBOX csomagol\u00e1s r\u00e9szlet 1\">\n      <\/div>\n\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/1000x1000\" alt=\"WOXBOX csomagol\u00e1s r\u00e9szlet 2\">\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <article class=\"cs-detail-panel\" data-detail-panel=\"laviola-csomagolas\">\n    <div class=\"cs-detail-main\">\n      <div class=\"cs-detail-content\">\n        <p class=\"cs-detail-kicker-number\">03<\/p>\n        <p class=\"cs-detail-kicker-category\">CSOMAGOL\u00c1S<\/p>\n        <div class=\"cs-detail-line\"><\/div>\n        <h2 class=\"cs-detail-title\">LAVIOLA CSOMAGOL\u00c1S<\/h2>\n        <p class=\"cs-detail-text\">\n          A LAVIOLA csomagol\u00e1si koncepci\u00f3 c\u00e9lja egy letisztult, pr\u00e9mium \u00e9s k\u00f6nnyen\n          felismerhet\u0151 vizu\u00e1lis rendszer kialak\u00edt\u00e1sa volt. A tervez\u00e9s sor\u00e1n fontos szempont\n          volt, hogy a csomagol\u00e1s t\u00e1mogassa a term\u00e9k karakter\u00e9t, er\u0151s\u00edtse a m\u00e1rka\n          megk\u00fcl\u00f6nb\u00f6ztethet\u0151s\u00e9g\u00e9t, \u00e9s vizu\u00e1lisan is egys\u00e9ges \u00e9lm\u00e9nyt ny\u00fajtson.\n        <\/p>\n      <\/div>\n\n      <div class=\"cs-detail-image\">\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/1200x800\" alt=\"LAVIOLA csomagol\u00e1s\">\n      <\/div>\n    <\/div>\n\n    <div class=\"cs-detail-gallery\">\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/1000x1000\" alt=\"LAVIOLA csomagol\u00e1s r\u00e9szlet 1\">\n      <\/div>\n\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/1000x1000\" alt=\"LAVIOLA csomagol\u00e1s r\u00e9szlet 2\">\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <article class=\"cs-detail-panel\" data-detail-panel=\"marka-csomagolas\">\n    <div class=\"cs-detail-main\">\n      <div class=\"cs-detail-content\">\n        <p class=\"cs-detail-kicker-number\">03<\/p>\n        <p class=\"cs-detail-kicker-category\">CSOMAGOL\u00c1S<\/p>\n        <div class=\"cs-detail-line\"><\/div>\n        <h2 class=\"cs-detail-title\">M\u00c1RKA CSOMAGOL\u00c1S<\/h2>\n        <p class=\"cs-detail-text\">\n          Enn\u00e9l a projektn\u00e9l a c\u00e9l egy funkcion\u00e1lis, m\u00e9gis eszt\u00e9tikus csomagol\u00e1si megold\u00e1s\n          l\u00e9trehoz\u00e1sa volt. A vizu\u00e1lis rendszer egyszerre kommunik\u00e1lja a term\u00e9k el\u0151nyeit,\n          a m\u00e1rka vil\u00e1g\u00e1t \u00e9s azt a min\u0151s\u00e9gi \u00e9rzetet, amely a v\u00e1s\u00e1rl\u00f3i d\u00f6nt\u00e9s sor\u00e1n fontos\n          szerepet j\u00e1tszik.\n        <\/p>\n      <\/div>\n\n      <div class=\"cs-detail-image\">\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/1200x800\" alt=\"M\u00e1rka csomagol\u00e1s\">\n      <\/div>\n    <\/div>\n\n    <div class=\"cs-detail-gallery\">\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/1000x1000\" alt=\"M\u00e1rka csomagol\u00e1s r\u00e9szlet 1\">\n      <\/div>\n\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/1000x1000\" alt=\"M\u00e1rka csomagol\u00e1s r\u00e9szlet 2\">\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <article class=\"cs-detail-panel\" data-detail-panel=\"woxbox-uiux\">\n    <div class=\"cs-detail-main\">\n      <div class=\"cs-detail-content\">\n        <p class=\"cs-detail-kicker-number\">01<\/p>\n        <p class=\"cs-detail-kicker-category\">UX\/UI DESIGN<\/p>\n        <div class=\"cs-detail-line\"><\/div>\n        <h2 class=\"cs-detail-title\">WOXBOX DIGIT\u00c1LIS FEL\u00dcLET<\/h2>\n        <p class=\"cs-detail-text\">\n          A WOXBOX digit\u00e1lis fel\u00fclet\u00e9nek tervez\u00e9se sor\u00e1n az egyszer\u0171 haszn\u00e1lhat\u00f3s\u00e1g,\n          az \u00e1tl\u00e1that\u00f3 strukt\u00fara \u00e9s a m\u00e1rk\u00e1hoz illeszked\u0151 vizu\u00e1lis megjelen\u00e9s volt a\n          k\u00f6z\u00e9ppontban. A c\u00e9l egy olyan fel\u00fclet l\u00e9trehoz\u00e1sa volt, amely gyorsan \u00e9rthet\u0151,\n          k\u00f6nnyen haszn\u00e1lhat\u00f3 \u00e9s vizu\u00e1lisan is t\u00e1mogatja a m\u00e1rka karakter\u00e9t.\n        <\/p>\n      <\/div>\n\n      <div class=\"cs-detail-image\">\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/1200x800\" alt=\"WOXBOX UX\/UI design\">\n      <\/div>\n    <\/div>\n\n    <div class=\"cs-detail-gallery\">\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/1000x1000\" alt=\"WOXBOX UX\/UI r\u00e9szlet 1\">\n      <\/div>\n\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/1000x1000\" alt=\"WOXBOX UX\/UI r\u00e9szlet 2\">\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <article class=\"cs-detail-panel\" data-detail-panel=\"app-design-uiux\">\n    <div class=\"cs-detail-main\">\n      <div class=\"cs-detail-content\">\n        <p class=\"cs-detail-kicker-number\">01<\/p>\n        <p class=\"cs-detail-kicker-category\">UX\/UI DESIGN<\/p>\n        <div class=\"cs-detail-line\"><\/div>\n        <h2 class=\"cs-detail-title\">APP DESIGN<\/h2>\n        <p class=\"cs-detail-text\">\n          Az app design sor\u00e1n a c\u00e9l egy j\u00f3l haszn\u00e1lhat\u00f3, vizu\u00e1lisan letisztult \u00e9s\n          reszponz\u00edvan m\u0171k\u00f6d\u0151 fel\u00fclet kialak\u00edt\u00e1sa volt. A tervez\u00e9si folyamatban kiemelt\n          szerepet kapott a felhaszn\u00e1l\u00f3i \u00fatvonalak egyszer\u0171s\u00edt\u00e9se, a vizu\u00e1lis hierarchia\n          \u00e9s az intuit\u00edv m\u0171k\u00f6d\u00e9s.\n        <\/p>\n      <\/div>\n\n      <div class=\"cs-detail-image\">\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/1200x800\" alt=\"App design UX\/UI\">\n      <\/div>\n    <\/div>\n\n    <div class=\"cs-detail-gallery\">\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/1000x1000\" alt=\"App design r\u00e9szlet 1\">\n      <\/div>\n\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/1000x1000\" alt=\"App design r\u00e9szlet 2\">\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <article class=\"cs-detail-panel\" data-detail-panel=\"brand-arculat\">\n    <div class=\"cs-detail-main\">\n      <div class=\"cs-detail-content\">\n        <p class=\"cs-detail-kicker-number\">02<\/p>\n        <p class=\"cs-detail-kicker-category\">ARCULAT<\/p>\n        <div class=\"cs-detail-line\"><\/div>\n        <h2 class=\"cs-detail-title\">BRAND ARCULAT<\/h2>\n        <p class=\"cs-detail-text\">\n          Az arculattervez\u00e9s sor\u00e1n egy k\u00f6vetkezetes, felismerhet\u0151 \u00e9s id\u0151t\u00e1ll\u00f3 vizu\u00e1lis\n          rendszer kialak\u00edt\u00e1sa volt a c\u00e9l. A koncepci\u00f3 t\u00f6bb fel\u00fcleten is egys\u00e9gesen\n          alkalmazhat\u00f3, mik\u00f6zben er\u0151s\u00edti a m\u00e1rka karakter\u00e9t \u00e9s professzion\u00e1lis megjelen\u00e9s\u00e9t.\n        <\/p>\n      <\/div>\n\n      <div class=\"cs-detail-image\">\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/1200x800\" alt=\"Brand arculat\">\n      <\/div>\n    <\/div>\n\n    <div class=\"cs-detail-gallery\">\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/1000x1000\" alt=\"Brand arculat r\u00e9szlet 1\">\n      <\/div>\n\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/1000x1000\" alt=\"Brand arculat r\u00e9szlet 2\">\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <article class=\"cs-detail-panel\" data-detail-panel=\"identity-arculat\">\n    <div class=\"cs-detail-main\">\n      <div class=\"cs-detail-content\">\n        <p class=\"cs-detail-kicker-number\">02<\/p>\n        <p class=\"cs-detail-kicker-category\">ARCULAT<\/p>\n        <div class=\"cs-detail-line\"><\/div>\n        <h2 class=\"cs-detail-title\">IDENTITY DESIGN<\/h2>\n        <p class=\"cs-detail-text\">\n          A vizu\u00e1lis identit\u00e1s kialak\u00edt\u00e1s\u00e1n\u00e1l a m\u00e1rka szem\u00e9lyis\u00e9ge, c\u00e9lk\u00f6z\u00f6ns\u00e9ge \u00e9s hossz\u00fa\n          t\u00e1v\u00fa haszn\u00e1lhat\u00f3s\u00e1ga volt a tervez\u00e9si folyamat alapja. A c\u00e9l egy olyan arculati\n          rendszer l\u00e9trehoz\u00e1sa volt, amely egyszerre karakteres, letisztult \u00e9s k\u00f6nnyen\n          tov\u00e1bb\u00e9p\u00edthet\u0151.\n        <\/p>\n      <\/div>\n\n      <div class=\"cs-detail-image\">\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/1200x800\" alt=\"Identity arculat\">\n      <\/div>\n    <\/div>\n\n    <div class=\"cs-detail-gallery\">\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/1000x1000\" alt=\"Identity arculat r\u00e9szlet 1\">\n      <\/div>\n\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/1000x1000\" alt=\"Identity arculat r\u00e9szlet 2\">\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <article class=\"cs-detail-panel\" data-detail-panel=\"website-webdesign\">\n    <div class=\"cs-detail-main\">\n      <div class=\"cs-detail-content\">\n        <p class=\"cs-detail-kicker-number\">04<\/p>\n        <p class=\"cs-detail-kicker-category\">WEBDESIGN<\/p>\n        <div class=\"cs-detail-line\"><\/div>\n        <h2 class=\"cs-detail-title\">WEBSITE DESIGN<\/h2>\n        <p class=\"cs-detail-text\">\n          A webdesign c\u00e9lja egy modern, \u00e1ttekinthet\u0151 \u00e9s reszponz\u00edv webes megjelen\u00e9s\n          kialak\u00edt\u00e1sa volt. A tervez\u00e9s sor\u00e1n a vizu\u00e1lis hierarchia, az \u00e1tl\u00e1that\u00f3 tartalmi\n          strukt\u00fara \u00e9s a m\u00e1rk\u00e1hoz illeszked\u0151 eszt\u00e9tikus fel\u00fclet kapott kiemelt szerepet.\n        <\/p>\n      <\/div>\n\n      <div class=\"cs-detail-image\">\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/1200x800\" alt=\"Website webdesign\">\n      <\/div>\n    <\/div>\n\n    <div class=\"cs-detail-gallery\">\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/1000x1000\" alt=\"Website webdesign r\u00e9szlet 1\">\n      <\/div>\n\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/1000x1000\" alt=\"Website webdesign r\u00e9szlet 2\">\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <article class=\"cs-detail-panel\" data-detail-panel=\"landing-webdesign\">\n    <div class=\"cs-detail-main\">\n      <div class=\"cs-detail-content\">\n        <p class=\"cs-detail-kicker-number\">04<\/p>\n        <p class=\"cs-detail-kicker-category\">WEBDESIGN<\/p>\n        <div class=\"cs-detail-line\"><\/div>\n        <h2 class=\"cs-detail-title\">LANDING OLDAL<\/h2>\n        <p class=\"cs-detail-text\">\n          A landing oldal tervez\u00e9se sor\u00e1n a f\u00f3kusz\u00e1lt tartalmi strukt\u00fara, a vizu\u00e1lis\n          hierarchia \u00e9s az egyszer\u0171 felhaszn\u00e1l\u00f3i \u00fatvonal kialak\u00edt\u00e1sa volt a f\u0151 szempont.\n          A c\u00e9l egy olyan oldal l\u00e9trehoz\u00e1sa volt, amely gyorsan kommunik\u00e1lja az \u00fczenetet\n          \u00e9s t\u00e1mogatja a konverzi\u00f3s c\u00e9lokat.\n        <\/p>\n      <\/div>\n\n      <div class=\"cs-detail-image\">\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/1200x800\" alt=\"Landing webdesign\">\n      <\/div>\n    <\/div>\n\n    <div class=\"cs-detail-gallery\">\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/1000x1000\" alt=\"Landing webdesign r\u00e9szlet 1\">\n      <\/div>\n\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/1000x1000\" alt=\"Landing webdesign r\u00e9szlet 2\">\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <article class=\"cs-detail-panel\" data-detail-panel=\"katalogus-kiadvany\">\n    <div class=\"cs-detail-main\">\n      <div class=\"cs-detail-content\">\n        <p class=\"cs-detail-kicker-number\">05<\/p>\n        <p class=\"cs-detail-kicker-category\">KIADV\u00c1NY<\/p>\n        <div class=\"cs-detail-line\"><\/div>\n        <h2 class=\"cs-detail-title\">KATAL\u00d3GUS<\/h2>\n        <p class=\"cs-detail-text\">\n          A katal\u00f3gus tervez\u00e9s\u00e9n\u00e9l az olvashat\u00f3, j\u00f3l struktur\u00e1lt \u00e9s vizu\u00e1lisan k\u00f6vetkezetes\n          megjelen\u00e9s volt a c\u00e9l. A kiadv\u00e1ny egyszerre informat\u00edv \u00e9s eszt\u00e9tikus, mik\u00f6zben\n          t\u00e1mogatja a m\u00e1rka professzion\u00e1lis kommunik\u00e1ci\u00f3j\u00e1t.\n        <\/p>\n      <\/div>\n\n      <div class=\"cs-detail-image\">\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/1200x800\" alt=\"Katal\u00f3gus kiadv\u00e1ny\">\n      <\/div>\n    <\/div>\n\n    <div class=\"cs-detail-gallery\">\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/1000x1000\" alt=\"Katal\u00f3gus kiadv\u00e1ny r\u00e9szlet 1\">\n      <\/div>\n\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/1000x1000\" alt=\"Katal\u00f3gus kiadv\u00e1ny r\u00e9szlet 2\">\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <article class=\"cs-detail-panel\" data-detail-panel=\"brochure-kiadvany\">\n    <div class=\"cs-detail-main\">\n      <div class=\"cs-detail-content\">\n        <p class=\"cs-detail-kicker-number\">05<\/p>\n        <p class=\"cs-detail-kicker-category\">KIADV\u00c1NY<\/p>\n        <div class=\"cs-detail-line\"><\/div>\n        <h2 class=\"cs-detail-title\">BROCHURE<\/h2>\n        <p class=\"cs-detail-text\">\n          A brochure szerkeszt\u00e9se sor\u00e1n a k\u00f6nnyen befogadhat\u00f3 tartalom, a vizu\u00e1lis ritmus\n          \u00e9s a professzion\u00e1lis m\u00e1rkamegjelen\u00e9s megteremt\u00e9se volt a f\u0151 c\u00e9l. A layout \u00fagy\n          \u00e9p\u00fcl fel, hogy t\u00e1mogassa az inform\u00e1ci\u00f3k gyors meg\u00e9rt\u00e9s\u00e9t \u00e9s eszt\u00e9tikus bemutat\u00e1s\u00e1t.\n        <\/p>\n      <\/div>\n\n      <div class=\"cs-detail-image\">\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/1200x800\" alt=\"Brochure kiadv\u00e1ny\">\n      <\/div>\n    <\/div>\n\n    <div class=\"cs-detail-gallery\">\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/1000x1000\" alt=\"Brochure kiadv\u00e1ny r\u00e9szlet 1\">\n      <\/div>\n\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/1000x1000\" alt=\"Brochure kiadv\u00e1ny r\u00e9szlet 2\">\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <script>\n    (function () {\n      function initPortfolioDetails() {\n        const detailRoot = document.querySelector('#csPortfolioDetails');\n        if (!detailRoot) return;\n\n        const detailPanels = detailRoot.querySelectorAll('.cs-detail-panel');\n\n        function showDetail(detailId, shouldScroll) {\n          let foundPanel = false;\n\n          detailPanels.forEach(function (panel) {\n            const isActive = panel.dataset.detailPanel === detailId;\n            panel.classList.toggle('is-active', isActive);\n\n            if (isActive) {\n              foundPanel = true;\n            }\n          });\n\n          if (!foundPanel) return;\n\n          if (shouldScroll) {\n            window.requestAnimationFrame(function () {\n              const headerOffset = 110;\n              const targetTop =\n                detailRoot.getBoundingClientRect().top + window.pageYOffset - headerOffset;\n\n              window.scrollTo({\n                top: targetTop,\n                behavior: 'smooth'\n              });\n            });\n          }\n        }\n\n        document.addEventListener('click', function (event) {\n          const trigger = event.target.closest('[data-detail]');\n          if (!trigger) return;\n\n          const detailId = trigger.getAttribute('data-detail');\n          if (!detailId) return;\n\n          event.preventDefault();\n          showDetail(detailId, true);\n        });\n\n        window.csShowPortfolioDetail = function (detailId) {\n          showDetail(detailId, true);\n        };\n      }\n\n      if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initPortfolioDetails);\n      } else {\n        initPortfolioDetails();\n      }\n    })();\n  <\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f9b7268 e-con-full e-flex e-con e-parent\" data-id=\"f9b7268\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5882148 elementor-widget elementor-widget-button\" data-id=\"5882148\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u00d6sszes<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5529f83 elementor-widget elementor-widget-button\" data-id=\"5529f83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">UI\/UX<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d27b641 elementor-widget elementor-widget-button\" data-id=\"d27b641\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Webdesign<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1fc2e1e elementor-widget elementor-widget-button\" data-id=\"1fc2e1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Arculat<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22ec645 elementor-widget elementor-widget-button\" data-id=\"22ec645\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Csomagol\u00e1s<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35201c5 elementor-widget elementor-widget-button\" data-id=\"35201c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Kiadv\u00e1ny<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MUNK\u00c1IM projecteim V\u00e1logat\u00e1s a legut\u00f3bbi munk\u00e1imb\u00f3l.\u2028 Minden projekt egyedi megold\u00e1s, \u00e1tgondolt koncepci\u00f3val \u00e9s letisztult vizu\u00e1lis vil\u00e1ggal. T\u00f6bb INf\u00f3 01 UX\/UI DESIGN Letisztult, funkcion\u00e1lis \u00e9s eszt\u00e9tikus weboldalak tervez\u00e9se, amelyek t\u00fckr\u00f6zik a m\u00e1rka \u00e9rt\u00e9keit. 02 ARCULAT Letisztult, funkcion\u00e1lis \u00e9s eszt\u00e9tikus weboldalak tervez\u00e9se, amelyek t\u00fckr\u00f6zik a m\u00e1rka \u00e9rt\u00e9keit. 03 CSOMAGOL\u00c1S Letisztult, funkcion\u00e1lis \u00e9s eszt\u00e9tikus weboldalak tervez\u00e9se, amelyek t\u00fckr\u00f6zik [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Munk\u00e1im - Antal-Bartalis Lilla Designer<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/en\/munkaim\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Munk\u00e1im - Antal-Bartalis Lilla Designer\" \/>\n<meta property=\"og:description\" content=\"MUNK\u00c1IM projecteim V\u00e1logat\u00e1s a legut\u00f3bbi munk\u00e1imb\u00f3l.\u2028 Minden projekt egyedi megold\u00e1s, \u00e1tgondolt koncepci\u00f3val \u00e9s letisztult vizu\u00e1lis vil\u00e1ggal. T\u00f6bb INf\u00f3 01 UX\/UI DESIGN Letisztult, funkcion\u00e1lis \u00e9s eszt\u00e9tikus weboldalak tervez\u00e9se, amelyek t\u00fckr\u00f6zik a m\u00e1rka \u00e9rt\u00e9keit. 02 ARCULAT Letisztult, funkcion\u00e1lis \u00e9s eszt\u00e9tikus weboldalak tervez\u00e9se, amelyek t\u00fckr\u00f6zik a m\u00e1rka \u00e9rt\u00e9keit. 03 CSOMAGOL\u00c1S Letisztult, funkcion\u00e1lis \u00e9s eszt\u00e9tikus weboldalak tervez\u00e9se, amelyek t\u00fckr\u00f6zik [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/en\/munkaim\/\" \/>\n<meta property=\"og:site_name\" content=\"Antal-Bartalis Lilla Designer\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-02T15:39:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/05\/WORKS_MOBIL.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1066\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/munkaim\\\/\",\"url\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/munkaim\\\/\",\"name\":\"Munk\u00e1im - Antal-Bartalis Lilla Designer\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/munkaim\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/munkaim\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/WORKS_MOBIL-1024x682.png\",\"datePublished\":\"2026-04-21T16:00:04+00:00\",\"dateModified\":\"2026-06-02T15:39:48+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/munkaim\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/munkaim\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/munkaim\\\/#primaryimage\",\"url\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/WORKS_MOBIL-1024x682.png\",\"contentUrl\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/WORKS_MOBIL-1024x682.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/munkaim\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Kezd\u0151lap\",\"item\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Munk\u00e1im\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/#website\",\"url\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/\",\"name\":\"Antal-Bartalis Lilla UX\\\/UI & Graphic Designer\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/#\\\/schema\\\/person\\\/d2ebaeacd5fcddf7f6d74f837c374dd8\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/#\\\/schema\\\/person\\\/d2ebaeacd5fcddf7f6d74f837c374dd8\",\"name\":\"admin_abl@\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Favicon1.svg\",\"url\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Favicon1.svg\",\"contentUrl\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Favicon1.svg\",\"width\":48,\"height\":48,\"caption\":\"admin_abl@\"},\"logo\":{\"@id\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Favicon1.svg\"},\"sameAs\":[\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Munk\u00e1im - Antal-Bartalis Lilla Designer","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/en\/munkaim\/","og_locale":"en_US","og_type":"article","og_title":"Munk\u00e1im - Antal-Bartalis Lilla Designer","og_description":"MUNK\u00c1IM projecteim V\u00e1logat\u00e1s a legut\u00f3bbi munk\u00e1imb\u00f3l.\u2028 Minden projekt egyedi megold\u00e1s, \u00e1tgondolt koncepci\u00f3val \u00e9s letisztult vizu\u00e1lis vil\u00e1ggal. T\u00f6bb INf\u00f3 01 UX\/UI DESIGN Letisztult, funkcion\u00e1lis \u00e9s eszt\u00e9tikus weboldalak tervez\u00e9se, amelyek t\u00fckr\u00f6zik a m\u00e1rka \u00e9rt\u00e9keit. 02 ARCULAT Letisztult, funkcion\u00e1lis \u00e9s eszt\u00e9tikus weboldalak tervez\u00e9se, amelyek t\u00fckr\u00f6zik a m\u00e1rka \u00e9rt\u00e9keit. 03 CSOMAGOL\u00c1S Letisztult, funkcion\u00e1lis \u00e9s eszt\u00e9tikus weboldalak tervez\u00e9se, amelyek t\u00fckr\u00f6zik [&hellip;]","og_url":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/en\/munkaim\/","og_site_name":"Antal-Bartalis Lilla Designer","article_modified_time":"2026-06-02T15:39:48+00:00","og_image":[{"width":1600,"height":1066,"url":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/05\/WORKS_MOBIL.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/munkaim\/","url":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/munkaim\/","name":"Munk\u00e1im - Antal-Bartalis Lilla Designer","isPartOf":{"@id":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/#website"},"primaryImageOfPage":{"@id":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/munkaim\/#primaryimage"},"image":{"@id":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/munkaim\/#primaryimage"},"thumbnailUrl":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/05\/WORKS_MOBIL-1024x682.png","datePublished":"2026-04-21T16:00:04+00:00","dateModified":"2026-06-02T15:39:48+00:00","breadcrumb":{"@id":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/munkaim\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/munkaim\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/munkaim\/#primaryimage","url":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/05\/WORKS_MOBIL-1024x682.png","contentUrl":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/05\/WORKS_MOBIL-1024x682.png"},{"@type":"BreadcrumbList","@id":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/munkaim\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Kezd\u0151lap","item":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/"},{"@type":"ListItem","position":2,"name":"Munk\u00e1im"}]},{"@type":"WebSite","@id":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/#website","url":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/","name":"Antal-Bartalis Lilla UX\/UI & Graphic Designer","description":"","publisher":{"@id":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/#\/schema\/person\/d2ebaeacd5fcddf7f6d74f837c374dd8"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/#\/schema\/person\/d2ebaeacd5fcddf7f6d74f837c374dd8","name":"admin_abl@","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/05\/Favicon1.svg","url":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/05\/Favicon1.svg","contentUrl":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/05\/Favicon1.svg","width":48,"height":48,"caption":"admin_abl@"},"logo":{"@id":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/05\/Favicon1.svg"},"sameAs":["https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu"]}]}},"_links":{"self":[{"href":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/en\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/en\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":179,"href":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/en\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":1469,"href":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/en\/wp-json\/wp\/v2\/pages\/16\/revisions\/1469"}],"wp:attachment":[{"href":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/en\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}