CINXE.COM

<!DOCTYPE html> <html class="ltr" dir="ltr" lang="hu-HU"> <head> <script> const wtCookieName = "WEBTOWN_COOKIE"; //Get cookie const getWtCookie = (cname) => { let name = cname + "="; let ca = document.cookie.split(";"); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == " ") { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; }; // Define dataLayer and the gtag function. window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } if (getWtCookie(wtCookieName) == "" || getWtCookie(wtCookieName) == "false") { gtag('consent', 'default', { 'ad_storage': 'denied', 'ad_user_data': 'denied', 'ad_personalization': 'denied', 'analytics_storage': 'denied', 'functionality_storage': 'denied', 'personalization_storage': 'denied', 'security_storage': 'denied' }); } else { let cookieFunc = getWtCookie(wtCookieName+"FUNC") == "true"; let cookiePref = getWtCookie(wtCookieName+"PREF") == "true"; let cookieStat = getWtCookie(wtCookieName+"STAT") == "true"; let cookieMark = getWtCookie(wtCookieName+"MARK") == "true"; let b_ad_user_data=cookiePref; let b_ad_personalization=cookieMark; let b_ad_storage=cookieMark; let b_analytics_storage=cookieStat; let b_functionality_storage=cookieFunc; let b_personalization_storage=cookieMark; let b_security_storage=cookieFunc; gtag('consent', 'default', { 'ad_storage': b_ad_storage?'granted':'denied', 'ad_user_data': b_ad_user_data?'granted':'denied', 'ad_personalization': b_ad_personalization?'granted':'denied', 'analytics_storage': b_analytics_storage?'granted':'denied', 'functionality_storage': b_functionality_storage?'granted':'denied', 'personalization_storage': b_personalization_storage?'granted':'denied', 'security_storage': b_security_storage?'granted':'denied' }); } </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-8QYXJJQXW1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-8QYXJJQXW1'); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-831478841"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'AW-831478841'); </script>  <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-T86XVPQ'); </script> <title>Home - Webtown</title> <meta content="initial-scale=1.0, width=device-width" name="viewport" /> <meta content="text/html; charset=UTF-8" http-equiv="content-type" /> <script type="importmap">{"imports":{"react-dom":"/o/frontend-js-react-web/__liferay__/exports/react-dom.js","@clayui/breadcrumb":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$breadcrumb.js","@clayui/form":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$form.js","@clayui/popover":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$popover.js","@clayui/charts":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$charts.js","@clayui/shared":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$shared.js","@clayui/localized-input":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$localized-input.js","@clayui/modal":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$modal.js","@clayui/empty-state":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$empty-state.js","react":"/o/frontend-js-react-web/__liferay__/exports/react.js","@clayui/navigation-bar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$navigation-bar.js","@clayui/color-picker":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$color-picker.js","@clayui/pagination":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$pagination.js","@clayui/icon":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$icon.js","@clayui/table":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$table.js","@clayui/autocomplete":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$autocomplete.js","@clayui/slider":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$slider.js","@clayui/management-toolbar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$management-toolbar.js","@clayui/multi-select":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$multi-select.js","@clayui/nav":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$nav.js","@clayui/time-picker":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$time-picker.js","@clayui/provider":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$provider.js","@clayui/upper-toolbar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$upper-toolbar.js","@clayui/panel":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$panel.js","@clayui/loading-indicator":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$loading-indicator.js","@clayui/list":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$list.js","@clayui/drop-down":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$drop-down.js","@clayui/date-picker":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$date-picker.js","@clayui/label":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$label.js","@clayui/data-provider":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$data-provider.js","@liferay/frontend-js-api/data-set":"/o/frontend-js-dependencies-web/__liferay__/exports/@liferay$js-api$data-set.js","@clayui/core":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$core.js","@clayui/pagination-bar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$pagination-bar.js","@clayui/layout":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$layout.js","@clayui/multi-step-nav":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$multi-step-nav.js","@liferay/frontend-js-api":"/o/frontend-js-dependencies-web/__liferay__/exports/@liferay$js-api.js","@clayui/toolbar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$toolbar.js","@clayui/css":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$css.js","@clayui/badge":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$badge.js","@clayui/alert":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$alert.js","@clayui/link":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$link.js","@clayui/card":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$card.js","@clayui/progress-bar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$progress-bar.js","@clayui/tooltip":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$tooltip.js","@clayui/button":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$button.js","@clayui/tabs":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$tabs.js","@clayui/sticker":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$sticker.js"},"scopes":{}}</script><script data-senna-track="temporary">var Liferay = window.Liferay || {};Liferay.Icons = Liferay.Icons || {};Liferay.Icons.controlPanelSpritemap = 'https://webtown.hu/o/admin-theme/images/clay/icons.svg';Liferay.Icons.spritemap = 'https://webtown.hu/o/webtown-redesign-theme/images/clay/icons.svg';</script> <script data-senna-track="permanent" src="/combo?browserId=ie&minifierType=js&languageId=hu_HU&t=1738573573934&/o/frontend-js-jquery-web/jquery/jquery.min.js&/o/frontend-js-jquery-web/jquery/init.js&/o/frontend-js-jquery-web/jquery/ajax.js&/o/frontend-js-jquery-web/jquery/bootstrap.bundle.min.js&/o/frontend-js-jquery-web/jquery/collapsible_search.js&/o/frontend-js-jquery-web/jquery/fm.js&/o/frontend-js-jquery-web/jquery/form.js&/o/frontend-js-jquery-web/jquery/popper.min.js&/o/frontend-js-jquery-web/jquery/side_navigation.js" type="text/javascript"></script> <link data-senna-track="temporary" href="https://webtown.hu" rel="canonical" /> <link data-senna-track="temporary" href="https://webtown.hu" hreflang="hu-HU" rel="alternate" /> <link data-senna-track="temporary" href="https://webtown.hu/en/" hreflang="en-US" rel="alternate" /> <link data-senna-track="temporary" href="https://webtown.hu" hreflang="x-default" rel="alternate" /> <meta property="og:locale" content="hu_HU"> <meta property="og:locale:alternate" content="hu_HU"> <meta property="og:locale:alternate" content="en_US"> <meta property="og:site_name" content="Webtown"> <meta property="og:title" content="Home - Webtown"> <meta property="og:type" content="website"> <meta property="og:url" content="https://webtown.hu"> <link href="/documents/20123/0/layout_set_logo.png/70b3462d-0c1d-24a8-b7fd-ce29735a0a75" rel="apple-touch-icon" /> <link href="/documents/20123/0/layout_set_logo.png/70b3462d-0c1d-24a8-b7fd-ce29735a0a75" rel="icon" /> <link class="lfr-css-file" data-senna-track="temporary" href="https://webtown.hu/o/webtown-redesign-theme/css/clay.css?browserId=ie&themeId=webtownredesign_WAR_webtownredesigntheme&minifierType=css&languageId=hu_HU&t=1738573582000" id="liferayAUICSS" rel="stylesheet" type="text/css" /> <link href="/combo?browserId=ie&minifierType=css&themeId=webtownredesign_WAR_webtownredesigntheme&languageId=hu_HU&com_liferay_analytics_reports_web_internal_portlet_AnalyticsReportsPortlet:%2Fo%2Fanalytics-reports-web%2Fcss%2Fmain.css&com_liferay_commerce_product_asset_categories_navigation_web_internal_portlet_CPAssetCategoriesNavigationPortlet_INSTANCE_cpAssetCategoriesNavigationPortlet_navigation_menu:%2Fo%2Fcommerce-product-asset-categories-navigation-web%2Fcss%2Fmain.css&com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch:%2Fo%2Fportal-search-web%2Fcss%2Fmain.css&com_liferay_product_navigation_product_menu_web_portlet_ProductMenuPortlet:%2Fo%2Fproduct-navigation-product-menu-web%2Fcss%2Fmain.css&com_liferay_product_navigation_user_personal_bar_web_portlet_ProductNavigationUserPersonalBarPortlet:%2Fo%2Fcom.liferay.product.navigation.user.personal.bar.web%2Fcss%2Fmain.css&com_liferay_segments_experiment_web_internal_portlet_SegmentsExperimentPortlet:%2Fo%2Fsegments-experiment-web%2Fcss%2Fmain.css&com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet:%2Fo%2Fsite-navigation-menu-web%2Fcss%2Fmain.css&t=1738573582000" rel="stylesheet" type="text/css" data-senna-track="temporary" id="4a79bb29" /> <script data-senna-track="temporary" type="text/javascript"> // <![CDATA[ var Liferay = Liferay || {}; Liferay.Browser = { acceptsGzip: function() { return true; }, getMajorVersion: function() { return 7.0; }, getRevision: function() { return '7.0'; }, getVersion: function() { return '7.0'; }, isAir: function() { return false; }, isChrome: function() { return false; }, isEdge: function() { return false; }, isFirefox: function() { return false; }, isGecko: function() { return false; }, isIe: function() { return true; }, isIphone: function() { return false; }, isLinux: function() { return false; }, isMac: function() { return false; }, isMobile: function() { return false; }, isMozilla: function() { return false; }, isOpera: function() { return false; }, isRtf: function() { return true; }, isSafari: function() { return false; }, isSun: function() { return false; }, isWebKit: function() { return false; }, isWindows: function() { return true; } }; Liferay.Data = Liferay.Data || {}; Liferay.Data.ICONS_INLINE_SVG = true; Liferay.Data.NAV_SELECTOR = '#navigation'; Liferay.Data.NAV_SELECTOR_MOBILE = '#navigationCollapse'; Liferay.Data.isCustomizationView = function() { return false; }; Liferay.Data.notices = [ ]; (function () { var available = {}; var direction = {}; available['en_US'] = 'angol\x20\x28Egyes眉lt\x20脕llamok\x29'; direction['en_US'] = 'ltr'; available['ar_SA'] = 'arab\x20\x28Sza煤d-Ar谩bia\x29'; direction['ar_SA'] = 'rtl'; available['ca_ES'] = 'katal谩n\x20\x28Spanyolorsz谩g\x29'; direction['ca_ES'] = 'ltr'; available['zh_CN'] = 'k铆nai\x20\x28K铆na\x29'; direction['zh_CN'] = 'ltr'; available['nl_NL'] = 'holland\x20\x28Hollandia\x29'; direction['nl_NL'] = 'ltr'; available['fi_FI'] = 'finn\x20\x28Finnorsz谩g\x29'; direction['fi_FI'] = 'ltr'; available['fr_FR'] = 'francia\x20\x28Franciaorsz谩g\x29'; direction['fr_FR'] = 'ltr'; available['de_DE'] = 'n茅met\x20\x28N茅metorsz谩g\x29'; direction['de_DE'] = 'ltr'; available['hu_HU'] = 'magyar\x20\x28Magyarorsz谩g\x29'; direction['hu_HU'] = 'ltr'; available['ja_JP'] = 'jap谩n\x20\x28Jap谩n\x29'; direction['ja_JP'] = 'ltr'; available['pt_BR'] = 'portug谩l\x20\x28Braz铆lia\x29'; direction['pt_BR'] = 'ltr'; available['es_ES'] = 'spanyol\x20\x28Spanyolorsz谩g\x29'; direction['es_ES'] = 'ltr'; available['sv_SE'] = 'sv茅d\x20\x28Sv茅dorsz谩g\x29'; direction['sv_SE'] = 'ltr'; Liferay.Language = { available, direction, get: function(key) { return key; } }; })(); var featureFlags = {"LPS-170122":false,"LPS-190890":false,"COMMERCE-9410":false,"LPS-172903":false,"LPS-178642":false,"LPS-187284":false,"LRAC-10632":false,"LPS-187285":false,"LPS-189187":false,"LPS-114786":false,"COMMERCE-8087":false,"LRAC-10757":false,"LPS-180090":false,"LPS-170809":false,"LPS-178052":false,"LPS-189856":false,"LPS-188645":false,"LPS-182184":false,"LPS-157670":false,"COMMERCE-11026":false,"LPS-180328":false,"COMMERCE-11028":false,"LPS-169923":false,"LPS-171364":false,"LPS-192282":false,"COMMERCE-11181":false,"LPS-153714":false,"COMMERCE-10890":false,"LPS-170670":false,"LPS-169981":false,"LPS-177664":false,"LPS-177027":false,"LPS-177668":false,"LPS-172416":false,"LPS-172017":false,"LPS-163118":false,"LPS-135430":false,"LPS-134060":false,"LPS-164563":false,"LPS-122920":false,"LPS-148856":false,"LPS-173135":false,"LPS-182728":false,"LPS-167253":false,"LPS-169992":false,"LPS-187142":false,"LPS-183498":false,"LRAC-14055":false,"LPS-187854":false,"LPS-179483":false,"LPS-166479":false,"LPS-165346":false,"LPS-144527":false,"COMMERCE-8949":false,"LPS-188060":false,"LPS-149256":false,"LPS-165482":false,"COMMERCE-11287":false,"LPS-174939":false,"LPS-174816":false,"LPS-186360":false,"LPS-189430":false,"LPS-153332":false,"LPS-179669":false,"LPS-174417":false,"LPS-183882":false,"LPS-155284":false,"LPS-186558":false,"LPS-176083":false,"LPS-158675":false,"LPS-184413":false,"LPS-184016":false,"LPS-180292":false,"LPS-159643":false,"LPS-161033":false,"LPS-164948":false,"LPS-184255":false,"LPS-129412":false,"LPS-183727":false,"LPS-166126":false,"LPS-182512":false,"LPS-187846":false,"LPS-186757":false}; Liferay.FeatureFlags = Object.keys(featureFlags).reduce( (acc, key) => ({ ...acc, [key]: featureFlags[key] === 'true' || featureFlags[key] === true }), {} ); Liferay.PortletKeys = { DOCUMENT_LIBRARY: 'com_liferay_document_library_web_portlet_DLPortlet', DYNAMIC_DATA_MAPPING: 'com_liferay_dynamic_data_mapping_web_portlet_DDMPortlet', ITEM_SELECTOR: 'com_liferay_item_selector_web_portlet_ItemSelectorPortlet' }; Liferay.PropsValues = { JAVASCRIPT_SINGLE_PAGE_APPLICATION_TIMEOUT: 0, UPLOAD_SERVLET_REQUEST_IMPL_MAX_SIZE: 1048576000 }; Liferay.ThemeDisplay = { getLayoutId: function() { return '116'; }, getLayoutRelativeControlPanelURL: function() { return '/group/guest/~/control_panel/manage'; }, getLayoutRelativeURL: function() { return '/home-webtown'; }, getLayoutURL: function() { return 'https://webtown.hu/home-webtown'; }, getParentLayoutId: function() { return '0'; }, isControlPanel: function() { return false; }, isPrivateLayout: function() { return 'false'; }, isVirtualLayout: function() { return false; }, getBCP47LanguageId: function() { return 'hu-HU'; }, getCanonicalURL: function() { return 'https\x3a\x2f\x2fwebtown\x2ehu'; }, getCDNBaseURL: function() { return 'https://webtown.hu'; }, getCDNDynamicResourcesHost: function() { return ''; }, getCDNHost: function() { return ''; }, getCompanyGroupId: function() { return '20125'; }, getCompanyId: function() { return '20099'; }, getDefaultLanguageId: function() { return 'hu_HU'; }, getDoAsUserIdEncoded: function() { return ''; }, getLanguageId: function() { return 'hu_HU'; }, getParentGroupId: function() { return '20123'; }, getPathContext: function() { return ''; }, getPathImage: function() { return '/image'; }, getPathJavaScript: function() { return '/o/frontend-js-web'; }, getPathMain: function() { return '/c'; }, getPathThemeImages: function() { return 'https://webtown.hu/o/webtown-redesign-theme/images'; }, getPathThemeRoot: function() { return '/o/webtown-redesign-theme'; }, getPlid: function() { return '694'; }, getPortalURL: function() { return 'https://webtown.hu'; }, getRealUserId: function() { return '20103'; }, getRemoteAddr: function() { return '8.222.208.146'; }, getRemoteHost: function() { return '8.222.208.146'; }, getScopeGroupId: function() { return '20123'; }, getScopeGroupIdOrLiveGroupId: function() { return '20123'; }, getSessionId: function() { return ''; }, getSiteAdminURL: function() { return 'https://webtown.hu/group/guest/~/control_panel/manage?p_p_lifecycle=0&p_p_state=maximized&p_p_mode=view'; }, getSiteGroupId: function() { return '20123'; }, getURLControlPanel: function() { return '/group/control_panel?refererPlid=694'; }, getURLHome: function() { return 'https\x3a\x2f\x2fwebtown\x2ehu\x2fweb\x2fguest'; }, getUserEmailAddress: function() { return ''; }, getUserId: function() { return '20103'; }, getUserName: function() { return ''; }, isAddSessionIdToURL: function() { return false; }, isImpersonated: function() { return false; }, isSignedIn: function() { return false; }, isStagedPortlet: function() { return false; }, isStateExclusive: function() { return false; }, isStateMaximized: function() { return false; }, isStatePopUp: function() { return false; } }; var themeDisplay = Liferay.ThemeDisplay; Liferay.AUI = { getCombine: function() { return true; }, getComboPath: function() { return '/combo/?browserId=ie&minifierType=&languageId=hu_HU&t=1738573580270&'; }, getDateFormat: function() { return '%Y.%m.%d.'; }, getEditorCKEditorPath: function() { return '/o/frontend-editor-ckeditor-web'; }, getFilter: function() { var filter = 'raw'; filter = 'min'; return filter; }, getFilterConfig: function() { var instance = this; var filterConfig = null; if (!instance.getCombine()) { filterConfig = { replaceStr: '.js' + instance.getStaticResourceURLParams(), searchExp: '\\.js$' }; } return filterConfig; }, getJavaScriptRootPath: function() { return '/o/frontend-js-web'; }, getPortletRootPath: function() { return '/html/portlet'; }, getStaticResourceURLParams: function() { return '?browserId=ie&minifierType=&languageId=hu_HU&t=1738573580270'; } }; Liferay.authToken = 'GF7y0lAQ'; Liferay.currentURL = '\x2f'; Liferay.currentURLEncoded = '\x252F'; // ]]> </script> <script data-senna-track="temporary" type="text/javascript">window.__CONFIG__= {basePath: '',combine: true, defaultURLParams: null, explainResolutions: false, exposeGlobal: false, logLevel: 'warn', moduleType: 'module', namespace:'Liferay', reportMismatchedAnonymousModules: 'warn', resolvePath: '/o/js_resolve_modules/53dbb85a-f4ae-40ca-9fd8-899072ac083a', url: '/combo/?browserId=ie&minifierType=js&languageId=hu_HU&t=1738573580270&', waitTimeout: 60000};</script><script data-senna-track="permanent" src="/o/frontend-js-loader-modules-extender/loader.js?&mac=kuyYLzgmJRuntKLenfFpZdHstco=&browserId=ie&languageId=hu_HU&minifierType=js" type="text/javascript"></script><script data-senna-track="permanent" src="/combo?browserId=ie&minifierType=js&languageId=hu_HU&t=1738573580270&/o/frontend-js-aui-web/aui/aui/aui-min.js&/o/frontend-js-aui-web/liferay/modules.js&/o/frontend-js-aui-web/liferay/aui_sandbox.js&/o/frontend-js-aui-web/aui/attribute-base/attribute-base-min.js&/o/frontend-js-aui-web/aui/attribute-complex/attribute-complex-min.js&/o/frontend-js-aui-web/aui/attribute-core/attribute-core-min.js&/o/frontend-js-aui-web/aui/attribute-observable/attribute-observable-min.js&/o/frontend-js-aui-web/aui/attribute-extras/attribute-extras-min.js&/o/frontend-js-aui-web/aui/event-custom-base/event-custom-base-min.js&/o/frontend-js-aui-web/aui/event-custom-complex/event-custom-complex-min.js&/o/frontend-js-aui-web/aui/oop/oop-min.js&/o/frontend-js-aui-web/aui/aui-base-lang/aui-base-lang-min.js&/o/frontend-js-aui-web/liferay/dependency.js&/o/frontend-js-aui-web/liferay/util.js&/o/frontend-js-web/liferay/dom_task_runner.js&/o/frontend-js-web/liferay/events.js&/o/frontend-js-web/liferay/lazy_load.js&/o/frontend-js-web/liferay/liferay.js&/o/frontend-js-web/liferay/global.bundle.js&/o/frontend-js-web/liferay/portlet.js&/o/frontend-js-web/liferay/workflow.js&/o/oauth2-provider-web/js/liferay.js" type="text/javascript"></script> <script data-senna-track="temporary" type="text/javascript">window.Liferay = Liferay || {}; window.Liferay.OAuth2 = {getAuthorizeURL: function() {return 'https://webtown.hu/o/oauth2/authorize';}, getBuiltInRedirectURL: function() {return 'https://webtown.hu/o/oauth2/redirect';}, getIntrospectURL: function() { return 'https://webtown.hu/o/oauth2/introspect';}, getTokenURL: function() {return 'https://webtown.hu/o/oauth2/token';}, getUserAgentApplication: function(externalReferenceCode) {return Liferay.OAuth2._userAgentApplications[externalReferenceCode];}, _userAgentApplications: {}}</script><script data-senna-track="temporary" type="text/javascript">try {var MODULE_MAIN='commerce-product-content-web@4.0.102/index';var MODULE_PATH='/o/commerce-product-content-web';AUI().applyConfig({groups:{productcontent:{base:MODULE_PATH+"/js/",combine:Liferay.AUI.getCombine(),modules:{"liferay-commerce-product-content":{path:"product_content.js",requires:["aui-base","aui-io-request","aui-parse-content","liferay-portlet-base","liferay-portlet-url"]}},root:MODULE_PATH+"/js/"}}}); } catch(error) {console.error(error);}try {var MODULE_MAIN='dynamic-data-mapping-web@5.0.93/index';var MODULE_PATH='/o/dynamic-data-mapping-web';!function(){const a=Liferay.AUI;AUI().applyConfig({groups:{ddm:{base:MODULE_PATH+"/js/",combine:Liferay.AUI.getCombine(),filter:a.getFilterConfig(),modules:{"liferay-ddm-form":{path:"ddm_form.js",requires:["aui-base","aui-datatable","aui-datatype","aui-image-viewer","aui-parse-content","aui-set","aui-sortable-list","json","liferay-form","liferay-map-base","liferay-translation-manager","liferay-util-window"]},"liferay-portlet-dynamic-data-mapping":{condition:{trigger:"liferay-document-library"},path:"main.js",requires:["arraysort","aui-form-builder-deprecated","aui-form-validator","aui-map","aui-text-unicode","json","liferay-menu","liferay-translation-manager","liferay-util-window","text"]},"liferay-portlet-dynamic-data-mapping-custom-fields":{condition:{trigger:"liferay-document-library"},path:"custom_fields.js",requires:["liferay-portlet-dynamic-data-mapping"]}},root:MODULE_PATH+"/js/"}}})}(); } catch(error) {console.error(error);}try {var MODULE_MAIN='@liferay/frontend-taglib@12.3.5/index';var MODULE_PATH='/o/frontend-taglib';AUI().applyConfig({groups:{"frontend-taglib":{base:MODULE_PATH+"/",combine:Liferay.AUI.getCombine(),filter:Liferay.AUI.getFilterConfig(),modules:{"liferay-management-bar":{path:"management_bar/js/management_bar.js",requires:["aui-component","liferay-portlet-base"]},"liferay-sidebar-panel":{path:"sidebar_panel/js/sidebar_panel.js",requires:["aui-base","aui-debounce","aui-parse-content","liferay-portlet-base"]}},root:MODULE_PATH+"/"}}}); } catch(error) {console.error(error);}try {var MODULE_MAIN='staging-taglib@7.0.46/index';var MODULE_PATH='/o/staging-taglib';AUI().applyConfig({groups:{stagingTaglib:{base:MODULE_PATH+"/",combine:Liferay.AUI.getCombine(),filter:Liferay.AUI.getFilterConfig(),modules:{"liferay-export-import-management-bar-button":{path:"export_import_entity_management_bar_button/js/main.js",requires:["aui-component","liferay-search-container","liferay-search-container-select"]}},root:MODULE_PATH+"/"}}}); } catch(error) {console.error(error);}try {var MODULE_MAIN='journal-web@5.0.151/index';var MODULE_PATH='/o/journal-web';AUI().applyConfig({groups:{journal:{base:MODULE_PATH+"/js/",combine:Liferay.AUI.getCombine(),filter:Liferay.AUI.getFilterConfig(),modules:{"liferay-journal-navigation":{path:"navigation.js",requires:["aui-component","liferay-portlet-base","liferay-search-container"]},"liferay-portlet-journal":{path:"main.js",requires:["aui-base","liferay-portlet-base","liferay-util-window"]}},root:MODULE_PATH+"/js/"}}}); } catch(error) {console.error(error);}try {var MODULE_MAIN='frontend-editor-alloyeditor-web@5.0.42/index';var MODULE_PATH='/o/frontend-editor-alloyeditor-web';AUI().applyConfig({groups:{alloyeditor:{base:MODULE_PATH+"/js/",combine:Liferay.AUI.getCombine(),filter:Liferay.AUI.getFilterConfig(),modules:{"liferay-alloy-editor":{path:"alloyeditor.js",requires:["aui-component","liferay-portlet-base","timers"]},"liferay-alloy-editor-source":{path:"alloyeditor_source.js",requires:["aui-debounce","liferay-fullscreen-source-editor","liferay-source-editor","plugin"]}},root:MODULE_PATH+"/js/"}}}); } catch(error) {console.error(error);}try {var MODULE_MAIN='frontend-js-components-web@2.0.53/index';var MODULE_PATH='/o/frontend-js-components-web';AUI().applyConfig({groups:{components:{mainModule:MODULE_MAIN}}}); } catch(error) {console.error(error);}try {var MODULE_MAIN='item-selector-taglib@5.3.14/index.es';var MODULE_PATH='/o/item-selector-taglib';AUI().applyConfig({groups:{"item-selector-taglib":{base:MODULE_PATH+"/",combine:Liferay.AUI.getCombine(),filter:Liferay.AUI.getFilterConfig(),modules:{"liferay-image-selector":{path:"image_selector/js/image_selector.js",requires:["aui-base","liferay-item-selector-dialog","liferay-portlet-base","uploader"]}},root:MODULE_PATH+"/"}}}); } catch(error) {console.error(error);}try {var MODULE_MAIN='invitation-invite-members-web@5.0.29/index';var MODULE_PATH='/o/invitation-invite-members-web';AUI().applyConfig({groups:{"invite-members":{base:MODULE_PATH+"/invite_members/js/",combine:Liferay.AUI.getCombine(),filter:Liferay.AUI.getFilterConfig(),modules:{"liferay-portlet-invite-members":{path:"main.js",requires:["aui-base","autocomplete-base","datasource-io","datatype-number","liferay-portlet-base","liferay-util-window","node-core"]}},root:MODULE_PATH+"/invite_members/js/"}}}); } catch(error) {console.error(error);}try {var MODULE_MAIN='contacts-web@5.0.52/index';var MODULE_PATH='/o/contacts-web';AUI().applyConfig({groups:{contactscenter:{base:MODULE_PATH+"/js/",combine:Liferay.AUI.getCombine(),filter:Liferay.AUI.getFilterConfig(),modules:{"liferay-contacts-center":{path:"main.js",requires:["aui-io-plugin-deprecated","aui-toolbar","autocomplete-base","datasource-io","json-parse","liferay-portlet-base","liferay-util-window"]}},root:MODULE_PATH+"/js/"}}}); } catch(error) {console.error(error);}try {var MODULE_MAIN='staging-processes-web@5.0.49/index';var MODULE_PATH='/o/staging-processes-web';AUI().applyConfig({groups:{stagingprocessesweb:{base:MODULE_PATH+"/",combine:Liferay.AUI.getCombine(),filter:Liferay.AUI.getFilterConfig(),modules:{"liferay-staging-processes-export-import":{path:"js/main.js",requires:["aui-datatype","aui-dialog-iframe-deprecated","aui-modal","aui-parse-content","aui-toggler","liferay-portlet-base","liferay-util-window"]}},root:MODULE_PATH+"/"}}}); } catch(error) {console.error(error);}try {var MODULE_MAIN='commerce-frontend-impl@4.0.49/index';var MODULE_PATH='/o/commerce-frontend-impl';AUI().applyConfig({groups:{commercefrontend:{base:MODULE_PATH+"/js/",combine:Liferay.AUI.getCombine(),modules:{"liferay-commerce-frontend-management-bar-state":{condition:{trigger:"liferay-management-bar"},path:"management_bar_state.js",requires:["liferay-management-bar"]}},root:MODULE_PATH+"/js/"}}}); } catch(error) {console.error(error);}try {var MODULE_MAIN='product-navigation-taglib@6.0.54/index';var MODULE_PATH='/o/product-navigation-taglib';AUI().applyConfig({groups:{controlmenu:{base:MODULE_PATH+"/",combine:Liferay.AUI.getCombine(),filter:Liferay.AUI.getFilterConfig(),modules:{"liferay-product-navigation-control-menu":{path:"control_menu/js/product_navigation_control_menu.js",requires:["aui-node","event-touch"]}},root:MODULE_PATH+"/"}}}); } catch(error) {console.error(error);}try {var MODULE_MAIN='@liferay/document-library-web@6.0.163/document_library/js/index';var MODULE_PATH='/o/document-library-web';AUI().applyConfig({groups:{dl:{base:MODULE_PATH+"/document_library/js/legacy/",combine:Liferay.AUI.getCombine(),filter:Liferay.AUI.getFilterConfig(),modules:{"document-library-upload-component":{path:"DocumentLibraryUpload.js",requires:["aui-component","aui-data-set-deprecated","aui-overlay-manager-deprecated","aui-overlay-mask-deprecated","aui-parse-content","aui-progressbar","aui-template-deprecated","liferay-search-container","querystring-parse-simple","uploader"]}},root:MODULE_PATH+"/document_library/js/legacy/"}}}); } catch(error) {console.error(error);}try {var MODULE_MAIN='calendar-web@5.0.78/index';var MODULE_PATH='/o/calendar-web';AUI().applyConfig({groups:{calendar:{base:MODULE_PATH+"/js/",combine:Liferay.AUI.getCombine(),filter:Liferay.AUI.getFilterConfig(),modules:{"liferay-calendar-a11y":{path:"calendar_a11y.js",requires:["calendar"]},"liferay-calendar-container":{path:"calendar_container.js",requires:["aui-alert","aui-base","aui-component","liferay-portlet-base"]},"liferay-calendar-date-picker-sanitizer":{path:"date_picker_sanitizer.js",requires:["aui-base"]},"liferay-calendar-interval-selector":{path:"interval_selector.js",requires:["aui-base","liferay-portlet-base"]},"liferay-calendar-interval-selector-scheduler-event-link":{path:"interval_selector_scheduler_event_link.js",requires:["aui-base","liferay-portlet-base"]},"liferay-calendar-list":{path:"calendar_list.js",requires:["aui-template-deprecated","liferay-scheduler"]},"liferay-calendar-message-util":{path:"message_util.js",requires:["liferay-util-window"]},"liferay-calendar-recurrence-converter":{path:"recurrence_converter.js",requires:[]},"liferay-calendar-recurrence-dialog":{path:"recurrence.js",requires:["aui-base","liferay-calendar-recurrence-util"]},"liferay-calendar-recurrence-util":{path:"recurrence_util.js",requires:["aui-base","liferay-util-window"]},"liferay-calendar-reminders":{path:"calendar_reminders.js",requires:["aui-base"]},"liferay-calendar-remote-services":{path:"remote_services.js",requires:["aui-base","aui-component","liferay-calendar-util","liferay-portlet-base"]},"liferay-calendar-session-listener":{path:"session_listener.js",requires:["aui-base","liferay-scheduler"]},"liferay-calendar-simple-color-picker":{path:"simple_color_picker.js",requires:["aui-base","aui-template-deprecated"]},"liferay-calendar-simple-menu":{path:"simple_menu.js",requires:["aui-base","aui-template-deprecated","event-outside","event-touch","widget-modality","widget-position","widget-position-align","widget-position-constrain","widget-stack","widget-stdmod"]},"liferay-calendar-util":{path:"calendar_util.js",requires:["aui-datatype","aui-io","aui-scheduler","aui-toolbar","autocomplete","autocomplete-highlighters"]},"liferay-scheduler":{path:"scheduler.js",requires:["async-queue","aui-datatype","aui-scheduler","dd-plugin","liferay-calendar-a11y","liferay-calendar-message-util","liferay-calendar-recurrence-converter","liferay-calendar-recurrence-util","liferay-calendar-util","liferay-scheduler-event-recorder","liferay-scheduler-models","promise","resize-plugin"]},"liferay-scheduler-event-recorder":{path:"scheduler_event_recorder.js",requires:["dd-plugin","liferay-calendar-util","resize-plugin"]},"liferay-scheduler-models":{path:"scheduler_models.js",requires:["aui-datatype","dd-plugin","liferay-calendar-util"]}},root:MODULE_PATH+"/js/"}}}); } catch(error) {console.error(error);}try {var MODULE_MAIN='exportimport-web@5.0.76/index';var MODULE_PATH='/o/exportimport-web';AUI().applyConfig({groups:{exportimportweb:{base:MODULE_PATH+"/",combine:Liferay.AUI.getCombine(),filter:Liferay.AUI.getFilterConfig(),modules:{"liferay-export-import-export-import":{path:"js/main.js",requires:["aui-datatype","aui-dialog-iframe-deprecated","aui-modal","aui-parse-content","aui-toggler","liferay-portlet-base","liferay-util-window"]}},root:MODULE_PATH+"/"}}}); } catch(error) {console.error(error);}try {var MODULE_MAIN='@liferay/frontend-js-state-web@1.0.18/index';var MODULE_PATH='/o/frontend-js-state-web';AUI().applyConfig({groups:{state:{mainModule:MODULE_MAIN}}}); } catch(error) {console.error(error);}try {var MODULE_MAIN='@liferay/frontend-js-react-web@5.0.31/index';var MODULE_PATH='/o/frontend-js-react-web';AUI().applyConfig({groups:{react:{mainModule:MODULE_MAIN}}}); } catch(error) {console.error(error);}try {var MODULE_MAIN='portal-search-web@6.0.114/index';var MODULE_PATH='/o/portal-search-web';AUI().applyConfig({groups:{search:{base:MODULE_PATH+"/js/",combine:Liferay.AUI.getCombine(),filter:Liferay.AUI.getFilterConfig(),modules:{"liferay-search-bar":{path:"search_bar.js",requires:[]},"liferay-search-custom-filter":{path:"custom_filter.js",requires:[]},"liferay-search-facet-util":{path:"facet_util.js",requires:[]},"liferay-search-modified-facet":{path:"modified_facet.js",requires:["aui-form-validator","liferay-search-facet-util"]},"liferay-search-modified-facet-configuration":{path:"modified_facet_configuration.js",requires:["aui-node"]},"liferay-search-sort-configuration":{path:"sort_configuration.js",requires:["aui-node"]},"liferay-search-sort-util":{path:"sort_util.js",requires:[]}},root:MODULE_PATH+"/js/"}}}); } catch(error) {console.error(error);}try {var MODULE_MAIN='portal-workflow-kaleo-designer-web@5.0.115/index';var MODULE_PATH='/o/portal-workflow-kaleo-designer-web';AUI().applyConfig({groups:{"kaleo-designer":{base:MODULE_PATH+"/designer/js/legacy/",combine:Liferay.AUI.getCombine(),filter:Liferay.AUI.getFilterConfig(),modules:{"liferay-kaleo-designer-autocomplete-util":{path:"autocomplete_util.js",requires:["autocomplete","autocomplete-highlighters"]},"liferay-kaleo-designer-definition-diagram-controller":{path:"definition_diagram_controller.js",requires:["liferay-kaleo-designer-field-normalizer","liferay-kaleo-designer-utils"]},"liferay-kaleo-designer-dialogs":{path:"dialogs.js",requires:["liferay-util-window"]},"liferay-kaleo-designer-editors":{path:"editors.js",requires:["aui-ace-editor","aui-ace-editor-mode-xml","aui-base","aui-datatype","aui-node","liferay-kaleo-designer-autocomplete-util","liferay-kaleo-designer-utils"]},"liferay-kaleo-designer-field-normalizer":{path:"field_normalizer.js",requires:["liferay-kaleo-designer-remote-services"]},"liferay-kaleo-designer-nodes":{path:"nodes.js",requires:["aui-datatable","aui-datatype","aui-diagram-builder","liferay-kaleo-designer-editors","liferay-kaleo-designer-utils"]},"liferay-kaleo-designer-remote-services":{path:"remote_services.js",requires:["aui-io","liferay-portlet-url"]},"liferay-kaleo-designer-templates":{path:"templates.js",requires:["aui-tpl-snippets-deprecated"]},"liferay-kaleo-designer-utils":{path:"utils.js",requires:[]},"liferay-kaleo-designer-xml-definition":{path:"xml_definition.js",requires:["aui-base","aui-component","dataschema-xml","datatype-xml"]},"liferay-kaleo-designer-xml-definition-serializer":{path:"xml_definition_serializer.js",requires:["escape","liferay-kaleo-designer-xml-util"]},"liferay-kaleo-designer-xml-util":{path:"xml_util.js",requires:["aui-base"]},"liferay-portlet-kaleo-designer":{path:"main.js",requires:["aui-ace-editor","aui-ace-editor-mode-xml","aui-tpl-snippets-deprecated","dataschema-xml","datasource","datatype-xml","event-valuechange","io-form","liferay-kaleo-designer-autocomplete-util","liferay-kaleo-designer-editors","liferay-kaleo-designer-nodes","liferay-kaleo-designer-remote-services","liferay-kaleo-designer-utils","liferay-kaleo-designer-xml-util","liferay-util-window"]}},root:MODULE_PATH+"/designer/js/legacy/"}}}); } catch(error) {console.error(error);}try {var MODULE_MAIN='portal-workflow-task-web@5.0.62/index';var MODULE_PATH='/o/portal-workflow-task-web';AUI().applyConfig({groups:{workflowtasks:{base:MODULE_PATH+"/js/",combine:Liferay.AUI.getCombine(),filter:Liferay.AUI.getFilterConfig(),modules:{"liferay-workflow-tasks":{path:"main.js",requires:["liferay-util-window"]}},root:MODULE_PATH+"/js/"}}}); } catch(error) {console.error(error);}</script> <script data-senna-track="temporary" type="text/javascript"> // <![CDATA[ // ]]> </script>  <script type="text/javascript" id="hs-script-loader" async defer src="//js-eu1.hs-scripts.com/26963980.js"></script>   <script> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:190308,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); </script> <link class="lfr-css-file" data-senna-track="temporary" href="https://webtown.hu/o/webtown-redesign-theme/css/main.css?browserId=ie&themeId=webtownredesign_WAR_webtownredesigntheme&minifierType=css&languageId=hu_HU&t=1738573582000" id="liferayThemeCSS" rel="stylesheet" type="text/css" /> <style data-senna-track="temporary" type="text/css"> </style> <script data-senna-track="temporary">var Liferay = window.Liferay || {}; Liferay.CommerceContext = {"commerceAccountGroupIds":[],"accountEntryAllowedTypes":["person"],"commerceChannelId":"0","currency":{"currencyId":"23502","currencyCode":"USD"},"commerceSiteType":0};</script><link href="/o/commerce-frontend-js/styles/main.css" rel="stylesheet" type="text/css" /> <style data-senna-track="temporary" type="text/css"> </style> <link data-senna-track="temporary" href="/o/layout-common-styles/main.css?plid=694&segmentsExperienceId=295104&t=1732025732163" rel="stylesheet" type="text/css"><script> Liferay.Loader.require( '@liferay/frontend-js-state-web@1.0.18', function(FrontendJsState) { try { } catch (err) { console.error(err); } }); </script> <script type="text/javascript"> Liferay.on( 'ddmFieldBlur', function(event) { if (window.Analytics) { Analytics.send( 'fieldBlurred', 'Form', { fieldName: event.fieldName, focusDuration: event.focusDuration, formId: event.formId, formPageTitle: event.formPageTitle, page: event.page, title: event.title } ); } } ); Liferay.on( 'ddmFieldFocus', function(event) { if (window.Analytics) { Analytics.send( 'fieldFocused', 'Form', { fieldName: event.fieldName, formId: event.formId, formPageTitle: event.formPageTitle, page: event.page, title:event.title } ); } } ); Liferay.on( 'ddmFormPageShow', function(event) { if (window.Analytics) { Analytics.send( 'pageViewed', 'Form', { formId: event.formId, formPageTitle: event.formPageTitle, page: event.page, title: event.title } ); } } ); Liferay.on( 'ddmFormSubmit', function(event) { if (window.Analytics) { Analytics.send( 'formSubmitted', 'Form', { formId: event.formId, title: event.title } ); } } ); Liferay.on( 'ddmFormView', function(event) { if (window.Analytics) { Analytics.send( 'formViewed', 'Form', { formId: event.formId, title: event.title } ); } } ); </script><script> </script> <meta content="false" name="data-analytics-readable-content" /> <script data-senna-track="temporary" type="text/javascript"> var runMiddlewares = function () { Analytics.registerMiddleware( function(request) { request.context.experienceId = 'DEFAULT'; request.context.experimentId = ''; request.context.variantId = ''; return request; } ); }; var analyticsClientChannelId = '586167653436842237'; var analyticsClientGroupIds = ["20123","58290","347580","58294","170372"]; </script> <script data-senna-track="permanent" id="liferayAnalyticsScript" type="text/javascript"> (function (u, c, a, m, o, l) { o = 'script'; l = document; a = l.createElement(o); m = l.getElementsByTagName(o)[0]; a.async = 1; a.src = u; a.onload = c; m.parentNode.insertBefore(a, m); })('https://analytics-js-cdn.liferay.com', () => { var config = {"dataSourceId":"586167755292990893","endpointUrl":"https://osbasahpublisher-ac-europewest2.lfr.cloud","projectId":"asahe6c1c78043ed4f7e9bf233a5971835cd"}; var dxpMiddleware = function (request) { request.context.canonicalUrl = themeDisplay.getCanonicalURL(); request.context.channelId = analyticsClientChannelId; request.context.groupId = themeDisplay.getScopeGroupIdOrLiveGroupId(); return request; }; Analytics.create(config, [dxpMiddleware]); if (themeDisplay.isSignedIn()) { Analytics.setIdentity({ email: themeDisplay.getUserEmailAddress(), name: themeDisplay.getUserName(), }); } runMiddlewares(); Analytics.send('pageViewed', 'Page'); }); </script> <script data-senna-track="temporary" type="text/javascript"> if (window.Analytics) { window._com_liferay_document_library_analytics_isViewFileEntry = false; } </script> </head> <body class="ie controls-visible yui3-skin-sam guest-site signed-out public-page site">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T86XVPQ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <nav aria-label="Gyorslinkek" class="bg-dark cadmin quick-access-nav text-center text-white" id="wtoz_quickAccessNav"> <a class="d-block p-2 sr-only sr-only-focusable text-reset" href="#main-content"> Ugr谩s a f艖 tartalomhoz </a> </nav> <div class="container-fluid min-vh-100" id="wrapper"> <header id="banner" role="banner" class=""> <div class="header-container"> <div id="heading"> <div aria-level="1" class="site-title" role="heading"> <a class="logo custom-logo underline-0 pr-3" href="https://webtown.hu" title="Ugr谩s ide: Webtown"> <span class="wticon-logo "><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span><span class="path6"></span><span class="path7"></span><span class="path8"></span></span> </a> </div> </div> <div id="webtown-navigation" class="d-lg-flex"> <nav aria-label="Webhelyoldalak:" class="sort-pages modify-pages" id="navigation" role="navigation"> <ul role="menubar"> <li class="selected" id="layout_116" role="presentation"> <a class="underline-0 " aria-haspopup='true' href="https://webtown.hu/home-webtown" role="menuitem"><span> Home</span></a> </li> <li class="" id="layout_24" role="presentation"> <a class="underline-0 " href="https://webtown.hu/webtown" role="menuitem"><span> A Webtown</span></a> </li> <li class="" id="layout_28" role="presentation"> <a class="underline-0 " href="https://webtown.hu/szolgaltatasaink" role="menuitem"><span> Szolg谩ltat谩saink</span></a> </li> <li class="" id="layout_58" role="presentation"> <a class="underline-0 " href="https://webtown.hu/referencia" role="menuitem"><span> Referenci谩k</span></a> </li> <li class="" id="layout_80" role="presentation"> <a class="underline-0 " href="https://webtown.hu/kapcsolat" role="menuitem"><span> Kapcsolat</span></a> </li> <li class="" id="layout_124" role="presentation"> <a class="underline-0 " href="https://karrier.webtown.hu" role="menuitem"><span> KARRIER</span></a> </li> <li class="" id="layout_125" role="presentation"> <a class="underline-0 " href="https://webtown-group.com" role="menuitem"><span> EN</span></a> </li> <li class="" id="layout_126" role="presentation"> <a class="underline-0 " href="https://webtown.at" role="menuitem"><span> DE</span></a> </li> </ul> <ul class="social-icons mb-0 list-unstyled d-flex"> <li class="pl-0 ml-0 pl-lg-1 ml-lg-1 pr-3 pr-lg-0"> <a class="underline-0" href="https://www.facebook.com/webtown.hungary"><img class="" src="/documents/20123/101542/facebook-logo+1.svg/6cea5672-5c50-005a-0e2d-cc4cbac84d81?t=1653941724135" /></a> </li> <li class="pl-0 ml-0 pl-lg-1 ml-lg-1 pr-3 pr-lg-0"> <a class="underline-0" href="https://www.youtube.com/channel/UCTKZOZAtD-kvieifv1HwOiQ"><img class="" src="/documents/20123/101542/youtube-logotype+1.svg/fbebd112-8f70-1570-1126-45543cbb6962?t=1653941726882" /></a> </li> </ul> </nav> </div> <div id="nav-icon" class="d-lg-none c-pointer "> <span></span> <span></span> <span></span> <span></span> </div> </div> </header> <section id="content"> <h2 class="hide-accessible" role="heading" aria-level="1">Home</h2> <div class="layout-content portlet-layout" id="main-content" role="main"> <style data-senna-track="temporary" type="text/css"> .portlet-borderless .portlet-content {padding: 0;}</style> <div class="lfr-layout-structure-item-banner lfr-layout-structure-item-1a9b40e6-e8d0-1661-e625-e383c8f0ee25 " style=""> <div id="fragment-4d70b97b-e87f-14c4-c3ed-28f6abc1466b"> <div class="banner position-relative text-break text-white"><picture data-fileentryid="320905"> <source media="(max-width:300px)" srcset="/o/adaptive-media/image/320905/Thumbnail-300x300/header-bulb-tiny.png?t=1666979298287"> <source media="(max-width:1000px) and (min-width:300px)" srcset="/o/adaptive-media/image/320905/Preview-1000x0/header-bulb-tiny.png?t=1666979298287"> <img class="img-fluid" data-lfr-editable-id="image" data-lfr-editable-type="image" src="/documents/d/guest/header-bulb-tiny-png?download=true" data-fileentryid="320905"> </picture> <div class="position-absolute banner-container text-lg-center p-3"> <h1 class="mw-1180 f-white f-semibold f-size-100 lh-100 l-spacing-n002 text-shadow pb-2 pb-lg-5" data-lfr-editable-id="title" data-lfr-editable-type="rich-text"> <div data-lfr-editable-id="title" data-lfr-editable-type="rich-text"> Make Digital Experience Happen </div></h1> <div class="mw-850"> <div class="f-shark-white f-regular text-shadow f-size-24 lh-32 pb-2 pb-lg-5 banner-p" data-lfr-editable-id="subtitle" data-lfr-editable-type="rich-text"> Szoftverfejleszt茅s 2 茅vtized tapasztalat谩val, a digit谩lis 眉gyf茅l茅lm茅ny茅rt. </div> </div> <a class="btn-webtown-white with-arrow underline-0" data-lfr-editable-id="link" data-lfr-editable-type="link" href="/szolgaltatasaink" id="fragment-jmyo-link">Szolg谩ltat谩saink</a> </div> </div> </div> <style>.banner { min-height: 586px; } .banner img { width: 100%; height: 100%; min-height: 586px; max-width: 100%; object-fit: cover; } .banner-container { top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; } @media only screen and (max-width: 1399.98px) { .banner h1 { font-size: 60px !important; line-height: 70px !important; } } @media only screen and (max-width: 991.98px) { .banner h1 { font-size: 48px !important; line-height: 55px !important; } .banner .banner-p { font-size: 20px !important; line-height: 25px !important; } } @media only screen and (max-width: 767.98px) { .banner h1 { font-size: 38px !important; line-height: 46px !important; } .banner .banner-p { font-size: 16px !important; line-height: 21px !important; } .banner .mw-850 { margin: inherit; } }</style> </div> <div class="lfr-layout-structure-item-basic-component-spacer lfr-layout-structure-item-26843200-512a-6ef7-3faf-8c7cd51bfd38 " style=""> <div id="fragment-b09157bf-5be6-382a-f045-f3a5c19ed4a1"> <div class="py-3"></div> </div> </div> <div class="lfr-layout-structure-item-efd0de2f-dd0e-5fb7-d3b0-692f1dfa83b5 lfr-layout-structure-item-container container-fluid container-fluid-max-xl" style=""> <div class="lfr-layout-structure-item-logo-row lfr-layout-structure-item-2be74e07-bf17-ec45-d0ff-0c279c700ec3 " style=""> <div id="fragment-fdef66f0-0fe0-5f30-e932-68db48827fab"> <div class="logo-row overflow-hidden" id="khrm-logo-row"> <div class="logo-row-inner flex-row justify-content-between m-auto"> <div class="active logo-row-item position-relative d-flex align-items-center justify-content-center" id="khrm-logo-item-1"><a class="stretched-link" data-lfr-editable-type="link" data-lfr-editable-id="01-link" href="/kbc-esettanulmany" id="fragment-khrm-logo-link-1">Example Link</a> <a href="/kbc-esettanulmany"> <picture data-fileentryid="157528"> <source media="(max-width:300px)" srcset="/o/adaptive-media/image/157528/Thumbnail-300x300/KBC_Bank_logo.png?t=1657192588314"> <source media="(max-width:1000px) and (min-width:300px)" srcset="/o/adaptive-media/image/157528/Preview-1000x0/KBC_Bank_logo.png?t=1657192588314"> <img class="logo-row-item-image mw-100 w-100" alt="Responsive Image 1" data-lfr-editable-id="01-image" data-lfr-editable-type="image" src="/documents/20123/0/KBC_Bank_logo.png/eaedc942-7fce-2480-03ae-2bfc27b73aa5?t=1657192588314&download=true" data-fileentryid="157528"> </picture></a> </div> <div class=" logo-row-item position-relative d-flex align-items-center justify-content-center" id="khrm-logo-item-2"><a class="stretched-link" data-lfr-editable-type="link" data-lfr-editable-id="02-link" href="/referencia" id="fragment-khrm-logo-link-2">Example Link</a> <a href="/referencia"> <picture data-fileentryid="157693"> <source media="(max-width:300px)" srcset="/o/adaptive-media/image/157693/Thumbnail-300x300/msci-logo.png?t=1657192824701"> <source media="(max-width:1000px) and (min-width:300px)" srcset="/o/adaptive-media/image/157693/Preview-1000x0/msci-logo.png?t=1657192824701"> <img class="logo-row-item-image mw-100 w-100" alt="Responsive Image 2" data-lfr-editable-id="02-image" data-lfr-editable-type="image" src="/documents/20123/0/msci-logo.png/da684950-cb5a-0bc0-c4b3-41fb08ca30b5?t=1657192824701&download=true" data-fileentryid="157693"> </picture></a> </div> <div class=" logo-row-item position-relative d-flex align-items-center justify-content-center" id="khrm-logo-item-3"><a class="stretched-link" data-lfr-editable-type="link" data-lfr-editable-id="03-link" href="/digitalis-ertekesitesi-felulet-fejlesztese-az-nn-biztositonak" id="fragment-khrm-logo-link-3">Example Link</a> <a href="/digitalis-ertekesitesi-felulet-fejlesztese-az-nn-biztositonak"> <picture data-fileentryid="42945"> <source media="(max-width:300px)" srcset="/o/adaptive-media/image/42945/Thumbnail-300x300/NN-log%C3%B3.png?t=1647522536551"> <source media="(max-width:1000px) and (min-width:300px)" srcset="/o/adaptive-media/image/42945/Preview-1000x0/NN-log%C3%B3.png?t=1647522536551"> <img class="logo-row-item-image mw-100 w-100" alt="Responsive Image 3" data-lfr-editable-id="03-image" data-lfr-editable-type="image" src="/documents/20123/45775/NN-log%C3%B3.png/4e918102-b00d-962c-d3b2-ed5f17b28dc7?t=1647522536551&download=true" data-fileentryid="42945"> </picture></a> </div> <div class=" logo-row-item position-relative d-flex align-items-center justify-content-center" id="khrm-logo-item-4"><a class="stretched-link" data-lfr-editable-type="link" data-lfr-editable-id="04-link" href="/raiffeisen-bank-zrt-esettanulmany" id="fragment-khrm-logo-link-4">Example Link</a> <a href="/raiffeisen-bank-zrt-esettanulmany"> <picture data-fileentryid="42959"> <source media="(max-width:300px)" srcset="/o/adaptive-media/image/42959/Thumbnail-300x300/raiffeisen.png?t=1647522535863"> <source media="(max-width:1000px) and (min-width:300px)" srcset="/o/adaptive-media/image/42959/Preview-1000x0/raiffeisen.png?t=1647522535863"> <img class="logo-row-item-image mw-100 w-100" alt="Responsive Image 4" data-lfr-editable-id="04-image" data-lfr-editable-type="image" src="/documents/20123/45775/raiffeisen.png/2a02aa7e-795b-f969-fa66-dd65d4571a47?t=1647522535863&download=true" data-fileentryid="42959"> </picture></a> </div> <div class=" logo-row-item position-relative d-flex align-items-center justify-content-center" id="khrm-logo-item-5"><a class="stretched-link" data-lfr-editable-type="link" data-lfr-editable-id="05-link" href="/william-reed-esettanulmany" id="fragment-khrm-logo-link-5">Example Link</a> <a href="/william-reed-esettanulmany"> <picture data-fileentryid="42973"> <source media="(max-width:300px)" srcset="/o/adaptive-media/image/42973/Thumbnail-300x300/william-reed_square-bw+1.png?t=1647522535468"> <source media="(max-width:400px) and (min-width:300px)" srcset="/o/adaptive-media/image/42973/Preview-1000x0/william-reed_square-bw+1.png?t=1647522535468"> <img class="logo-row-item-image mw-100 w-100" alt="Responsive Image 5" data-lfr-editable-id="05-image" data-lfr-editable-type="image" src="/documents/20123/45775/william-reed_square-bw+1.png/23ed6dd1-4c8a-6963-d118-dbf3c9881357?t=1647522535468&download=true" data-fileentryid="42973"> </picture></a> </div> <div class=" logo-row-item position-relative d-flex align-items-center justify-content-center" id="khrm-logo-item-6"><a class="stretched-link" data-lfr-editable-type="link" data-lfr-editable-id="06-link" href="/mavir-zrt-esettanulmany" id="fragment-khrm-logo-link-6">Example Link</a> <a href="/mavir-zrt-esettanulmany"> <picture data-fileentryid="202736"> <source media="(max-width:134px)" srcset="/o/adaptive-media/image/202736/Preview-1000x0/mavir-small.png?t=1658824041592"> <source media="(max-width:134px) and (min-width:134px)" srcset="/o/adaptive-media/image/202736/Thumbnail-300x300/mavir-small.png?t=1658824041592"> <img class="logo-row-item-image mw-100 w-100" alt="Responsive Image 6" data-lfr-editable-id="06-image" data-lfr-editable-type="image" src="/documents/20123/0/mavir-small.png/81a2e541-0fa6-1ae5-3055-b5f2b4f1b5d3?t=1658824041592&download=true" data-fileentryid="202736"> </picture></a> </div> </div> <div class="logo-row-mobile-inner flex-row"></div> <div class="dots-navigation"> <ul class="dots-list"></ul> </div> </div> </div> <style>body.has-edit-mode-menu .logo-row .stretched-link { display: none; } .logo-row .stretched-link { font-size: 0; text-indent: -9999px; } .logo-row .logo-row-inner { max-width: 1239px; } .logo-row .logo-row-inner { display: flex; } .logo-row .logo-row-mobile-inner { display: none; } .logo-row .logo-row-mobile-slide { padding: 0 20px; } .logo-row .dots-navigation { display: none; } .logo-row .logo-row-item, .logo-row .logo-row-mobile-item { width: 134px; height: 134px; } .logo-row .logo-row-item .logo-row-item-image, .logo-row .logo-row-mobile-item .logo-row-item-image { filter: grayscale(100%); opacity: 0.5; transition: all 0.3s ease; } .logo-row .logo-row-item:hover .logo-row-item-image, .logo-row .logo-row-mobile-item:hover .logo-row-item-image { filter: grayscale(0%); opacity: 1; } .logo-row .logo-row-item .logo-row-item-image { object-fit: contain; } @media (max-width: 575.98px) { .logo-row .logo-row-mobile-item { width: 76px; height: 76px; } } @media (max-width: 991.98px) { .logo-row .logo-row-inner { display: none; } .logo-row .logo-row-mobile-inner { display: flex; } .logo-row .dots-navigation { display: block; width: 100%; text-align: center; } .logo-row .dots-navigation .dots-list { display: inline-block; padding: 15px 0 0 0; line-height: 10px; } .logo-row .dots-navigation .dots-list .dots-element { display: inline-block; margin: 0; margin-right: 5px; width: 10px; height: 10px; padding: 0; cursor: pointer; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; background-color: #c4c4c4; } .logo-row .dots-navigation .dots-list .dots-element:last-child { margin-right: 0px; } .logo-row .dots-navigation .dots-list .dots-element.active { background-color: #16b632; } }</style> <script>(function() {const configuration = {"numberOfLogos":6}; const fragmentElement = document.querySelector('#fragment-fdef66f0-0fe0-5f30-e932-68db48827fab'); const fragmentEntryLinkNamespace = 'khrm'; const fragmentNamespace = 'khrm'; const layoutMode = 'view';//Disabled function function disabled(disParam) { disParam.classList.add("disabled-click"); setTimeout(function () { disParam.classList.remove("disabled-click"); }, 500); } function navigation(logoRow, logoRowMobileInner, logoRowSlides) { //Step right, slide next element function nextSlide() { //Click disabled function disabled(logoRow); logoRowMobileInner.style.transition = "all " + 500 + "ms"; logoRowMobileInner.style.marginLeft = "-" + (sliderPosition + 100) + "%"; setTimeout(function () { logoRowMobileInner.style.transition = ""; }, 500); var activeDot = logoRow.querySelector( ".dots-navigation ul.dots-list .dots-element.active" ); activeDot.classList.remove("active"); activeDot.nextElementSibling.classList.add("active"); } //Step left, slide previous element function prevSlide() { //Click disabled function disabled(logoRow); logoRowMobileInner.style.transition = "all " + 500 + "ms"; logoRowMobileInner.style.marginLeft = "-" + (sliderPosition - 100) + "%"; setTimeout(function () { logoRowMobileInner.style.transition = ""; }, 500); var activeDot = logoRow.querySelector( ".dots-navigation ul.dots-list .dots-element.active" ); activeDot.classList.remove("active"); activeDot.previousElementSibling.classList.add("active"); } //Touch events swipe functions var startx = 0, starty = 0, sliderPosition = 0, gap = 20, yMax = 30; logoRowMobileInner.addEventListener( "touchstart", function (e) { var touchobj = e.changedTouches[0]; startx = parseInt(touchobj.pageX); starty = parseInt(touchobj.clientY); sliderPosition = parseFloat(logoRowMobileInner.style.marginLeft) * -1; }, false ); logoRowMobileInner.addEventListener( "touchend", function (e) { var touchobj = e.changedTouches[0]; var distX = parseInt(touchobj.pageX) - startx; var distY = parseInt(touchobj.clientY) - starty; if ( distX < -gap && Math.abs(distY) < yMax && sliderPosition != 100 * (logoRowSlides.length - 1) ) { nextSlide(); } else if (distX > gap && Math.abs(distY) < yMax && sliderPosition != 0) { prevSlide(); } }, false ); //Dots var dotsElement = logoRow.querySelectorAll( ".dots-navigation ul.dots-list li.dots-element" ); for (var i = 0; i < dotsElement.length; i++) { dotsElement[i].setAttribute("data-id", i); dotsElement[i].addEventListener( "click", function () { //Click disabled function disabled(logoRow); for (var dotElement of dotsElement) { var obj = this; if (obj == dotElement) { dotElement.classList.add("active"); } else { dotElement.classList.remove("active"); } logoRowMobileInner.style.transition = "all " + 500 + "ms"; logoRowMobileInner.style.marginLeft = "-" + 100 * obj.getAttribute("data-id") + "%"; setTimeout(function () { logoRowMobileInner.style.transition = ""; }, 500); } }, false ); } } function duplicateItemsForMobile(logoRowMobileInner, logoRowItems) { var numberOfSlides = Math.ceil(logoRowItems.length / 4); logoRowMobileInner.style.width = numberOfSlides * 100 + "%"; for (let i = 0; i < numberOfSlides - 1; i++) { var slide = document.createElement("div"); slide.className = "logo-row-mobile-slide d-flex flex-row justify-content-between"; slide.style.width = 100 / numberOfSlides + "%"; for (let j = 0; j < 4; j++) { let mobileItem = logoRowItems[i * 4 + j].cloneNode(true); mobileItem.classList.replace("logo-row-item", "logo-row-mobile-item"); slide.appendChild(mobileItem); } logoRowMobileInner.appendChild(slide); } var lastSlide = document.createElement("div"); lastSlide.className = "logo-row-mobile-slide d-flex flex-row"; lastSlide.style.width = 100 / numberOfSlides + "%"; var remainingLogos = logoRowItems.length - (numberOfSlides - 1) * 4; if (remainingLogos === 4) lastSlide.classList.add("justify-content-between"); else lastSlide.classList.add("justify-content-around"); for (let j = 0; j < remainingLogos; j++) { let mobileItem = logoRowItems[(numberOfSlides - 1) * 4 + j].cloneNode(true); mobileItem.classList.replace("logo-row-item", "logo-row-mobile-item"); lastSlide.appendChild(mobileItem); } logoRowMobileInner.appendChild(lastSlide); } function dotsDOM(logoRowSlides) { var dotsNavigation = fragmentElement.querySelector(".dots-navigation"); var dots = dotsNavigation.querySelector("ul.dots-list"); var stop = 0; while (stop < logoRowSlides.length) { dots.innerHTML += '<li class="dots-element"></li>'; stop++; } var dotsFirstElement = dots.querySelectorAll("li.dots-element")[0]; dotsFirstElement.classList.add("active"); } (function main() { if (fragmentElement) { var logoRow = fragmentElement.querySelector(".logo-row"), logoRowInner = logoRow.querySelector(".logo-row-inner"), logoRowMobileInner = logoRow.querySelector(".logo-row-mobile-inner"), logoRowItems = logoRowInner.querySelectorAll(".logo-row-item"); duplicateItemsForMobile(logoRowMobileInner, logoRowItems); var logoRowSlides = logoRow.querySelectorAll(".logo-row-mobile-slide"); dotsDOM(logoRowSlides); logoRowMobileInner.style.marginLeft = "0%"; navigation(logoRow, logoRowMobileInner, logoRowSlides); } })();;}());</script> </div> </div> <div class="lfr-layout-structure-item-basic-component-spacer lfr-layout-structure-item-f05b6618-17ea-a4e8-9703-84466a7e4653 " style=""> <div id="fragment-ab4b3703-cba8-76a8-f8d7-a365dcbf8e6c"> <div class="py-3"></div> </div> </div> <div class="lfr-layout-structure-item-basic-component-spacer lfr-layout-structure-item-19eec0b6-136e-beff-acf8-ac78286af999 " style=""> <div id="fragment-e2e2d6fb-2a7c-8488-f42f-fc515e47e09a"> <div class="py-3"></div> </div> </div> <div class="lfr-layout-structure-item-4ec35f49-d89e-1721-8b59-aba033047058 lfr-layout-structure-item-container container-fluid container-fluid-max-xl" style=""> <div class="lfr-layout-structure-item-wt-parallax-image-with-button lfr-layout-structure-item-08acecdb-df22-b4bc-e54f-42f5a6c82c11 " style=""> <div id="fragment-b2f56317-35a0-650f-054f-d18a98b395e1"> <div class="parallax-with-button parallax-with-button-qyac container mw-1420 bg-white pb-5"> <div class="row align-items-start"> <div class="col-lg-5 col-xl-4 text-center text-lg-left mb-4 mb-lg-0"> <div class="position-relative pb-3 mb-3 text-center d-inline-block"> <div class="z-index-10 position-absolute gray-element gray-element-qyac"></div> <div class="z-index-20 position-relative pt-4"><picture data-fileentryid="296574"> <source media="(max-width:215px)" srcset="/o/adaptive-media/image/296574/Thumbnail-300x300/let%C3%B6lt%C3%A9s.png?t=1666114221272"> <source media="(max-width:452px) and (min-width:215px)" srcset="/o/adaptive-media/image/296574/Preview-1000x0/let%C3%B6lt%C3%A9s.png?t=1666114221272"> <img width="454" height="637" data-lfr-editable-id="image" data-lfr-editable-type="image" src="/documents/d/guest/letoltes-png?download=true" data-fileentryid="296574"> </picture> </div> <div class="bottom-left z-index-30 position-absolute green-element green-element-qyac"></div> </div> </div> <div class="col-lg-7 col-xl-8 pl-lg-7 pt-lg-3"> <div class="text-uppercase f-size-16 f-nunito f-extra-bold f-light-grey mb-0 pb-2" data-lfr-editable-id="subtitle" data-lfr-editable-type="rich-text"> <p>Ir谩nyt疟 a digit谩lis v谩ltoz谩shoz</p> </div> <h2 class="pb-3" data-lfr-editable-id="title" data-lfr-editable-type="rich-text">K眉ldet茅s眉nk az internet fejl艖d茅s茅ben rejl艖 potenci谩l el茅rhet艖v茅 t茅tele.</h2> <div data-lfr-editable-id="content" data-lfr-editable-type="rich-text" class="m-0 p-0 mb-5 component-paragraph"> Elemz眉nk, tervez眉nk, alkotunk. Val贸s probl茅m谩kra k铆n谩lunk kiv谩l贸 megold谩sokat Partnereink 茅s felhaszn谩l贸ik sz谩m谩ra. Nem a programoz谩s a l茅nyeg, hanem a fejleszt茅s. Megold谩sainkkal az online munka hat茅konyabb, gyorsabb 茅s k茅nyelmesebb mindenki sz谩m谩ra.<br> Az茅rt dolgozunk, hogy a digitaliz谩ci贸 igazi 茅lm茅nyt ny煤jthasson.<br> <br> <strong>T枚bb sz谩z szoftverfejleszt茅si projektet</strong> tudhatunk m谩r magunk m枚g枚tt, az 谩ltalunk megalkotott rendszereket emberek milli贸i haszn谩lj谩k el茅gedetten vil谩gszerte. <br> <br> Az elm煤lt 19 茅v sor谩n hatalmas tapasztalatra tett眉nk szert. <ul> <li>Tudjuk, hogy mit艖l 茅s hogyan lehet sikeres egy v谩llalat digit谩lis transzform谩ci贸ja.</li> <li>Tudjuk, hogy mit艖l lehet piacvezet艖 egy v谩llalat a digit谩lis t茅rben.</li> <li>Tudjuk, hogy hogyan lehet az 枚tlet megsz眉let茅s茅t k枚vet艖en ak谩r 1-2 h茅ten bel眉l 煤j funkci贸kat publik谩lni.</li> </ul> Tudjuk, hogy milyen el艖nyt jelent az agilit谩s az egyre gyorsul贸 vil谩gban.<br> <br> <strong>J谩rj egy l茅p茅ssel a v谩ltoz谩s el艖tt!<br> Dolgozz egy眉tt vel眉nk, a Webtown csapat谩val!</strong> </div> <a class="btn-webtown-dark with-arrow underline-0" data-lfr-editable-id="link" data-lfr-editable-type="link" href="/kapcsolat" id="fragment-qyac-link">Kapcsolat</a> </div> </div> </div> </div> <style>.parallax-with-button .green-element { max-width: 231px; max-height: 314px; width: 100%; height: 100%; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjM2IiBoZWlnaHQ9IjMwNSIgdmlld0JveD0iMCAwIDIzNiAzMDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTptdWx0aXBseSI+CjxwYXRoIGQ9Ik04Ljk1MDE5IDQ4LjYzOThDMTAuMjMxOCAxOC4zNjgzIDM3LjkyNzkgLTMuODE1ODcgNjcuNzQ4OCAxLjU0Mjk0TDE5NC43MzggMjQuMzYyOEMyMjAuNDQzIDI4Ljk4MiAyMzguMjYzIDUyLjYwNyAyMzUuNjQyIDc4LjU5MjJMMjE3Ljc0IDI1Ni4wNzVDMjE1LjIxNiAyODEuMTA2IDE5NC40ODcgMzAwLjM2MyAxNjkuMzM4IDMwMS4wNEw1MS42MzY3IDMwNC4yMDhDMjIuNjcxNCAzMDQuOTg4IC0wLjg4OTc2MSAyODEuMDYxIDAuMzM1ODg0IDI1Mi4xMTFMOC45NTAxOSA0OC42Mzk4WiIgZmlsbD0iIzE2QjYzMiIvPgo8L2c+Cjwvc3ZnPgo=); background-position: center; background-size: contain; background-repeat: no-repeat; mix-blend-mode: multiply; border-radius: 30px; transition: transform 0.5s ease; } @media (max-width: 992px) { .parallax-with-button .green-element { max-width: 120px; max-height: 160px; } } .parallax-with-button .gray-element { width: 88%; height: 88%; top: 10px; left: 50px; background: #f5f5f5; border-radius: 30px; transition: transform 1s ease-in-out 0.4s; } .parallax-with-button .gray-element.rotate { transform: rotate(12.32deg); transform: rotate(5.18deg); } @media (max-width: 992px) { .parallax-with-button .gray-element { width: 100%; max-width: 214px; max-height: 302px; transform: rotate(5.18deg); } } .parallax-with-button h2 { font-size: 45px; } @media (max-width: 992px) { .parallax-with-button h2 { font-size: 32px; } } .parallax-with-button img { width: 100%; height: auto; } @media (max-width: 992px) { .parallax-with-button img { max-width: 294px; width: 100%; height: auto; } } .parallax-with-button img { object-fit: contain; } @media (max-width: 992px) { .parallax-with-button img { width: 100%; height: auto; } } .parallax-with-button .bottom-middle.green-element { bottom: -40px; left: 0; right: 0; margin: auto; } @media screen and (max-width: 992px) { .parallax-with-button .bottom-middle.green-element { bottom: 20px; } } .parallax-with-button .bottom-left.green-element { bottom: -40px; left: 0; } @media screen and (max-width: 992px) { .parallax-with-button .bottom-left.green-element { bottom: 20px; } } .parallax-with-button .bottom-right.green-element { bottom: -40px; right: 0; } @media screen and (max-width: 992px) { .parallax-with-button .bottom-right.green-element { bottom: 20px; } } .parallax-with-button .top-middle.green-element { top: 13px; left: 0; right: 0; margin: auto; } .parallax-with-button .top-left.green-element { top: 0; left: 0; } .parallax-with-button .top-right.green-element { top: 0; right: 0; } .parallax-with-button .left-middle.green-element { left: 0; top: 50%; transform: translateY(-50%); } .parallax-with-button .right-middle.green-element { right: 0; top: 50%; transform: translateY(-50%) rotate(5.18deg); } .parallax-with-button b, .parallax-with-button strong { font-weight: 600; }</style> <script>(function() {const configuration = {"greenRectangleElement":"bottom-left"}; const fragmentElement = document.querySelector('#fragment-b2f56317-35a0-650f-054f-d18a98b395e1'); const fragmentEntryLinkNamespace = 'qyac'; const fragmentNamespace = 'qyac'; const layoutMode = 'view';// Parallax icon container ("use scrict"); let webtownParallax = (() => { const app = (config) => { const getElemDistance = (element) => { let location = 0; if (element.offsetParent) { do { location += element.offsetTop; element = element.offsetParent; } while (element); } return location >= 0 ? location : 0; }; window.addEventListener( "load", (event) => { let prev = 0; let parallax = fragmentElement.querySelector( `${config.class} .green-element` ); const grayElement = fragmentElement.querySelector( `${config.class} .gray-element` ); let observer = new IntersectionObserver((entries) => { entries.forEach((entry) => { if (entry.intersectionRatio > prev) { window.addEventListener("scroll", scrolling); grayElement.classList.add("rotate"); } else { window.removeEventListener("scroll", scrolling); grayElement.classList.remove("rotate"); } prev = entry.intersectionRatio; }); }); if(parallax) { observer.observe(parallax); } function scrolling() { if (window.innerWidth >= 992) { const scrollPosition = window.scrollY + window.innerHeight; const elPosition = scrollPosition - getElemDistance(parallax); const durationDistance = window.innerHeight; const currentProgress = (elPosition / durationDistance) * config.y; parallax.style.transform = `translateY(${currentProgress}px)`; } } }, false ); }; return { app: app, }; })(); webtownParallax.app( (config = { class: `.parallax-with-button-${fragmentNamespace}`, y: 30, }) );;}());</script> </div> </div> <div class="lfr-layout-structure-item-card-separator lfr-layout-structure-item-49ac4f31-5910-5b6a-da8b-43f309c46f74 " style=""> <div id="fragment-2e30021b-1249-1820-209a-1cfebdcdc37c"> <div class="wt-card-separator bg-white text-center"> <h2 data-lfr-editable-id="card-separator-text-1" data-lfr-editable-type="rich-text">Liferay</h2> <div> <h4 data-lfr-editable-id="card-separator-text-2" data-lfr-editable-type="rich-text" class="f-middle-gray">One platform. Endless solutions.</h4> </div> </div> </div> <style>.wt-card-separator { padding: 20px; }</style> </div> <div class="lfr-layout-structure-item-49ea5fe9-32ea-0d5c-8b2e-ca675e919c01 lfr-layout-structure-item-container container-fluid container-fluid-max-xl" style=""> <div class="lfr-layout-structure-item-wt-cards lfr-layout-structure-item-917a56d8-794d-99c0-c5c2-4d12a773c57c " style=""> <div id="fragment-013723e6-130c-0964-3457-4e6ec13c7121"> <div class="wt-cards gray" style="grid-template-columns: 0.3333fr 0.3333fr 0.3333fr"> <div class="card-element odd f-nunito"><a class="link-around" data-lfr-editable-id="card-link-1" data-lfr-editable-type="link" href="/liferay-fejlesztes" id="fragment-myod-card-link-1">Example Link</a> <div class="d-flex p-5 align-items-start flex-column h-100 hover overflow-hidden"> <div class="zoom-container w-100 overflow-hidden"><picture data-fileentryid="320352"> <source media="(max-width:300px)" srcset="/o/adaptive-media/image/320352/Thumbnail-300x300/liferay-dxp-logo-square.png?t=1666976043605"> <source media="(max-width:500px) and (min-width:300px)" srcset="/o/adaptive-media/image/320352/Preview-1000x0/liferay-dxp-logo-square.png?t=1666976043605"> <img class="w-100 mw-100" data-lfr-editable-id="image-1" data-lfr-editable-type="image" src="/documents/d/guest/liferay-dxp-logo-square-png?download=true" data-fileentryid="320352"> </picture> </div> <div class="card-container py-4"> <h3 class="f-size-22 lh-28 pt-2 f-semibold" data-lfr-editable-id="title-1" data-lfr-editable-type="rich-text">Liferay DXP</h3> <div class="f-size-18 f-dark-gray" data-lfr-editable-id="subtitle-1" data-lfr-editable-type="rich-text"> <p style="text-align:justify">A Liferay DXP a kulcs a digit谩lis 茅lm茅nyhez. Nem egy szimpla port谩lrendszer. Digital Experience Platform. Perszonaliz谩ci贸, low-code / no-code funkci贸k, integr谩ci贸s lehet艖s茅gek, tartalomkezel艖茅s folyamatmenedzsment megold谩sok.</p> </div> </div> <button class="border-0 bg-transparent text-uppercase f-bold f-size-16 underline-0"> <div class="clearfix d-inline-block"> 脡rdekel </div> <span class="btn-webtown-transparent with-arrow pl-10"></span> </button> </div> </div> <div class="card-element even f-nunito"><a class="link-around" data-lfr-editable-id="card-link-2" data-lfr-editable-type="link" href="/liferay-fejlesztes" id="fragment-myod-card-link-2">Example Link</a> <div class="d-flex p-5 align-items-start flex-column h-100 hover overflow-hidden"> <div class="zoom-container w-100 overflow-hidden"><picture data-fileentryid="296623"> <source media="(max-width:300px)" srcset="/o/adaptive-media/image/296623/Thumbnail-300x300/logo-ecommerce+%281%29.png?t=1666114292179"> <source media="(max-width:356px) and (min-width:300px)" srcset="/o/adaptive-media/image/296623/Preview-1000x0/logo-ecommerce+%281%29.png?t=1666114292179"> <img class="w-100 mw-100" data-lfr-editable-id="image-2" data-lfr-editable-type="image" src="/documents/d/guest/logo-ecommerce-1-png?download=true" data-fileentryid="296623"> </picture> </div> <div class="card-container py-4"> <h3 class="f-size-22 lh-28 pt-2 f-semibold" data-lfr-editable-id="title-2" data-lfr-editable-type="rich-text">B2B Commerce</h3> <div class="f-size-18 f-dark-gray" data-lfr-editable-id="subtitle-2" data-lfr-editable-type="rich-text"> <p style="text-align:justify">Az 眉gyf茅l茅lm茅ny 茅s a B2B kereskedelem tal谩lkoz谩sa ez az  online e-kereskedelmi megold谩s, mely a Liferay DXP funkcionalit谩s谩t teszi m茅g teljesebb茅. 脕tl谩that贸茅s hat茅kony kezel艖fel眉let, integr谩ci贸s megold谩sok sokas谩ga 茅s felhaszn谩l贸bar谩t fel眉letek jellemzik.</p> </div> </div> <button class="border-0 bg-transparent text-uppercase f-bold f-size-16 underline-0"> <div class="clearfix d-inline-block"> 脡rdekel </div> <span class="btn-webtown-transparent with-arrow pl-10"></span> </button> </div> </div> <div class="card-element odd f-nunito"><a class="link-around" data-lfr-editable-id="card-link-3" data-lfr-editable-type="link" href="/liferay-fejlesztes" id="fragment-myod-card-link-3">Example Link</a> <div class="d-flex p-5 align-items-start flex-column h-100 hover overflow-hidden"> <div class="zoom-container w-100 overflow-hidden"><picture data-fileentryid="320368"> <source media="(max-width:300px)" srcset="/o/adaptive-media/image/320368/Thumbnail-300x300/liferay-dxp-cloud-logo-square.png?t=1666976159152"> <source media="(max-width:500px) and (min-width:300px)" srcset="/o/adaptive-media/image/320368/Preview-1000x0/liferay-dxp-cloud-logo-square.png?t=1666976159152"> <img class="w-100 mw-100" data-lfr-editable-id="image-3" data-lfr-editable-type="image" src="/documents/d/guest/liferay-dxp-cloud-logo-square-png?download=true" data-fileentryid="320368"> </picture> </div> <div class="card-container py-4"> <h3 class="f-size-22 lh-28 pt-2 f-semibold" data-lfr-editable-id="title-3" data-lfr-editable-type="rich-text">Liferay Cloud</h3> <div class="f-size-18 f-dark-gray" data-lfr-editable-id="subtitle-3" data-lfr-editable-type="rich-text"> <p style="text-align:justify">DXP-as-a-Service. A Liferay DXP gazdag funkcionalit谩sa, a telep铆t茅si 茅s 眉zemeltet茅si feladatok minimaliz谩l谩s谩val. A Liferay Cloud szolg谩ltat谩sa a SaaS modell seg铆ts茅g茅vel teszi k茅nyelmess茅 a digitaliz谩ci贸s megold谩sok bevezet茅s茅t, optimaliz谩l谩s谩t</p> </div> </div> <button class="border-0 bg-transparent text-uppercase f-bold f-size-16 underline-0"> <div class="clearfix d-inline-block"> 脡rdekel </div> <span class="btn-webtown-transparent with-arrow pl-10"></span> </button> </div> </div> </div> </div> <style>body.has-edit-mode-menu .wt-cards .link-around { display: none; } .wt-cards { display: grid; grid-template-rows: auto; column-gap: 20px; row-gap: 20px; padding: 20px; } @media screen and (max-width: 991.98px) { .wt-cards { grid-template-columns: 1fr !important; } } .wt-cards .link-around { position: absolute; z-index: 1; opacity: 0; width: 100%; height: 100%; top: 0; left: 0; } .wt-cards .card-element img { width: 100%; height: 245px; object-fit: cover; } .wt-cards .zoom-container { border-radius: 30px; } .wt-cards .zoom-container img { width: 100%; transition: transform 0.5s ease; } .wt-cards .link-around:hover + .hover img { transform: scale(1.1); } .wt-cards .link-around:hover + .hover button span { padding-left: 10px; } .wt-cards .card-container { flex-grow: 1; } .wt-cards button span { padding-left: 5px; transition: 0.2s ease-in; } .wt-cards .card-element { position: relative; width: 100%; min-height: 520px; height: 100%; border-radius: 30px; transition: background-color 0.5s ease-in-out, box-shadow 0.5s ease-in-out; } .wt-cards.gray .card-element { background-color: #f5f5f5; box-shadow: none; } .wt-cards.gray .card-element:hover { background-color: white; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); } .wt-cards.white .card-element { background-color: white; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); } .wt-cards.white .card-element:hover { background-color: #f5f5f5; box-shadow: none; } .wt-cards.white-gray .card-element.even { background-color: #f5f5f5; box-shadow: none; } .wt-cards.white-gray .card-element.even:hover { background-color: white; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); } .wt-cards.white-gray .card-element.odd { background-color: white; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); } .wt-cards.white-gray .card-element.odd:hover { background-color: #e0e0e0; box-shadow: none; } .wt-cards.gray-white .card-element.even { background-color: white; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); } .wt-cards.gray-white .card-element.even:hover { background-color: #e0e0e0; box-shadow: none; } .wt-cards.gray-white .card-element.odd { background-color: #f5f5f5; box-shadow: none; } .wt-cards.gray-white .card-element.odd:hover { background-color: white; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); }</style> </div> </div> <div class="lfr-layout-structure-item-wt-impressum-carousel lfr-layout-structure-item-de021c33-82e8-798b-a4fc-7d7fb466c1d9 " style=""> <div id="fragment-3cc7e5e3-9aa8-4b4a-0c0e-c17b7bb41254"> <div class="section-slider"> <div class="carousel"> <div class="prev prev-mszw d-lg-block d-none"><span class="sr-only">Previous element</span> </div> <div class="next next-mszw d-lg-block d-none"><span class="sr-only">Next element</span> </div> <ol class="carousel-navigation carousel-navigation-mszw z-index-30 d-flex position-absolute justify-content-center d-lg-none"> <li><button class="active" aria-controls="mszw-carouselInner-1" type="button"> <span class="sr-only"> Focus 1 slide </span> </button></li> <li><button class="" aria-controls="mszw-carouselInner-2" type="button"> <span class="sr-only"> Focus 2 slide </span> </button></li> <li><button class="" aria-controls="mszw-carouselInner-3" type="button"> <span class="sr-only"> Focus 3 slide </span> </button></li> </ol> <div class="carousel-inner text-break" id="mszw-carouselInner" role="group"> <div class="active carousel-item carousel-item-mszw carousel-mszw-1"> <div class="container position-relative"> <div class="row"> <div class="col-12 text-lg-center"> <div data-lfr-editable-id="subtitle-1" data-lfr-editable-type="rich-text" class="subtitle text-uppercase f-nunito f-extra-bold mb-0 pb-2"> 脺gyfeleink Sikert枚rt茅nete </div> <h2 data-lfr-editable-id="title-1" data-lfr-editable-type="rich-text" class="mb-3 mb-lg-5">Liferay 眉gyf茅lport谩l a Raiffeisen Bank sz谩m谩ra</h2> </div> </div> <div class="row"> <div class="portrait-image col-lg-4 col-xl-3 text-center"> <div class="position-relative d-inline-block"> <div class="gray-element-container z-index-10"> <div class="gray-element gray-element-mszw-1"></div> </div> <div class="d-flex align-items-center justify-content-center position-relative z-index-20"><picture data-fileentryid="296521"> <source media="(max-width:208px)" srcset="/o/adaptive-media/image/296521/Preview-1000x0/logo-rafi+%282%29.png?t=1666114029921"> <source media="(max-width:208px) and (min-width:208px)" srcset="/o/adaptive-media/image/296521/Thumbnail-300x300/logo-rafi+%282%29.png?t=1666114029921"> <img width="207" height="231" data-lfr-editable-id="image-1" data-lfr-editable-type="image" src="/documents/d/guest/logo-rafi-2-png?download=true" data-fileentryid="296521"> </picture> </div> <div class="green-element green-element-mszw-1 z-index-30"></div> </div> </div> <div class="col-lg-8 col-xl-9"> <div data-lfr-editable-id="testimonials-1" data-lfr-editable-type="rich-text" class="testimonials f-size-22 f-nunito f-light f-middle-gray f-italic lh-32 mt-5"> "A Webtown 谩ltal javasolt Liferay-re 茅p铆tkezve gyorsan 茅s hat茅konyan tudtuk l茅trehozni 煤j 眉gyf茅lport谩lunkat. Az elk茅sz眉lt rendszernek k枚sz枚nhet艖en rendk铆v眉l gyorsan, egyszer疟en tudjuk alak铆tani online jelenl茅t眉nket a gyakran v谩ltoz贸 piaci k枚r眉lm茅nyek k枚zepette is, ez谩ltal pedig k茅nyelmesebb茅 tehett眉k 眉gyfeleink sz谩m谩ra az online 眉gyint茅z茅st." </div> <div data-lfr-editable-id="name-1" data-lfr-editable-type="rich-text" class="name f-nunito f-semibold f-black"> <div> D茅csi Ferenc </div> <div> <p>Direktnet 茅s Mobil Oszt谩lyvezet艖</p> <p>Raiffeisen Bank Zrt.</p> </div> </div> </div> </div> </div> </div> <div class=" carousel-item carousel-item-mszw carousel-mszw-2"> <div class="container position-relative"> <div class="row"> <div class="col-12 text-lg-center"> <div data-lfr-editable-id="subtitle-2" data-lfr-editable-type="rich-text" class="subtitle text-uppercase f-nunito f-extra-bold mb-0 pb-2"> <div> 脺gyfeleink sikert枚rt茅nete </div> </div> <h2 data-lfr-editable-id="title-2" data-lfr-editable-type="rich-text" class="mb-3 mb-lg-5">eZ Platform 茅s Symfony alap煤 egyedi fejleszt茅sek a Szerencsej谩t茅k Zrt. r茅sz茅re</h2> </div> </div> <div class="row"> <div class="portrait-image col-lg-4 col-xl-3 text-center"> <div class="position-relative d-inline-block"> <div class="gray-element-container z-index-10"> <div class="gray-element gray-element-mszw-2"></div> </div> <div class="d-flex align-items-center justify-content-center position-relative z-index-20"><picture data-fileentryid="188194"> <source media="(max-width:208px)" srcset="/o/adaptive-media/image/188194/Preview-1000x0/logo-szrt.png?t=1658392829956"> <source media="(max-width:208px) and (min-width:208px)" srcset="/o/adaptive-media/image/188194/Thumbnail-300x300/logo-szrt.png?t=1658392829956"> <img width="207" height="231" data-lfr-editable-id="image-2" data-lfr-editable-type="image" src="/documents/20123/0/logo-szrt.png/d11f7857-35b3-a9c4-dd8b-902b93265c40?t=1658392829956&download=true" data-fileentryid="188194"> </picture> </div> <div class="green-element green-element-mszw-2 z-index-30"></div> </div> </div> <div class="col-lg-8 col-xl-9"> <div data-lfr-editable-id="testimonials-2" data-lfr-editable-type="rich-text" class="testimonials f-size-22 f-nunito f-light f-middle-gray f-italic lh-32 mt-5"> "Egyszer疟bb茅, 谩tl谩that贸bb谩, k枚nnyebben 眉zemeltethet艖v茅 szerett眉k volna tenni online rendszereinket, a Webtown pedig a Symfony keretrendszert 茅s az eZ Platform CMS-t aj谩nlotta. Ezekre a rendszerekre alapozva k茅sz眉lnek 煤j webes alkalmaz谩sain. A Webtown agilit谩sa p茅lda茅rt茅k疟, az 煤j funkci贸k, 煤j online rendszerek pedig rendk铆v眉l hasznosak 茅s n茅pszer疟ek." </div> <div data-lfr-editable-id="name-2" data-lfr-editable-type="rich-text" class="name f-nunito f-semibold f-black"> <div> Csillag D谩vid </div> <div> <p>Informatikai Igazgat贸</p> <p>Szerencsej谩t茅k Zrt.</p> </div> </div> </div> </div> </div> </div> <div class=" carousel-item carousel-item-mszw carousel-mszw-3"> <div class="container position-relative"> <div class="row"> <div class="col-12 text-lg-center"> <div data-lfr-editable-id="subtitle-3" data-lfr-editable-type="rich-text" class="subtitle text-uppercase f-nunito f-extra-bold mb-0 pb-2"> 脺gyfeleink sikert枚rt茅nete </div> <h2 data-lfr-editable-id="title-3" data-lfr-editable-type="rich-text" class="mb-3 mb-lg-5">NN.hu - v谩llalati port谩l, tov谩bbgondolva</h2> </div> </div> <div class="row"> <div class="portrait-image col-lg-4 col-xl-3 text-center"> <div class="position-relative d-inline-block"> <div class="gray-element-container z-index-10"> <div class="gray-element gray-element-mszw-3"></div> </div> <div class="d-flex align-items-center justify-content-center position-relative z-index-20"><picture data-fileentryid="296556"> <source media="(max-width:208px)" srcset="/o/adaptive-media/image/296556/Preview-1000x0/logo-nn+%283%29.png?t=1666114062299"> <source media="(max-width:208px) and (min-width:208px)" srcset="/o/adaptive-media/image/296556/Thumbnail-300x300/logo-nn+%283%29.png?t=1666114062299"> <img width="207" height="231" data-lfr-editable-id="image-3" data-lfr-editable-type="image" src="/documents/d/guest/logo-nn-3-png?download=true" data-fileentryid="296556"> </picture> </div> <div class="green-element green-element-mszw-3 z-index-30"></div> </div> </div> <div class="col-lg-8 col-xl-9"> <div data-lfr-editable-id="testimonials-3" data-lfr-editable-type="rich-text" class="testimonials f-size-22 f-nunito f-light f-middle-gray f-italic lh-32 mt-5"> Liferay-re alapozva hozta l茅tre az NN Magyarorsz谩g v谩llalati port谩lj谩t a Webtown. Olyan kulcsfontoss谩g煤 funkci贸k k茅sz眉ltek el a projekt sor谩n, mint p茅ld谩ul befektet茅s-elemz艖, vagy 茅rt茅kes铆t茅si kalkul谩torok, illetve sz眉ks茅g眉nk volt rendszerintegr谩ci贸ra 茅s blogra is. </div> <div data-lfr-editable-id="name-3" data-lfr-editable-type="rich-text" class="name f-nunito f-semibold f-black"> <div> Kocsis Tam谩s </div> <div> <p>Marketing igazgat贸</p> <p>NN Magyarorsz谩g</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style>@keyframes moveLeftActive { from { transform: translateX(0); } to { transform: translateX(100%); } } @keyframes moveLeft { from { transform: translateX(-100%); } to { transform: translateX(0); } } @keyframes moveRightActive { from { transform: translateX(0); } to { transform: translateX(-100%); } } @keyframes moveRight { from { transform: translateX(100%); } to { transform: translateX(0); } } .section-slider .carousel { position: relative; } .section-slider .carousel-item { opacity: 0; } .section-slider .carousel-item.move-right, .section-slider .carousel-item.move-left { animation-duration: 0.6s; animation-iteration-count: 1; display: block; } .section-slider .carousel-item.active, .section-slider .carousel-item.move-left, .section-slider .carousel-item.move-right { opacity: 1; } .carousel-item { backface-visibility: hidden; display: none; float: left; margin-right: -100%; position: relative; transition: transform 0.6s ease-in-out; width: 100%; } .section-slider .carousel-item.active { transform: translateX(0); } .section-slider .carousel-item.active.move-left { animation-name: moveLeftActive; } .section-slider .carousel-item.move-left { animation-name: moveLeft; } .section-slider .carousel-item.active.move-right { animation-name: moveRightActive; } .section-slider .carousel-item.move-right { animation-name: moveRight; } .section-slider { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='1911' height='822' viewBox='0 0 1911 822' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.80167 49.2515C10.4663 21.9336 32.9391 0.209296 60.2638 0.469969L1861.48 17.6532C1888.9 17.9149 1911 40.2228 1911 67.651V754.344C1911 781.774 1888.9 804.083 1861.47 804.342L42.7152 821.512C14.4405 821.779 -8.42981 798.565 -7.74204 770.298L9.80167 49.2515Z' fill='%23F5F5F5'/%3E%3Cmask id='mask0_278_572' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='-8' y='0' width='1919' height='822'%3E%3Cpath d='M9.80167 49.2515C10.4663 21.9336 32.9391 0.209296 60.2638 0.469969L1861.48 17.6532C1888.9 17.9149 1911 40.2228 1911 67.651V754.344C1911 781.774 1888.9 804.083 1861.47 804.342L42.7152 821.512C14.4405 821.779 -8.42981 798.565 -7.74204 770.298L9.80167 49.2515Z' fill='%23F5F5F5'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_278_572)'%3E%3Crect x='-9' y='-16' width='1920' height='838' fill='url(%23paint0_linear_278_572)'/%3E%3Cg style='mix-blend-mode:multiply'%3E%3Cpath d='M1721.93 859.787C1721.93 956.934 1642.96 1035.93 1545.84 1035.93C1476.48 1035.93 1416.71 996.433 1387.9 938.786L916.209 -3.85666C904.47 -27.3427 897 -54.0313 897 -82.855C897 -180.002 975.971 -259 1073.08 -259C1142.45 -259 1201.15 -219.501 1231.03 -161.853L1701.65 780.789C1714.46 805.343 1721.93 832.031 1721.93 859.787ZM2331.29 781.857L1860.66 -160.786C1831.85 -218.433 1772.08 -257.932 1702.72 -257.932C1605.61 -257.932 1526.63 -178.934 1526.63 -81.7874C1526.63 -52.9637 1533.04 -27.3427 1545.84 -2.78912L2016.47 939.853C2045.28 997.501 2105.04 1037 2174.41 1037C2271.52 1037 2350.49 958.002 2350.49 860.855C2349.43 832.031 2343.02 805.343 2331.29 781.857ZM2817.92 -114.881C2805.11 -188.542 2744.28 -246.189 2670.65 -256.865C2590.61 -268.608 2519.11 -225.906 2487.09 -160.786L2290.73 232.071L2431.6 513.903C2455.08 559.807 2521.24 559.807 2543.65 513.903L2801.91 -3.85666C2818.98 -35.883 2825.39 -74.3147 2817.92 -114.881Z' fill='%23E5E5E5' fill-opacity='0.3'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_278_572' x1='503.5' y1='325.53' x2='1341.96' y2='342.994' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.388005' stop-color='%23F5F5F5' stop-opacity='0.98'/%3E%3Cstop offset='0.812927' stop-color='%23F5F5F5' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; } @media screen and (max-width: 992px) { .section-slider { border-radius: 30px; background-size: auto 105%; } } .section-slider .carousel-inner, .section-slider .carousel-inner p { font-size: 22px !important; } .section-slider .carousel-inner p { margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } .section-slider .carousel { padding: 0 160px; } @media screen and (max-width: 1140px) { .section-slider .carousel { padding: 0 80px; } } @media screen and (max-width: 992px) { .section-slider .carousel { padding: 0 20px; } } .section-slider .carousel-inner { padding: 160px 0; min-height: 840px; } @media screen and (max-width: 992px) { .section-slider .carousel-inner { padding: 60px 0 80px; min-height: 800px; } } /*Carousel content*/ .section-slider h2 { font-size: 45px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } @media screen and (max-width: 992px) { .section-slider h2 { font-size: 36px; } } .section-slider .subtitle { color: #a0a0a0; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .section-slider .subtitle, .section-slider .subtitle p { font-size: 16px !important; } @media screen and (max-width: 992px) { .section-slider .subtitle { font-size: 14px; color: #cccccc; } } .section-slider .name, .section-slider .name p { font-size: 18px !important; line-height: 28px !important; } .section-slider .name p { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } @media screen and (max-width: 992px) { .section-slider .name { line-height: 20px; height: 40px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .section-slider .name, .section-slider .name p { font-size: 14px !important; line-height: 20px !important; } } .section-slider .testimonials { padding-bottom: 30px; } @media screen and (max-width: 992px) { .section-slider .testimonials { padding-bottom: 220px; } } /*Carousel navigation*/ .section-slider .next, .section-slider .prev { cursor: pointer; background-repeat: no-repeat; background-position: center; background-size: cover; width: 70px; height: 70px; position: absolute; z-index: 2; top: calc(50% - 35px); transform: scale(1); transition: transform 0.5s ease-in-out; } .section-slider .next:hover, .section-slider .prev:hover { transform: scale(0.8); } .section-slider .next { right: 100px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODYiIGhlaWdodD0iODQiIHZpZXdCb3g9IjAgMCA4NiA4NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTY2LjIzNzIgMTYuNjcwOEM2My41OTY5IDkuMzQ2MjUgNTUuNDg3OSA1LjU4MzAzIDQ4LjE4OTcgOC4yOTUzNUwxNi45NzUxIDE5Ljg5NkM4Ljg1NjY0IDIyLjkxMzIgNS4zOTc4IDMyLjUwMzggOS43MjE2MyA0MC4wMDgzTDIyLjE0MzUgNjEuNTY3OEMyNS4xOTkzIDY2Ljg3MTYgMzEuMzQ2NSA2OS41NzUyIDM3LjMyMDkgNjguMjQzTDY1Ljc3OTYgNjEuODk3M0M3NC4wMTA5IDYwLjA2MTkgNzguNzYzIDUxLjQxOTEgNzUuOTAzMSA0My40ODUzTDY2LjIzNzIgMTYuNjcwOFoiIHN0cm9rZT0iI0M0QzRDNCIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Ik00MC41OTA0IDMxQzQwLjM2OTIgMzEgNDAuMTMyMyAzMS4wNzkgMzkuOTU4NSAzMS4yNTI4QzM5LjYxMSAzMS42MDAzIDM5LjYxMSAzMi4xNTMzIDM5Ljk1ODUgMzIuNTAwOEw0NS45NDU5IDM4LjUwNEwzOS45NTg1IDQ0LjQ5MTRDMzkuNjExIDQ0LjgzODkgMzkuNjExIDQ1LjM5MTkgMzkuOTU4NSA0NS43MzkzQzQwLjMwNjEgNDYuMDg2OSA0MC44NTkxIDQ2LjA4NjkgNDEuMjA2NSA0NS43MzkzTDQ3LjgyNTggMzkuMTM1OEM0Ny45OTk2IDM4Ljk2MiA0OC4wNzg2IDM4Ljc0MDkgNDguMDc4NiAzOC41MDRDNDguMDc4NiAzOC4yNjcxIDQ3Ljk4MzggMzguMDQ1OSA0Ny44MjU4IDM3Ljg3MjFMNDEuMjA2NSAzMS4yNTI4QzQxLjAzMjcgMzEuMDc5IDQwLjgxMTYgMzEgNDAuNTkwNCAzMVoiIGZpbGw9IiM3MzczNzMiLz4KPC9zdmc+Cg=="); background-repeat: no-repeat; } @media screen and (max-width: 1140px) { .section-slider .next { right: 0; } } .section-slider .prev { left: 100px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODYiIGhlaWdodD0iODQiIHZpZXdCb3g9IjAgMCA4NiA4NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4Ljg0MTkgMTYuNjcwOEMyMS40ODIyIDkuMzQ2MjUgMjkuNTkxMyA1LjU4MzAzIDM2Ljg4OTUgOC4yOTUzNUw2OC4xMDQgMTkuODk2Qzc2LjIyMjUgMjIuOTEzMiA3OS42ODE0IDMyLjUwMzggNzUuMzU3NSA0MC4wMDgzTDYyLjkzNTcgNjEuNTY3OEM1OS44Nzk4IDY2Ljg3MTYgNTMuNzMyNiA2OS41NzUyIDQ3Ljc1ODIgNjguMjQzTDE5LjI5OTYgNjEuODk3M0MxMS4wNjgyIDYwLjA2MTkgNi4zMTYxNCA1MS40MTkgOS4xNzYwNCA0My40ODUzTDE4Ljg0MTkgMTYuNjcwOFoiIHN0cm9rZT0iI0M0QzRDNCIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Ik00NC40ODg3IDMxQzQ0LjcwOTkgMzEgNDQuOTQ2OCAzMS4wNzkgNDUuMTIwNiAzMS4yNTI4QzQ1LjQ2ODEgMzEuNjAwMyA0NS40NjgxIDMyLjE1MzMgNDUuMTIwNiAzMi41MDA4TDM5LjEzMzIgMzguNTA0TDQ1LjEyMDYgNDQuNDkxNEM0NS40NjgxIDQ0LjgzODkgNDUuNDY4MSA0NS4zOTE5IDQ1LjEyMDYgNDUuNzM5M0M0NC43NzMgNDYuMDg2OSA0NC4yMiA0Ni4wODY5IDQzLjg3MjYgNDUuNzM5M0wzNy4yNTMzIDM5LjEzNThDMzcuMDc5NSAzOC45NjIgMzcuMDAwNSAzOC43NDA5IDM3LjAwMDUgMzguNTA0QzM3LjAwMDUgMzguMjY3MSAzNy4wOTUzIDM4LjA0NTkgMzcuMjUzMyAzNy44NzIxTDQzLjg3MjYgMzEuMjUyOEM0NC4wNDY0IDMxLjA3OSA0NC4yNjc1IDMxIDQ0LjQ4ODcgMzFaIiBmaWxsPSIjNzM3MzczIi8+Cjwvc3ZnPgo="); background-repeat: no-repeat; } @media screen and (max-width: 1140px) { .section-slider .prev { left: 0; } } /*Carousel image */ .section-slider img { width: 207px; height: 231px; object-fit: cover; } @media screen and (max-width: 992px) { .section-slider img { width: 124px; height: 138px; } } @media screen and (max-width: 992px) { .section-slider .portrait-image { position: absolute; left: 20px; bottom: 90px; display: inline-flex; } } /*Carousel gray element*/ .section-slider .gray-element-container { position: absolute; top: 49%; left: 44%; transform: translate(-50%, -50%); } .section-slider .gray-element { position: relative; width: 207px; height: 231px; background: #e5e5e5; border-radius: 50px; left: 15px; top: 5px; transition: transform 1s ease-in-out 0.4s; } @media screen and (max-width: 992px) { .section-slider .gray-element { left: 5px; top: 0px; width: 124px; height: 138px; border-radius: 20px; transform: rotate(12.32deg); } } .section-slider .gray-element.rotate { transform: rotate(12.32deg); } /*Carousel green parallax element*/ .section-slider .green-element { position: absolute; width: 100px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTciIGhlaWdodD0iOTYiIHZpZXdCb3g9IjAgMCA5NyA5NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgc3R5bGU9Im1peC1ibGVuZC1tb2RlOm11bHRpcGx5Ij4KPHBhdGggZD0iTTIuOTI3NjUgNTEuNDA0OEMtMy4wMDcxNiAzOC44MzE4IDIuNDU2MzcgMjMuODMyIDE1LjA4NzMgMTguMDIxNEw0Ny42NzMyIDMuMDMwNzNDNjAuNzAwNCAtMi45NjIyNCA3Ni4wODg0IDMuMjA3OTMgODEuMzY2NCAxNi41NDA4TDk0LjY4MTYgNTAuMTc2NUM5OS45Mzk1IDYzLjQ1ODUgOTMuMDE4NiA3OC40MzgzIDc5LjQ5NjUgODMuMDQzNkw0Ny41MzQ0IDkzLjkyOUMzNS40OTQ5IDk4LjAyOTQgMjIuMjk1OSA5Mi40MzcgMTYuODY2OCA4MC45MzU0TDIuOTI3NjUgNTEuNDA0OFoiIGZpbGw9IiMxNkI2MzIiLz4KPC9nPgo8L3N2Zz4K); height: 100px; background-position: center; background-size: contain; mix-blend-mode: multiply; background-repeat: no-repeat; bottom: -20px; left: -10px; transition: transform 0.5s ease; } @media screen and (max-width: 992px) { .section-slider .green-element { width: 52px; height: 53px; border-radius: 10px; bottom: -10px; left: -15px; transform: translateY(0) rotate(-22.76deg) !important; } } /*Carousel indicator*/ .section-slider .carousel-navigation { bottom: 30px; left: 0; list-style: none; padding-left: 0; right: 0; } .section-slider .carousel-navigation button { background-color: #c4c4c4; border: 0; flex: 0 1 auto; height: 10px; margin-left: 3px; margin-right: 3px; position: relative; width: 10px; border-radius: 50%; padding: 0; } .section-slider .carousel-navigation button:focus { outline: 0; text-decoration: none; } .section-slider .carousel-navigation button.active { background-color: #16b632; }</style> <script>(function() {const configuration = {"numberOfImpressum":3}; const fragmentElement = document.querySelector('#fragment-3cc7e5e3-9aa8-4b4a-0c0e-c17b7bb41254'); const fragmentEntryLinkNamespace = 'mszw'; const fragmentNamespace = 'mszw'; const layoutMode = 'view';// Carousel ("use scrict"); let webtownCarousel = (() => { const app = (config) => { const MOVE_LEFT = "move-left"; const MOVE_RIGHT = "move-right"; const items = [].slice.call( fragmentElement.querySelectorAll(`.carousel-item-${fragmentNamespace}`) ); const indicators = [].slice.call( fragmentElement.querySelectorAll( `.carousel-navigation-${fragmentNamespace} button` ) ); const next = fragmentElement.querySelector(`.next-${fragmentNamespace}`); const prev = fragmentElement.querySelector(`.prev-${fragmentNamespace}`); let moving = false; const getActiveCarousel = () => { return fragmentElement.querySelector( `.carousel-item-${fragmentNamespace}.active` ); }; const getActiveIndicator = () => { return fragmentElement.querySelector( `.carousel-navigation-${fragmentNamespace} button.active` ); }; const move = (movement, index) => { if (moving) { return; } moving = true; getActiveCarousel().classList.add(movement); items[index].classList.add(movement); getActiveIndicator().classList.remove("active"); indicators[index].classList.add("active"); setTimeout(function () { getActiveCarousel().classList.remove("active", movement); items[index].classList.add("active"); items[index].classList.remove(movement); moving = false; }, 600); }; const prevCarousel = () => { const indexActiveCarousel = items.indexOf(getActiveCarousel()); if (0 < indexActiveCarousel) { move(MOVE_LEFT, indexActiveCarousel - 1); } else { move(MOVE_LEFT, items.length - 1); } }; const nextCarousel = () => { const indexActiveCarousel = items.indexOf(getActiveCarousel()); if (items.length > indexActiveCarousel + 1) { move(MOVE_RIGHT, indexActiveCarousel + 1); } else { move(MOVE_RIGHT, 0); } }; (function main() { next.addEventListener("click", () => nextCarousel()); prev.addEventListener("click", () => prevCarousel()); let touchstartX = 0; let touchendX = 0; const handleGesture = () => { touchendX < touchstartX ? nextCarousel() : null; touchendX > touchstartX ? prevCarousel() : null; }; fragmentElement.addEventListener("touchstart", (event) => { touchstartX = event.changedTouches[0].screenX; }); fragmentElement.addEventListener("touchend", (event) => { touchendX = event.changedTouches[0].screenX; handleGesture(); }); })(); }; return { app: app, }; })(); webtownCarousel.app(); // Parallax ("use scrict"); let webtownParallax = (() => { const app = (config) => { const getElemDistance = (element) => { let location = 0; if (element.offsetParent) { do { location += element.offsetTop; element = element.offsetParent; } while (element); } return location >= 0 ? location : 0; }; window.addEventListener( "load", () => { let prev = 0; let parallax = fragmentElement.querySelector( `${config.class} .green-element` ); const grayElement = fragmentElement.querySelector( `${config.class} .gray-element` ); let observer = new IntersectionObserver((entries) => { entries.forEach((entry) => { if (entry.intersectionRatio > prev) { window.addEventListener("scroll", scrolling); grayElement.classList.add("rotate"); } else { window.removeEventListener("scroll", scrolling); grayElement.classList.remove("rotate"); } prev = entry.intersectionRatio; }); }); observer.observe(parallax); function scrolling() { if (window.innerWidth >= 992) { const scrollPosition = window.scrollY + window.innerHeight; const elPosition = scrollPosition - getElemDistance(parallax); const durationDistance = window.innerHeight; const currentProgress = (elPosition / durationDistance) * config.y; parallax.style.transform = `translateY(${currentProgress}px)`; } } }, false ); }; return { app: app, }; })(); for (let i = 1; i < configuration.numberOfImpressum + 1; i++) { webtownParallax.app( (config = { class: `.carousel-${fragmentNamespace}-${i}`, y: 50, }) ); };}());</script> </div> <div class="lfr-layout-structure-item-68fa27ba-3def-58fd-c089-7a69e1e230e4 lfr-layout-structure-item-container container-fluid container-fluid-max-xl" style=""> <div class="lfr-layout-structure-item-parallax-card-with-icon lfr-layout-structure-item-7eac1df3-dfaa-16c7-b70a-0f16976ba530 " style=""> <div id="fragment-ab075d81-acba-ff2b-21fb-2d3fdee82781"> <div class="parallax-card" style="grid-template-columns: 0.3333fr 0.3333fr 0.3333fr"> <div class="parallax-card-container-wxdl-1 parallax-card-container position-relative"> <div class="card-icon-container d-flex align-items-center justify-content-center"><img class="img-fluid" data-lfr-editable-id="image-1" data-lfr-editable-type="image" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDMiIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCA0MyA1MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjY2NzIgNS4wNzkxTDE5LjI1MDEgOS43Njc1TDE0LjAxOCAxMC40MzE2TDE3LjczMDEgMTQuMTgzOEwxNi43NDg1IDE5LjM2NDFMMjEuNDU3NCAxNi45OTJMMjYuMDgwNSAxOS41MjQzTDI1LjI4MjQgMTQuMzE0NEwyOS4xMjU0IDEwLjY5ODRMMjMuOTE2NiA5Ljg0ODUxTDIxLjY2NzIgNS4wNzkxWk0yMy43NTk4IDE2LjIwODJMMjEuNDkzNSAxNC45NjY5TDE5LjE4NyAxNi4xMjlMMTkuNjY3NiAxMy41OTI1TDE3Ljg0NzggMTEuNzUzNkwyMC40MTI0IDExLjQyNzlMMjEuNTk2NiA5LjEzMDRMMjIuNjk5NyAxMS40NjcyTDI1LjI1MTkgMTEuODgzNEwyMy4zNjkgMTMuNjU0N0wyMy43NTk4IDE2LjIwODJaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIwLjUiLz4KPHBhdGggZD0iTTM0LjMyMDcgNC45ODY3MVYxTDIxLjU5ODEgMS4wMDAzOEg4Ljg3NTVWNC45ODcwOEwwLjczNTEzOCA0Ljk4NjcxVjUuODgzMUMwLjczNTEzOCAxMi42OTY3IDQuMTUzMzkgMTYuNTQxNSAxMC4zNjU3IDE2Ljc5N0MxMS42NzkgMjAuOTUyMiAxMy43NDk4IDIzLjgwNzIgMTYuMTM1OCAyNS40Njc2TDE2LjEyOSAyNS40NzdDMTguNjI5MSAyNy4yMDYgMTkuMzQ1IDM2LjA3MSAxOS4yMzUxIDQxLjgzMTVIMTcuMjA1NUMxNC4zNjQgNDEuODMxNSAxMi41MDg5IDQyLjQxNjQgMTIuMTg3IDQ1LjEzMDhIOC40MTA0NlY1MUgzNC43ODY1VjQ1LjEzMDhIMzEuMDEwM0MzMC42ODg4IDQyLjQxNjggMjguODMyOSA0MS44MzE1IDI1Ljk5MjIgNDEuODMxNUgyMy45NjI2QzIzLjg1MTkgMzYuMDcwMyAyNC41NjkzIDI3LjIwNSAyNy4wNjgzIDI1LjQ3NkwyNy4wNjIzIDI1LjQ2N0MyOS40NDc1IDIzLjgwNTkgMzEuNTE5MSAyMC45NTE2IDMyLjgzMjQgMTYuNzk2NEMzOS4wNDQxIDE2LjU0MTYgNDIuNDYyIDEyLjY5NjMgNDIuNDYyIDUuODgyNTJWNC45ODYxMkwzNC4zMjA3IDQuOTg2NzFaTTIuNTUyMTMgNi43Nzk4OEg4Ljg4ODg1QzguOTQ1MTQgOS44ODQwMyA5LjI5MDM0IDEyLjYxMjcgOS44NjE4IDE0Ljk3OTlDNC4yOTAxNyAxNC40OTUxIDIuNzUxNzQgMTAuNDg4OSAyLjU1MjEzIDYuNzc5ODhWNi43Nzk4OFpNMzIuOTkzMiA0OS4yMDY5SDEwLjIwM1Y0Ni45MjM2SDMyLjk5NDJWNDkuMjA2OUgzMi45OTMyWk0yOS4yMjU2IDQ1LjEzMDRIMTMuOTcxOUMxNC4xMjggNDQuMDMxNyAxNC43Njg1IDQzLjYyNDMgMTcuMjA2IDQzLjYyNDNIMjUuOTkyNUMyOC40Mjg4IDQzLjYyNDMgMjkuMDcgNDQuMDMxOCAyOS4yMjYxIDQ1LjEzMDRIMjkuMjI1NlpNMjIuMTY4NSA0MS44MzExSDIxLjAyNzFDMjEuMDc1NSAzOS4wMzM5IDIxLjAxODEgMzEuNDIwNiAxOS4xOTExIDI2LjkxODRDMTkuOTg1NSAyNy4xMzQ5IDIwLjc5MjIgMjcuMjQzNyAyMS41OTgyIDI3LjI0MzdDMjIuNDAzOCAyNy4yNDM3IDIzLjIxMDEgMjcuMTM1NyAyNC4wMDQ1IDI2LjkxODRDMjIuMTc3NSAzMS40MTk5IDIyLjEyMDkgMzkuMDM0IDIyLjE2ODYgNDEuODMxMUgyMi4xNjg1Wk0yNi4wNDc1IDI0LjAwMzFMMjYuMDQ2OCAyNC4wMDI0QzI2LjA0MzggMjQuMDA0MiAyNi4wNDE1IDI0LjAwNzIgMjYuMDM4NSAyNC4wMDkxQzI0LjYzNDEgMjQuOTc5OCAyMy4xMTQxIDI1LjQ1MTUgMjEuNTk3OSAyNS40NTE1QzIwLjA3OTcgMjUuNDUxNSAxOC41NTg1IDI0Ljk3OTUgMTcuMTUzMyAyNC4wMDY5QzE3LjE1MTUgMjQuMDA1OCAxNy4xNDk2IDI0LjAwMzkgMTcuMTQ4MSAyNC4wMDI4VjI0LjAwMzVDMTMuNTE5OCAyMS40ODggMTAuNjY4NCAxNS42MjUyIDEwLjY2ODQgNS44ODQ0OFYyLjc5NDU1SDMyLjUyNzlWNS44ODQ0OEMzMi41Mjc5IDE1LjYyNTUgMjkuNjc3IDIxLjQ4NzggMjYuMDQ3OSAyNC4wMDM1TDI2LjA0NzUgMjQuMDAzMVpNMzMuMzM1IDE0Ljk3OThDMzMuOTA2OCAxMi42MTI1IDM0LjI1MjQgOS44ODQ3IDM0LjMwODcgNi43Nzk3OUg0MC42NDQ3QzQwLjQ0NTEgMTAuNDg4OCAzOC45MDYzIDE0LjQ5NTggMzMuMzM1IDE0Ljk3OThWMTQuOTc5OFoiIGZpbGw9IndoaXRlIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjAuNSIvPgo8L3N2Zz4K"> </div> <div class="card-text-container"> <div class="text-center"> <div class="card-title f-nunito mb-2"> 19 茅v tapasztalata </div> <div class="card-description f-size-18 f-nunito lh-28"> 2005 贸ta azon dolgozunk, hogy az online szoftverek fejleszt茅s茅ben megszerzett tud谩sunk 谩ltal k茅nyelmesebb茅, hat茅konyabb谩, jobb谩 tegy眉k az emberek 茅let茅t a digit谩lis t茅rben. Egy眉tt fejl艖d眉nk a technol贸gi谩val, hogy tapasztalatunk 茅s tud谩sunk legjav谩t ny煤jthassuk minden partner眉nk sz谩m谩ra. </div> </div> </div> <div class="card-background-container"></div> </div> <div class="parallax-card-container-wxdl-2 parallax-card-container position-relative"> <div class="card-icon-container d-flex align-items-center justify-content-center"><picture data-fileentryid="157015"> <source media="(max-width:135px)" srcset="/o/adaptive-media/image/157015/Preview-1000x0/ic-project.png?t=1657189083576"> <source media="(max-width:135px) and (min-width:135px)" srcset="/o/adaptive-media/image/157015/Thumbnail-300x300/ic-project.png?t=1657189083576"> <img class="img-fluid" data-lfr-editable-id="image-2" data-lfr-editable-type="image" src="/documents/20123/0/ic-project.png/8b552be0-4d97-6a12-ba8c-12342669b963?t=1657189083576&download=true" data-fileentryid="157015"> </picture> </div> <div class="card-text-container"> <div class="text-center"> <div class="card-title f-nunito mb-2"> 500+ projekt </div> <div class="card-description f-size-18 f-nunito lh-28"> 19 茅v alatt rengeteg szoftverfejleszt茅si projektben vehett眉nk r茅szt. Az egyszer疟 weblapokt贸l a port谩lokon 茅s e-commerce rendszereken 谩t, eg茅szen a leg枚sszetettebb egyedi fejleszt茅sekig,  az online szoftverek fejleszt茅s茅nek minden ter眉let茅n bizony铆tottuk csapatunk r谩termetts茅g茅t. </div> </div> </div> <div class="card-background-container"></div> </div> <div class="parallax-card-container-wxdl-3 parallax-card-container position-relative"> <div class="card-icon-container d-flex align-items-center justify-content-center"><picture data-fileentryid="157030"> <source media="(max-width:135px)" srcset="/o/adaptive-media/image/157030/Preview-1000x0/ic-experts.png?t=1657189098451"> <source media="(max-width:135px) and (min-width:135px)" srcset="/o/adaptive-media/image/157030/Thumbnail-300x300/ic-experts.png?t=1657189098451"> <img class="img-fluid" data-lfr-editable-id="image-3" data-lfr-editable-type="image" src="/documents/20123/0/ic-experts.png/955b8786-bc48-bbea-addb-fa27884760ce?t=1657189098451&download=true" data-fileentryid="157030"> </picture> </div> <div class="card-text-container"> <div class="text-center"> <div class="card-title f-nunito mb-2"> 60 f艖s csapat </div> <div class="card-description f-size-18 f-nunito lh-28"> Agilis csapatok, fejleszt艖k, product ownerek, scrum masterek, expertek, back-office, marketing, HR... minden munkak枚rben a legjobb koll茅g谩kkal dolgozhatunk. Csapatunk lend眉lete, tud谩sa, tapasztalata 谩ltal v谩lhattunk a szoftverfejleszt茅s, nemzetk枚zileg elismert v谩llalat谩v谩.  </div> </div> </div> <div class="card-background-container"></div> </div> </div> </div> <style>.parallax-card { display: grid; grid-template-rows: auto; column-gap: 40px; row-gap: 40px; padding: 20px; } @media screen and (max-width: 991.98px) { .parallax-card { grid-template-columns: 1fr !important; } } .parallax-card .parallax-card-container { padding-top: 80px; } .parallax-card .parallax-card-container .card-text-container { position: relative; padding-top: 73px; font-family: Nunito; line-height: 28px; z-index: 1; } .parallax-card .parallax-card-container .card-background-container { position: absolute; width: 95%; height: 100%; border-radius: 30px; background-color: #f5f5f5; opacity: 0.5; z-index: 0; transform: rotate(0); left: 0; right: 0; margin-left: auto; margin-right: auto; top: 80px; height: calc(100% - 80px); } .parallax-card .parallax-card-container .card-background-container.rotated { transform: rotate(-6.63deg); transition: transform 0.5s ease-in-out; transition-delay: 0.5s; } .parallax-card .parallax-card-container .card-text-container { width: 100%; min-height: 268px; height: 100%; border-radius: 30px; background-color: #f5f5f5; } .parallax-card .parallax-card-container .card-title { font-size: 22px; font-weight: 600; } .parallax-card .parallax-card-container .card-description { padding: 0 42px 42px; color: #535353; } .parallax-card .parallax-card-container .card-icon-container { background-image: url("data:image/svg+xml,%3Csvg width='123' height='123' viewBox='0 0 123 123' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg style='mix-blend-mode:multiply'%3E%3Cpath d='M2.45806 30.1562C2.93571 12.0528 19.2224 -1.50335 37.1118 1.31222L97.5382 10.8226C113.304 13.3039 124.367 27.6945 122.712 43.5683L117.321 95.2885C115.725 110.595 102.807 122.211 87.418 122.178L30.7708 122.056C13.9177 122.02 0.401235 108.112 0.84574 91.2649L2.45806 30.1562Z' fill='%2316B632'/%3E%3C/g%3E%3C/svg%3E%0A"); width: 123px; height: 123px; mix-blend-mode: multiply; z-index: 2; position: absolute; top: 0; left: 0; right: 0; margin: auto; transition: transform 0.5s ease; } .parallax-card .parallax-card-container .card-icon { width: 43px; height: 52px; } @media screen and (max-width: 1399.98px) { .parallax-card .parallax-card-container .card-description { padding: 0 33px 33px; line-height: 24px; } } @media screen and (max-width: 1199.98px) { .parallax-card .parallax-card-container .card-title { font-size: 20px; } .parallax-card .parallax-card-container .card-description { font-size: 16px; line-height: 20px; } }</style> <script>(function() {const configuration = {"columnNumber":"0.3333fr 0.3333fr 0.3333fr","numberOfCards":3}; const fragmentElement = document.querySelector('#fragment-ab075d81-acba-ff2b-21fb-2d3fdee82781'); const fragmentEntryLinkNamespace = 'wxdl'; const fragmentNamespace = 'wxdl'; const layoutMode = 'view';// Parallax ("use scrict"); let webtownParallax = (() => { const app = (config) => { const getElemDistance = (element) => { let location = 0; if (element.offsetParent) { do { location += element.offsetTop; element = element.offsetParent; } while (element); } return location >= 0 ? location : 0; }; window.addEventListener( "load", () => { let prev = 0; let parallax = fragmentElement.querySelector( `${config.class} .card-icon-container` ); const cardBackgroundContainer = fragmentElement.querySelector( `${config.class} .card-background-container` ); let observer = new IntersectionObserver((entries) => { entries.forEach((entry) => { if (entry.intersectionRatio > prev) { window.addEventListener("scroll", scrolling); cardBackgroundContainer.classList.add("rotated"); } else { window.removeEventListener("scroll", scrolling); cardBackgroundContainer.classList.remove("rotated"); } prev = entry.intersectionRatio; }); }); if(parallax) { observer.observe(parallax); } function scrolling() { if (window.innerWidth >= 992) { const scrollPosition = window.scrollY + window.innerHeight; const elPosition = scrollPosition - getElemDistance(parallax); const durationDistance = window.innerHeight; const currentProgress = (elPosition / durationDistance) * config.y; parallax.style.transform = `translateY(${currentProgress}px)`; } } }, false ); }; return { app: app, }; })(); for (let i = 1; i < configuration.numberOfCards + 1; i++) { webtownParallax.app( (config = { class: `.parallax-card-container-${fragmentNamespace}-${i}`, y: 20, }) ); };}());</script> </div> </div> <div class="lfr-layout-structure-item-wt-cta-flekk lfr-layout-structure-item-354d0235-8d2e-f57d-b694-fd33e12774de " style=""> <div id="fragment-3c04fab4-f339-110d-31a5-926aeb36da9f"> <div class="cta-flekk-wrapper d-flex justify-content-center"> <div class="cta-flekk position-relative text-break"><img class="cta-bg-img-desktop d-none d-lg-block w-100 mw-100 h-100" data-lfr-editable-id="cta-bg-img-desktop" data-lfr-editable-type="image" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTU2NiIgaGVpZ2h0PSIzODYiIHZpZXdCb3g9IjAgMCAxNTY2IDM4NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuMTAwOTIgMTA2Ljk5MkMxLjI4NDUyIDc5LjUxNzQgMjIuNzk4NyA1Ni41MzU2IDUwLjI2NzUgNTUuNTM5OEwxNTA1LjM0IDIuNzkxMzdDMTUzMy4wNyAxLjc4NjM1IDE1NTYuMzEgMjMuNTQzOSAxNTU3LjEzIDUxLjI3MzVMMTU2NC4xNyAyODcuOTYzQzE1NjUgMzE1LjkwNiAxNTQyLjc1IDMzOS4xMDEgMTUxNC44IDMzOS40NDVMNTguNjkxNCAzNTcuMzQ4QzMxLjQxODUgMzU3LjY4MyA4LjkwODc1IDMzNi4xIDguMDk4NjUgMzA4LjgzN0wyLjEwMDkyIDEwNi45OTJaIiBmaWxsPSIjRjVGNUY1Ii8+CjxwYXRoIGQ9Ik00Ljk5OTc5IDgzLjgzNjlDNC45OTk3OSA1Ni4zNTAxIDI3LjE4NzEgMzQuMDE3NCA1NC42NzMzIDMzLjgzNzlMMTUxMC42NyAyNC4zMzA2QzE1MzguNDEgMjQuMTQ5NCAxNTYxIDQ2LjU4NzcgMTU2MSA3NC4zMjk1VjMxMS4xMjRDMTU2MSAzMzkuMDc5IDE1MzguMDggMzYxLjYwMyAxNTEwLjEzIDM2MS4xMTZMNTQuMTI5MyAzMzUuNzYzQzI2Ljg1ODYgMzM1LjI4OCA0Ljk5OTc5IDMxMy4wNDYgNC45OTk3OSAyODUuNzcxVjgzLjgzNjlaIiBmaWxsPSIjRjVGNUY1Ii8+CjxwYXRoIGQ9Ik00Ljk5OTc5IDgzLjgzNjlDNC45OTk3OSA1Ni4zNTAxIDI3LjE4NzEgMzQuMDE3NCA1NC42NzMzIDMzLjgzNzlMMTUxMC42NyAyNC4zMzA2QzE1MzguNDEgMjQuMTQ5NCAxNTYxIDQ2LjU4NzcgMTU2MSA3NC4zMjk1VjMxMS4xMjRDMTU2MSAzMzkuMDc5IDE1MzguMDggMzYxLjYwMyAxNTEwLjEzIDM2MS4xMTZMNTQuMTI5MyAzMzUuNzYzQzI2Ljg1ODYgMzM1LjI4OCA0Ljk5OTc5IDMxMy4wNDYgNC45OTk3OSAyODUuNzcxVjgzLjgzNjlaIiBmaWxsPSIjMDQwNjFBIi8+CjxtYXNrIGlkPSJtYXNrMF8yNzhfOTY3IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSI0IiB5PSIyNCIgd2lkdGg9IjE1NTciIGhlaWdodD0iMzM4Ij4KPHBhdGggZD0iTTQuOTk5NzkgODMuODM2OUM0Ljk5OTc5IDU2LjM1MDEgMjcuMTg3MSAzNC4wMTc0IDU0LjY3MzMgMzMuODM3OUwxNTEwLjY3IDI0LjMzMDZDMTUzOC40MSAyNC4xNDk0IDE1NjEgNDYuNTg3NyAxNTYxIDc0LjMyOTVWMzExLjEyNEMxNTYxIDMzOS4wNzkgMTUzOC4wOCAzNjEuNjAzIDE1MTAuMTMgMzYxLjExNkw1NC4xMjkzIDMzNS43NjNDMjYuODU4NiAzMzUuMjg4IDQuOTk5NzkgMzEzLjA0NiA0Ljk5OTc5IDI4NS43NzFWODMuODM2OVoiIGZpbGw9IiNGNUY1RjUiLz4KPHBhdGggZD0iTTQuOTk5NzkgODMuODM2OUM0Ljk5OTc5IDU2LjM1MDEgMjcuMTg3MSAzNC4wMTc0IDU0LjY3MzMgMzMuODM3OUwxNTEwLjY3IDI0LjMzMDZDMTUzOC40MSAyNC4xNDk0IDE1NjEgNDYuNTg3NyAxNTYxIDc0LjMyOTVWMzExLjEyNEMxNTYxIDMzOS4wNzkgMTUzOC4wOCAzNjEuNjAzIDE1MTAuMTMgMzYxLjExNkw1NC4xMjkzIDMzNS43NjNDMjYuODU4NiAzMzUuMjg4IDQuOTk5NzkgMzEzLjA0NiA0Ljk5OTc5IDI4NS43NzFWODMuODM2OVoiIGZpbGw9IiMwNDA2MUEiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzI3OF85NjcpIj4KPHBhdGggb3BhY2l0eT0iMC41IiBkPSJNMTIyMy44MSA1MDAuNzkzQzEyMjMuODEgNTY5Ljk4IDExNzEuMjcgNjI2LjI0MiAxMTA2LjY2IDYyNi4yNDJDMTA2MC41MSA2MjYuMjQyIDEwMjAuNzYgNTk4LjExMSAxMDAxLjU5IDU1Ny4wNTVMNjg3Ljc4IC0xMTQuMjg3QzY3OS45NyAtMTMxLjAxNCA2NzUgLTE1MC4wMjEgNjc1IC0xNzAuNTQ5QzY3NSAtMjM5LjczNiA3MjcuNTM4IC0yOTUuOTk4IDc5Mi4xNDYgLTI5NS45OThDODM4LjI5NCAtMjk1Ljk5OCA4NzcuMzQyIC0yNjcuODY3IDg5Ny4yMjEgLTIyNi44MTFMMTIxMC4zMiA0NDQuNTMxQzEyMTguODQgNDYyLjAxOCAxMjIzLjgxIDQ4MS4wMjUgMTIyMy44MSA1MDAuNzkzWk0xNjI5LjIgNDQ1LjI5MUwxMzE2LjEgLTIyNi4wNTFDMTI5Ni45NCAtMjY3LjEwNyAxMjU3LjE4IC0yOTUuMjM4IDEyMTEuMDMgLTI5NS4yMzhDMTE0Ni40MiAtMjk1LjIzOCAxMDkzLjg4IC0yMzguOTc2IDEwOTMuODggLTE2OS43ODlDMTA5My44OCAtMTQ5LjI2MSAxMDk4LjE0IC0xMzEuMDE0IDExMDYuNjYgLTExMy41MjdMMTQxOS43NiA1NTcuODE1QzE0MzguOTMgNTk4Ljg3MSAxNDc4LjY5IDYyNy4wMDIgMTUyNC44NCA2MjcuMDAyQzE1ODkuNDQgNjI3LjAwMiAxNjQxLjk4IDU3MC43NCAxNjQxLjk4IDUwMS41NTNDMTY0MS4yNyA0ODEuMDI1IDE2MzcuMDEgNDYyLjAxOCAxNjI5LjIgNDQ1LjI5MVpNMTk1Mi45NSAtMTkzLjM1OEMxOTQ0LjQzIC0yNDUuODE4IDE5MDMuOTYgLTI4Ni44NzQgMTg1NC45NyAtMjk0LjQ3N0MxODAxLjczIC0zMDIuODQxIDE3NTQuMTYgLTI3Mi40MjkgMTczMi44NiAtMjI2LjA1MUwxNjAyLjIyIDUzLjczODRMMTY5NS45NCAyNTQuNDU3QzE3MTEuNTYgMjg3LjE0OSAxNzU1LjU4IDI4Ny4xNDkgMTc3MC40OSAyNTQuNDU3TDE5NDIuMyAtMTE0LjI4N0MxOTUzLjY2IC0xMzcuMDk2IDE5NTcuOTIgLTE2NC40NjcgMTk1Mi45NSAtMTkzLjM1OFoiIGZpbGw9IiMwRDBEM0UiLz4KPC9nPgo8L3N2Zz4K"> <img class="cta-bg-img-mobil d-lg-none" data-lfr-editable-id="cta-bg-img-mobil" data-lfr-editable-type="image" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzM1IiBoZWlnaHQ9IjUyNiIgdmlld0JveD0iMCAwIDMzNSA1MjYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjE1MzcxMyA5Ni4zOTk1QzAuMTAzOTA3IDg1LjY3MyA4LjM3NjA5IDc1LjI3NTcgMTguOTAyOSA3Mi44MzM2TDMxMi40MDIgNC43NDQ1MUMzMjMuNTU4IDIuMTU2NDYgMzMyLjg5NiA5LjQ3MDU5IDMzMi45NDggMjAuODM4TDMzNC44OTYgNDQwLjM5N0MzMzQuOTUyIDQ1Mi4zMDQgMzI0LjgzNyA0NjMuNTA1IDMxMy4yMDMgNDY0LjQyMUwxOS40OTUxIDQ4Ny41MzFDOS41MjU3NiA0ODguMzE2IDEuOTQwMzYgNDgxLjE4MyAxLjg5Mjk5IDQ3MC45OEwwLjE1MzcxMyA5Ni4zOTk1WiIgZmlsbD0iI0Y1RjVGNSIvPgo8cGF0aCBkPSJNMSA2NC4wOTk0QzEgNTMuMzc4NiA5LjQ1MzM0IDQ0LjU2NDUgMjAuMTY0OCA0NC4xMTY4TDMxMy4xNjUgMzEuODcwOEMzMjQuNTI4IDMxLjM5NTkgMzM0IDQwLjQ4IDMzNCA1MS44NTM0VjQ3MS42NDdDMzM0IDQ4My41NyAzMjMuNjM0IDQ5Mi44NDUgMzExLjc4NSA0OTEuNTI0TDE4Ljc4NDYgNDU4Ljg2OEM4LjY1ODk0IDQ1Ny43MzkgMSA0NDkuMTc5IDEgNDM4Ljk5MVY2NC4wOTk0WiIgZmlsbD0iI0Y1RjVGNSIvPgo8cGF0aCBkPSJNMSA2NC4wOTk0QzEgNTMuMzc4NiA5LjQ1MzM0IDQ0LjU2NDUgMjAuMTY0OCA0NC4xMTY4TDMxMy4xNjUgMzEuODcwOEMzMjQuNTI4IDMxLjM5NTkgMzM0IDQwLjQ4IDMzNCA1MS44NTM0VjQ3MS42NDdDMzM0IDQ4My41NyAzMjMuNjM0IDQ5Mi44NDUgMzExLjc4NSA0OTEuNTI0TDE4Ljc4NDYgNDU4Ljg2OEM4LjY1ODk0IDQ1Ny43MzkgMSA0NDkuMTc5IDEgNDM4Ljk5MVY2NC4wOTk0WiIgZmlsbD0iIzA0MDYxQSIvPgo8bWFzayBpZD0ibWFzazBfMzgyXzUyNiIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMSIgeT0iMzEiIHdpZHRoPSIzMzMiIGhlaWdodD0iNDYxIj4KPHBhdGggZD0iTTEgNjQuMDk5NEMxIDUzLjM3ODYgOS40NTMzNCA0NC41NjQ1IDIwLjE2NDggNDQuMTE2OEwzMTMuMTY1IDMxLjg3MDhDMzI0LjUyOCAzMS4zOTU5IDMzNCA0MC40OCAzMzQgNTEuODUzNFY0NzEuNjQ3QzMzNCA0ODMuNTcgMzIzLjYzNCA0OTIuODQ1IDMxMS43ODUgNDkxLjUyNEwxOC43ODQ2IDQ1OC44NjhDOC42NTg5NCA0NTcuNzM5IDEgNDQ5LjE3OSAxIDQzOC45OTFWNjQuMDk5NFoiIGZpbGw9IiNGNUY1RjUiLz4KPHBhdGggZD0iTTEgNjQuMDk5NEMxIDUzLjM3ODYgOS40NTMzNCA0NC41NjQ1IDIwLjE2NDggNDQuMTE2OEwzMTMuMTY1IDMxLjg3MDhDMzI0LjUyOCAzMS4zOTU5IDMzNCA0MC40OCAzMzQgNTEuODUzNFY0NzEuNjQ3QzMzNCA0ODMuNTcgMzIzLjYzNCA0OTIuODQ1IDMxMS43ODUgNDkxLjUyNEwxOC43ODQ2IDQ1OC44NjhDOC42NTg5NCA0NTcuNzM5IDEgNDQ5LjE3OSAxIDQzOC45OTFWNjQuMDk5NFoiIGZpbGw9IiMwNDA2MUEiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzM4Ml81MjYpIj4KPHBhdGggb3BhY2l0eT0iMC41IiBkPSJNMTgwLjI4NSA0NTAuMjQ3QzE4MC4yODUgNDkxLjc3NCAxNDguNzYyIDUyNS41NDQgMTA5Ljk5OCA1MjUuNTQ0QzgyLjMwODggNTI1LjU0NCA1OC40NTM4IDUwOC42NTkgNDYuOTUyMiA0ODQuMDE2TC0xNDEuMzMyIDgxLjA2NTlDLTE0Ni4wMTggNzEuMDI2NCAtMTQ5IDU5LjYxNzggLTE0OSA0Ny4yOTY1Qy0xNDkgNS43NjkzNiAtMTE3LjQ3NyAtMjggLTc4LjcxMjggLTI4Qy01MS4wMjM5IC0yOCAtMjcuNTk0OCAtMTEuMTE1MyAtMTUuNjY3MyAxMy41MjcyTDE3Mi4xOTEgNDE2LjQ3OEMxNzcuMzAzIDQyNi45NzQgMTgwLjI4NSA0MzguMzgyIDE4MC4yODUgNDUwLjI0N1pNNDIzLjUyMSA0MTYuOTM0TDIzNS42NjMgMTMuOTgzNUMyMjQuMTYxIC0xMC42NTkgMjAwLjMwNiAtMjcuNTQzNiAxNzIuNjE3IC0yNy41NDM2QzEzMy44NTMgLTI3LjU0MzYgMTAyLjMzIDYuMjI1NzEgMTAyLjMzIDQ3Ljc1MjlDMTAyLjMzIDYwLjA3NDIgMTA0Ljg4NiA3MS4wMjY0IDEwOS45OTggODEuNTIyMkwyOTcuODU2IDQ4NC40NzNDMzA5LjM1OCA1MDkuMTE1IDMzMy4yMTMgNTI2IDM2MC45MDIgNTI2QzM5OS42NjYgNTI2IDQzMS4xODkgNDkyLjIzMSA0MzEuMTg5IDQ1MC43MDNDNDMwLjc2MyA0MzguMzgyIDQyOC4yMDcgNDI2Ljk3NCA0MjMuNTIxIDQxNi45MzRaTTYxNy43NyAzMy42MDYzQzYxMi42NTggMi4xMTg2MiA1ODguMzc3IC0yMi41MjM5IDU1OC45ODQgLTI3LjA4NzNDNTI3LjAzNSAtMzIuMTA3MSA0OTguNDk0IC0xMy44NTM0IDQ4NS43MTUgMTMuOTgzNUw0MDcuMzM0IDE4MS45MThMNDYzLjU2NCAzMDIuMzkyQzQ3Mi45MzUgMzIyLjAxNSA0OTkuMzQ2IDMyMi4wMTUgNTA4LjI5MiAzMDIuMzkyTDYxMS4zOCA4MS4wNjU5QzYxOC4xOTYgNjcuMzc1NiA2MjAuNzUyIDUwLjk0NzMgNjE3Ljc3IDMzLjYwNjNaIiBmaWxsPSIjMEQwRDNFIi8+CjwvZz4KPC9zdmc+Cg=="> <div class="position-absolute cta-flekk-container text-center w-100 p-5 p-lg-3"> <h2 class="f-semibold text-shadow title f-green" data-lfr-editable-id="title" data-lfr-editable-type="text">脷j digit谩lis projektet tervezel?</h2> <a class="btn-webtown-white with-arrow" data-lfr-editable-id="link" data-lfr-editable-type="link" href="/ajanlatkeres" id="fragment-oxrh-03-link">Keress Minket!</a> </div> </div> </div> </div> <style>.cta-flekk { min-height: 385px; max-width: 1560px; width: 100%; padding: 20px; } .cta-flekk .title { color: #16b632; font-size: 50px; line-height: 60px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } @media (max-width: 991.98px) { .cta-flekk .title { -webkit-line-clamp: 5; } } .cta-flekk .btn-webtown-white { margin-top: 38px; } .cta-flekk .cta-bg-img-desktop { min-height: 385px; object-fit: contain; } .cta-flekk .title { font-size: 50px; } .cta-flekk .cta-bg-img-mobil { width: 100%; } .cta-flekk-container { top: 50%; left: 50%; transform: translate(-50%, -50%); } @media (max-width: 1399.98px) { .cta-flekk .title { font-size: 40px; line-height: 48px; } .cta-flekk .btn-webtown-white { margin-top: 24px; } }</style> </div> <div class="lfr-layout-structure-item-wt-footer lfr-layout-structure-item-3e86cd5a-2793-a4ab-f07c-f0ae0b1f30c3 " style=""> <div id="fragment-72ba8820-95fd-d00c-e4c4-bb3c4fadc10e"> <footer class="wt-section-footer position-relative"> <div class="footer-wrapper d-flex justify-content-lg-around justify-content-between text-break"> <div class="wt-section-footer-logo align-items-center d-flex position-relative"><a class="position-absolute w-100 h-100 z-index-10 link-around" data-lfr-editable-id="logo-link" data-lfr-editable-type="link" href="/home-webtown" id="fragment-cbqi-logo-link">Example Link</a> <img alt="Webtown logo" class="mr-3" data-lfr-editable-id="logo" data-lfr-editable-type="image" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iUsOpdGVnXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOTcgOTUuMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgOTcgOTUuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzE2QjYzMjt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMSwyMC45QzE2LjksMy44LDM2LjUtNC4zLDUyLjcsMy44bDI2LjcsMTMuM0M5My43LDI0LjIsOTkuOSw0MS4zLDkzLjUsNTZsLTguOSwyMC40DQoJCWMtNi4yLDE0LjEtMjIsMjEuMy0zNi43LDE2LjVsLTI2LjUtOC41QzUuNSw3OS4yLTMuMSw2MS45LDIuMyw0NkwxMSwyMC45eiIvPg0KPC9nPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTQ2LjEsNTcuMWMwLDEuNC0xLjEsMi41LTIuNCwyLjVjLTAuOSwwLTEuOC0wLjYtMi4yLTEuNGwtNi40LTEzLjFjLTAuMi0wLjMtMC4zLTAuNy0wLjMtMS4xDQoJYzAtMS40LDEuMS0yLjUsMi40LTIuNWMwLjksMCwxLjgsMC42LDIuMiwxLjRMNDUuOSw1NkM0Ni4xLDU2LjQsNDYuMSw1Ni44LDQ2LjEsNTcuMXogTTU0LjUsNTZMNDgsNDIuOWMtMC40LTAuOC0xLjItMS40LTIuMi0xLjQNCgljLTEuMywwLTIuNCwxLjEtMi40LDIuNWMwLDAuNCwwLjEsMC44LDAuMywxLjFsNi41LDEzLjFjMC40LDAuOCwxLjIsMS40LDIuMiwxLjRjMS4zLDAsMi40LTEuMSwyLjQtMi41DQoJQzU0LjgsNTYuOCw1NC43LDU2LjQsNTQuNSw1NnogTTYxLjMsNDMuNmMtMC4yLTEtMS0xLjgtMi0yYy0xLjEtMC4yLTIuMSwwLjQtMi41LDEuM0w1NCw0OC40bDEuOSwzLjljMC4zLDAuNiwxLjIsMC42LDEuNiwwDQoJbDMuNS03LjJDNjEuMyw0NC43LDYxLjMsNDQuMSw2MS4zLDQzLjZ6Ii8+DQo8L3N2Zz4NCg=="> </div> <div class="align-items-center d-none d-lg-flex section-footer-nav"> <div class="portlet"> <div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_ portlet-static portlet-static-end portlet-barebone portlet-navigation " id="p_p_id_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_cbqi_"><span id="p_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_cbqi"></span> <section class="portlet" id="portlet_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_cbqi"> <div class="portlet-content"> <div class=" portlet-content-container"> <div class="portlet-body"> <div id="navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_cbqi"> <ul aria-label="Webhelyoldalak:" class="navbar-blank navbar-nav navbar-site" role="menubar"> <li class="lfr-nav-item nav-item selected active" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_cbqi_116" role="presentation"><a class="nav-link text-truncate" href="https://webtown.hu/home-webtown" role="menuitem"> <span class="text-truncate"> Home </span> </a></li> <li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_cbqi_24" role="presentation"><a class="nav-link text-truncate" href="https://webtown.hu/webtown" role="menuitem"> <span class="text-truncate"> A Webtown </span> </a></li> <li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_cbqi_28" role="presentation"><a class="nav-link text-truncate" href="https://webtown.hu/szolgaltatasaink" role="menuitem"> <span class="text-truncate"> Szolg谩ltat谩saink </span> </a></li> <li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_cbqi_58" role="presentation"><a class="nav-link text-truncate" href="https://webtown.hu/referencia" role="menuitem"> <span class="text-truncate"> Referenci谩k </span> </a></li> <li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_cbqi_80" role="presentation"><a class="nav-link text-truncate" href="https://webtown.hu/kapcsolat" role="menuitem"> <span class="text-truncate"> Kapcsolat </span> </a></li> <li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_cbqi_124" role="presentation"><a class="nav-link text-truncate" href="https://karrier.webtown.hu" role="menuitem"> <span class="text-truncate"> KARRIER </span> </a></li> <li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_cbqi_125" role="presentation"><a class="nav-link text-truncate" href="https://webtown-group.com" role="menuitem"> <span class="text-truncate"> EN </span> </a></li> <li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_cbqi_126" role="presentation"><a class="nav-link text-truncate" href="https://webtown.at" role="menuitem"> <span class="text-truncate"> DE </span> </a></li> </ul> </div> </div> </div> </div> </section> </div> </div> </div> <div class="section-footer-social d-flex align-items-center"> <ul class="align-items-center d-flex justify-content-center list-unstyled mb-0 overflow-hidden"> <li class="position-relative mx-2 c-pointer"><a class="position-absolute w-100 h-100 z-index-10 link-around" data-lfr-editable-id="1-link" data-lfr-editable-type="link" href="https://www.facebook.com/webtown.hungary" id="fragment-cbqi-1-link" target="_blank">Example Link</a> <img alt="Social icon" data-lfr-editable-id="1-img" data-lfr-editable-type="image" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI3OF81MzgpIj4KPHBhdGggZD0iTTExLjI0OTQgMC4wMDMwOTA0NUw5LjMwNDIyIC0zLjA1MTc2ZS0wNUM3LjExODkyIC0zLjA1MTc2ZS0wNSA1LjcwNjY4IDEuNDQ4ODggNS43MDY2OCAzLjY5MTQ1VjUuMzkzNDdIMy43NTA5MkMzLjU4MTkyIDUuMzkzNDcgMy40NDUwNyA1LjUzMDQ4IDMuNDQ1MDcgNS42OTk0OFY4LjE2NTUyQzMuNDQ1MDcgOC4zMzQ1MiAzLjU4MjA4IDguNDcxMzcgMy43NTA5MiA4LjQ3MTM3SDUuNzA2NjhWMTQuNjk0QzUuNzA2NjggMTQuODYzIDUuODQzNTMgMTQuOTk5OCA2LjAxMjU0IDE0Ljk5OThIOC41NjQyNEM4LjczMzI0IDE0Ljk5OTggOC44NzAxIDE0Ljg2MjggOC44NzAxIDE0LjY5NFY4LjQ3MTM3SDExLjE1NjhDMTEuMzI1OCA4LjQ3MTM3IDExLjQ2MjcgOC4zMzQ1MiAxMS40NjI3IDguMTY1NTJMMTEuNDYzNiA1LjY5OTQ4QzExLjQ2MzYgNS42MTgzNCAxMS40MzEzIDUuNTQwNjMgMTEuMzc0MSA1LjQ4MzJDMTEuMzE2OCA1LjQyNTc3IDExLjIzODggNS4zOTM0NyAxMS4xNTc2IDUuMzkzNDdIOC44NzAxVjMuOTUwNjVDOC44NzAxIDMuMjU3MTcgOS4wMzUzNSAyLjkwNTEyIDkuOTM4NzIgMi45MDUxMkwxMS4yNDkxIDIuOTA0NjZDMTEuNDE3OSAyLjkwNDY2IDExLjU1NDggMi43Njc2NCAxMS41NTQ4IDIuNTk4OFYwLjMwODk0NUMxMS41NTQ4IDAuMTQwMjU3IDExLjQxODEgMC4wMDM0MDI1NSAxMS4yNDk0IDAuMDAzMDkwNDVaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzI3OF81MzgiPgo8cmVjdCB3aWR0aD0iMTUiIGhlaWdodD0iMTQuOTk5OCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K"></li> <li class="position-relative mx-2 c-pointer"><a class="position-absolute w-100 h-100 z-index-10 link-around" data-lfr-editable-id="2-link" data-lfr-editable-type="link" href="https://www.instagram.com/webtownoffice/" id="fragment-cbqi-2-link" target="_blank">Example Link</a> <img alt="Social icon" data-lfr-editable-id="2-img" data-lfr-editable-type="image" src="/documents/20123/45746/instagram-logo.svg/0a8efa66-fdfb-053c-a354-6d50b6845ad5?t=1647522405823&download=true" data-fileentryid="42183"></li> <li class="position-relative mx-2 c-pointer"><a class="position-absolute w-100 h-100 z-index-10 link-around" data-lfr-editable-id="3-link" data-lfr-editable-type="link" href="https://www.youtube.com/channel/UCTKZOZAtD-kvieifv1HwOiQ" id="fragment-cbqi-3-link" target="_blank">Example Link</a> <img alt="Social icon" data-lfr-editable-id="3-img" data-lfr-editable-type="image" src="/documents/20123/45746/youtube-logo.svg/16b44596-5a73-d8f8-02f0-4ced6816aad7?t=1647522437222&download=true" data-fileentryid="42169"></li> </ul> </div> </div> </footer> </div> <style>body.has-edit-mode-menu .wt-section-footer .link-around { display: none; } .wt-section-footer { padding: 100px 0 20px; background-color: transparent; text-align: center; position: relative; width: 100%; overflow: hidden; z-index: 1; } .wt-section-footer .link-around { opacity: 0; font-size: 0; } .wt-section-footer:after { width: 100%; content: ""; display: block; height: 100%; position: absolute; top: 80px; transform: skewY(2deg); background-color: #F5F5F5;; z-index: 2; border-top-left-radius: 30px; border-top-right-radius: 30px; } .wt-section-footer .footer-wrapper { position: relative; z-index: 3; max-width: 1268px; padding: 0 20px; width: 100%; margin: auto; } .section-footer-social li img { width: 15px; object-fit: contain; filter: brightness(0) saturate(100%) invert(79%) sepia(0%) saturate(0%) hue-rotate(23deg) brightness(90%) contrast(92%); } .section-footer-social li a + img { transition: transform 0.5s ease; transform: scale(1); } .section-footer-social li a:hover + img { transform: scale(1.1); } @media screen and (max-width: 991.98px) { .section-footer-social li img { width: 25px; object-fit: contain;align-content } } .wt-section-footer .wt-section-footer-logo img { width: 95px; height: 95px; object-fit: contain; } .wt-section-footer .wt-section-footer-logo a + img { transform: scale(1); transition: transform 0.5s ease; } .wt-section-footer .wt-section-footer-logo a:hover + img { transform: scale(0.95); } .wt-section-footer .section-footer-nav li a { font-size: 1.1428571429rem; font-family: "Nunito", sans-serif; color: #a0a0a0 !important; font-size: 16px; font-weight: 600; line-height: 1.5714285714rem; text-transform: uppercase; text-decoration: none !important; padding: 0 25px; } @media (max-width: 1199.98px) { .wt-section-footer .section-footer-nav li a { padding: 0 15px; } } .wt-section-footer .section-footer-nav li a:hover { color: #16b632 !important; text-decoration: none !important; }</style> </div> </div> <form action="#" aria-hidden="true" class="hide" id="hrefFm" method="post" name="hrefFm"><span></span><button hidden type="submit">Rejtett</button></form> </section> <div class="cookie-question-details fixed-window-center-horizontally bottom-0 z-index-100 shadow-30-01 position-fixed bg-white border-radius-20 d-none"> <div class="position-relative pt-3"> <div class="cookie-popup-logo position-absolute left-0 top-0 f-bold mt-4 ml-5"> <img src="https://webtown.hu/o/webtown-redesign-theme/images/wt_logo_green_black.svg" class="mt-1" alt="Webtown logo" height="25px"> </div> <span class="position-absolute right-0 top-0 f-size-32 f-bold mt-3 mr-5 cookie-icon-close" style="z-index: 300; pointer-events: all">×</span> <div class="px-5 py-6"> <h3 class="d-flex mb-3 f-semibold l-spacing-02"> 脕ltal谩nos t谩j茅koztat贸 </h3> <div class="d-flex mb-4 f-size-18 f-nunito"> <p>Weboldalunkon olyan megold谩sokat haszn谩lunk, amelyekkel szem茅lyre szabottabb 茅lm茅nyt tudunk ny煤jtani 茅s amivel testreszabott hirdet茅st tudunk megjelen铆teni Neked. Ehhez k茅rlek enged茅lyezd a cookie-k 茅s m谩s k枚vet艖megold谩sok haszn谩lat谩t. Ezt a k茅s艖bbiekben is m贸dos铆thatod a l谩bl茅cben tal谩lhat贸 "Cookie t谩j茅koztat贸" -ban.</p> </div> <div class="d-flex mb-4 f-size-18 f-nunito"> <div class="d-flex slider-row"> <label for="cookie-func" class="slider-label"> Funkcion谩lis </label> <label class="switch"> <input id="cookie-func" type="checkbox"> <span class="slider"></span> </label> </div> </div> <div class="d-flex mb-4 f-size-18 f-nunito"> <div class="d-flex slider-row"> <label for="cookie-pref" class="slider-label"> Preferenci谩k </label> <label class="switch"> <input id="cookie-pref" type="checkbox"> <span class="slider"></span> </label> </div> </div> <div class="d-flex mb-4 f-size-18 f-nunito"> <div class="d-flex slider-row"> <label for="cookie-stat" class="slider-label"> Statisztika </label> <label class="switch"> <input id="cookie-stat" type="checkbox"> <span class="slider"></span> </label> </div> </div> <div class="d-flex mb-4 f-size-18 f-nunito"> <div class="d-flex slider-row"> <label for="cookie-mark" class="slider-label"> Marketing </label> <label class="switch"> <input id="cookie-mark" type="checkbox"> <span class="slider"></span> </label> </div> </div> <div class="d-flex align-items-center justify-content-lg-space-between flex-wrap"> <div class="mr-3"> <button class="btn-webtown-dark mr-3 mb-3 text-nowrap" onclick="acceptAllCookieSettings()">脰sszes enged茅lyez茅se</button> </div> <div class="mr-3"> <button id="deny-all" class="btn-webtown-grey mr-3 mb-3 text-nowrap" onclick="denyCookieSettings()"> Elutas铆tom </button> </div> <div class=""> <button class="btn-webtown-grey mb-3 text-nowrap" onclick="saveCookieSettings()"> Be谩ll铆t谩sok Ment茅se </button> </div> </div> </div> </div> </div> <div class="cookie-question fixed-window-center-horizontally bottom-0 z-index-100 shadow-30-01 position-fixed bg-white border-radius-20 d-none"> <div class="position-relative pt-3"> <div class="cookie-popup-logo position-absolute left-0 top-0 f-bold mt-4 ml-5"> <img src="https://webtown.hu/o/webtown-redesign-theme/images/wt_logo_green_black.svg" class="mt-1" alt="Webtown logo" height="25px"> </div> <span class="position-absolute right-0 top-0 f-size-32 f-bold mt-3 mr-5 cookie-icon-close" style="z-index: 300; pointer-events: all">×</span> <div class="px-5 py-6"> <h3 class="d-flex mb-3 f-semibold l-spacing-02">脕ltal谩nos t谩j茅koztat贸</h3> <div class="d-flex mb-4 f-size-18 f-nunito"> <p>Weboldalunkon olyan megold谩sokat haszn谩lunk, amelyekkel szem茅lyre szabottabb 茅lm茅nyt tudunk ny煤jtani 茅s amivel testreszabott hirdet茅st tudunk megjelen铆teni Neked. Ehhez k茅rlek enged茅lyezd a cookie-k 茅s m谩s k枚vet艖megold谩sok haszn谩lat谩t. Ezt a k茅s艖bbiekben is m贸dos铆thatod a l谩bl茅cben tal谩lhat贸 "Cookie t谩j茅koztat贸" -ban.</p> </div> <div class="d-flex mb-4 f-size-18 f-nunito"> <a class="f-size-18 f-nunito f-regular underline" href="https://webtown.hu/adatkezeles" target="_blank" title="Adatkezel茅si t谩j茅koztat贸">Adatkezel茅si t谩j茅koztat贸</a> </div> <div class="d-flex align-items-center justify-content-lg-space-between flex-wrap"> <div class="mr-3" > <button class="btn-webtown-dark mr-3 mb-3 text-nowrap" onclick="acceptAllCookieSettings()">脰sszes enged茅lyez茅se</button> </div> <div class="mr-3"> <button id="toggleDetailsButton" class="btn-webtown-grey mr-3 mb-3 text-nowrap"> Tov谩bbi lehet艖s茅gek </button> </div> <div> <button class="btn-webtown-grey text-nowrap mb-3" onclick="denyCookieSettings()"> Elutas铆tom </button> </div> </div> </div> </div> </div> </div> <script> (function() { var link1 = document.createElement('link'); link1.rel = "stylesheet"; link1.href = "https://webtown.hu/o/webtown-redesign-theme/css/google-fonts.css"; document.querySelector("head").appendChild(link1); })(); </script> <script src="https://webtown.hu/o/webtown-redesign-theme/js/references.js?minifierType=js&t=1740560644306"></script> <script src="https://webtown.hu/o/webtown-redesign-theme/js/lazyLoading.js?minifierType=js&t=1740560644306"></script> <script src="https://webtown.hu/o/webtown-redesign-theme/js/gallery.js?minifierType=js&t=1740560644306"></script> <script src="https://webtown.hu/o/webtown-redesign-theme/js/cookie.js?minifierType=js&t=1740560644306"></script> <script type="text/javascript"> </script><script> </script> <script type="text/javascript"> // <![CDATA[ Liferay.currentURL = '\x2f'; Liferay.currentURLEncoded = '\x252F'; // ]]> </script> <script type="text/javascript"> // <![CDATA[ // ]]> </script> <script type="text/javascript"> (function() {var $ = AUI.$;var _ = AUI._; var onDestroyPortlet = function () { Liferay.detach('messagePosted', onMessagePosted); Liferay.detach('destroyPortlet', onDestroyPortlet); }; Liferay.on('destroyPortlet', onDestroyPortlet); var onMessagePosted = function (event) { if (window.Analytics) { const eventProperties = { className: event.className, classPK: event.classPK, commentId: event.commentId, text: event.text, }; const blogNode = document.querySelector( '[data-analytics-asset-id="' + event.classPK + '"]' ); const dmNode = document.querySelector( '[data-analytics-file-entry-id="' + event.classPK + '"]' ); if (blogNode) { eventProperties.title = blogNode.dataset.analyticsAssetTitle; } else if (dmNode) { eventProperties.title = dmNode.dataset.analyticsFileEntryTitle; } Analytics.send('posted', 'Comment', eventProperties); } }; Liferay.on('messagePosted', onMessagePosted); })(); (function() {var $ = AUI.$;var _ = AUI._; })(); (function() {var $ = AUI.$;var _ = AUI._; var onVote = function (event) { if (window.Analytics) { let title = event.contentTitle; if (!title) { const dmNode = document.querySelector( '[data-analytics-file-entry-id="' + event.classPK + '"]' ); if (dmNode) { title = dmNode.dataset.analyticsFileEntryTitle; } } Analytics.send('VOTE', 'Ratings', { className: event.className, classPK: event.classPK, ratingType: event.ratingType, score: event.score, title, }); } }; var onDestroyPortlet = function () { Liferay.detach('ratings:vote', onVote); Liferay.detach('destroyPortlet', onDestroyPortlet); }; Liferay.on('ratings:vote', onVote); Liferay.on('destroyPortlet', onDestroyPortlet); })(); function getValueByAttribute(node, attr) { return ( node.dataset[attr] || (node.parentElement && node.parentElement.dataset[attr]) ); } function sendAnalyticsEvent(anchor) { var fileEntryId = getValueByAttribute(anchor, 'analyticsFileEntryId'); var title = getValueByAttribute(anchor, 'analyticsFileEntryTitle'); var version = getValueByAttribute(anchor, 'analyticsFileEntryVersion'); if (fileEntryId) { Analytics.send('documentDownloaded', 'Document', { groupId: themeDisplay.getScopeGroupId(), fileEntryId, preview: !!window._com_liferay_document_library_analytics_isViewFileEntry, title, version, }); } } function handleDownloadClick(event) { if (window.Analytics) { if (event.target.nodeName.toLowerCase() === 'a') { sendAnalyticsEvent(event.target); } else if ( event.target.parentNode && event.target.parentNode.nodeName.toLowerCase() === 'a' ) { sendAnalyticsEvent(event.target.parentNode); } else { var target = event.target; var matchTitle = target.title && target.title.toLowerCase() === 'download'; var matchAction = target.action === 'download'; var matchLexiconIcon = !!target.querySelector( '.lexicon-icon-download' ); var matchLexiconClassName = target.classList.contains( 'lexicon-icon-download' ); var matchParentTitle = target.parentNode && target.parentNode.title && target.parentNode.title.toLowerCase() === 'download'; var matchParentLexiconClassName = target.parentNode && target.parentNode.classList.contains('lexicon-icon-download'); if ( matchTitle || matchParentTitle || matchAction || matchLexiconIcon || matchLexiconClassName || matchParentLexiconClassName ) { var selectedFiles = document.querySelectorAll( '.form .custom-control-input:checked' ); selectedFiles.forEach(({value}) => { var selectedFile = document.querySelector( '[data-analytics-file-entry-id="' + value + '"]' ); sendAnalyticsEvent(selectedFile); }); } } } } Liferay.once('destroyPortlet', () => { document.body.removeEventListener('click', handleDownloadClick); }); Liferay.once('portletReady', () => { document.body.addEventListener('click', handleDownloadClick); }); (function() {var $ = AUI.$;var _ = AUI._; var onShare = function (data) { if (window.Analytics) { Analytics.send('shared', 'SocialBookmarks', { className: data.className, classPK: data.classPK, type: data.type, url: data.url, }); } }; var onDestroyPortlet = function () { Liferay.detach('socialBookmarks:share', onShare); Liferay.detach('destroyPortlet', onDestroyPortlet); }; Liferay.on('socialBookmarks:share', onShare); Liferay.on('destroyPortlet', onDestroyPortlet); })(); if (window.svg4everybody && Liferay.Data.ICONS_INLINE_SVG) { svg4everybody( { polyfill: true, validate: function (src, svg, use) { return !src || !src.startsWith('#'); } } ); } </script><script> Liferay.Loader.require( 'layout-taglib@16.0.1/render_layout_structure/js/InfoItemActionHandler', 'frontend-js-web/index', function(InfoItemActionHandler, frontendJsWeb) { try { AUI().use( 'liferay-menu', function(A) { (function() { Liferay.component('infoItemActionComponent', new InfoItemActionHandler.default({"executeInfoItemActionURL":"https:\/\/webtown.hu\/c\/portal\/execute_info_item_action?p_l_mode=view&plid=694","namespace":"","spritemap":"https:\/\/webtown.hu\/o\/webtown-redesign-theme\/images\/clay\/icons.svg"}), { destroyOnNavigate: true, portletId: ''}); })(); (function() { var $ = AUI.$;var _ = AUI._; var {delegate} = frontendJsWeb; delegate( document, 'focusin', '.portlet', function(event) { event.delegateTarget.closest('.portlet').classList.add('open'); } ); delegate( document, 'focusout', '.portlet', function(event) { event.delegateTarget.closest('.portlet').classList.remove('open'); } ); })(); (function() { var $ = AUI.$;var _ = AUI._; new Liferay.Menu(); var liferayNotices = Liferay.Data.notices; for (var i = 0; i < liferayNotices.length; i++) { Liferay.Util.openToast(liferayNotices[i]); } })(); (function() { var $ = AUI.$;var _ = AUI._; var {openToast} = frontendJsWeb; AUI().use( 'liferay-session', function() { Liferay.Session = new Liferay.SessionBase( { autoExtend: true, redirectOnExpire: false, redirectUrl: 'https\x3a\x2f\x2fwebtown\x2ehu\x2fweb\x2fguest', sessionLength: 900, sessionTimeoutOffset: 70, warningLength: 60 } ); } ); })(); }); } catch (err) { console.error(err); } }); </script> <script src="https://webtown.hu/o/webtown-redesign-theme/js/main.js?browserId=ie&minifierType=js&languageId=hu_HU&t=1738573582000" type="text/javascript"></script> <script> Liferay.Loader.require( 'frontend-js-alert-support-web@2.0.13/index', function(AlertProvider) { try { (function() { AlertProvider.default() })(); } catch (err) { console.error(err); } }); </script><script type="text/javascript"> Liferay.CustomDialogs = {enabled: false}; </script><script> </script><script> Liferay.Loader.require( 'frontend-js-tooltip-support-web@4.0.22/index', function(TooltipSupport) { try { (function() { TooltipSupport.default() })(); } catch (err) { console.error(err); } }); </script><script> Liferay.Loader.require( 'frontend-js-dropdown-support-web@2.0.14/index', function(DropdownProvider) { try { (function() { DropdownProvider.default() })(); } catch (err) { console.error(err); } }); </script><script> Liferay.Loader.require( 'frontend-js-collapse-support-web@2.0.17/index', function(CollapseProvider) { try { (function() { CollapseProvider.default() })(); } catch (err) { console.error(err); } }); </script><script> Liferay.Loader.require( 'frontend-js-tabs-support-web@2.0.15/index', function(TabsProvider) { try { (function() { TabsProvider.default() })(); } catch (err) { console.error(err); } }); </script> <script> window.addEventListener('load', function(){ if(window.location.pathname =='/success'){ gtag('event', 'conversion', {'send_to': 'AW-831478841/3tzlCIexuO4BELm4vYwD'}); } }); </script> <script> function allConsentGranted() { gtag('consent', 'update', { 'ad_user_data': 'granted', 'ad_personalization': 'granted', 'ad_storage': 'granted', 'analytics_storage': 'granted', 'functionality_storage':'granted', 'personalization_storage':'granted', 'security_storage':'granted' }); } function grantConsent(b_ad_user_data, b_ad_personalization, b_ad_storage, b_analytics_storage, b_functionality_storage, b_personalization_storage, b_security_storage) { gtag('consent', 'update', { 'ad_user_data': b_ad_user_data?'granted':'denied', 'ad_personalization': b_ad_personalization?'granted':'denied', 'ad_storage': b_ad_storage?'granted':'denied', 'analytics_storage': b_analytics_storage?'granted':'denied', 'functionality_storage':b_functionality_storage?'granted':'denied', 'personalization_storage':b_personalization_storage?'granted':'denied', 'security_storage':b_security_storage?'granted':'denied' }); } </script> </body> </html>