1<!DOCTYPE html> <html class="ltr no-js" dir="ltr" lang="fi-FI"> <head> <meta content="initial-scale=1.0, width=device-width" name="viewport" /> <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" /> <title>Palveluita yhteydenpitoon, viihtymiseen ja työntekoon | DNA</title>
1<script type="text/javascript" src="/ruxitagentjs_ICA7NVfhqrux_10345260810170330.js" data-dtconfig="app=6f6670dcc6516ee5|cuc=v2hgvzz1|owasp=1|mel=100000|featureHash=ICA7NVfhqrux|dpvc=1|md=mdcc1=bs.pageName,mdcc2=bs.visitorID,mdcc3=bs.campaign,mdcc4=bdocument.referrer,mdcc5=dutm_campaign,mdcc6=dutm_content|lastModification=1789986244871|tp=500,50,0|rdnt=1|uxrgce=1|srbbv=2|agentUri=/ruxitagentjs_ICA7NVfhqrux_10345260810170330.js|reportUrl=/rb_e368bf1e-8d75-4338-8f92-27cef02c669d|rid=RID_2418|rpid=-1771817992|domain=dna.fi"></script>
1<link rel="preconnect" href="https://res.cloudinary.com/"> <link rel="preconnect" href="https://www.googletagmanager.com"> <link rel="preconnect" href="https://zogf71lkch-dsn.algolia.net">
1<script> 2 document.documentElement.className = document.documentElement.className.replace("no-js",""); 3 </script>
3
3<script type="importmap">{"imports":{"@clayui/breadcrumb":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$breadcrumb.js","react-dom":"/o/frontend-js-react-web/__liferay__/exports/react-dom.js","@clayui/charts":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$charts.js","@clayui/empty-state":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$empty-state.js","@clayui/navigation-bar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$navigation-bar.js","react":"/o/frontend-js-react-web/__liferay__/exports/react.js","react-dom-16":"/o/frontend-js-react-web/__liferay__/exports/react-dom-16.js","@clayui/icon":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$icon.js","@clayui/table":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$table.js","@clayui/slider":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$slider.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/provider":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$provider.js","@clayui/panel":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$panel.js","@liferay/dynamic-data-mapping-form-field-type":"/o/dynamic-data-mapping-form-field-type/__liferay__/index.js","@clayui/list":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$list.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","@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/badge":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$badge.js","react-dom-18":"/o/frontend-js-react-web/__liferay__/exports/react-dom-18.js","@clayui/link":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$link.js","@clayui/card":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$card.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","@clayui/form":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$form.js","@clayui/popover":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$popover.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/color-picker":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$color-picker.js","@clayui/pagination":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$pagination.js","@clayui/autocomplete":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$autocomplete.js","@clayui/management-toolbar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$management-toolbar.js","@clayui/time-picker":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$time-picker.js","@clayui/upper-toolbar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$upper-toolbar.js","@clayui/loading-indicator":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$loading-indicator.js","@clayui/drop-down":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$drop-down.js","@clayui/data-provider":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$data-provider.js","@liferay/language/":"/o/js/language/","@clayui/css":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$css.js","@clayui/alert":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$alert.js","@clayui/progress-bar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$progress-bar.js","react-16":"/o/frontend-js-react-web/__liferay__/exports/react-16.js","react-18":"/o/frontend-js-react-web/__liferay__/exports/react-18.js"},"scopes":{}}</script>
3<script data-senna-track="temporary">var Liferay = window.Liferay || {};Liferay.Icons = Liferay.Icons || {};Liferay.Icons.controlPanelSpritemap = 'https://www.dna.fi/o/admin-theme/images/clay/icons.svg'; Liferay.Icons.spritemap = 'https://www.dna.fi/o/dna-fi-theme/images/clay/icons.svg';</script>
3
3<script data-senna-track="permanent" type="text/javascript">window.Liferay = window.Liferay || {}; window.Liferay.CSP = {nonce: ''};</script>
3
3<script data-senna-track="permanent" src="/combo?browserId=other&minifierType=js&languageId=fi_FI&t=1789643600885&/o/dna-fi-js-extender/jquery/jquery.min.js" type="text/javascript"></script>
3 <link id="liferayAUICSS" rel="stylesheet" />
3<script type="text/javascript" data-senna-track="temporary"> 4 // <![CDATA[ 5 var Liferay = Liferay || {}; 6 7 Liferay.Browser = { 8 acceptsGzip: function () { 9 return false; 10 }, 11 12 13 14 getMajorVersion: function () { 15 return 0; 16 }, 17 18 getRevision: function () { 19 return ''; 20 }, 21 getVersion: function () { 22 return ''; 23 }, 24 25 26 27 isAir: function () { 28 return false; 29 }, 30 isChrome: function () { 31 return false; 32 }, 33 isEdge: function () { 34 return false; 35 }, 36 isFirefox: function () { 37 return false; 38 }, 39 isGecko: function () { 40 return false; 41 }, 42 isIe: function () { 43 return false; 44 }, 45 isIphone: function () { 46 return false; 47 }, 48 isLinux: function () { 49 return false; 50 }, 51 isMac: function () { 52 return false; 53 }, 54 isMobile: function () { 55 return false; 56 }, 57 isMozilla: function () { 58 return false; 59 }, 60 isOpera: function () { 61 return false; 62 }, 63 isRtf: function () { 64 return false; 65 }, 66 isSafari: function () { 67 return false; 68 }, 69 isSun: function () { 70 return false; 71 }, 72 isWebKit: function () { 73 return false; 74 }, 75 isWindows: function () { 76 return false; 77 } 78 }; 79 80 Liferay.Data = Liferay.Data || {}; 81 82 Liferay.Data.ICONS_INLINE_SVG = true; 83 84 Liferay.Data.NAV_SELECTOR = '#navigation'; 85 86 Liferay.Data.NAV_SELECTOR_MOBILE = '#navigationCollapse'; 87 88 Liferay.Data.isCustomizationView = function () { 89 return false; 90 }; 91 92 Liferay.Data.notices = [ 93 94 ]; 95 96 (function () { 97 var available = {}; 98 99 var direction = {}; 100 101 102 103 available['fi_FI'] = 'suomi\x20\x28Suomi\x29'; 104 direction['fi_FI'] = 'ltr'; 105 106 107 108 available['sv_SE'] = 'ruotsi\x20\x28Ruotsi\x29'; 109 direction['sv_SE'] = 'ltr'; 110 111 112 113 available['en_US'] = 'englanti\x20\x28Yhdysvallat\x29'; 114 direction['en_US'] = 'ltr'; 115 116 117 118 let _cache = {}; 119 120 if (Liferay && Liferay.Language && Liferay.Language._cache) { 121 _cache = Liferay.Language._cache; 122 } 123 124 Liferay.Language = { 125 _cache, 126 available, 127 direction, 128 get: function(key) { 129 let value = Liferay.Language._cache[key]; 130 131 if (value === undefined) { 132 value = key; 133 } 134 135 return value; 136 } 137 }; 138 })(); 139 140 var featureFlags = {"LPD-10964":false,"LPD-37927":false,"LPD-10889":false,"LPS-193884":false,"LPD-30371":false,"LPD-11131":true,"LPS-178642":false,"LPS-193005":false,"LPD-31789":false,"LPD-10562":false,"LPD-11212":false,"COMMERCE-8087":false,"LPD-39304":true,"LPD-13311":true,"LRAC-10757":false,"LPD-35941":false,"LPS-180090":false,"LPS-178052":false,"LPD-21414":false,"LPS-185892":false,"LPS-186620":false,"LPD-40533":true,"LPD-40534":true,"LPS-184404":false,"LPD-40530":true,"LPD-20640":false,"LPS-198183":false,"LPD-38869":true,"LPD-35678":false,"LPD-6378":false,"LPS-153714":false,"LPD-11848":false,"LPS-170670":false,"LPD-7822":false,"LPS-169981":false,"LPD-21926":false,"LPS-177027":false,"LPD-37531":false,"LPD-11003":false,"LPD-36446":false,"LPD-39437":false,"LPS-135430":false,"LPD-20556":false,"LPD-45276":false,"LPS-134060":false,"LPS-164563":false,"LPD-32050":false,"LPS-122920":false,"LPS-199086":false,"LPD-35128":false,"LPD-10588":false,"LPD-13778":true,"LPD-11313":false,"LPD-6368":false,"LPD-34594":false,"LPS-202104":false,"LPD-19955":false,"LPD-35443":false,"LPD-39967":false,"LPD-11235":false,"LPD-11232":false,"LPS-196935":true,"LPD-43542":false,"LPS-176691":false,"LPS-197909":false,"LPD-29516":false,"COMMERCE-8949":false,"LPD-11228":false,"LPS-153813":false,"LPD-17809":false,"COMMERCE-13024":false,"LPS-165482":false,"LPS-193551":false,"LPS-197477":false,"LPS-174816":false,"LPS-186360":false,"LPD-30204":false,"LPD-32867":false,"LPS-153332":false,"LPD-35013":true,"LPS-179669":false,"LPS-174417":false,"LPD-44091":true,"LPD-31212":false,"LPD-18221":false,"LPS-155284":false,"LRAC-15017":false,"LPD-19870":false,"LPS-200108":false,"LPD-20131":false,"LPS-159643":false,"LPS-129412":false,"LPS-169837":false,"LPD-20379":false}; 141 142 Liferay.FeatureFlags = Object.keys(featureFlags).reduce( 143 (acc, key) => ({ 144 ...acc, [key]: featureFlags[key] === 'true' || featureFlags[key] === true 145 }), {} 146 ); 147 148 Liferay.PortletKeys = { 149 DOCUMENT_LIBRARY: 'com_liferay_document_library_web_portlet_DLPortlet', 150 DYNAMIC_DATA_MAPPING: 'com_liferay_dynamic_data_mapping_web_portlet_DDMPortlet', 151 ITEM_SELECTOR: 'com_liferay_item_selector_web_portlet_ItemSelectorPortlet' 152 }; 153 154 Liferay.PropsValues = { 155 JAVASCRIPT_SINGLE_PAGE_APPLICATION_TIMEOUT: 0, 156 UPLOAD_SERVLET_REQUEST_IMPL_MAX_SIZE: 104857600 157 }; 158 159 Liferay.ThemeDisplay = { 160 161 162 163 164 getLayoutId: function () { 165 return '1'; 166 }, 167 168 169 170 getLayoutRelativeControlPanelURL: function () { 171 return '/group/yksityisille/~/control_panel/manage'; 172 }, 173 174 getLayoutRelativeURL: function () { 175 return '/yksityisille'; 176 }, 177 getLayoutURL: function () { 178 return 'https://www.dna.fi/yksityisille'; 179 }, 180 getParentLayoutId: function () { 181 return '0'; 182 }, 183 isControlPanel: function () { 184 return false;
185 }, 186 isPrivateLayout: function () { 187 return 'false'; 188 }, 189 isVirtualLayout: function () { 190 return false; 191 }, 192 193 194 getBCP47LanguageId: function () { 195 return 'fi-FI'; 196 }, 197 getCanonicalURL: function () { 198 199 200 201 return 'https\x3a\x2f\x2fwww\x2edna\x2efi'; 202 }, 203 getCDNBaseURL: function () { 204 return 'https://www.dna.fi'; 205 }, 206 getCDNDynamicResourcesHost: function () { 207 return ''; 208 }, 209 getCDNHost: function () { 210 return ''; 211 }, 212 getCompanyGroupId: function () { 213 return '20152'; 214 }, 215 getCompanyId: function () { 216 return '20116'; 217 }, 218 getDefaultLanguageId: function () { 219 return 'fi_FI'; 220 }, 221 getDoAsUserIdEncoded: function () { 222 return ''; 223 }, 224 getLanguageId: function () { 225 return 'fi_FI'; 226 }, 227 getParentGroupId: function () { 228 return '753910'; 229 }, 230 getPathContext: function () { 231 return ''; 232 }, 233 getPathImage: function () { 234 return '/image'; 235 }, 236 getPathJavaScript: function () { 237 return '/o/frontend-js-web'; 238 }, 239 getPathMain: function () { 240 return '/c'; 241 }, 242 getPathThemeImages: function () { 243 return 'https://www.dna.fi/o/dna-fi-theme/images'; 244 }, 245 getPathThemeRoot: function () { 246 return '/o/dna-fi-theme'; 247 }, 248 getPlid: function () { 249 return '843991'; 250 }, 251 getPortalURL: function () { 252 return 'https://www.dna.fi'; 253 }, 254 getRealUserId: function () { 255 return '20120'; 256 }, 257 getRemoteAddr: function () { 258 return '10.72.143.82'; 259 }, 260 getRemoteHost: function () { 261 return '10.72.143.82'; 262 }, 263 getScopeGroupId: function () { 264 return '753910'; 265 }, 266 getScopeGroupIdOrLiveGroupId: function () { 267 return '753910'; 268 }, 269 getSessionId: function () { 270 return ''; 271 }, 272 getSiteAdminURL: function () { 273 return 'https://www.dna.fi/group/yksityisille/~/control_panel/manage?p_p_lifecycle=0&p_p_state=maximized&p_p_mode=view'; 274 }, 275 getSiteGroupId: function () { 276 return '753910'; 277 }, 278 getTimeZone: function() { 279 return 'Europe/Helsinki'; 280 }, 281 getURLControlPanel: function() { 282 return '/group/control_panel?refererPlid=843991'; 283 }, 284 getURLHome: function () { 285 return 'https\x3a\x2f\x2fwww\x2edna\x2efi\x2fweb\x2fyksityisille'; 286 }, 287 getUserEmailAddress: function () { 288 return ''; 289 }, 290 getUserId: function () { 291 return '20120'; 292 }, 293 getUserName: function () { 294 return ''; 295 }, 296 isAddSessionIdToURL: function () { 297 return false; 298 }, 299 isImpersonated: function () { 300 return false; 301 }, 302 isSignedIn: function () { 303 return false; 304 }, 305 306 isStagedPortlet: function () { 307 308 309 return false; 310 311 312 }, 313 314 isStateExclusive: function () { 315 return false; 316 }, 317 isStateMaximized: function () { 318 return false; 319 }, 320 isStatePopUp: function () { 321 return false; 322 } 323 }; 324 325 var themeDisplay = Liferay.ThemeDisplay; 326 327 Liferay.AUI = { 328 329 330 331 getCombine: function () { 332 return true; 333 }, 334 getComboPath: function () { 335 return '/combo/?browserId=other&minifierType=&languageId=fi_FI&t=1781554959372&'; 336 }, 337 getDateFormat: function () { 338 return '%d.%m.%Y'; 339 }, 340 getEditorCKEditorPath: function () { 341 return '/o/frontend-editor-ckeditor-web'; 342 }, 343 getFilter: function () { 344 var filter = 'raw'; 345 346 347 348 filter = 'min'; 349 350 351 352 return filter; 353 }, 354 getFilterConfig: function () { 355 var instance = this; 356 357 var filterConfig = null; 358 359 if (!instance.getCombine()) { 360 filterConfig = { 361 replaceStr: '.js' + instance.getStaticResourceURLParams(), 362 searchExp: '\\.js$' 363 }; 364 } 365 366 return filterConfig; 367 }, 368 getJavaScriptRootPath: function () { 369 return '/o/frontend-js-web'; 370 }, 371 getPortletRootPath: function () { 372 return '/html/portlet'; 373 }, 374 getStaticResourceURLParams: function () { 375 return '?browserId=other&minifierType=&languageId=fi_FI&t=1781554959372'; 376 } 377 }; 378 379 Liferay.authToken = '0PXK435f'; 380 381 382 383 Liferay.currentURL = '\x2f'; 384 Liferay.currentURLEncoded = '\x252F'; 385 // ]]> 386</script>
386
386<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', nonce: '', reportMismatchedAnonymousModules: 'warn', resolvePath: '/o/js_resolve_modules', url: '/combo/?browserId=other&minifierType=js&languageId=fi_FI&t=1781554959372&', waitTimeout: 30000};</script>
386<script data-senna-track="permanent" src="/o/frontend-js-loader-modules-extender/loader.js?&mac=9WaMmhziBCkScHZwrrVcOR7VZF4=&browserId=other&languageId=fi_FI&minifierType=js" type="text/javascript"></script>
386<script data-senna-track="permanent" src="/combo?browserId=other&minifierType=js&languageId=fi_FI&t=1781554959372&/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>
386
386<script data-senna-track="temporary" type="text/javascript" src="https://inpref.s3.amazonaws.com/sites/dna_business.js"></script>
386<script data-senna-track="temporary" type="text/javascript">window.Liferay = Liferay || {}; window.Liferay.OAuth2 = {getAuthorizeURL: function() {return 'https://www.dna.fi/o/oauth2/authorize';}, getBuiltInRedirectURL: function() {return 'https://www.dna.fi/o/oauth2/redirect';}, getIntrospectURL: function() { return 'https://www.dna.fi/o/oauth2/introspect';}, getTokenURL: function() {return 'https://www.dna.fi/o/oauth2/token';}, getUserAgentApplication: function(externalReferenceCode) {return Liferay.OAuth2._userAgentApplications[externalReferenceCode];}, _userAgentApplications: {}}</script>
386<script data-senna-track="temporary" type="text/javascript">try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/frontend-js-components-web';/** 387 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com 388 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 389 */ 390 391(function () { 392 AUI().applyConfig({ 393 groups: { 394 components: { 395 396 // eslint-disable-next-line 397 mainModule: MODULE_MAIN, 398 }, 399 }, 400 }); 401})(); 402} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/staging-processes-web';/** 403 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com 404 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 405 */ 406 407(function () { 408 AUI().applyConfig({ 409 groups: { 410 stagingprocessesweb: { 411 base: MODULE_PATH + '/js/legacy/', 412 combine: Liferay.AUI.getCombine(), 413 filter: Liferay.AUI.getFilterConfig(), 414 modules: { 415 'liferay-staging-processes-export-import': { 416 path: 'main.js', 417 requires: [ 418 'aui-datatype', 419 'aui-dialog-iframe-deprecated', 420 'aui-modal', 421 'aui-parse-content', 422 'aui-toggler', 423 'liferay-portlet-base', 424 'liferay-util-window', 425 ], 426 }, 427 }, 428 root: MODULE_PATH + '/js/legacy/', 429 }, 430 }, 431 }); 432})(); 433} catch(error) {console.error(error);}try {var MODULE_MAIN='@liferay/[email protected]/index';var MODULE_PATH='/o/frontend-js-react-web';/** 434 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com 435 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 436 */ 437 438(function () { 439 AUI().applyConfig({ 440 groups: { 441 react: { 442 443 // eslint-disable-next-line 444 mainModule: MODULE_MAIN, 445 }, 446 }, 447 }); 448})(); 449} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/portal-search-web';/** 450 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com 451 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 452 */ 453 454(function () { 455 AUI().applyConfig({ 456 groups: { 457 search: { 458 base: MODULE_PATH + '/js/', 459 combine: Liferay.AUI.getCombine(), 460 filter: Liferay.AUI.getFilterConfig(), 461 modules: { 462 'liferay-search-custom-range-facet': { 463 path: 'custom_range_facet.js', 464 requires: ['aui-form-validator'], 465 }, 466 }, 467 root: MODULE_PATH + '/js/', 468 }, 469 }, 470 }); 471})(); 472} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/contacts-web';/** 473 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com 474 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 475 */ 476 477(function () { 478 AUI().applyConfig({ 479 groups: { 480 contactscenter: { 481 base: MODULE_PATH + '/js/legacy/', 482 combine: Liferay.AUI.getCombine(), 483 filter: Liferay.AUI.getFilterConfig(), 484 modules: { 485 'liferay-contacts-center': { 486 path: 'main.js', 487 requires: [ 488 'aui-io-plugin-deprecated', 489 'aui-toolbar', 490 'autocomplete-base', 491 'datasource-io', 492 'json-parse', 493 'liferay-portlet-base', 494 'liferay-util-window', 495 ], 496 }, 497 }, 498 root: MODULE_PATH + '/js/legacy/', 499 }, 500 }, 501 }); 502})(); 503} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/dynamic-data-mapping-web';/** 504 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com 505 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 506 */ 507 508(function () { 509 const LiferayAUI = Liferay.AUI; 510 511 AUI().applyConfig({ 512 groups: { 513 ddm: { 514 base: MODULE_PATH + '/js/legacy/', 515 combine: Liferay.AUI.getCombine(), 516 filter: LiferayAUI.getFilterConfig(), 517 modules: { 518 'liferay-ddm-form': { 519 path: 'ddm_form.js', 520 requires: [ 521 'aui-base', 522 'aui-datatable', 523 'aui-datatype', 524 'aui-image-viewer', 525 'aui-parse-content', 526 'aui-set', 527 'aui-sortable-list', 528 'json', 529 'liferay-form', 530 'liferay-map-base', 531 'liferay-translation-manager', 532 'liferay-util-window', 533 ], 534 }, 535 'liferay-portlet-dynamic-data-mapping': { 536 condition: { 537 trigger: 'liferay-document-library', 538 }, 539 path: 'main.js', 540 requires: [ 541 'arraysort',
542 'aui-form-builder-deprecated', 543 'aui-form-validator', 544 'aui-map', 545 'aui-text-unicode', 546 'json', 547 'liferay-menu', 548 'liferay-translation-manager', 549 'liferay-util-window', 550 'text', 551 ], 552 }, 553 'liferay-portlet-dynamic-data-mapping-custom-fields': { 554 condition: { 555 trigger: 'liferay-document-library', 556 }, 557 path: 'custom_fields.js', 558 requires: ['liferay-portlet-dynamic-data-mapping'], 559 }, 560 }, 561 root: MODULE_PATH + '/js/legacy/', 562 }, 563 }, 564 }); 565})(); 566} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/calendar-web';/** 567 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com 568 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 569 */ 570 571(function () { 572 AUI().applyConfig({ 573 groups: { 574 calendar: { 575 base: MODULE_PATH + '/js/legacy/', 576 combine: Liferay.AUI.getCombine(), 577 filter: Liferay.AUI.getFilterConfig(), 578 modules: { 579 'liferay-calendar-a11y': { 580 path: 'calendar_a11y.js', 581 requires: ['calendar'], 582 }, 583 'liferay-calendar-container': { 584 path: 'calendar_container.js', 585 requires: [ 586 'aui-alert', 587 'aui-base', 588 'aui-component', 589 'liferay-portlet-base', 590 ], 591 }, 592 'liferay-calendar-date-picker-sanitizer': { 593 path: 'date_picker_sanitizer.js', 594 requires: ['aui-base'], 595 }, 596 'liferay-calendar-interval-selector': { 597 path: 'interval_selector.js', 598 requires: ['aui-base', 'liferay-portlet-base'], 599 }, 600 'liferay-calendar-interval-selector-scheduler-event-link': { 601 path: 'interval_selector_scheduler_event_link.js', 602 requires: ['aui-base', 'liferay-portlet-base'], 603 }, 604 'liferay-calendar-list': { 605 path: 'calendar_list.js', 606 requires: [ 607 'aui-template-deprecated', 608 'liferay-scheduler', 609 ], 610 }, 611 'liferay-calendar-message-util': { 612 path: 'message_util.js', 613 requires: ['liferay-util-window'], 614 }, 615 'liferay-calendar-recurrence-converter': { 616 path: 'recurrence_converter.js', 617 requires: [], 618 }, 619 'liferay-calendar-recurrence-dialog': { 620 path: 'recurrence.js', 621 requires: [ 622 'aui-base', 623 'liferay-calendar-recurrence-util', 624 ], 625 }, 626 'liferay-calendar-recurrence-util': { 627 path: 'recurrence_util.js', 628 requires: ['aui-base', 'liferay-util-window'], 629 }, 630 'liferay-calendar-reminders': { 631 path: 'calendar_reminders.js', 632 requires: ['aui-base'], 633 }, 634 'liferay-calendar-remote-services': { 635 path: 'remote_services.js', 636 requires: [ 637 'aui-base', 638 'aui-component', 639 'liferay-calendar-util', 640 'liferay-portlet-base', 641 ], 642 }, 643 'liferay-calendar-session-listener': { 644 path: 'session_listener.js', 645 requires: ['aui-base', 'liferay-scheduler'], 646 }, 647 'liferay-calendar-simple-color-picker': { 648 path: 'simple_color_picker.js', 649 requires: ['aui-base', 'aui-template-deprecated'], 650 }, 651 'liferay-calendar-simple-menu': { 652 path: 'simple_menu.js', 653 requires: [ 654 'aui-base', 655 'aui-template-deprecated', 656 'event-outside', 657 'event-touch', 658 'widget-modality', 659 'widget-position', 660 'widget-position-align', 661 'widget-position-constrain', 662 'widget-stack', 663 'widget-stdmod', 664 ], 665 }, 666 'liferay-calendar-util': { 667 path: 'calendar_util.js', 668 requires: [ 669 'aui-datatype', 670 'aui-io', 671 'aui-scheduler', 672 'aui-toolbar', 673 'autocomplete', 674 'autocomplete-highlighters', 675 ], 676 }, 677 'liferay-scheduler': { 678 path: 'scheduler.js', 679 requires: [ 680 'async-queue', 681 'aui-datatype', 682 'aui-scheduler', 683 'dd-plugin', 684 'liferay-calendar-a11y', 685 'liferay-calendar-message-util', 686 'liferay-calendar-recurrence-converter', 687 'liferay-calendar-recurrence-util', 688 'liferay-calendar-util', 689 'liferay-scheduler-event-recorder', 690 'liferay-scheduler-models', 691 'promise', 692 'resize-plugin', 693 ], 694 }, 695 'liferay-scheduler-event-recorder': { 696 path: 'scheduler_event_recorder.js', 697 requires: [ 698 'dd-plugin', 699 'liferay-calendar-util', 700 'resize-plugin', 701 ], 702 }, 703 'liferay-scheduler-models': { 704 path: 'scheduler_models.js', 705 requires: [ 706 'aui-datatype', 707 'dd-plugin', 708 'liferay-calendar-util', 709 ], 710 }, 711 }, 712 root: MODULE_PATH + '/js/legacy/', 713 }, 714 }, 715 }); 716})(); 717} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/exportimport-web';/** 718 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com 719 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 720 */ 721 722(function () { 723 AUI().applyConfig({ 724 groups: { 725 exportimportweb: { 726 base: MODULE_PATH + '/js/legacy/', 727 combine: Liferay.AUI.getCombine(), 728 filter: Liferay.AUI.getFilterConfig(), 729 modules: { 730 'liferay-export-import-export-import': { 731 path: 'main.js', 732 requires: [ 733 'aui-datatype', 734 'aui-dialog-iframe-deprecated', 735 'aui-modal', 736 'aui-parse-content', 737 'aui-toggler', 738 'liferay-portlet-base', 739 'liferay-util-window', 740 ], 741 }, 742 }, 743 root: MODULE_PATH + '/js/legacy/', 744 }, 745 }, 746 }); 747})(); 748} catch(error) {console.error(error);}try {var MODULE_MAIN='@liferay/[email protected]/index';var MODULE_PATH='/o/frontend-js-state-web';/** 749 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com 750 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 751 */ 752 753(function () { 754 AUI().applyConfig({ 755 groups: { 756 state: { 757 758 // eslint-disable-next-line 759 mainModule: MODULE_MAIN, 760 }, 761 }, 762 }); 763})(); 764} catch(error) {console.error(error);}try {var MODULE_MAIN='@liferay/[email protected]/index';var MODULE_PATH='/o/document-library-web';/** 765 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com 766 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 767 */ 768 769(function () { 770 AUI().applyConfig({ 771 groups: { 772 dl: { 773 base: MODULE_PATH + '/js/legacy/', 774 combine: Liferay.AUI.getCombine(), 775 filter: Liferay.AUI.getFilterConfig(), 776 modules: { 777 'document-library-upload-component': { 778 path: 'DocumentLibraryUpload.js', 779 requires: [ 780 'aui-component', 781 'aui-data-set-deprecated', 782 'aui-overlay-manager-deprecated', 783 'aui-overlay-mask-deprecated', 784 'aui-parse-content', 785 'aui-progressbar', 786 'aui-template-deprecated', 787 'liferay-search-container', 788 'querystring-parse-simple', 789 'uploader', 790 ], 791 }, 792 }, 793 root: MODULE_PATH + '/js/legacy/', 794 }, 795 }, 796 }); 797})(); 798} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/frontend-editor-alloyeditor-web';/** 799 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com 800 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 801 */ 802 803(function () { 804 AUI().applyConfig({ 805 groups: { 806 alloyeditor: { 807 base: MODULE_PATH + '/js/legacy/', 808 combine: Liferay.AUI.getCombine(), 809 filter: Liferay.AUI.getFilterConfig(), 810 modules: { 811 'liferay-alloy-editor': { 812 path: 'alloyeditor.js', 813 requires: [ 814 'aui-component', 815 'liferay-portlet-base', 816 'timers', 817 ], 818 }, 819 'liferay-alloy-editor-source': { 820 path: 'alloyeditor_source.js', 821 requires: [ 822 'aui-debounce', 823 'liferay-fullscreen-source-editor', 824 'liferay-source-editor', 825 'plugin', 826 ], 827 }, 828 }, 829 root: MODULE_PATH + '/js/legacy/', 830 }, 831 }, 832 }); 833})(); 834} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/portal-workflow-kaleo-designer-web';/** 835 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com 836 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 837 */ 838 839(function () { 840 AUI().applyConfig({ 841 groups: { 842 'kaleo-designer': { 843 base: MODULE_PATH + '/designer/js/legacy/', 844 combine: Liferay.AUI.getCombine(), 845 filter: Liferay.AUI.getFilterConfig(), 846 modules: { 847 'liferay-kaleo-designer-autocomplete-util': { 848 path: 'autocomplete_util.js', 849 requires: ['autocomplete', 'autocomplete-highlighters'], 850 }, 851 'liferay-kaleo-designer-definition-diagram-controller': { 852 path: 'definition_diagram_controller.js', 853 requires: [ 854 'liferay-kaleo-designer-field-normalizer', 855 'liferay-kaleo-designer-utils', 856 ], 857 }, 858 'liferay-kaleo-designer-dialogs': { 859 path: 'dialogs.js', 860 requires: ['liferay-util-window'], 861 }, 862 'liferay-kaleo-designer-editors': { 863 path: 'editors.js', 864 requires: [ 865 'aui-ace-editor', 866 'aui-ace-editor-mode-xml', 867 'aui-base', 868 'aui-datatype', 869 'aui-node', 870 'liferay-kaleo-designer-autocomplete-util', 871 'liferay-kaleo-designer-utils', 872 ], 873 }, 874 'liferay-kaleo-designer-field-normalizer': { 875 path: 'field_normalizer.js', 876 requires: ['liferay-kaleo-designer-remote-services'], 877 }, 878 'liferay-kaleo-designer-nodes': { 879 path: 'nodes.js', 880 requires: [ 881 'aui-datatable', 882 'aui-datatype', 883 'aui-diagram-builder', 884 'liferay-kaleo-designer-editors', 885 'liferay-kaleo-designer-utils', 886 ], 887 }, 888 'liferay-kaleo-designer-remote-services': { 889 path: 'remote_services.js', 890 requires: ['aui-io'], 891 }, 892 'liferay-kaleo-designer-templates': { 893 path: 'templates.js', 894 requires: ['aui-tpl-snippets-deprecated'], 895 }, 896 'liferay-kaleo-designer-utils': { 897 path: 'utils.js', 898 requires: [], 899 }, 900 'liferay-kaleo-designer-xml-definition': { 901 path: 'xml_definition.js', 902 requires: [ 903 'aui-base', 904 'aui-component', 905 'dataschema-xml', 906 'datatype-xml', 907 ], 908 }, 909 'liferay-kaleo-designer-xml-definition-serializer': { 910 path: 'xml_definition_serializer.js', 911 requires: ['escape', 'liferay-kaleo-designer-xml-util'], 912 }, 913 'liferay-kaleo-designer-xml-util': { 914 path: 'xml_util.js', 915 requires: ['aui-base'], 916 }, 917 'liferay-portlet-kaleo-designer': { 918 path: 'main.js', 919 requires: [ 920 'aui-ace-editor', 921 'aui-ace-editor-mode-xml', 922 'aui-tpl-snippets-deprecated', 923 'dataschema-xml', 924 'datasource', 925 'datatype-xml', 926 'event-valuechange', 927 'io-form', 928 'liferay-kaleo-designer-autocomplete-util', 929 'liferay-kaleo-designer-editors', 930 'liferay-kaleo-designer-nodes', 931 'liferay-kaleo-designer-remote-services', 932 'liferay-kaleo-designer-utils', 933 'liferay-kaleo-designer-xml-util', 934 'liferay-util-window', 935 ], 936 }, 937 }, 938 root: MODULE_PATH + '/designer/js/legacy/', 939 }, 940 }, 941 }); 942})(); 943} catch(error) {console.error(error);}try {var MODULE_MAIN='null';var MODULE_PATH='/o/dna-fi-alloyui-javascripts-web-hook';;(function() { 944 945 var base = MODULE_PATH + '/js/'; 946 947 AUI().applyConfig( 948 { 949 groups: { 950 alloyUIExtensions: { 951 base: base, 952 combine: Liferay.AUI.getCombine(), 953 filter: Liferay.AUI.getFilterConfig(), 954 modules: { 955 'aui-form-validator-ext': { 956 path: 'aui-form-validator-ext.js', 957 condition: { 958 name: 'aui-form-validator', 959 trigger: 'aui-form-validator', 960 when: 'instead' 961 } 962 } 963 }, 964 root: base 965 } 966 } 967 } 968 ); 969})();} catch(error) {console.error(error);}try {var MODULE_MAIN='null';var MODULE_PATH='/o/ddm-field-type-web-hook';;(function() { 970 971 var base = MODULE_PATH + '/js/'; 972 973 AUI().applyConfig( 974 { 975 groups: { 976 ddmExtensionModules: { 977 base: base, 978 combine: Liferay.AUI.getCombine(), 979 filter: Liferay.AUI.getFilterConfig(), 980 modules: { 981 'liferay-portlet-dynamic-data-mapping-override': { 982 path: 'main.ext.js', 983 condition: { 984 name: 'liferay-portlet-dynamic-data-mapping-override', 985 trigger: 'liferay-portlet-dynamic-data-mapping' 986 } 987 }, 988 'liferay-portlet-dynamic-data-mapping-custom-fields-override': { 989 path: 'custom_fields.ext.js', 990 condition: { 991 name: 'liferay-portlet-dynamic-data-mapping-custom-fields-override', 992 trigger: 'liferay-portlet-dynamic-data-mapping-custom-fields' 993 } 994 }, 995 'liferay-ddm-form-ext': { 996 path: 'ddm_form.ext.js', 997 condition: { 998 name: 'liferay-ddm-form-ext', 999 trigger: 'liferay-ddm-form' 1000 } 1001 } 1002 }, 1003 root: base 1004 } 1005 } 1006 } 1007 ); 1008})();} catch(error) {console.error(error);}</script>
1008
1008<script type="text/javascript" data-senna-track="temporary"> 1009 // <![CDATA[ 1010 1011 1012 1013 1014 1015 1016 // ]]> 1017</script>
1017
1017<script src="/combo?browserId=other&minifierType=js&themeId=dnafitheme_WAR_dnafitheme&languageId=fi_FI&fi_dna_liferay_portlet_news_NewsPortlet_INSTANCE_iQPWr96MFs5O:%2Fo%2Fdna-fi-news-portlet%2Fjs%2Fnews.js&fi_dna_liferay_portlet_news_NewsPortlet_INSTANCE_iQPWr96MFs5O:%2Fo%2Fdna-fi-news-portlet%2Fjs%2Fnasdaq.js&fi_dna_liferay_portlet_news_NewsPortlet_INSTANCE_iQPWr96MFs5O:%2Fo%2Fdna-fi-news-portlet%2Fjs%2FnewsList.js&fi_dna_liferay_portlet_news_NewsPortlet_INSTANCE_iQPWr96MFs5O:%2Fo%2Fdna-fi-news-portlet%2Fjs%2FnewsDetails.js&fi_dna_liferay_portlet_pere_clv_PereClvPortlet:%2Fo%2Fdna-fi-pere-clv-portlet%2Fjs%2Fpere-clv.js&fi_dna_liferay_portlet_pere_recommendations_PereRecommendationsPortlet:%2Fo%2Fdna-fi-pere-recommendations-portlet%2Fjs%2FpereRecommendations.js&fi_dna_liferay_portlet_productview_ProductViewPortlet_INSTANCE_DkTeIuom4kYv:%2Fo%2Fdna-fi-product-view-portlet%2Fjs%2Fproduct-view.js&t=1789632818000" type="text/javascript" data-senna-track="temporary"></script>
1017 <style data-senna-track="temporary" type="text/css"> 1018</style> <link data-senna-track="permanent" href="https://www.dna.fi/combo?browserId=other&minifierType=css&languageId=fi_FI&t=1781554990354&/o/dna-fi-main-theme-contributor/custom.css" rel="stylesheet" type = "text/css" /> <link data-senna-track="permanent" href="/o/frontend-js-aui-web/alloy_ui.css?&mac=favIEq7hPo8AEd6k+N5OVADEEls=&browserId=other&languageId=fi_FI&minifierType=css&themeId=dnafitheme_WAR_dnafitheme" rel="stylesheet"></link>
1018<script type="text/javascript" data-senna-track="temporary"> 1019 if (window.Analytics) { 1020 window._com_liferay_document_library_analytics_isViewFileEntry = false; 1021 } 1022</script>
1022 <meta content="false" name="data-analytics-readable-content" />
1022<script type="text/javascript" data-senna-track="temporary"> 1023 var runMiddlewares = function () { 1024 Analytics.registerMiddleware( 1025 function(request) { 1026 request.context.experienceId = 'DEFAULT'; 1027 request.context.experimentId = ''; 1028 request.context.variantId = ''; 1029 1030 return request; 1031 } 1032); 1033 }; 1034 1035 var analyticsClientChannelId = 1036 '826916022439018435'; 1037 var analyticsClientGroupIds = 1038 ["753910"]; 1039 var analyticsCookiesConsentMode = 1040 false; 1041 var analyticsFeatureFlagEnabled = 1042 false; 1043 1044 var cookieManagers = { 1045 'cookie.onetrust': { 1046 checkConsent: () => { 1047 var OptanonActiveGroups = window.OptanonActiveGroups; 1048 1049 return OptanonActiveGroups && OptanonActiveGroups.includes('C0002'); 1050 }, 1051 enabled: () => { 1052 if (!window.OneTrustStub && !window.OneTrust) { 1053 return Promise.resolve(false); 1054 } 1055 1056 return new Promise((resolve, reject) => { 1057 var startTime = Date.now(); 1058 1059 var checkObject = () => { 1060 if (window['OneTrust']) { 1061 resolve(window['OneTrust']); 1062 } 1063 else if (Date.now() - startTime >= 5000) { 1064 reject(); 1065 } 1066 else { 1067 setTimeout(checkObject, 100); 1068 } 1069 }; 1070 1071 checkObject(); 1072 }) 1073 .then(() => { 1074 return Promise.resolve(true); 1075 }) 1076 .catch(() => { 1077 return Promise.resolve(false); 1078 }); 1079 }, 1080 onConsentChange: (callbackFn) => { 1081 var OneTrust = window.OneTrust; 1082 1083 OneTrust.OnConsentChanged(callbackFn); 1084 }, 1085 }, 1086 'cookie.liferay': { 1087 checkConsent: ({navigation}) => { 1088 var performanceCookieEnabled = Liferay.Util.Cookie.get( 1089 Liferay.Util.Cookie.TYPES.PERFORMANCE 1090 ); 1091 1092 if (performanceCookieEnabled === 'false') { 1093 if (window.Analytics) { 1094 Analytics.dispose(); 1095 } 1096 1097 return false; 1098 } 1099 1100 if ( 1101 !analyticsCookiesConsentMode && 1102 typeof performanceCookieEnabled === 'undefined' 1103 ) { 1104 return true; 1105 } 1106 1107 if (navigation === 'normal' && window.Analytics) { 1108 return false; 1109 } 1110 1111 return performanceCookieEnabled === 'true'; 1112 }, 1113 enabled: () => { 1114 return Promise.resolve(analyticsFeatureFlagEnabled); 1115 }, 1116 onConsentChange: (callbackFn) => { 1117 Liferay.on('cookieBannerSetCookie', callbackFn); 1118 }, 1119 }, 1120 }; 1121 1122 function getAnalyticsSDKVersion() { 1123 switch ( 1124 'PROD' 1125 ) { 1126 case 'DEV': { 1127 return 'https://analytics-js-dev-cdn.liferay.com'; 1128 } 1129 case 'INTERNAL': { 1130 return 'https://analytics-js-internal-cdn.liferay.com'; 1131 } 1132 default: { 1133 return 'https://analytics-js-cdn.liferay.com'; 1134 } 1135 } 1136 } 1137</script>
1137
1137<script id="liferayAnalyticsScript" type="text/javascript" data-senna-track="permanent"> 1138 var allPromises = Object.keys(cookieManagers).map((key) => 1139 cookieManagers[key].enabled() 1140 ); 1141 1142 Promise.all(allPromises).then((result) => { 1143 var selectedIndex = result.findIndex((enabled) => enabled); 1144 var selectedCookieManager = Object.values(cookieManagers)[selectedIndex]; 1145 1146 function initializeAnalyticsSDK() { 1147 (function (u, c, a, m, o, l) { 1148 o = 'script'; 1149 l = document; 1150 a = l.createElement(o); 1151 m = l.getElementsByTagName(o)[0]; 1152 a.async = 1; 1153 a.src = u; 1154 a.onload = c; 1155 m.parentNode.insertBefore(a, m); 1156 })(getAnalyticsSDKVersion(), () => { 1157 var config = 1158 {"dataSourceId":"826916022413208221","endpointUrl":"https://osbasahpublisher-ac-europewest3.lfr.cloud","projectId":"asah6b251a3176d54521a6a8605cf447f0d9"}; 1159 1160 var dxpMiddleware = function (request) { 1161 request.context.canonicalUrl = themeDisplay.getCanonicalURL(); 1162 request.context.channelId = analyticsClientChannelId; 1163 request.context.groupId = 1164 themeDisplay.getScopeGroupIdOrLiveGroupId(); 1165 1166 return request; 1167 }; 1168 1169 Analytics.create(config, [dxpMiddleware]); 1170 1171 if (themeDisplay.isSignedIn()) { 1172 Analytics.setIdentity({ 1173 email: themeDisplay.getUserEmailAddress(), 1174 name: themeDisplay.getUserName(), 1175 }); 1176 } 1177 1178 runMiddlewares(); 1179 1180 Analytics.send('pageViewed', 'Page'); 1181 1182 1183 }); 1184 } 1185 1186 if (selectedCookieManager) { 1187 selectedCookieManager.onConsentChange(() => { 1188 if (selectedCookieManager.checkConsent({navigation: 'normal'})) { 1189 initializeAnalyticsSDK(); 1190 } 1191 }); 1192 1193 if (selectedCookieManager.checkConsent({navigation: 'normal'})) { 1194 initializeAnalyticsSDK(); 1195 } 1196 } 1197 else { 1198 initializeAnalyticsSDK(); 1199 } 1200 }); 1201</script>
1201 <link href="/o/dna-fi-theme/css/dna/portlets/loggedin-dashboard.css?t=1789632818000" rel="stylesheet" type="text/css" data-senna-track="temporary" id="f7ad2a81" /> <link href="/o/dna-fi-theme/css/dna/portlets/loggedin-greeting.css?t=1789632818000" rel="stylesheet" type="text/css" data-senna-track="temporary" id="2e78d444" /> <link href="/o/dna-fi-theme/css/dna/portlets/news-portlet.css?t=1789632818000" rel="stylesheet" type="text/css" data-senna-track="temporary" id="4a977553" /> <link href="/o/dna-fi-theme/css/dna/portlets/product-card.css?t=1789632818000" rel="stylesheet" type="text/css" data-senna-track="temporary" id="529b8681" /> <link href="/o/dna-fi-theme/css/dna/portlets/card-carousel.css?t=1789632818000" rel="stylesheet" type="text/css" data-senna-track="temporary" id="91631422" /> <link href="/o/dna-fi-theme/css/dna/portlets/promotion.css?t=1789632818000" rel="stylesheet" type="text/css" data-senna-track="temporary" id="f48e7ac8" /> <link href="/o/dna-fi-theme/css/dna/portlets/card-free.css?t=1789632818000" rel="stylesheet" type="text/css" data-senna-track="temporary" id="8588762e" /> <link href="/o/dna-fi-theme/css/dna/portlets/sibbe-messages.css?t=1789632818000" rel="stylesheet" type="text/css" data-senna-track="temporary" id="721b8cdd" /> <link href="/combo?browserId=other&minifierType=css&themeId=dnafitheme_WAR_dnafitheme&languageId=fi_FI&com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet:%2Fo%2Fasset-publisher-web%2Fcss%2Fmain.css&com_liferay_journal_content_web_portlet_JournalContentPortlet:%2Fo%2Fjournal-content-web%2Fcss%2Fmain.css&com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch:%2Fo%2Fportal-search-web%2Fcss%2Fmain.css&com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet:%2Fo%2Fsite-navigation-menu-web%2Fcss%2Fmain.css&t=1789632818000" rel="stylesheet" type="text/css" data-senna-track="temporary" id="4a01da0e" /> <link class="lfr-css-file" data-senna-track="temporary" href="https://www.dna.fi/o/dna-fi-theme/css/main.css?browserId=other&themeId=dnafitheme_WAR_dnafitheme&minifierType=css&languageId=fi_FI&t=1789632818000" id="liferayThemeCSS" rel="stylesheet" type="text/css" /> <style data-senna-track="temporary" type="text/css"> 1202 /* DNADXP-8146 */ 1203.subscription-recommendation__content:first-child { 1204 margin: 0; 1205} 1206.subscription-recommendation__content h1:first-child, .subscription-recommendation__content h2:first-child { 1207 margin: 0 0 20px; 1208} 1209.subscription-recommendation__title + .subscription-recommendation__content { 1210 margin-top: 20px; 1211} 1212/* DNADXP-8146 end */ 1213 1214/* DNADXP-9238 */ 1215.hl-icon { 1216 width: 1em; 1217 height: 1em; 1218 fill: currentColor; 1219 flex: 0 0 auto; 1220} 1221.hl-icon--black { 1222 fill: #121212; 1223} 1224.hl-icon--pink { 1225 fill: #DA0070; 1226} 1227.hl-icon--12 { 1228 width: 12px; 1229 height: 12px; 1230} 1231.hl-icon--16 { 1232 width: 16px; 1233 height: 16px; 1234} 1235.hl-icon--24 { 1236 width: 24px; 1237 height: 24px; 1238} 1239.hl-icon--32 { 1240 width: 32px; 1241 height: 32px; 1242} 1243.hl-icon--40 { 1244 width: 40px; 1245 height: 40px; 1246} 1247.hl-icon--64 { 1248 width: 64px; 1249 height: 64px; 1250} 1251.hl-icon--80 { 1252 width: 80px; 1253 height: 80px; 1254} 1255.hl-icon--120 { 1256 width: 120px; 1257 height: 120px; 1258} 1259/* DNADXP-9238 END */ 1260 1261/* DNADXP-9240 */ 1262.dna-asset-item, 1263.dna-asset-item > .dna-grid-item { 1264 height: 100%; 1265} 1266/* DNADXP-9240 END */ 1267 </style> <style data-senna-track="temporary" type="text/css"> 1268 1269 1270 1271 1272 1273 1274 1275 1276 1277 1278 1279 1280 1281 1282 1283 1284 1285 1286 1287 1288 1289 1290 1291 1292 1293 1294 1295 1296 1297 1298 1299 1300 1301 1302 1303 1304 1305 1306 1307 1308 1309 1310 1311 1312 1313 1314 1315 1316 1317 1318 1319 1320 1321#p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_Nlc1grrjDoJV_ .portlet-content { 1322border-top-width:; 1323border-right-width:; 1324border-bottom-width:; 1325border-left-width:; 1326margin-top:; 1327margin-right:; 1328margin-bottom:; 1329margin-left:; 1330padding-top:; 1331padding-right:; 1332padding-bottom:; 1333padding-left: 1334} 1335#portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_Nlc1grrjDoJV { 1336.dna-card-free { gap: clamp(10px, 4%, 30px); } 1337.dna-card-free__item { padding: 40px 0; } 1338.dna-card-free__image { flex: 0 0 auto; width: clamp(60px, 20%, 140px); } 1339.dna-card-free__text { flex: 1 1 auto; } 1340} 1341 1342 1343 1344 1345 1346 1347 1348 1349 1350 1351 1352 1353 1354 1355 1356#p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_SLHjZ8KSXyUe_ .portlet-content { 1357 1358} 1359.iconnavigation__link p { 1360 margin: 0; 1361} 1362 1363 1364 1365 1366 1367 1368 1369 1370 1371 1372 1373 1374 1375 1376 1377 1378 1379 1380 1381 1382 1383 1384 1385 1386 1387 1388 1389 1390 1391 1392 1393 1394 1395 1396 1397 1398 1399 1400 1401 1402 1403 1404 1405 1406 1407 1408 1409 1410 1411 1412 1413 1414 1415 1416 1417 1418 1419 1420 1421 1422 1423 1424 1425 1426 1427 1428 1429 1430 1431 1432 1433 1434 1435 1436 1437 1438 1439 1440 1441 1442 1443 1444 1445 1446 1447 1448 1449#p_p_id_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_pPqEhRY2nXvX_ .portlet-content { 1450 1451} 1452 1453 1454 1455 1456 1457 1458 1459 1460 1461 1462 1463 1464 1465 1466 1467 1468 1469 1470 1471 1472#p_p_id_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_scpIraVUdSwd_ .portlet-content { 1473 1474} 1475.ds-hero { 1476 /* hero content should be on top of background adjustments */ 1477 z-index: 1; 1478} 1479#portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_scpIraVUdSwd { 1480 margin-top: -60px; 1481 padding-top: 60px; 1482} 1483 1484#portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_scpIraVUdSwd .dna-card-free:not(.dna-card-free--fixed-layout).dna-card-free--image-w33 .dna-card-free__image { 1485 /* freestyle card adjust */ 1486 min-width: 160px; 1487} 1488@media screen and (max-width: 1023px) { 1489 /* second column bg in small screens */ 1490 #_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_scpIraVUdSwd__column-2::before { 1491 content: ''; 1492 display: block; 1493 position: absolute; 1494 top: -15px; 1495 bottom: -50px; 1496 right: -40px; 1497 left: -40px; 1498 background: white; 1499 z-index: -1; 1500 } 1501} 1502@media screen and (max-width: 767px) { 1503 /* second column bg in small screens */ 1504 #_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_scpIraVUdSwd__column-2::before { 1505 right: -20px; 1506 left: -20px; 1507 } 1508} 1509@media screen and (min-width: 768px) { 1510 /* different grid behaviour in tablet */ 1511 #portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_scpIraVUdSwd .dna-grid--1-2 { 1512 grid-template-columns: repeat(1,minmax(0,1fr)); 1513 } 1514} 1515@media screen and (min-width: 1024px) { 1516 /* original grid behaviour in desktop */ 1517 #portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_scpIraVUdSwd .dna-grid--1-2 { 1518 grid-template-columns: minmax(0,1fr) minmax(0,2fr); 1519 } 1520 /* second column bg in large screens */ 1521 #portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_scpIraVUdSwd::before { 1522 content: ''; 1523 display: block; 1524 position: absolute; 1525 top: 0; 1526 bottom: 0; 1527 right: 0; 1528 left: 50%; 1529 background: white; 1530 z-index: -1; 1531 } 1532 #portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_scpIraVUdSwd .dna-content-wrap--content > .dna-grid { 1533 position: relative; 1534 } 1535 /* second column bg left alignment in large screens */ 1536 #portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_scpIraVUdSwd .dna-content-wrap--content > .dna-grid::before { 1537 content: ''; 1538 display: block; 1539 position: absolute; 1540 top: -110px; 1541 bottom: -50px; 1542 left: calc(33.33333% + 14px); 1543 right: 0; 1544 background: white; 1545 z-index: -1; 1546 } 1547} 1548 1549 1550 1551 1552 1553 1554 1555 1556 1557 1558 1559 1560 1561 1562 1563 1564 1565 1566 1567 1568 1569 1570 1571 1572 1573 1574 1575 1576 1577 1578 1579 1580 1581 1582 1583 1584 1585 1586 1587 1588 1589 1590 1591 1592 1593 1594 1595 1596 1597 1598 1599 1600 1601 </style> <link rel="icon" href="https://www.dna.fi/o/dna-fi-theme/images/favicon.ico" sizes="32x32"> <link rel="icon" href="https://www.dna.fi/o/dna-fi-theme/images/DNA.svg" type="image/svg+xml"> <link rel="apple-touch-icon" href="https://www.dna.fi/o/dna-fi-theme/images/favicons/DNA_logo_180x180"> <meta content="Nopea netti, puhelimet, tabletit ja lisätarvikkeet. Liittymät, kanavat ja DNA TV. Teemme arjesta inspiroivampaa, tuottavampaa ja viihdyttävämpää. DNA. Elämä on. Tervetuloa!" lang="fi-FI" name="description" /> <link data-senna-track="temporary" href="https://www.dna.fi" rel="canonical" /> <meta property="fb:pages" content="105523299470698" /> <meta property="og:site_name" content="DNA"/> <meta property="og:type" content="website"/> <meta property="og:title" content="Palveluita yhteydenpitoon, viihtymiseen ja työntekoon | DNA"/> <meta property="og:description" content="Nopea netti, puhelimet, tabletit ja lisätarvikkeet. Liittymät, kanavat ja DNA TV. Teemme arjesta inspiroivampaa, tuottavampaa ja viihdyttävämpää. DNA. Elämä on. Tervetuloa!"/> <meta property="og:image" content="https://www.dna.fi/o/dna-fi-theme/images/favicons/DNA_logo_512x512.png"/> <meta property="og:url" content="https://web3.lrdxp-prod.dna.fi/fi/"/> <meta property="og:published_time" content="2025-06-16T16:07:31.143+03:00"/> <meta property="og:locale" content="fi_FI"/> <meta name="application-name" content="DNA.fi"> <link rel="manifest" href="https://www.dna.fi/o/dna-fi-theme/images/favicons/manifest.json">
1601<script> 1602 window.originalLocation = 'https://www.dna.fi/'; 1603 window.dataLayer = window.dataLayer || []; 1604 window.dataLayer.push({ 1605 event: 'pageLoadData', 1606 page: { 1607 business: 'b2c', 1608 category: 'undefined', 1609 environment: 'test', 1610 cms: 'liferay', 1611 language: 'fi', 1612 productSegment: 'undefined', 1613 originalLocation: 'https://www.dna.fi/' 1614 }, 1615 user: { 1616 loggedIn: 'false', 1617 id: 'anonymous' 1618 } 1619 }); 1620</script>
1620 <!-- Google Tag Manager -->
1620<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push( 1621 {'gtm.start': new Date().getTime(),event:'gtm.js'} 1622 );var f=d.getElementsByTagName(s)[0], 1623 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 1624 '//www.googletagmanager.com/gtm.js?id='+i+dl+'';f.parentNode.insertBefore(j,f); 1625 })(window,document,'script','dataLayer','GTM-MX9NRZ');</script>
1625 <!-- End Google Tag Manager --> <!-- Google Tag Manager -->
1625<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push( 1626 {'gtm.start': new Date().getTime(),event:'gtm.js'} 1627 );var f=d.getElementsByTagName(s)[0], 1628 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 1629 '//www.googletagmanager.com/gtm.js?id='+i+dl+'';f.parentNode.insertBefore(j,f); 1630 })(window,document,'script','dataLayer','GTM-5TCNFS9');</script>
1630 <!-- End Google Tag Manager --> <!-- Google Tag Manager -->
1630<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push( 1631 {'gtm.start': new Date().getTime(),event:'gtm.js'} 1632 );var f=d.getElementsByTagName(s)[0], 1633 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 1634 '//www.googletagmanager.com/gtm.js?id='+i+dl+'';f.parentNode.insertBefore(j,f); 1635 })(window,document,'script','dataLayer','GTM-WN4N7TX');</script>
1635 <!-- End Google Tag Manager --> <!-- Google Tag Manager -->
1635<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push( 1636 {'gtm.start': new Date().getTime(),event:'gtm.js'} 1637 );var f=d.getElementsByTagName(s)[0], 1638 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 1639 '//www.googletagmanager.com/gtm.js?id='+i+dl+'';f.parentNode.insertBefore(j,f); 1640 })(window,document,'script','dataLayer','GTM-TWZSJ24');</script>
1640 <!-- End Google Tag Manager --> <!-- Start VWO Async SmartCode --> <link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com" />
1640<script type='text/javascript' id='vwoCode'> (() => { const getCookie=o=>{const t=("; "+document.cookie).split("; "+o+"=");if(2==t.length)return t.pop().split(";").shift()}; var otValue = getCookie('OptanonConsent'), consentGiven = otValue && otValue.includes('C0002%3A1'); if(consentGiven) { window._vwo_code || (function() { var account_id=758646, version=2.0, settings_tolerance=2000, hide_element='body', hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important', /* DO NOT EDIT BELOW THIS LINE */ f=false,w=window,d=document,v=d.querySelector('#vwoCode'),cK='_vwo_'+account_id+'_settings',cc={};try{var c=JSON.parse(localStorage.getItem('_vwo_'+account_id+'_config'));cc=c&&typeof c==='object'?c:{}}catch(e){}var stT=cc.stT==='session'?w.sessionStorage:w.localStorage;code={use_existing_jquery:function(){return typeof use_existing_jquery!=='undefined'?use_existing_jquery:undefined},library_tolerance:function(){return typeof library_tolerance!=='undefined'?library_tolerance:undefined},settings_tolerance:function(){return cc.sT||settings_tolerance},hide_element_style:function(){return'{'+(cc.hES||hide_element_style)+'}'},hide_element:function(){return typeof cc.hE==='string'?cc.hE:hide_element},getVersion:function(){return version},finish:function(){if(!f){f=true;var e=d.getElementById('_vis_opt_path_hides');if(e)e.parentNode.removeChild(e)}},finished:function(){return f},load:function(e){var t=this.getSettings(),n=d.createElement('script'),i=this;if(t){n.textContent=t;d.getElementsByTagName('head')[0].appendChild(n);if(!w.VWO||VWO.caE){stT.removeItem(cK);i.load(e)}}else{n.fetchPriority='high';n.src=e;n.type='text/javascript';n.onerror=function(){_vwo_code.finish()};d.getElementsByTagName('head')[0].appendChild(n)}},getSettings:function(){try{var e=stT.getItem(cK);if(!e){return}e=JSON.parse(e);if(Date.now()>e.e){stT.removeItem(cK);return}return e.s}catch(e){return}},init:function(){if(d.URL.indexOf('__vwo_disable__')>-1)return;var e=this.settings_tolerance();w._vwo_settings_timer=setTimeout(function(){_vwo_code.finish();stT.removeItem(cK)},e);var t=d.currentScript,n=d.createElement('style'),i=this.hide_element(),r=t&&!t.async&&i?i+this.hide_element_style():'',c=d.getElementsByTagName('head')[0];n.setAttribute('id','_vis_opt_path_hides');v&&n.setAttribute('nonce',v.nonce);n.setAttribute('type','text/css');if(n.styleSheet)n.styleSheet.cssText=r;else n.appendChild(d.createTextNode(r));c.appendChild(n);this.load('https://dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&vn='+version)}};w._vwo_code=code;code.init();})(); } })(); </script>
1640 <!-- End VWO Async SmartCode --></head> <body class="other controls-visible yui3-skin-sam signed-out public-page site"> <a href="#main-content" class="skip-to-content">Suoraan sisältöön</a> <!-- Google Tag Manager -->
vendor: 62 bytes, line 1640
1640 <noscript><iframe src="//www.googletagmanager.com/ns.html?id=
1640GTM-MX9NRZ
vendor: 83 bytes, line 1640
1640" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1640<!-- End Google Tag Manager --> <!-- Google Tag Manager -->
vendor: 62 bytes, line 1640
1640 <noscript><iframe src="//www.googletagmanager.com/ns.html?id=
1640GTM-5TCNFS9
vendor: 83 bytes, line 1640
1640" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1640<!-- End Google Tag Manager --> <!-- Google Tag Manager -->
vendor: 62 bytes, line 1640
1640 <noscript><iframe src="//www.googletagmanager.com/ns.html?id=
1640GTM-WN4N7TX
vendor: 83 bytes, line 1640
1640" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1640<!-- End Google Tag Manager --> <!-- Google Tag Manager -->
vendor: 62 bytes, line 1640
1640 <noscript><iframe src="//www.googletagmanager.com/ns.html?id=
1640GTM-TWZSJ24
vendor: 83 bytes, line 1640
1640" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1640<!-- End Google Tag Manager --> <!-- COMMON-DNA-HEADER --> <div id="dna-mediaquery"></div> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol viewBox="0 0 24 24" id="ArrowRight"><path fill-rule="evenodd" d="M16.227 6.285a.7.7 0 0 0-.469.228.6.6 0 0 0-.128.185.6.6 0 0 0-.062.302c0 .094.003.128.018.18a.8.8 0 0 0 .108.231c.02.027.894.908 1.943 1.957l1.908 1.908-8.467.004-8.466.004-.079.022a.73.73 0 0 0-.525.57 1 1 0 0 0 0 .248c.048.27.256.496.525.57l.079.022 8.466.004 8.467.004-1.908 1.908a227 227 0 0 0-1.943 1.957.8.8 0 0 0-.108.231.6.6 0 0 0-.018.18c0 .132.014.2.062.302a.6.6 0 0 0 .128.185.67.67 0 0 0 .532.227.7.7 0 0 0 .392-.12c.05-.033 5.083-5.058 5.157-5.15.076-.094.145-.25.145-.325 0-.012.004-.024.008-.027a.3.3 0 0 0 .008-.1q0-.096-.008-.092-.007.003-.008-.018c0-.076-.069-.231-.145-.326a696 696 0 0 0-5.157-5.15.7.7 0 0 0-.219-.098 1 1 0 0 0-.236-.023M2.003 12c0 .055.001.078.003.05a1 1 0 0 0 0-.1c-.002-.027-.003-.005-.003.05" clip-rule="evenodd"/></symbol> <symbol viewBox="0 0 24 24" id="Cart"><path fill-rule="evenodd" d="M9 3.444a.7.7 0 0 0-.42.26c-.023.032-.642 1.107-1.376 2.39L5.871 8.43l-.833.002c-.744.003-.843.005-.914.017a2.17 2.17 0 0 0-1.209.609c-.35.35-.567.803-.62 1.3-.01.103-.01.328 0 .436.01.085 1.59 8.014 1.63 8.173.09.359.29.71.559.98.337.336.77.548 1.256.613.066.008 1.17.01 6.272.01 5.976 0 6.195 0 6.284-.014a2.15 2.15 0 0 0 1.777-1.577c.033-.13 1.615-8.06 1.628-8.157.014-.114.016-.35.003-.464a2.2 2.2 0 0 0-.463-1.128 3 3 0 0 0-.315-.319 2.2 2.2 0 0 0-1.034-.458c-.102-.017-.122-.018-.934-.02l-.83-.004-1.333-2.333a230 230 0 0 0-1.376-2.39.72.72 0 0 0-.82-.228.8.8 0 0 0-.303.223.7.7 0 0 0-.152.457c0 .103.02.193.063.283.017.036.535.947 1.151 2.025l1.12 1.96-2.239.002H9.76l-2.239-.002 1.12-1.96a245 245 0 0 0 1.152-2.025.64.64 0 0 0 .063-.283.72.72 0 0 0-.544-.709A.9.9 0 0 0 9 3.444m-4.7 6.43a.7.7 0 0 0-.512.391.7.7 0 0 0-.068.373c.004.035.364 1.849.8 4.03.64 3.195.798 3.978.818 4.03a.72.72 0 0 0 .524.432c.05.01.926.011 6.137.011 5.906 0 6.079 0 6.15-.015a.71.71 0 0 0 .514-.433c.018-.047.198-.935.817-4.027.436-2.182.796-3.996.8-4.03a.8.8 0 0 0-.021-.25.9.9 0 0 0-.122-.245.72.72 0 0 0-.44-.268c-.084-.017-15.31-.016-15.397 0" clip-rule="evenodd"/></symbol> <symbol viewBox="0 0 24 24" id="CartEmpty"><path fill-rule="evenodd" d="M9.265 6.289a.64.64 0 0 0-.383.236c-.021.03-.586 1.01-1.255 2.18l-1.215 2.128-.76.003c-.678.002-.769.004-.834.015a2 2 0 0 0-1.102.555c-.32.32-.517.733-.565 1.186-.01.093-.01.299 0 .398.008.077 1.449 7.306 1.485 7.452.082.327.266.648.51.893.308.307.704.5 1.146.56.06.007 1.066.009 5.72.009 5.448 0 5.648 0 5.73-.014a1.97 1.97 0 0 0 1.62-1.437c.03-.118 1.473-7.35 1.484-7.438.012-.104.014-.32.003-.423a2 2 0 0 0-.422-1.029 2.5 2.5 0 0 0-.288-.29 2 2 0 0 0-.943-.418c-.092-.016-.111-.017-.851-.019l-.756-.003-1.216-2.128a207 207 0 0 0-1.255-2.18.655.655 0 0 0-.748-.207.65.65 0 0 0-.415.62c0 .095.018.176.058.259.015.032.488.863 1.05 1.846l1.021 1.787-2.042.002c-1.123.001-2.96.001-4.084 0l-2.042-.002 1.022-1.787C9.5 8.06 9.972 7.23 9.988 7.197a.6.6 0 0 0 .057-.259.65.65 0 0 0-.496-.646.8.8 0 0 0-.284-.003M4.979 12.15a.64.64 0 0 0-.467.357.63.63 0 0 0-.062.34c.004.032.332 1.686.73 3.675.583 2.913.727 3.627.746 3.674a.66.66 0 0 0 .477.394c.047.01.845.01 5.596.01 5.385 0 5.543 0 5.608-.013a.65.65 0 0 0 .468-.395c.017-.043.182-.853.746-3.672.397-1.99.726-3.643.729-3.675a.7.7 0 0 0-.019-.228.8.8 0 0 0-.11-.224.66.66 0 0 0-.402-.244c-.077-.015-13.96-.014-14.04 0M12 2.096a.6.6 0 0 1 .6.6v1.8a.6.6 0 0 1-1.2 0v-1.8a.6.6 0 0 1 .6-.6M5.69 3.595a.59.59 0 0 1 .748.133l.057.083.897 1.572a.6.6 0 0 1-.218.813.59.59 0 0 1-.748-.133l-.058-.083-.897-1.573a.6.6 0 0 1 .218-.812m12.623 0c.283.165.38.528.218.812l-.897 1.573a.59.59 0 0 1-.714.26l-.092-.044a.6.6 0 0 1-.218-.813l.897-1.572a.59.59 0 0 1 .715-.26z" clip-rule="evenodd"/></symbol> <symbol viewBox="0 0 24 24" id="ChevronRight"><path fill-rule="evenodd" d="M7.773 2.008a.73.73 0 0 0-.554.52.9.9 0 0 0-.001.361.7.7 0 0 0 .095.215c.03.045.951.972 4.454 4.477L16.184 12l-4.417 4.42c-3.503 3.505-4.424 4.43-4.454 4.476a.7.7 0 0 0-.095.215.9.9 0 0 0 .001.36c.056.204.195.37.39.465.103.05.16.063.3.063.18 0 .306-.04.439-.144.024-.019 2.053-2.045 4.51-4.503l4.464-4.468.065-.099a1.4 1.4 0 0 0 0-1.571l-.065-.099-4.465-4.468A1225 1225 0 0 0 8.34 2.139a.8.8 0 0 0-.248-.122 1 1 0 0 0-.32-.009" clip-rule="evenodd"/></symbol> <symbol viewBox="0 0 24 24" id="File"><path fill-rule="evenodd" d="M5.405 2.005A2.15 2.15 0 0 0 3.49 3.632a2 2 0 0 0-.057.423c-.006.106-.007 2.728-.006 8.064.003 7.48.004 7.914.017 8.004.059.404.203.748.444
16401.06.074.095.277.297.375.371q.5.381 1.118.437c.123.012 13.118.012 13.24 0a2.14 2.14 0 0 0 1.119-.437c.098-.074.301-.276.375-.37a2.2 2.2 0 0 0 .418-.913c.043-.22.04.19.04-6.46 0-5.876 0-6.179-.014-6.241a.8.8 0 0 0-.098-.24c-.033-.055-.337-.362-2.595-2.62-2.024-2.024-2.568-2.564-2.613-2.592a.8.8 0 0 0-.258-.106C14.935 2 14.46 2 10.183 2c-2.61 0-4.76.002-4.778.004m.028 1.439a.73.73 0 0 0-.447.294 1 1 0 0 0-.106.242l-.019.071v15.896l.019.071c.066.263.25.452.511.527l.062.018H18.55l.063-.018a.72.72 0 0 0 .511-.522l.018-.068.002-5.406.003-5.406h-2.531c-2.76 0-2.598.003-2.723-.044a.74.74 0 0 1-.387-.352.6.6 0 0 1-.072-.256 216 216 0 0 1-.007-2.57V3.43l-3.97.001c-3.363 0-3.979.002-4.023.012m9.424 2.28V7.71h3.988l-1.988-1.988a468 468 0 0 0-1.993-1.988c-.004 0-.007.895-.007 1.988" clip-rule="evenodd"/></symbol> <symbol viewBox="0 0 24 24" id="Globe"><path fill-rule="evenodd" d="M11.63 2.002a10 10 0 0 0-4.92 1.502A10.02 10.02 0 0 0 2.506 8.83 9.8 9.8 0 0 0 2 12c0 .477.011.713.056 1.117a10 10 0 0 0 4.06 6.979c.807.59 1.74 1.07 2.707 1.395a9.8 9.8 0 0 0 3.172.509 9 9 0 0 0 1.116-.056 9.98 9.98 0 0 0 6.817-3.85 10 10 0 0 0 1.554-2.92 9.9 9.9 0 0 0 .505-2.787c0-.05.004-.082.008-.082.006 0 .008-.11.008-.314 0-.206-.002-.31-.008-.302q-.007.013-.008-.072a10 10 0 0 0-4.112-7.71 10 10 0 0 0-2.708-1.396 9.8 9.8 0 0 0-2.523-.494 19 19 0 0 0-1.013-.015m-1.216 1.57a8.6 8.6 0 0 0-4.076 1.987 11 11 0 0 0-.9.92 8.6 8.6 0 0 0-1.981 4.774l-.003.032 2.15.002 2.15.002.004-.018.008-.074c.05-.57.177-1.37.324-2.025a16.8 16.8 0 0 1 2.29-5.454c.11-.17.105-.16.097-.16zm3.097-.004.09.138a16.8 16.8 0 0 1 2.362 5.766 17 17 0 0 1 .268 1.799l.004.018h2.146c1.18 0 2.148-.002 2.15-.004a6 6 0 0 0-.062-.569 8.6 8.6 0 0 0-1.967-4.293 9 9 0 0 0-.956-.953 8.5 8.5 0 0 0-3.86-1.875l-.162-.033q-.02-.005-.013.006m-1.626.476a15.2 15.2 0 0 0-1.714 3.203 15.3 15.3 0 0 0-.973 4.004l-.004.038h5.601l-.005-.038-.024-.214a15.36 15.36 0 0 0-2.488-6.739 7 7 0 0 0-.283-.402 2 2 0 0 0-.11.148m-9.887 7.957c0 .174.001.245.002.158.002-.087.002-.23 0-.316 0-.087-.002-.016-.002.158m1.46.718c-.004.028.02.27.045.454a8.54 8.54 0 0 0 2.915 5.338 8.2 8.2 0 0 0 1.78 1.176 8.5 8.5 0 0 0 2.282.754s-.033-.054-.075-.117a16.8 16.8 0 0 1-2.647-7.593l-.004-.018H5.606c-1.181 0-2.148.003-2.148.006m5.74.032.025.214a15.36 15.36 0 0 0 2.488 6.738c.153.228.275.4.283.4.014 0 .32-.446.495-.722a15.4 15.4 0 0 0 1.47-2.999c.4-1.105.675-2.272.807-3.417l.024-.214.005-.038H9.194zm7.033-.02-.009.074c-.069.783-.252 1.81-.469 2.625a16.8 16.8 0 0 1-2.244 5.011 8.7 8.7 0 0 0 2.891-1.085 8.6 8.6 0 0 0 1.867-1.516 8.5 8.5 0 0 0 1.78-2.898 8.4 8.4 0 0 0 .485-2.225c-.003-.002-.97-.004-2.15-.004h-2.147z" clip-rule="evenodd"/></symbol> <symbol viewBox="0 0 24 24" id="Search"><path fill-rule="evenodd" d="M2 10.571a8.571 8.571 0 1 1 17.143 0 8.571 8.571 0 0 1-17.143 0m8.571-7.142a7.143 7.143 0 1 0 0 14.285 7.143 7.143 0 0 0 0-14.285" clip-rule="evenodd"/><path fill-rule="evenodd" d="M15.78 15.78a.714.714 0 0 1 1.01 0l5 5a.714.714 0 0 1-1.01 1.01l-5-5a.714.714 0 0 1 0-1.01" clip-rule="evenodd"/></symbol> <symbol viewBox="0 0 24 24" id="Menu"><path fill-rule="evenodd" d="M2 4.857c0-.394.32-.714.714-.714h18.572a.714.714 0 1 1 0 1.428H2.714A.714.714 0 0 1 2 4.857M2 12c0-.395.32-.714.714-.714h18.572a.714.714 0 1 1 0 1.428H2.714A.714.714 0 0 1 2 12m0 7.143c0-.395.32-.714.714-.714h18.572a.714.714 0 1 1 0 1.428H2.714A.714.714 0 0 1 2 19.143" clip-rule="evenodd"/></symbol> <symbol viewBox="0 0 24 24" id="Mobiilivarmenne"><path d="m14.56 8.638-2.558 2.559-2.56-2.56H8.167v.528l3.836 3.838 7.548-7.551q-.42-.484-.895-.91zM8.165 15.69h1.277v-4.38l-1.277-1.276zm7.671 0v-5.655l-1.277 1.278v4.377z"/><path d="m19.968 5.972-.909.91a8.68 8.68 0 0 1 1.668 5.105v.014c0 4.812-3.914 8.726-8.724 8.726S3.28 16.812 3.28 12.001v-.014h-.007c.008-4.805 3.918-8.712 8.723-8.712h.013c1.96 0 3.77.656 5.227 1.753l.908-.908A9.94 9.94 0 0 0 12.004 2h-.007C6.485 2 2 6.486 2 12h.006c0 5.513 4.485 10 9.997 10S22 17.514 22 12c0-2.263-.76-4.35-2.032-6.028"/></symbol> <symbol viewBox="0 0 24 24" id="Open"><path fill-rule="evenodd" d="M2.004 12c0 4.402 0 6.203.002 4.002V7.998c-.001-2.201-.002-.4-.002 4.002" clip-rule="evenodd"/>
1640<path d="M2.628 2.628a2.14 2.14 0 0 1 1.305-.619c.04-.004 1.58-.006 3.425-.006 3.217.001 3.356.002 3.401.016a.75.75 0 0 1 .51.513c.012.049.017.09.018.172a.64.64 0 0 1-.053.29.74.74 0 0 1-.501.42c-.05.012-.32.014-3.387.018-3.014.004-3.337.006-3.373.017a.76.76 0 0 0-.332.191.76.76 0 0 0-.193.344c-.017.066-.017 15.966 0 16.032a.73.73 0 0 0 .537.537c.066.017 15.972.017 16.038 0a.76.76 0 0 0 .344-.193.76.76 0 0 0 .191-.332c.012-.036.014-.36.017-3.376l.005-3.336.017-.063a.7.7 0 0 1 .192-.329.66.66 0 0 1 .515-.207c.12.001.196.017.286.059a.74.74 0 0 1 .41.527l-.004 6.776a2.14 2.14 0 0 1-1.945 1.913c-.075.006-2.309.008-8.115.006-7.66-.002-8.015-.003-8.095-.017a2.15 2.15 0 0 1-1.832-1.925c-.012-.13-.012-15.982 0-16.112.046-.498.263-.96.62-1.316"/><path d="M21.416 2.008c.205.034.469.155.58.344v5.501a.73.73 0 0 1-.51.551.75.75 0 0 1-.51-.048.72.72 0 0 1-.392-.56 82 82 0 0 1-.008-1.712v-1.64l-4.06 4.057c-2.233 2.231-4.078 4.07-4.1 4.085a.8.8 0 0 1-.218.104.6.6 0 0 1-.194.018.6.6 0 0 1-.194-.018.73.73 0 0 1-.496-.496.6.6 0 0 1-.018-.194.6.6 0 0 1 .018-.194.8.8 0 0 1 .103-.217c.016-.023 1.856-1.867 4.088-4.099l4.058-4.058h-1.64a81 81 0 0 1-1.713-.008.7.7 0 0 1-.499-.292.73.73 0 0 1-.11-.612.72.72 0 0 1 .385-.452c.144-.07-.154-.063 2.777-.066 1.825-.002 2.616 0 2.653.006"/></symbol> <symbol viewBox="0 0 24 24" id="User"><path fill-rule="evenodd" d="m11.756 2.005-.164.011A5.35 5.35 0 0 0 8.696 3.14a5.35 5.35 0 0 0-2.04 3.84c-.013.169-.013.59 0 .757a5.364 5.364 0 0 0 4.445 4.903 5.357 5.357 0 1 0 1.36-10.62 10 10 0 0 0-.705-.014m-.088 1.44a3.94 3.94 0 0 0-1.776.597 3.935 3.935 0 0 0-1.473 4.93c.194.425.441.787.769 1.123.333.342.684.595 1.102.797a3.9 3.9 0 0 0 1.872.387 3.8 3.8 0 0 0 1.548-.387 3.8 3.8 0 0 0 1.102-.797c.38-.39.655-.818.854-1.331a3.94 3.94 0 0 0 .073-2.607 3.93 3.93 0 0 0-2.975-2.652 4.2 4.2 0 0 0-1.096-.06m-.032 10.692a9.98 9.98 0 0 0-7.597 3.952 9.9 9.9 0 0 0-1.514 2.875c-.063.195-.073.243-.067.36a.71.71 0 0 0 .57.66c.07.015.324.016 8.969.016 7.986 0 8.904-.001 8.968-.012a.66.66 0 0 0 .367-.2.68.68 0 0 0 .204-.39c.022-.136.005-.235-.079-.486a9.98 9.98 0 0 0-9.821-6.775m.128 1.428a8.57 8.57 0 0 0-5.18 1.93 9.4 9.4 0 0 0-.977.937 8.6 8.6 0 0 0-1.391 2.133c0 .002 3.503.003 7.784.003s7.784-.001 7.784-.003l-.077-.161a8.6 8.6 0 0 0-1.314-1.972 10 10 0 0 0-.959-.922 8.57 8.57 0 0 0-4.885-1.93c-.18-.011-.645-.02-.785-.015" clip-rule="evenodd"/></symbol> <symbol viewBox="0 0 24 24" id="Close"><path fill-rule="evenodd" d="m2.62 2.004-.06.013a.72.72 0 0 0-.52.457.6.6 0 0 0-.035.25.65.65 0 0 0 .121.396c.024.034 1.559 1.575 4.449 4.466L10.988 12l-4.42 4.422c-2.88 2.88-4.431 4.437-4.45 4.466a.7.7 0 0 0-.091.198.5.5 0 0 0-.022.19.6.6 0 0 0 .036.25c.071.2.234.361.433.433a.6.6 0 0 0 .25.036.65.65 0 0 0 .396-.121c.034-.024 1.575-1.559 4.466-4.449L12 13.012l4.414 4.413c2.891 2.89 4.432 4.425 4.466 4.449a.65.65 0 0 0 .396.121.64.64 0 0 0 .424-.127.72.72 0 0 0 .284-.433.4.4 0 0 1 .017-.069c.01-.02.01-.176-.001-.17q-.008.003-.008-.019a.8.8 0 0 0-.061-.203 1 1 0 0 0-.057-.094c-.024-.034-1.559-1.575-4.45-4.466L13.013 12l4.413-4.414c2.89-2.891 4.425-4.432 4.449-4.466a1 1 0 0 0 .057-.094.8.8 0 0 0 .06-.202c0-.013.005-.025.009-.028a.3.3 0 0 0 .008-.089q0-.082-.008-.079t-.008-.018a.6.6 0 0 0-.034-.143.75.75 0 0 0-.348-.39.6.6 0 0 0-.334-.072.5.5 0 0 0-.19.022.7.7 0 0 0-.198.091c-.029.019-1.586 1.57-4.466 4.45L12 10.987 7.586 6.575C4.695 3.685 3.154 2.15 3.12 2.126a.63.63 0 0 0-.38-.122 1 1 0 0 0-.12 0m-.617.712c0 .048.001.067.003.042V2.67c-.002-.023-.003-.002-.003.046m0 18.568c0 .048.001.067.003.042v-.088c-.002-.023-.003-.002-.003.046" clip-rule="evenodd"/></symbol> <symbol viewBox="0 0 24 24" id="Instagram"><path d="M12 3.8c2.672 0 2.988.013 4.04.06.976.042 1.503.206 1.855.343.464.18.8.399 1.148.746.352.352.566.684.746 1.149.137.351.3.882.344 1.855.047 1.055.058 1.371.058 4.04 0 2.671-.011 2.987-.058 4.038-.043.977-.207 1.504-.344 1.856-.18.465-.398.8-.746 1.148a3.1 3.1 0 0 1-1.148.746c-.352.137-.883.301-1.856.344-1.055.047-1.371.059-4.039.059-2.672 0-2.988-.012-4.04-.059-.976-.043-1.503-.207-1.855-.344a3.1 3.1 0 0 1-1.148-.746 3.1 3.1 0 0 1-.746-1.148c-.137-.352-.3-.883-.344-1.856-.047-1.054-.058-1.37-.058-4.039 0-2.672.011-2.988.058-4.039.043-.976.207-1.504.344-1.855.18-.465.398-.801.746-1.149a3.1 3.1 0 0 1 1.148-.746c.352-.137.883-.3 1.856-.344 1.05-.046 1.367-.058 4.039-.058M12 2c-2.715 0-3.055.012-4.121.059-1.063.046-1.793.218-2.426.464A4.9 4.9 0 0 0 3.68 3.68a4.9 4.9 0 0 0-1.157 1.77c-.246.636-.418 1.362-.464 2.425C2.012 8.945 2 9.285 2 12s.012 3.055.059 4.121c.046 1.063.218 1.793.464 2.426.258.66.598 1.219 1.157 1.773a4.9 4.9 0 0 0 1.77 1.153c.636.246 1.362.418 2.425.465 1.066.046 1.406.058 4.121.058s3.055-.012 4.121-.058c1.063-.047 1.793-.22 2.426-.465a4.9 4.9 0 0 0 1.77-1.153 4.9 4.9 0 0 0 1.152-1.77c.246-.636.418-1.363.465-2.425.047-1.066.058-1.406.058-4.121s-.
1640011-3.055-.058-4.121c-.047-1.063-.22-1.793-.465-2.426A4.7 4.7 0 0 0 20.32 3.68a4.9 4.9 0 0 0-1.77-1.153c-.636-.246-1.363-.418-2.425-.465C15.055 2.013 14.715 2 12 2"/><path d="M12 6.863A5.14 5.14 0 0 0 6.863 12a5.138 5.138 0 0 0 10.273 0c0-2.836-2.3-5.137-5.136-5.137m0 8.469a3.333 3.333 0 1 1 .001-6.665A3.333 3.333 0 0 1 12 15.332m6.54-8.672a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0"/></symbol> <symbol viewBox="0 0 24 24" id="Facebook"><path d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.093 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.563V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.129 22 16.992 22 12"/></symbol> <symbol viewBox="0 0 24 24" id="Linkedin"><g clip-path="url(#a)"><path d="M20.52 2H3.477C2.66 2 2 2.645 2 3.441v17.114C2 21.352 2.66 22 3.477 22H20.52c.816 0 1.48-.648 1.48-1.441V3.44C22 2.645 21.336 2 20.52 2M7.934 19.043h-2.97V9.496h2.97zM6.449 8.195a1.72 1.72 0 1 1-.006-3.439 1.72 1.72 0 0 1 .006 3.44m12.594 10.848h-2.965v-4.64c0-1.106-.02-2.532-1.543-2.532-1.543 0-1.777 1.207-1.777 2.453v4.719H9.797V9.496h2.844v1.305h.039c.394-.75 1.363-1.543 2.804-1.543 3.004 0 3.559 1.976 3.559 4.547z"/></g><defs><clipPath id="a"><path d="M2 2h20v20H2z"/></clipPath></defs></symbol> <symbol viewBox="0 0 24 24" id="Tiktok"><path d="M14.56 2h-3.37v13.623c0 1.623-1.297 2.957-2.91 2.957s-2.91-1.334-2.91-2.957c0-1.594 1.268-2.898 2.824-2.956v-3.42C4.766 9.303 2 12.115 2 15.622 2 19.16 4.823 22 8.309 22s6.309-2.87 6.309-6.377V8.638a7.8 7.8 0 0 0 4.465 1.507v-3.42C16.548 6.638 14.56 4.55 14.56 2"/></symbol> <symbol viewBox="0 0 24 24" id="Youtube"><path d="M21.8 8.035s-.195-1.379-.796-1.984c-.762-.797-1.613-.801-2.004-.848C16.203 5 12.004 5 12.004 5h-.008S7.796 5 5 5.203c-.39.047-1.242.05-2.004.848-.601.605-.793 1.984-.793 1.984S2 9.656 2 11.273v1.516c0 1.617.2 3.238.2 3.238s.195 1.38.792 1.985c.762.797 1.762.77 2.207.855 1.602.152 6.801.2 6.801.2s4.203-.008 7-.208c.39-.047 1.242-.05 2.004-.847.601-.606.797-1.985.797-1.985S22 14.41 22 12.79v-1.516c0-1.617-.2-3.238-.2-3.238M9.935 14.63V9.008l5.402 2.82z"/></symbol> <symbol viewBox="0 0 24 24" id="Threads"><path d="M9.901 9.52a172 172 0 0 1-1.457-1.002c.945-1.352 2.191-1.878 3.915-1.878 1.219 0 2.254.409 2.992 1.185.739.776 1.16 1.886 1.257 3.305q.615.258 1.13.605c1.387.931 2.15 2.325 2.15 3.921 0 3.395-2.783 6.344-7.82 6.344-4.325 0-8.818-2.516-8.818-10.007C3.25 4.542 7.603 2 12.055 2c2.058 0 6.883.304 8.695 6.295l-1.7.441c-1.405-4.268-4.346-4.949-7.042-4.949-4.457 0-6.978 2.714-6.978 8.488 0 5.179 2.818 7.929 7.038 7.929 3.47 0 6.058-1.804 6.058-4.445 0-1.798-1.51-2.659-1.587-2.659-.295 1.543-1.085 4.138-4.555 4.138-2.023 0-3.767-1.398-3.767-3.228 0-2.612 2.48-3.559 4.438-3.559.732 0 1.618.05 2.079.143 0-.796-.675-2.16-2.375-2.16-1.563 0-1.958.506-2.459 1.085zm2.994 2.718c-2.55 0-2.88 1.087-2.88 1.77 0 1.097 1.304 1.46 2 1.46 1.275 0 2.584-.353 2.79-3.03a7.8 7.8 0 0 0-1.91-.2"/></symbol> </svg> <header class="ds-main-header__wrap open" id="dna-main-header"> <div v-if="showHeader || false" class="ds-main-header"> <nav class="ds-site-nav" aria-label="Sivustot"> <a href="https://www.dna.fi" class="ds-site-nav__link current" aria-current="true">Yksityisille</a> <a href="https://www.dna.fi/yrityksille" class="ds-site-nav__link " >Yrityksille</a> <a href="https://www.dna.fi/wholesale" class="ds-site-nav__link " >Wholesale</a> <a href="https://corporate.dna.fi/fi" class="ds-site-nav__link " >DNA Oyj</a> </nav> <div class="ds-main-header__navigation"> <a class="ds-main-header__area--logo" href="https://www.dna.fi" aria-label="Siirry etusivulle"> <img src="https://www.dna.fi/o/dna-fi-theme/images/DNA.svg" alt="DNA logo" height="60" width="60"/> </a> <nav class="ds-main-header__area--nav" v-bind:class="{'open' : navigationVisible, 'subview': selectedNav != ''}" aria-label="Päävalikko" :role="mobileNavigationActive ? 'dialog' : null" :aria-modal="mobileNavigationActive ? 'true' : null"> <button v-if="mobileMode" v-cloak class="ds-simple-btn ds-main-nav__close-mobile" v-on:click="toggleMobileMenu()" aria-label="Sulje päävalikko" type="button"> <svg role="img" aria-hidden="true" class="ds-icon ds-icon--24 ds-icon--pink"> <use href="#Close"></use> </svg> </button> <ul class="ds-main-nav__list--main"> <li class="ds-main-nav__item ds-main-nav__item--level-1 " id="nav_2528" v-bind:class="{'open' : isNavigationSectionOpen('2528'), 'active' : isNavigationSectionActive('nav_2528')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-1" href="https://www.dna.fi/laitteet" id="99db92fe-13f0-7c5c-1e77-78375ead5aa9" data-navpath="/Laitteet" v-if="true || mobileMode" v-on:click="toggleNavigationItem('2528', false, $event)" v-bind:aria-expanded="String(isNavigationSectionOpen('2528'))" > <span>Laitteet</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section ds-main-nav__section--megamenu"> <ul class="ds-main-nav__list--sub" aria-label="Laitteet"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-2 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationItem('2528', false, $event)" aria-label="Sulje alavalikko Laitteet"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Laitteet</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--featured ds-main-nav__featured-links" v-if="mobileMode"> <section aria-label="Oikopolut"> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/laitteet/kaytetyt/vaihtokapula" id="featured-5186" data-navpath="/Laitteet/Käytetyt puhelimet" v-on:click="onNavigationLinkClick('https://www.dna.fi/laitteet/kaytetyt/vaihtokapula')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Käytetyt puhelimet</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://kauppa.dna.fi/laitteet/tarjoukset/kaikki" id="featured-2650" data-navpath="/Laitteet/Tarjoukset" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/tarjoukset/kaikki')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Tarjoukset</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://kauppa.dna.fi/laitteet/asiakasedut" id="featured-5040" data-navpath="/Laitteet/Asiakasedut" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/asiakasedut')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Asiakasedut</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/laitteet/tuotemerkit" id="featured-2772" data-navpath="/Laitteet/Tuotemerkit" v-on:click="onNavigationLinkClick('https://www.dna.fi/laitteet/tuotemerkit')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Tuotemerkit</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/ajankohtaista/osto-oppa
1640at" id="featured-4853" data-navpath="/Laitteet/Osto-oppaat" v-on:click="onNavigationLinkClick('https://www.dna.fi/ajankohtaista/osto-oppaat')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Osto-oppaat</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/ajankohtaista" id="featured-4821" data-navpath="/Laitteet/Ajankohtaista" v-on:click="onNavigationLinkClick('https://www.dna.fi/ajankohtaista')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Ajankohtaista</span> </a> </section> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 " id="nav_2529" v-bind:class="{'open' : isNavigationSubSectionOpen('2529'), 'active' : isNavigationSectionActive('nav_2529')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Puhelimet ja lisälaitteet</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/laitteet/puhelimet-ja-lisalaitteet" id="da2f9657-24b9-6615-36d1-a246870daba7" data-navpath="/Laitteet/Puhelimet ja lisälaitteet" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('2529', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('2529'))" > <span>Puhelimet ja lisälaitteet</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Puhelimet ja lisälaitteet"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('2529', $event)" aria-label="Sulje alavalikko Puhelimet ja lisälaitteet"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Puhelimet ja lisälaitteet</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4730" v-bind:class="{'active' : isNavigationSectionActive('nav_4730')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet" id="fc4b7994-b8dd-b5e3-6acc-ff766ce80d10" data-navpath="/Laitteet/Puhelimet ja lisälaitteet/Kaikki" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet')" > <span>Kaikki</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2540" v-bind:class="{'active' : isNavigationSectionActive('nav_2540')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/puhelimet" id="4690a33d-ed6b-45e4-4785-32ad1bb3766b" data-navpath="/Laitteet/Puhelimet ja lisälaitteet/Puhelimet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/puhelimet')" > <span>Puhelimet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2541" v-bind:class="{'active' : isNavigationSectionActive('nav_2541')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/suojakuoret" id="d7b011c2-d81f-63b7-ba18-d15120818786" data-navpath="/Laitteet/Puhelimet ja lisälaitteet/Suojakuoret" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/suojakuoret')" > <span>Suojakuoret</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2542" v-bind:class="{'active' : isNavigationSectionActive('nav_2542')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/naytonsuojat" id="ccd7367c-2324-f1cf-5159-c8ce8a8c9b46" data-navpath="/Laitteet/Puhelimet ja lisälaitteet/Näytönsuojat" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/naytonsuojat')" > <span>Näytönsuojat</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2543" v-bind:class="{'active' : isNavigationSectionActive('nav_2543')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/laturit" id="0feb8c55-64d6-8302-1dc6-dc40b40130e4" data-navpath="/Laitteet/Puhelimet ja lisälaitteet/Laturit" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/laturit')" > <span>
1640Laturit</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2544" v-bind:class="{'active' : isNavigationSectionActive('nav_2544')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/varavirtalahteet" id="75b81b04-0b0b-c624-788f-0de5a764c956" data-navpath="/Laitteet/Puhelimet ja lisälaitteet/Varavirtalähteet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/varavirtalahteet')" > <span>Varavirtalähteet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3892" v-bind:class="{'active' : isNavigationSectionActive('nav_3892')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/kellopuhelimet" id="2a9a8ce7-e20d-ad3b-510b-7f0aeb0cabb7" data-navpath="/Laitteet/Puhelimet ja lisälaitteet/Kellopuhelimet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/kellopuhelimet')" > <span>Kellopuhelimet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2545" v-bind:class="{'active' : isNavigationSectionActive('nav_2545')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/muistikortit" id="30c20caa-4101-65e4-c7f0-06ae29f9056d" data-navpath="/Laitteet/Puhelimet ja lisälaitteet/Muistikortit" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/muistikortit')" > <span>Muistikortit</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2546" v-bind:class="{'active' : isNavigationSectionActive('nav_2546')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/kaapelit-ja-adapterit" id="a5c98b7b-1151-80ae-8705-c6b639932659" data-navpath="/Laitteet/Puhelimet ja lisälaitteet/Kaapelit ja adapterit" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/kaapelit-ja-adapterit')" > <span>Kaapelit ja adapterit</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2547" v-bind:class="{'active' : isNavigationSectionActive('nav_2547')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/telineet-ja-pidikkeet" id="d37995df-e63f-e5d5-4847-98aec7574b81" data-navpath="/Laitteet/Puhelimet ja lisälaitteet/Telineet ja pidikkeet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/telineet-ja-pidikkeet')" > <span>Telineet ja pidikkeet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2548" v-bind:class="{'active' : isNavigationSectionActive('nav_2548')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/kosketusnayttokynat" id="a8795c1d-b7fe-7d70-d68f-9a80464a505c" data-navpath="/Laitteet/Puhelimet ja lisälaitteet/Kosketusnäyttökynät" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/kosketusnayttokynat')" > <span>Kosketusnäyttökynät</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 " id="nav_2530" v-bind:class="{'open' : isNavigationSubSectionOpen('2530'), 'active' : isNavigationSectionActive('nav_2530')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Tabletit ja lisälaitteet</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/laitteet/tabletit-ja-lisalaitteet" id="6a1e6c48-29d6-46c8-f03e-ff254e0606c0" data-navpath="/Laitteet/Tabletit ja lisälaitteet" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('2530', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('2530'))" > <span>Tabletit ja lisälaitteet</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Tabletit ja lisälaitteet"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('2530', $event)" aria-label="Sulje alavalikko Tabletit ja lisälaitteet"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Tabletit ja lisälaitteet</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4731" v-bind:class="{'active' : isNavigationSectionActive('nav_4731')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet" id="62a93e6b-2615-2294-2935-813d09635ea9" data-navpath="/Laitteet/Tabletit ja lisälaitteet/Kaikki" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet')" > <span>Kaikki</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2549" v-bind:class="{'active' : isNavigationSectionActive('nav_2549')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet/tabletit" id="f93b7a40-eacd-e37d-3b75-a95765d79b92" data-navpath="/Laitteet/Tabletit ja lisälaitteet/Tabletit" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet/tabletit')" > <span>Tabletit</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2550" v-bind:class="{'active' : isNavigationSectionActive('nav_2550')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet/suojakotelot" id="782c694d-d444-4486-df8c-bf5d40f35d79" data-navpath="/Laitteet/Tabletit ja lisälaitteet/Suojakotelot" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet/suojakotelot')" > <span>Suojakotelot</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2551" v-bind:class="{'active' : isNavigationSectionActive('nav_2551')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet/naytonsuojat" id="2277a0d0-fbba-314c-c886-51d5d79acc5c" data-navpath="/Laitteet/Tabletit ja lisälaitteet/Näytönsuojat" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet/naytonsuojat')" > <span>Näytönsuojat</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2552" v-bind:class="{'active' : isNavigationSectionActive('nav_2552')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet/laturit" id="bdd1479c-a4d8-6cd8-406f-775a2e2954dd" data-navpath="/Laitteet/Tabletit ja lisälaitteet/Laturit" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet/laturit')" > <span>
1640Laturit</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2555" v-bind:class="{'active' : isNavigationSectionActive('nav_2555')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet/kaapelit-ja-adapterit" id="4963f7ea-66f5-d64a-f224-7cfc36c0c66f" data-navpath="/Laitteet/Tabletit ja lisälaitteet/Kaapelit ja adapterit" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet/kaapelit-ja-adapterit')" > <span>Kaapelit ja adapterit</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2556" v-bind:class="{'active' : isNavigationSectionActive('nav_2556')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet/telineet-ja-pidikkeet" id="86daadf0-fa1a-4cb6-596a-c177dd94c3f6" data-navpath="/Laitteet/Tabletit ja lisälaitteet/Telineet ja pidikkeet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet/telineet-ja-pidikkeet')" > <span>Telineet ja pidikkeet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2557" v-bind:class="{'active' : isNavigationSectionActive('nav_2557')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet/kosketusnayttokynat-ja-nappaimistot" id="12fab780-c7dc-14f9-5c7a-b19a404d9443" data-navpath="/Laitteet/Tabletit ja lisälaitteet/Kosketusnäyttökynät ja näppäimistöt" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet/kosketusnayttokynat-ja-nappaimistot')" > <span>Kosketusnäyttökynät ja näppäimistöt</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 " id="nav_2537" v-bind:class="{'open' : isNavigationSubSectionOpen('2537'), 'active' : isNavigationSectionActive('nav_2537')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Ãlykellot ja hyvinvointi</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/laitteet/alykellot-ja-hyvinvointi" id="e8dbd758-8af8-9e86-fb00-a52df552995d" data-navpath="/Laitteet/Ãlykellot ja hyvinvointi" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('2537', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('2537'))" > <span>Ãlykellot ja hyvinvointi</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Ãlykellot ja hyvinvointi"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('2537', $event)" aria-label="Sulje alavalikko Ãlykellot ja hyvinvointi"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Ãlykellot ja hyvinvointi</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4732" v-bind:class="{'active' : isNavigationSectionActive('nav_4732')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi" id="90ccef11-39c3-bcd7-3077-77b4c76138eb" data-navpath="/Laitteet/Ãlykellot ja hyvinvointi/Kaikki" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi')" > <span>Kaikki</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2821" v-bind:class="{'active' : isNavigationSectionActive('nav_2821')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi/alykellot" id="74c667d1-022e-5c4a-a781-bd153dcfbfb9" data-navpath="/Laitteet/Ãlykellot ja hyvinvointi/Ãlykellot" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi/alykellot')" > <span>Ãlykellot</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2822" v-bind:class="{'active' : isNavigationSectionActive('nav_2822')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi/alyrannekkeet" id="a699df98-1a62-0e4a-430c-e8cbcf730e43" data-navpath="/Laitteet/Ãlykellot ja hyvinvointi/Aktiivisuusrannekkeet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi/alyrannekkeet')" > <span>Aktiivisuusrannekkeet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3890" v-bind:class="{'active' : isNavigationSectionActive('nav_3890')}
1640"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi/lasten-alykellot" id="6a55ad9c-2629-82fd-5cda-37fe150018a1" data-navpath="/Laitteet/Ãlykellot ja hyvinvointi/Lasten älykellot" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi/lasten-alykellot')" > <span>Lasten älykellot</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2823" v-bind:class="{'active' : isNavigationSectionActive('nav_2823')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi/alykellojen-lisatarvikkeet" id="c8cc92b7-5be8-a713-d629-7e202493accc" data-navpath="/Laitteet/Ãlykellot ja hyvinvointi/Ãlykellojen lisätarvikkeet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi/alykellojen-lisatarvikkeet')" > <span>Ãlykellojen lisätarvikkeet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5013" v-bind:class="{'active' : isNavigationSectionActive('nav_5013')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi/alysormukset" id="4b48aa01-e967-1cf9-ad25-a1ff0a0ca1a8" data-navpath="/Laitteet/Ãlykellot ja hyvinvointi/Ãlysormukset" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi/alysormukset')" > <span>Ãlysormukset</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2587" v-bind:class="{'active' : isNavigationSectionActive('nav_2587')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi/hyvinvointi" id="b68aca8c-f3a9-1729-687c-bf929b0a0c60" data-navpath="/Laitteet/Ãlykellot ja hyvinvointi/Hyvinvointi" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi/hyvinvointi')" > <span>Hyvinvointi</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2588" v-bind:class="{'active' : isNavigationSectionActive('nav_2588')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi/sahkopotkulaudat" id="858876d3-39b0-354d-0e78-7d88b0d33937" data-navpath="/Laitteet/Ãlykellot ja hyvinvointi/Sähköpotkulaudat" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi/sahkopotkulaudat')" > <span>Sähköpotkulaudat</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3891" v-bind:class="{'active' : isNavigationSectionActive('nav_3891')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi/sahkopotkulautojen-tarvikkeet" id="73bf9426-a97d-0dcc-6699-117cbc642794" data-navpath="/Laitteet/Ãlykellot ja hyvinvointi/Sähköpotkulautojen tarvikkeet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi/sahkopotkulautojen-tarvikkeet')" > <span>Sähköpotkulautojen tarvikkeet</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 " id="nav_2536" v-bind:class="{'open' : isNavigationSubSectionOpen('2536'), 'active' : isNavigationSectionActive('nav_2536')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Ãänentoisto ja audio</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/laitteet/aanentoisto" id="3efe7732-3f36-5e68-01aa-3af446298ec7" data-navpath="/Laitteet/Ãänentoisto ja audio" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('2536', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('2536'))" > <span>Ãänentoisto ja audio</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Ãänentoisto ja audio"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('2536', $event)" aria-label="Sulje alavalikko Ãänentoisto ja audio"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Ãänentoisto ja audio</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4733" v-bind:class="{'active' : isNavigationSectionActive('nav_4733')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/aanentoisto" id="9beda171-ced8-c1ab-746f-de4e7516f242" data-navpath="/Laitteet/Ãänentoisto ja audio/Kaikki" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/aanentoisto')" > <span>Kaikki</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2583" v-bind:class="{'active' : isNavigationSectionActive('nav_2583')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/aanentoisto/kaiuttimet" id="241de9d7-d2dd-c71b-dd3a-3f9a8e5e6044" data-navpath="/Laitteet/Ãänentoisto ja audio/Kaiuttimet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/aanentoisto/kaiuttimet')" > <span>Kaiuttimet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2584" v-bind:class="{'active' : isNavigationSectionActive('nav_2584')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/aanentoisto/kuulokkeet" id="0430bd11-b398-d6e0-c522-d950b01f0e79" data-navpath="/Laitteet/Ãänentoisto ja audio/Kuulokkeet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/aanentoisto/kuulokkeet')" > <span>Kuulokkeet</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 " id="nav_2531" v-bind:class="{'open' : isNavigationSubSectionOpen('2531'), 'active' : isNavigationSectionActive('nav_2531')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Tietokoneet ja lisälaitteet</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/laitteet/tietokoneet-lisalaitteet" id="0f7ea517-58cd-cd46-88bd-ac08d858de57" data-navpath="/Laitteet/Tietokoneet ja lisälaitteet" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('2531', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('2531'))" > <span>Tietokoneet ja lisälaitteet</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Tietokoneet ja lisälaitteet"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('2531', $event)" aria-label="Sulje alavalikko Tietokoneet ja lisälaitteet"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Tietokoneet ja lisälaitteet</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4734" v-bind:class="{'active' : isNavigationSectionActive('nav_4734')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/tietokoneet-ja-lisalaitteet" id="1fba8730-2add-7a15-5f45-917c2c7bb2d6" data-navpath="/Laitteet/Tietokoneet ja lisälaitteet/Kaikki" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/tietokoneet-ja-lisalaitteet')" > <span>Kaikki</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2982" v-bind:class="{'active' : isNavigationSectionActive('nav_2982')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/tietokoneet-ja-lisalaitteet/poytatietokoneet" id="ead3cb0e-4a77-3fdc-2fd8-d81ca67a4a12" data-navpath="/Laitteet/Tietokoneet ja lisälaitteet/Pöytätietokoneet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/tietokoneet-ja-lisalaitteet/poytatietokoneet')" > <span>Pöytätietokoneet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2983" v-bind:class="{'active' : isNavigationSectionActive('nav_2983')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/tietokoneet-ja-lisalaitteet/kannettavat-tietokoneet" id="c421bd3a-5fea-42e3-6fd4-3d15d6a2fa99" data-navpath="/Laitteet/Tietokoneet ja lisälaitteet/Kannettavat tietokoneet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/tietokoneet-ja-lisalaitteet/kannettavat-tietokoneet')" > <span>Kannettavat tietokoneet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5068" v-bind:class="{'active' : isNavigationSectionActive('nav_5068')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/pelaaminen/pelitietokoneet" id="c93c3190-2647-c942-572a-d251caa8f88f" data-navpath="/Laitteet/Tietokoneet ja lisälaitteet/Pelitietokoneet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/pelaaminen/pelitietokoneet')" > <span>Pelitietokoneet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2559" v-bind:class="{'active' : isNavigationSectionActive('nav_2559')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/tietokoneet-ja-lisalaitteet/naytot" id="02da04bb-6f68-e49b-895d-e2c49bd6af64" data-navpath="/Laitteet/Tietokoneet ja lisälaitteet/Näytöt" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/tietokoneet-ja-lisalaitteet/naytot')" > <span>Näytöt</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2560" v-bind:class="{'active' : isNavigationSectionActive('nav_2560')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/tietokoneet-ja-lisalaitteet/kaapelit-ja-adapterit" id="463f0a85-60c5-9828-3f92-e1aed8f42fcc" data-navpath="/Laitteet/Tietokoneet ja lisälaitteet/Kaapelit ja adapterit" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/tietokoneet-ja-lisalaitteet/kaapelit-ja-adapterit')" > <span>Kaapelit ja adapterit</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2561" v-bind:class="{'active' : isNavigationSectionActive('nav_2561')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/tietokoneet-ja-lisalaitteet/tietokoneiden-lisalaitteet" id="4b375c53-e2ba-4a99-59e5-3b43a3506594" data-navpath="/Laitteet/Tietokoneet ja lisälaitteet/Tietokoneiden lisätarvikkeet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/tietokoneet-ja-lisalaitteet/tietokoneiden-lisalaitteet')" > <span>Tietokoneiden lisätarvikkeet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2562" v-bind:class="{'active' : isNavigationSectionActive('nav_2562')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/tietokoneet-ja-lisalaitteet/laukut-ja-reput" id="cb5cbe02-6dfb-bef9-2fa9-489a9edb979d" data-navpath="/Laitteet/Tietokoneet ja lisälaitteet/Laukut ja reput" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/tietokoneet-ja-lisalaitteet/laukut-ja-reput')" > <span>Laukut ja reput</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 ds-main-nav__item--expanded" id="nav_2534" v-bind:class="{'open' : isNavigationSubSectionOpen('2534'), 'active' : isNavigationSectionActive('nav_2534')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Pelaaminen</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/laitteet/pelaaminen" id="52a121d4-8514-c7dc-7fef-04c4844b2977" data-navpath="/Laitteet/Pelaaminen" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('2534', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('2534'))" > <span>Pelaaminen</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Pelaaminen"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('2534', $event)" aria-label="Sulje alavalikko Pelaaminen"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Pelaaminen</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2571" v-bind:class="{'active' : isNavigationSectionActive('nav_2571')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/pelaaminen/pelikonsolit" id="99013bcb-9f0b-6c49-5dee-d71fa5e2a83d" data-navpath="/Laitteet/Pelaaminen/Pelikonsolit" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/pelaaminen/pelikonsolit')" > <span>Pelikonsolit</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2572" v-bind:class="{'active' : isNavigationSectionActive('nav_2572')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/pelaaminen/pelitietokoneet" id="2efe37a2-ff26-4dcb-ea6c-2b2ca9f81041" data-navpath="/Laitteet/Pelaaminen/Pelitietokoneet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/pelaaminen/pelitietokoneet')" > <span>Pelitietokoneet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2573" v-bind:class="{'active' : isNavigationSectionActive('nav_2573')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/pelaaminen/pelit" id="6f9de979-7c6f-6960-cc33-22c8ec08fc25" data-navpath="/Laitteet/Pelaaminen/Pelit" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/pelaaminen/pelit')" > <span>Pelit</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2574" v-bind:class="{'active' : isNavigationSectionActive('nav_2574')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/pelaaminen/peliohjaimet" id="5514a08a-6102-e28e-a2ad-45eb536979bd" data-navpath="/Laitteet/Pelaaminen/Peliohjaimet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/pelaaminen/peliohjaimet')" > <span>Peliohjaimet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2575" v-bind:class="{'active' : isNavigationSectionActive('nav_2575')}"> <a class="ds-main-nav__item-text ds-main-nav__item
1640-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/pelaaminen/pelikuulokkeet" id="921f5047-afa6-9ad3-bd30-a6ed56d2d29c" data-navpath="/Laitteet/Pelaaminen/Pelikuulokkeet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/pelaaminen/pelikuulokkeet')" > <span>Pelikuulokkeet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2576" v-bind:class="{'active' : isNavigationSectionActive('nav_2576')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/pelaaminen/lisatarvikkeet" id="acfcc673-739f-fba1-aa3f-e5197c20d75f" data-navpath="/Laitteet/Pelaaminen/Lisätarvikkeet pelaamiseen" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/pelaaminen/lisatarvikkeet')" > <span>Lisätarvikkeet pelaamiseen</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2577" v-bind:class="{'active' : isNavigationSectionActive('nav_2577')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/pelaaminen/virtuaalilasit" id="cbea4096-c3cd-ce57-20e7-17b42c384a40" data-navpath="/Laitteet/Pelaaminen/Virtuaalilasit" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/pelaaminen/virtuaalilasit')" > <span>Virtuaalilasit</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2578" v-bind:class="{'active' : isNavigationSectionActive('nav_2578')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/pelaaminen/laukut-ja-reput" id="27096ede-4c16-7d6b-73e7-da9385de463b" data-navpath="/Laitteet/Pelaaminen/Laukut ja reput" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/pelaaminen/laukut-ja-reput')" > <span>Laukut ja reput</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 ds-main-nav__item--expanded" id="nav_2538" v-bind:class="{'open' : isNavigationSubSectionOpen('2538'), 'active' : isNavigationSectionActive('nav_2538')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Ãlykoti</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/laitteet/alykoti" id="33bd3ff4-24f4-5276-d566-eacee33f0f8c" data-navpath="/Laitteet/Ãlykoti" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('2538', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('2538'))" > <span>Ãlykoti</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Ãlykoti"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('2538', $event)" aria-label="Sulje alavalikko Ãlykoti"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Ãlykoti</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2589" v-bind:class="{'active' : isNavigationSectionActive('nav_2589')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/alykoti/alykaiuttimet" id="7c5450b0-53cb-b6df-f0f5-3ee0183fa03a" data-navpath="/Laitteet/Ãlykoti/Ãlykaiuttimet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/alykoti/alykaiuttimet')" > <span>Ãlykaiuttimet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3364" v-bind:class="{'active' : isNavigationSectionActive('nav_3364')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/alykoti/alykodinlaitteet" id="768fb552-9553-f03e-c9b0-dec549472c74" data-navpath="/Laitteet/Ãlykoti/Ãlykoti" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/alykoti/alykodinlaitteet')" > <span>Ãlykoti</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2590" v-bind:class="{'active' : isNavigationSectionActive('nav_2590')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/alykoti/alyvalaistus" id="7ed4c5fa-273e-ec80-a3e5-18e94f3ff563" data-navpath="/Laitteet/Ãlykoti/Ãlyvalaistus" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/alykoti/alyvalaistus')" > <span>Ãlyvalaistus</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2798" v-bind:class="{'active' : isNavigationSectionActive('nav_2798')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/alykoti/bluetooth-paikantimet" id="2e65733a-838a-bf7f-dd2e-081e66a13f35" data-navpath="/Laitteet/Ãlykoti/Bluetooth-paikantimet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/alykoti/bluetooth-paikantimet')" > <span>Bluetooth-paikantimet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2591" v-bind:class="{'active' : isNavigationSectionActive('nav_2591')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/alykoti/robotti-imurit" id="21a37698-c8a8-c019-a811-d396028482d8" data-navpath="/Laitteet/Ãlykoti/Robotti-imurit" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/alykoti/robotti-imurit')" > <span>
1640Robotti-imurit</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 ds-main-nav__item--expanded" id="nav_3577" v-bind:class="{'open' : isNavigationSubSectionOpen('3577'), 'active' : isNavigationSectionActive('nav_3577')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Nettilaitteet, reitittimet ja modeemit</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/laitteet/modeemit-ja-mokkulat" id="783f9fdd-ff2a-7536-8775-ed7b1a73a42c" data-navpath="/Laitteet/Nettilaitteet, reitittimet ja modeemit" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('3577', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('3577'))" > <span>Nettilaitteet, reitittimet ja modeemit</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Nettilaitteet, reitittimet ja modeemit"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('3577', $event)" aria-label="Sulje alavalikko Nettilaitteet, reitittimet ja modeemit"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Nettilaitteet, reitittimet ja modeemit</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3578" v-bind:class="{'active' : isNavigationSectionActive('nav_3578')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/laitteet/modeemit-ja-mokkulat" id="232aec78-32c1-3767-61bc-5dc49d7549a8" data-navpath="/Laitteet/Nettilaitteet, reitittimet ja modeemit/Kaikki" v-on:click="onNavigationLinkClick('https://www.dna.fi/laitteet/modeemit-ja-mokkulat')" > <span>Kaikki</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3133" v-bind:class="{'active' : isNavigationSectionActive('nav_3133')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/laitteet/modeemit-ja-mokkulat/modeemit" id="fc8d347c-4cb6-30ef-caf7-56314fc4dde7" data-navpath="/Laitteet/Nettilaitteet, reitittimet ja modeemit/Modeemit" v-on:click="onNavigationLinkClick('https://www.dna.fi/laitteet/modeemit-ja-mokkulat/modeemit')" > <span>Modeemit</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3610" v-bind:class="{'active' : isNavigationSectionActive('nav_3610')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/modeemit-ja-mokkulat/mokkulat" id="a301caa4-7455-eb0c-3f8b-76dd22a4beb8" data-navpath="/Laitteet/Nettilaitteet, reitittimet ja modeemit/Mokkulat: 4G - ja 5G -reitittimet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/modeemit-ja-mokkulat/mokkulat')" > <span>Mokkulat: 4G - ja 5G -reitittimet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3579" v-bind:class="{'active' : isNavigationSectionActive('nav_3579')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/laitteet/modeemit-ja-mokkulat/mesh" id="ab11dd0c-a8ea-125d-ecd6-521506e3480d" data-navpath="/Laitteet/Nettilaitteet, reitittimet ja modeemit/Mesh WiFi -laajentimet" v-on:click="onNavigationLinkClick('https://www.dna.fi/laitteet/modeemit-ja-mokkulat/mesh')" > <span>Mesh WiFi -laajentimet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3404" v-bind:class="{'active' : isNavigationSectionActive('nav_3404')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/laitteet/modeemit-ja-mokkulat/ulkomokkula" id="65be16d4-1085-3c17-cefd-0a33fa7ae30c" data-navpath="/Laitteet/Nettilaitteet, reitittimet ja modeemit/DNA Ulkomokkula" v-on:click="onNavigationLinkClick('https://www.dna.fi/laitteet/modeemit-ja-mokkulat/ulkomokkula')" > <span>DNA Ulkomokkula</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5093" v-bind:class="{'active' : isNavigationSectionActive('nav_5093')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/laitteet/modeemit-ja-mokkulat/lisatarvikkeet" id="32902c50-6156-cf9f-5442-c79eab482be5" data-navpath="/Laitteet/Nettilaitteet, reitittimet ja modeemit/Lisätarvikkeet" v-on:click="onNavigationLinkClick('https://www.dna.fi/laitteet/modeemit-ja-mokkulat/lisatarvikkeet')" > <span>Lisätarvikkeet</span> </a> </li> </ul> </div> </li> <li v-if="!mobileMode" class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 ds-main-nav__item--collapsed" id="nav_level2_collapsed"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2"> Muut kategoriat </h2> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Muut kategoriat"> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="collapsed_nav_2534" v-bind:class="{'active' : isNavigationSectionActive('nav_2534')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/laitteet/pelaaminen" id="52a121d4-8514-c7dc-7fef-04c4844b2977" data-navpath="/Laitteet/Pelaaminen" v-on:click="onNavigationLinkClick('https://www.dna.fi/laitteet/pelaaminen')" > <span>Pelaaminen</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="collapsed_nav_2538" v-bind:class="{'active' : isNavigationSectionActive('nav_2538')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/laitteet/alykoti" id="33bd3ff4-24f4-5276-d566-eacee33f0f8c" data-navpath="/Laitteet/Ãlykoti" v-on:click="onNavigationLinkClick('https://www.dna.fi/laitteet/alykoti')" > <span>Ãlykoti</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="collapsed_nav_3577" v-bind:class="{'active' : isNavigationSectionActive('nav_3577')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/laitteet/modeemit-ja-mokkulat" id="783f9fdd-ff2a-7536-8775-ed7b1a73a42c" data-navpath="/Laitteet/Nettilaitteet, reitittimet ja modeemit" v-on:click="onNavigationLinkClick('https://www.dna.fi/laitteet/modeemit-ja-mokkulat')" > <span>Nettilaitteet, reitittimet ja modeemit</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--featured ds-main-nav__featured-links" v-if="!mobileMode"> <section aria-label="Oikopolut"> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/laitteet/kaytetyt/vaihtokapula" id="featured-5186" data-navpath="/Laitteet/Käytetyt puhelimet" v-on:click="onNavigationLinkClick('https://www.dna.fi/laitteet/kaytetyt/vaihtokapula')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Käytetyt puhelimet</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://kauppa.dna.fi/laitteet/tarjoukset/kaikki" id="featured-2650" data-navpath="/Laitteet/Tarjoukset" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/tarjoukset/kaikki')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Tarjoukset</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://kauppa.dna.fi/laitteet/asiakasedut" id="featured-5040" data-navpath="/Laitteet/Asiakasedut" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/asiakasedut')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Asiakasedut</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/laitteet/tuotemerkit" id="featured-2772" data-navpath="/Laitteet/Tuotemerkit" v-on:click="onNavigationLinkClick('https://www.dna.fi/laitteet/tuotemerkit')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Tuotemerkit</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/ajankohtaista/osto-oppa
1640at" id="featured-4853" data-navpath="/Laitteet/Osto-oppaat" v-on:click="onNavigationLinkClick('https://www.dna.fi/ajankohtaista/osto-oppaat')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Osto-oppaat</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/ajankohtaista" id="featured-4821" data-navpath="/Laitteet/Ajankohtaista" v-on:click="onNavigationLinkClick('https://www.dna.fi/ajankohtaista')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Ajankohtaista</span> </a> </section> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--level-1 " id="nav_4624" v-bind:class="{'open' : isNavigationSectionOpen('4624'), 'active' : isNavigationSectionActive('nav_4624')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-1" href="https://www.dna.fi/liittymat-ja-palvelut" id="abeaa637-8692-0db2-6835-00416bd8ab20" data-navpath="/Liittymät ja palvelut" v-if="true || mobileMode" v-on:click="toggleNavigationItem('4624', false, $event)" v-bind:aria-expanded="String(isNavigationSectionOpen('4624'))" > <span>Liittymät ja palvelut</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section ds-main-nav__section--megamenu"> <ul class="ds-main-nav__list--sub" aria-label="Liittymät ja palvelut"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-2 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationItem('4624', false, $event)" aria-label="Sulje alavalikko Liittymät ja palvelut"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Liittymät ja palvelut</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--featured ds-main-nav__featured-links" v-if="mobileMode"> <section aria-label="Oikopolut"> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/mobiilivarmenne" id="featured-4986" data-navpath="/Liittymät ja palvelut/Hanki Mobiilivarmenne" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/mobiilivarmenne')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Hanki Mobiilivarmenne</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/5g" id="featured-4660" data-navpath="/Liittymät ja palvelut/DNA 5G" v-on:click="onNavigationLinkClick('https://www.dna.fi/5g')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>DNA 5G</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/liittymat-ja-palvelut/netti/muutto" id="featured-4657" data-navpath="/Liittymät ja palvelut/Muuttajat" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/netti/muutto')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Muuttajat</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/digiturva/vpn" id="featured-4745" data-navpath="/Liittymät ja palvelut/VPN-yhteys" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/digiturva/vpn')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>VPN-yhteys</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/digiturva/virustorjunta" id="featured-4746" data-navpath="/Liittymät ja palvelut/Virustorjunta" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/digiturva/virustorjunta')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Virustorjunta</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/liittymat-ja-palvelut/puhe/liittymahinta" id="featured-4659" data-navpath="/Liittymät ja palvelut/Osta puhelinliittymä" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/puhe/liittymahinta')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Osta puhelinliittymä</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/liittymat-ja-palvelut/puhe/esim" id="featured-4812" data-navpath="/Liittymät ja palvelut/eSIM" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/puhe/esim')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>eSIM</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/liittymat-ja-palvelut/netti/taloyhtiot/netti-taloyhtioille" id="featured-5058" data-navpath="/Liittymät ja palvelut/Taloyhtiöpäättäjä" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/netti/taloyhtiot/netti-taloyhtioille')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Taloyhtiöpäättäjä</span> </a> </section> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 " id="nav_1253" v-bind:class="{'open' : isNavigationSubSectionOpen('1253'), 'active' : isNavigationSectionActive('nav_1253')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Puhelinliittymät</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/liittymat-ja-palvelut/puhe" id="1eebc69d-5fbe-14fb-4f07-2fc9c8d59c53" data-navpath="/Liittymät ja palvelut/Puhelinliittymät" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('1253', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('1253'))" > <span>Puhelinliittymät</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Puhelinliittymät"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('1253', $event)" aria-label="Sulje alavalikko Puhelinliittymät"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Puhelinliittymät</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_31" v-bind:class="{'active' : isNavigationSectionActive('nav_31')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/puhe" id="dd2ca1ae-6991-2ac2-dc67-c93bfcbd10db" data-navpath="/Liittymät ja palvelut/Puhelinliittymät/Puhelinliittymät" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/puhe')" > <span>Puhelinliittymät</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_982" v-bind:class="{'active' : isNavigationSectionActive('nav_982')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/puhe/prepaid" id="e5aa21b4-1524-61c1-0dcb-b78160cb09a1" data-navpath="/Liittymät ja palvelut/Puhelinliittymät/Prepaid-liittymät" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/puhe/prepaid')" > <span>Prepaid-liittymät</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2800" v-bind:class="{'active' : isNavigationSectionActive('nav_2800')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/puhe/koululaiselle" id="180865fa-d255-9ee1-c53d-b5c0f7cf6b2c" data-navpath="/Liittymät ja palvelut/Puhelinliittymät/Koululaiselle" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/puhe/koululaiselle')" > <span>Koululaiselle</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_640" v-bind:class="{'active' : isNavigationSectionActive('nav_640')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/puhe/ulkomailla" id="547405c0-fa21-d630-5bfb-bceaf014eaa0" data-navpath="/Liittymät ja palvelut/Puhelinliittymät/Ulkomailla" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/puhe/ulkomailla')" > <span>Ulkomailla</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_1613" v-bind:class="{'active' : isNavigationSectionActive('nav_1613')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/puhe/lisapalvelut" id="57434ebf-4b89-2f05-d626-36aa86578b27" data-navpath="/Liittymät ja palvelut/Puhelinliittymät/Liittymien lisäpalvelut" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/puhe/lisapalvelut')" > <span>Liittymien lisäpalvelut</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3067" v-bind:class="{'active' : isNavigationSectionActive('nav_3067')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/puhe/liittymavertailu" id="dfd01264-93b6-9f03-af0a-78cf2b81ae74" data-navpath="/Liittymät ja palvelut/Puhelinliittymät/Puhelinliittymävertailu" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/puhe/liittymavertailu')" > <span>Puhelinliittymävertailu</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 " id="nav_3530" v-bind:class="{'open' : isNavigationSubSectionOpen('3530'), 'active' : isNavigationSectionActive('nav_3530')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Netti</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/liittymat-ja-palvelut/netti" id="3c37473c-463a-ef0f-4b72-594e2be1abe3" data-navpath="/Liittymät ja palvelut/Netti" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('3530', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('3530'))" > <span>Netti</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Netti"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('3530', $event)" aria-label="Sulje alavalikko Netti"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Netti</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4653" v-bind:class="{'active' : isNavigationSectionActive('nav_4653')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/netti" id="ff943ba5-0e26-3f8d-7ea1-68f7e7b69c93" data-navpath="/Liittymät ja palvelut/Netti/Netti kotiin" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/netti')" > <span>Netti kotiin</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3036" v-bind:class="{'active' : isNavigationSectionActive('nav_3036')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/netti/netti-mukaan" id="d0473997-c387-e832-746d-fe9fc77b8fed" data-navpath="/Liittymät ja palvelut/Netti/Netti mukaan" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/netti/netti-mukaan')" > <span>Netti mukaan</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3176" v-bind:class="{'active' : isNavigationSectionActive('nav_3176')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/netti/laitenetti" id="6dcc3f5f-9254-dfc2-d965-fa0773243976" data-navpath="/Liittymät ja palvelut/Netti/Laitenetti" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/netti/laitenetti')" > <span>Laitenetti</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3498" v-bind:class="{'active' : isNavigationSectionActive('nav_3498')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/netti/taloyhtiot" id="143719c3-a4de-4887-8e91-49cc839e2525" data-navpath="/Liittymät ja palvelut/Netti/Taloyhtiönetti" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/netti/taloyhtiot')" > <span>Taloyhtiönetti</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3585" v-bind:class="{'active' : isNavigationSectionActive('nav_3585')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/netti/pientalot" id="a87a163d-e832-4000-0e98-71c49316cec8" data-navpath="/Liittymät ja palvelut/Netti/Pientalot" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/netti/pientalot')" > <span>Pientalot</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2310" v-bind:class="{'active' : isNavigationSectionActive('nav_2310')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/netti/nopeustesti" id="aec290df-a1f3-30bf-c66f-849b57eed2f5" data-navpath="/Liittymät ja palvelut/Netti/Nopeustesti" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/netti/nopeustesti')" > <span>Nopeustesti</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3211" v-bind:class="{'active' : isNavigationSectionActive('nav_3211')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/netti/netti-mokille" id="68cd5c02-c529-1e60-20b2-55c8cd8c8e5a" data-navpath="/Liittymät ja palvelut/Netti/Netti mökille" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/netti/netti-mokille')" > <span>Netti mökille</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3688" v-bind:class="{'active' : isNavigationSectionActive('nav_3688')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/netti/laajakaista" id="a784f93b-7caf-087d-76b3-2dfef852b5a0" data-navpath="/Liittymät ja palvelut/Netti/Laajakaista" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/netti/laajakaista')" > <span>Laajakaista</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3955" v-bind:class="{'active' : isNavigationSectionActive('nav_3955')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/netti/valokuitu" id="e59ac481-407e-817b-8a0e-0a75a24b0ee1" data-navpath="/Liittymät ja palvelut/Netti/Valokuitu" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut
1640/netti/valokuitu')" > <span>Valokuitu</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4913" v-bind:class="{'active' : isNavigationSectionActive('nav_4913')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/netti/kaapelinetti" id="f11b6113-8580-89ac-a661-37c50d32f6c8" data-navpath="/Liittymät ja palvelut/Netti/Kaapelinetti" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/netti/kaapelinetti')" > <span>Kaapelinetti</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 " id="nav_4649" v-bind:class="{'open' : isNavigationSubSectionOpen('4649'), 'active' : isNavigationSectionActive('nav_4649')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Turvapalvelut</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut" id="24010751-72f4-ee9e-0b2e-f8e6451e4819" data-navpath="/Liittymät ja palvelut/Turvapalvelut" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('4649', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('4649'))" > <span>Turvapalvelut</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Turvapalvelut"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('4649', $event)" aria-label="Sulje alavalikko Turvapalvelut"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Turvapalvelut</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4650" v-bind:class="{'active' : isNavigationSectionActive('nav_4650')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut" id="905ce0f4-c3f3-3237-4234-7e42fbfffb5c" data-navpath="/Liittymät ja palvelut/Turvapalvelut/Kaikki turvapalvelut" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut')" > <span>Kaikki turvapalvelut</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3358" v-bind:class="{'active' : isNavigationSectionActive('nav_3358')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/digiturva" id="60f31e3e-0dd9-1d11-a55e-687f15f211ae" data-navpath="/Liittymät ja palvelut/Turvapalvelut/Kattava tietoturva" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/digiturva')" > <span>Kattava tietoturva</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_60" v-bind:class="{'active' : isNavigationSectionActive('nav_60')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/squaretrade" id="fc917f62-f658-3d1b-8d89-316ba9532a19" data-navpath="/Liittymät ja palvelut/Turvapalvelut/Laitevakuutus uudelle laitteelle" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/squaretrade')" > <span>Laitevakuutus uudelle laitteelle</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_62" v-bind:class="{'active' : isNavigationSectionActive('nav_62')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/mobiilivarmenne" id="660e86f0-60f1-5771-df75-cd00029a94e2" data-navpath="/Liittymät ja palvelut/Turvapalvelut/Mobiilivarmenne" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/mobiilivarmenne')" > <span>Mobiilivarmenne</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--featured ds-main-nav__featured-links" v-if="!mobileMode"> <section aria-label="Oikopolut"> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/mobiilivarmenne" id="featured-4986" data-navpath="/Liittymät ja palvelut/Hanki Mobiilivarmenne" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/mobiilivarmenne')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Hanki Mobiilivarmenne</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/5g" id="featured-4660" data-navpath="/Liittymät ja palvelut/DNA 5G" v-on:click="onNavigationLinkClick('https://www.dna.fi/5g')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>DNA 5G</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/liittymat-ja-palvelut/netti/muutto" id="featured-4657" data-navpath="/Liittymät ja palvelut/Muuttajat" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/netti/muutto')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Muuttajat</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/digiturva/vpn" id="featured-4745" data-navpath="/Liittymät ja palvelut/VPN-yhteys" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/digiturva/vpn')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>VPN-yhteys</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/digiturva/virustorjunta" id="featured-4746" data-navpath="/Liittymät ja palvelut/Virustorjunta" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/digiturva/virustorjunta')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Virustorjunta</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/liittymat-ja-palvelut/puhe/liittymahinta" id="featured-4659" data-navpath="/Liittymät ja palvelut/Osta puhelinliittymä" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/puhe/liittymahinta')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Osta puhelinliittymä</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/liittymat-ja-palvelut/puhe/esim" id="featured-4812" data-navpath="/Liittymät ja palvelut/eSIM" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/puhe/esim')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>eSIM</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/liittymat-ja-palvelut/netti/taloyhtiot/netti-taloyhtioille" id="featured-5058" data-navpath="/Liittymät ja palvelut/Taloyhtiöpäättäjä" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/netti/taloyhtiot/netti-taloyhtioille')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Taloyhtiöpäättäjä</span> </a> </section> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--level-1 " id="nav_1300" v-bind:class="{'open' : isNavigationSectionOpen('1300'), 'active' : isNavigationSectionActive('nav_1300')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-1" href="https://www.dna.fi/viihde" id="67c8f8e6-66b5-f87e-c85d-5cf663bfa279" data-navpath="/Viihde" v-if="true || mobileMode" v-on:click="toggleNavigationItem('1300', false, $event)" v-bind:aria-expanded="String(isNavigationSectionOpen('1300'))" > <span>
1640Viihde</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section ds-main-nav__section--megamenu"> <ul class="ds-main-nav__list--sub" aria-label="Viihde"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-2 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationItem('1300', false, $event)" aria-label="Sulje alavalikko Viihde"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Viihde</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--featured ds-main-nav__featured-links" v-if="mobileMode"> <section aria-label="Oikopolut"> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://dnatv.dna.fi/" id="featured-3432" data-navpath="/Viihde/Avaa DNA TV" target="_blank" v-on:click="onNavigationLinkClick('https://dnatv.dna.fi/')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#Open"></use></svg> <span>Avaa DNA TV</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/viihde/tvopas" id="featured-5189" data-navpath="/Viihde/TV-opas" v-on:click="onNavigationLinkClick('https://www.dna.fi/viihde/tvopas')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>TV-opas</span> </a> </section> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 " id="nav_2648" v-bind:class="{'open' : isNavigationSubSectionOpen('2648'), 'active' : isNavigationSectionActive('nav_2648')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">DNA Viihde</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/viihde/dna-viihde" id="60a93c24-6e4c-b51d-469a-d9f22165d609" data-navpath="/Viihde/DNA Viihde" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('2648', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('2648'))" > <span>DNA Viihde</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="DNA Viihde"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('2648', $event)" aria-label="Sulje alavalikko DNA Viihde"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>DNA Viihde</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4654" v-bind:class="{'active' : isNavigationSectionActive('nav_4654')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/viihde/dna-viihde" id="65c9ba0d-5708-58db-0c4c-10775e16cd21" data-navpath="/Viihde/DNA Viihde/Tutustu DNA Viihteeseen" v-on:click="onNavigationLinkClick('https://www.dna.fi/viihde/dna-viihde')" > <span>Tutustu DNA Viihteeseen</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5138" v-bind:class="{'active' : isNavigationSectionActive('nav_5138')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/viihde/dna-viihde/takakaiuttimet" id="37bb413e-0fcc-6ce3-4e8f-30f2d1dc5ec9" data-navpath="/Viihde/DNA Viihde/Takakaiuttimet" v-on:click="onNavigationLinkClick('https://www.dna.fi/viihde/dna-viihde/takakaiuttimet')" > <span>Takakaiuttimet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3564" v-bind:class="{'active' : isNavigationSectionActive('nav_3564')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/tv/kanavapaketit-ja-suoratoistopalvelut" id="c9c9816d-8e0
1640d-16a7-54c2-4685c6d857dd" data-navpath="/Viihde/DNA Viihde/Kanavapaketit ja suoratoistopalvelut" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/tv/kanavapaketit-ja-suoratoistopalvelut')" > <span>Kanavapaketit ja suoratoistopalvelut</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5042" v-bind:class="{'active' : isNavigationSectionActive('nav_5042')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/tv/kanavat" id="47a44b28-f2a4-0d13-c833-c14038482fa8" data-navpath="/Viihde/DNA Viihde/Kanavat" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/tv/kanavat')" > <span>Kanavat</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 " id="nav_3729" v-bind:class="{'open' : isNavigationSubSectionOpen('3729'), 'active' : isNavigationSectionActive('nav_3729')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Suoratoistopalvelut</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/viihde/suoratoistopalvelut" id="7933129c-5518-cbd3-cd4e-c194f115984e" data-navpath="/Viihde/Suoratoistopalvelut" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('3729', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('3729'))" > <span>Suoratoistopalvelut</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Suoratoistopalvelut"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('3729', $event)" aria-label="Sulje alavalikko Suoratoistopalvelut"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Suoratoistopalvelut</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4651" v-bind:class="{'active' : isNavigationSectionActive('nav_4651')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/viihde/suoratoistopalvelut" id="ea9cf656-eb86-d5b0-0126-af2fec0a3210" data-navpath="/Viihde/Suoratoistopalvelut/Tutustu suoratoistopalveluihin" v-on:click="onNavigationLinkClick('https://www.dna.fi/viihde/suoratoistopalvelut')" > <span>Tutustu suoratoistopalveluihin</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5191" v-bind:class="{'active' : isNavigationSectionActive('nav_5191')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/viihde/suoratoistopalvelut/hbomax" id="1267df80-a646-cff1-2418-b35422f5a0d1" data-navpath="/Viihde/Suoratoistopalvelut/HBO Max" v-on:click="onNavigationLinkClick('https://www.dna.fi/viihde/suoratoistopalvelut/hbomax')" > <span>HBO Max</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_467" v-bind:class="{'active' : isNavigationSectionActive('nav_467')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/viihde/suoratoistopalvelut/mtvkatsomo" id="588a4035-f415-e799-e8b1-9462e30c42a0" data-navpath="/Viihde/Suoratoistopalvelut/MTV Katsomo+" v-on:click="onNavigationLinkClick('https://www.dna.fi/viihde/suoratoistopalvelut/mtvkatsomo')" > <span>MTV Katsomo+</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_1491" v-bind:class="{'active' : isNavigationSectionActive('nav_1491')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/viihde/suoratoistopalvelut/viaplay" id="8bd746e1-b45c-5c77-a6b9-68a5c5144ef1" data-navpath="/Viihde/Suoratoistopalvelut/Viaplay" v-on:click="onNavigationLinkClick('https://www.dna.fi/viihde/suoratoistopalvelut/viaplay')" > <span>Viaplay</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2506" v-bind:class="{'active' : isNavigationSectionActive('nav_2506')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/viihde/suoratoistopalvelut/netflix" id="1c46f1f9-1368-18a7-fc72-75bb89803ad4" data-navpath="/Viihde/Suoratoistopalvelut/Netflix" v-on:click="onNavigationLinkClick('https://www.dna.fi/viihde/suoratoistopalvelut/netflix')" > <span>Netflix</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3126" v-bind:class="{'active' : isNavigationSectionActive('nav_3126')}
1640"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/viihde/suoratoistopalvelut/deezer" id="876c3040-7ed7-51a4-5ed2-0256bbceabf0" data-navpath="/Viihde/Suoratoistopalvelut/Deezer" v-on:click="onNavigationLinkClick('https://www.dna.fi/viihde/suoratoistopalvelut/deezer')" > <span>Deezer</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 " id="nav_4647" v-bind:class="{'open' : isNavigationSubSectionOpen('4647'), 'active' : isNavigationSectionActive('nav_4647')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Kampanjat</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/viihde/kampanjat" id="25d3a77d-ac93-8371-9aee-615ed9251c0a" data-navpath="/Viihde/Kampanjat" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('4647', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('4647'))" > <span>Kampanjat</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Kampanjat"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('4647', $event)" aria-label="Sulje alavalikko Kampanjat"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Kampanjat</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4652" v-bind:class="{'active' : isNavigationSectionActive('nav_4652')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/viihde/kampanjat" id="a82d9906-1116-1962-448f-9eac37a1ef4a" data-navpath="/Viihde/Kampanjat/Kaikki kampanjat" v-on:click="onNavigationLinkClick('https://www.dna.fi/viihde/kampanjat')" > <span>Kaikki kampanjat</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_797" v-bind:class="{'active' : isNavigationSectionActive('nav_797')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/viihde/kampanjat/liiga" id="09f97062-a5cf-58bf-359b-3d34da2bc867" data-navpath="/Viihde/Kampanjat/Liiga" v-on:click="onNavigationLinkClick('https://www.dna.fi/viihde/kampanjat/liiga')" > <span>Liiga</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_1791" v-bind:class="{'active' : isNavigationSectionActive('nav_1791')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/viihde/kampanjat/valioliiga" id="1ef217d4-4c10-c5df-cc16-65b730995cfa" data-navpath="/Viihde/Kampanjat/Valioliiga" v-on:click="onNavigationLinkClick('https://www.dna.fi/viihde/kampanjat/valioliiga')" > <span>Valioliiga</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2666" v-bind:class="{'active' : isNavigationSectionActive('nav_2666')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/viihde/kampanjat/nhl" id="a42f4931-7216-02cf-601a-48a086ed330a" data-navpath="/Viihde/Kampanjat/NHL" v-on:click="onNavigationLinkClick('https://www.dna.fi/viihde/kampanjat/nhl')" > <span>NHL</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5185" v-bind:class="{'active' : isNavigationSectionActive('nav_5185')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/viihde/kampanjat/mestarienliiga" id="524aa2aa-203e-6c9f-b924-02fd4d2871e6" data-navpath="/Viihde/Kampanjat/Mestarien liiga" v-on:click="onNavigationLinkClick('https://www.dna.fi/viihde/kampanjat/mestarienliiga')" > <span>Mestarien liiga</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_710" v-bind:class="{'active' : isNavigationSectionActive('nav_710')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/viihde/kampanjat/formula1" id="62e2e206-1ce0-6ec2-063d-9c7e4d92cf87" data-navpath="/Viihde/Kampanjat/Formula 1®" v-on:click="onNavigationLinkClick('https://www.dna.fi/viihde/kampanjat/formula1')" > <span>Formula 1®</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3689" v-bind:class="{'active' : isNavigationSectionActive('nav_3689')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/viihde/kampanjat/ralli" id="09513c4a-9eeb-0617-8aa7-5ac82ba64666" data-navpath="/Viihde/Kampanjat/MM-ralli" v-on:click="onNavigationLinkClick('https://www.dna.fi/viihde/kampanjat/ralli')" > <span>MM-ralli</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--featured ds-main-nav__featured-links" v-if="!mobileMode"> <section aria-label="Oikopolut"> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://dnatv.dna.fi/" id="featured-3432" data-navpath="/Viihde/Avaa DNA TV" target="_blank" v-on:click="onNavigationLinkClick('https://dnatv.dna.fi/')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#Open"></use></svg> <span>Avaa DNA TV</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/viihde/tvopas" id="featured-5189" data-navpath="/Viihde/TV-opas" v-on:click="onNavigationLinkClick('https://www.dna.fi/viihde/tvopas')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>TV-opas</span> </a> </section> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--level-1 " id="nav_3914" v-bind:class="{'open' : isNavigationSectionOpen('3914'), 'active' : isNavigationSectionActive('nav_3914')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-1 ds-main-nav__item--link-in-desktop" href="https://www.dna.fi/tuki" id="36b3fa9c-532e-a1ef-1151-3a44f31392ca" data-navpath="/Tuki ja ohjeet" v-if="true || mobileMode" v-on:click="toggleNavigationItem('3914', true, $event)" v-bind:aria-expanded="String(isNavigationSectionOpen('3914'))" > <span>Tuki ja ohjeet</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section ds-main-nav__section--megamenu"> <ul class="ds-main-nav__list--sub" aria-label="Tuki ja ohjeet"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-2 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationItem('3914', false, $event)" aria-label="Sulje alavalikko Tuki ja ohjeet"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Tuki ja ohjeet</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--featured ds-main-nav__featured-links" v-if="mobileMode"> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 " id="nav_3915" v-bind:class="{'open' : isNavigationSubSectionOpen('3915'), 'active' : isNavigationSectionActive('nav_3915')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Laitteet</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/tuki/laitteet" id="ea07a0f7-2122-db0b-daa6-71c245ce36ca" data-navpath="/Tuki ja ohjeet/Laitteet" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('3915', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('3915'))" > <span>Laitteet</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Laitteet"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('3915', $event)" aria-label="Sulje alavalikko Laitteet"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Laitteet</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4020" v-bind:class="{'active' : isNavigationSectionActive('nav_4020')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/laitteet/modeemit" id="f4da943c-c00e-0bad-a9a0-b7c59306a6c1" data-navpath="/Tuki ja ohjeet/Laitteet/Reitittimet" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/laitteet/modeemit')" > <span>Reitittimet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4062" v-bind:class="{'active' : isNavigationSectionActive('nav_4062')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/laitteet/mokkulat" id="0f8685e7-1292-d1ac-79a1-c4dddc2d0f8f" data-navpath="/Tuki ja ohjeet/Laitteet/Mokkulat" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/laitteet/mokkulat')" > <span>Mokkulat</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4064" v-bind:class="{'active' : isNavigationSectionActive('nav_4064')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/laitteet/puhelimet-ja-tabletit" id="87fb071b-006d-abe8-8083-1bf050a1692c" data-navpath="/Tuki ja ohjeet/Laitteet/Puhelimet ja tabletit" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/laitteet/puhelimet-ja-tabletit')" > <span>Puhelimet ja tabletit</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4249" v-bind:class="{'active' : isNavigationSectionActive('nav_4249')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/laitteet/alykellot" id="e1b3e444-76ed-64df-a679-b910edca17b0" data-navpath="/Tuki ja ohjeet/Laitteet/Ãlykellot" target="Tuki" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/laitteet/alykellot')" > <span>Ãlykellot</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4065" v-bind:class="{'active' : isNavigationSectionActive('nav_4065')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/laitteet/huolto" id="05554cd1-8023-2e2e-de21-25b027359cd7" data-navpath="/Tuki ja ohjeet/Laitteet/Huoltokumppanit ja takuu" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/laitteet/huolto')" > <span>Huoltokumppanit ja takuu</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5289" v-bind:class="{'active' : isNavigationSectionActive('nav_5289')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/laitteet/nettilaitteet-palveluna" id="bd1219a7-a184-5010-7004-90adaf1cbd00" data-navpath="/Tuki ja ohjeet/Laitteet/Nettilaitteet palveluna" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/laitteet/nettilaitteet-palveluna')" > <span>Nettilaitteet palveluna</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 " id="nav_3916" v-bind:class="{'open' : isNavigationSubSectionOpen('3916'), 'active' : isNavigationSectionActive('nav_3916')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Puhelinliittymät</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/tuki/puhelinliittymat" id="8aa9749d-ee13-a50b-13b6-ae9e7eaf26e5" data-navpath="/Tuki ja ohjeet/Puhelinliittymät" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('3916', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('3916'))" > <span>Puhelinliittymät</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Puhelinliittymät"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('3916', $event)" aria-label="Sulje alavalikko Puhelinliittymät"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Puhelinliittymät</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4000" v-bind:class="{'active' : isNavigationSectionActive('nav_4000')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/puhelinliittymat/puk-koodi" id="aedf8f8f-df3e-1c56-0bb3-5df25b0419a2" data-navpath="/Tuki ja ohjeet/Puhelinliittymät/PUK-koodi" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/puhelinliittymat/puk-koodi')" > <span>PUK-koodi</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4003" v-bind:class="{'active' : isNavigationSectionActive('nav_4003')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/puhelinliittymat/aktivointi" id="8fdbd473-1153-0f1f-14ca-fff98591f97e" data-navpath="/Tuki ja ohjeet/Puhelinliittymät/Liittymän aktivointi" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/puhelinliittymat/aktivointi')" > <span>Liittymän aktivointi</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4053" v-bind:class="{'active' : isNavigationSectionActive('nav_4053')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/puhelinliittymat/numeronsiirto" id="bbeb80ce-e8cf-66b6-0bb3-d50b1051265e" data-navpath="/Tuki ja ohjeet/Puhelinliittymät/Numeronsiirto" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/puhelinliittymat/numeronsiirto')" > <span>Numeronsiirto</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5198" v-bind:class="{'active' : isNavigationSectionActive('nav_5198')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/puhelinliittymat/numeronluovutus" id="0c73a4c6-4450-5870-52eb-9da523443eb7" data-navpath="/Tuki ja ohjeet/Puhelinliittymät/Numeronluovutus" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/puhelinliittymat/numeronluovutus')" > <span>Numeronluovutus</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4537" v-bind:class="{'active' : isNavigationSectionActive('nav_4537')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/puhelinliittymat/kaytto-ulkomailla" id="2658ec94-6108-abd2-db94-91efa212ef2d" data-navpath="/Tuki ja ohjeet/Puhelinliittymät/Liittymän käyttö ulkomailla" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/puhelinliittymat/kaytto-ulkomailla')" > <span>Liittymän käyttö ulkomailla</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5125" v-bind:class="{'active' : isNavigationSectionActive('nav_5125')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/puhelinliittymat/irtisanominen" id="ae515918-1ed4-28df-71b4-b66c6dc56f58" data-navpat
1640h="/Tuki ja ohjeet/Puhelinliittymät/Puhelinliittymän irtisanominen" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/puhelinliittymat/irtisanominen')" > <span>Puhelinliittymän irtisanominen</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4004" v-bind:class="{'active' : isNavigationSectionActive('nav_4004')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/puhelinliittymat/esim" id="027dcf09-6e97-6618-fa61-8fa1d801f796" data-navpath="/Tuki ja ohjeet/Puhelinliittymät/eSIM" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/puhelinliittymat/esim')" > <span>eSIM</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4005" v-bind:class="{'active' : isNavigationSectionActive('nav_4005')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/puhelinliittymat/multi-sim" id="2bfd81a3-9599-24e2-7583-71e20579cf6b" data-navpath="/Tuki ja ohjeet/Puhelinliittymät/Multi-SIM" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/puhelinliittymat/multi-sim')" > <span>Multi-SIM</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4002" v-bind:class="{'active' : isNavigationSectionActive('nav_4002')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/puhelinliittymat/mobiilivarmenne" id="1bdd5666-dd9b-29bc-6647-eda1036e7eee" data-navpath="/Tuki ja ohjeet/Puhelinliittymät/Mobiilivarmenne" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/puhelinliittymat/mobiilivarmenne')" > <span>Mobiilivarmenne</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5268" v-bind:class="{'active' : isNavigationSectionActive('nav_5268')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/puhelinliittymat/mobiilivarmenne-sv" id="707e23a0-87d8-fa37-bc17-38d0ec1928b6" data-navpath="/Tuki ja ohjeet/Puhelinliittymät/Mobilcertifikat" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/puhelinliittymat/mobiilivarmenne-sv')" > <span>Mobilcertifikat</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4001" v-bind:class="{'active' : isNavigationSectionActive('nav_4001')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/puhelinliittymat/wifi-puhelut" id="9608ea5c-1728-e07b-8e1c-84b353fba299" data-navpath="/Tuki ja ohjeet/Puhelinliittymät/WiFi-puhelut" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/puhelinliittymat/wifi-puhelut')" > <span>WiFi-puhelut</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5271" v-bind:class="{'active' : isNavigationSectionActive('nav_5271')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/puhelinliittymien-lis%C3%A4palvelut" id="7a9974e7-7099-91ed-d180-6a8021939236" data-navpath="/Tuki ja ohjeet/Puhelinliittymät/Puhelinliittymien lisäpalvelut" v-on:click="onNavigationLinkClick('https://www.dna.fi/puhelinliittymien-lis%C3%A4palvelut')" > <span>Puhelinliittymien lisäpalvelut</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4007" v-bind:class="{'active' : isNavigationSectionActive('nav_4007')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/puhelinliittymat/puhelinlaskulla-maksaminen" id="158e69ed-eff5-41f1-ec51-6c891102b096" data-navpath="/Tuki ja ohjeet/Puhelinliittymät/Puhelinlaskulla maksaminen" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/puhelinliittymat/puhelinlaskulla-maksaminen')" > <span>Puhelinlaskulla maksaminen</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4056" v-bind:class="{'active' : isNavigationSectionActive('nav_4056')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/puhelinliittymat/prepaid" id="13cf7d85-d3d6-3bdf-71f9-0e7d4bec93f4" data-navpath="/Tuki ja ohjeet/Puhelinliittymät/Prepaid-liittymät" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/puhelinliittymat/prepaid')" > <span>Prepaid-liittymät</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 " id="nav_3917" v-bind:class="{'open' : isNavigationSubSectionOpen('3917'), 'active' : isNavigationSectionActive('nav_3917')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Netti</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/tuki/netti" id="ccb829f9-5635-9c00-97ea-121888c89208" data-navpath="/Tuki ja ohjeet/Netti" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('3917', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('3917'))" > <span>Netti</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Netti"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('3917', $event)" aria-label="Sulje alavalikko Netti"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Netti</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4011" v-bind:class="{'active' : isNavigationSectionActive('nav_4011')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/netti/vianrajaus" id="b6115e86-0b0e-7c08-2db5-4bf1a909cff9" data-navpath="/Tuki ja ohjeet/Netti/Vianrajaus" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/netti/vianrajaus')" > <span>Vianrajaus</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4014" v-bind:class="{'active' : isNavigationSectionActive('nav_4014')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/netti/kayttoonotto" id="e9400049-881b-6839-9d26-fe1296d19411" data-navpath="/Tuki ja ohjeet/Netti/Käyttöönotto" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/netti/kayttoonotto')" > <span>Käyttöönotto</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5073" v-bind:class="{'active' : isNavigationSectionActive('nav_5073')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/netti/turvallinen-nettiselaus-netti" id="4e8c881e-7445-5872-95ae-655e452d8f00" data-navpath="/Tuki ja ohjeet/Netti/Turvallinen nettiselaus" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/netti/turvallinen-nettiselaus-netti')" > <span>Turvallinen nettiselaus</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4015" v-bind:class="{'active' : isNavigationSectionActive('nav_4015')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/netti/wifi" id="17899644-9b87-890e-62d2-50693d0671a2" data-navpath="/Tuki ja ohjeet/Netti/WiFi-verkko" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/netti/wifi')" > <span>WiFi-verkko</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5128" v-bind:class="{'active' : isNavigationSectionActive('nav_5128')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/netti/nettiliittyman-irtisanominen" id="97252aad-34c6-b672-199c-6c792b83b221" data-navpath="/Tuki ja ohjeet/Netti/Nettiliittymän irtisanominen" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/netti/nettiliittyman-irtisanominen')" > <span>Nettiliittymän irtisanominen</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 " id="nav_3918" v-bind:class="{'open' : isNavigationSubSectionOpen('3918'), 'active' : isNavigationSectionActive('nav_3918')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Viihde</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/tuki/viihde" id="c39ab3b1-2580-5a1f-86ef-63bf1b06aea4" data-navpath="/Tuki ja ohjeet/Viihde" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('3918', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('3918'))" > <span>
1640Viihde</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Viihde"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('3918', $event)" aria-label="Sulje alavalikko Viihde"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Viihde</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3940" v-bind:class="{'active' : isNavigationSectionActive('nav_3940')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/viihde/dnahubi" id="bc1dac8a-03d6-7623-12fd-b9e5dcaa0dc8" data-navpath="/Tuki ja ohjeet/Viihde/DNA viihdeboksi" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/viihde/dnahubi')" > <span>DNA viihdeboksi</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3958" v-bind:class="{'active' : isNavigationSectionActive('nav_3958')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/viihde/suoratoistopalvelut" id="c36ee29a-e095-1dc3-b677-9307983a14fa" data-navpath="/Tuki ja ohjeet/Viihde/Suoratoistopalvelut" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/viihde/suoratoistopalvelut')" > <span>Suoratoistopalvelut</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3942" v-bind:class="{'active' : isNavigationSectionActive('nav_3942')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/viihde/dnatv-mobiilisovellus" id="12f3d421-bda7-4b51-b1d3-3ee8333693a5" data-navpath="/Tuki ja ohjeet/Viihde/DNA TV -mobiilisovellus" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/viihde/dnatv-mobiilisovellus')" > <span>DNA TV -mobiilisovellus</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3944" v-bind:class="{'active' : isNavigationSectionActive('nav_3944')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/viihde/dnatv-selaimessa" id="07f5ad2c-2cf6-b6ee-166c-d1cdfbe17abc" data-navpath="/Tuki ja ohjeet/Viihde/DNA TV selaimessa" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/viihde/dnatv-selaimessa')" > <span>DNA TV selaimessa</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3959" v-bind:class="{'active' : isNavigationSectionActive('nav_3959')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/viihde/vuokraamo" id="aba22563-8067-2743-c28a-9e201f391fe4" data-navpath="/Tuki ja ohjeet/Viihde/Vuokraamo" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/viihde/vuokraamo')" > <span>Vuokraamo</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3960" v-bind:class="{'active' : isNavigationSectionActive('nav_3960')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/viihde/kanavalistat" id="2a4ccdfd-f6d0-0761-f419-31ae97d8b880" data-navpath="/Tuki ja ohjeet/Viihde/Kanavalistat" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/viihde/kanavalistat')" > <span>Kanavalistat</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3961" v-bind:class="{'active' : isNavigationSectionActive('nav_3961')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/viihde/kaapeli-tv" id="3368403d-d092-3583-c241-08e3f39ca677" data-navpath="/Tuki ja ohjeet/Viihde/Kaapeli-TV" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/viihde/kaapeli-tv')" > <span>Kaapeli-TV</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5216" v-bind:class="{'active' : isNavigationSectionActive('nav_5216')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/viihde/irtisanominen" id="2173c0e6-88d3-fe90-2ebd-f63c6a6eeae0" data-navpath="/Tuki ja ohjeet/Viihde/Irtisanominen" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/viihde/irtisanominen')" > <span>Irtisanominen</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 " id="nav_3919" v-bind:class="{'open' : isNavigationSubSectionOpen('3919'), 'active' : isNavigationSectionActive('nav_3919')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Tietoturva</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/tuki/tietoturva" id="7a27319d-b8a9-823e-edee-60bd64490b78" data-navpath="/Tuki ja ohjeet/Tietoturva" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('3919', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('3919'))" > <span>Tietoturva</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Tietoturva"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('3919', $event)" aria-label="Sulje alavalikko Tietoturva"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Tietoturva</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3991" v-bind:class="{'active' : isNavigationSectionActive('nav_3991')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/tietoturva/digiturva" id="6
1640adfeed4-114e-ea58-63fc-f4ccca100c54" data-navpath="/Tuki ja ohjeet/Tietoturva/DNA Digiturva" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/tietoturva/digiturva')" > <span>DNA Digiturva</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5070" v-bind:class="{'active' : isNavigationSectionActive('nav_5070')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/tietoturva/turvallinen-nettiselaus" id="bafbb498-5d20-4c4b-742e-1a21c20abcc8" data-navpath="/Tuki ja ohjeet/Tietoturva/Turvallinen nettiselaus" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/tietoturva/turvallinen-nettiselaus')" > <span>Turvallinen nettiselaus</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5071" v-bind:class="{'active' : isNavigationSectionActive('nav_5071')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/puhelinliittymat/mobiilivarmenne" id="99315524-d779-17c3-1812-6a2cdb211fee" data-navpath="/Tuki ja ohjeet/Tietoturva/Mobiilivarmenne" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/puhelinliittymat/mobiilivarmenne')" > <span>Mobiilivarmenne</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 ds-main-nav__item--expanded" id="nav_3920" v-bind:class="{'open' : isNavigationSubSectionOpen('3920'), 'active' : isNavigationSectionActive('nav_3920')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Palvelut</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/tuki/palvelut" id="510b0969-f2a1-49f3-3193-b89d9f22d884" data-navpath="/Tuki ja ohjeet/Palvelut" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('3920', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('3920'))" > <span>Palvelut</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Palvelut"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('3920', $event)" aria-label="Sulje alavalikko Palvelut"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Palvelut</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3995" v-bind:class="{'active' : isNavigationSectionActive('nav_3995')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/palvelut/laiteturva" id="f0a92b9e-7876-52cf-3c76-aef9bd86a213" data-navpath="/Tuki ja ohjeet/Palvelut/SquareTrade-laiteturva" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/palvelut/laiteturva')" > <span>SquareTrade-laiteturva</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3998" v-bind:class="{'active' : isNavigationSectionActive('nav_3998')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/palvelut/deezer" id="5bfa0d55-3c6f-e87a-381d-af383997251b" data-navpath="/Tuki ja ohjeet/Palvelut/Deezer" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/palvelut/deezer')" > <span>Deezer</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3996" v-bind:class="{'active' : isNavigationSectionActive('nav_3996')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/palvelut/webmail" id="06de87d2-3384-0247-1517-df36e1c4e0e2" data-navpath="/Tuki ja ohjeet/Palvelut/DNA sähköposti" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/palvelut/webmail')" > <span>DNA sähköposti</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 ds-main-nav__item--expanded" id="nav_3921" v-bind:class="{'open' : isNavigationSubSectionOpen('3921'), 'active' : isNavigationSectionActive('nav_3921')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Asiakkuus</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/tuki/asiakkuus" id="25d373ce-32c7-59f3-4047-8b9c8305775e" data-navpath="/Tuki ja ohjeet/Asiakkuus" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('3921', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('3921'))" > <span>Asiakkuus</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Asiakkuus"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('3921', $event)" aria-label="Sulje alavalikko Asiakkuus"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Asiakkuus</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3973" v-bind:class="{'active' : isNavigationSectionActive('nav_3973')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/asiakkuus/laskutus" id="7b8e460e-f116-f5b2-9640-2b056146d735" data-navpath="/Tuki ja ohjeet/Asiakkuus/Laskutus" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/asiakkuus/laskutus')" > <span>Laskutus</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3972" v-bind:class="{'active' : isNavigationSectionActive('nav_3972')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/asiakkuus/nettiostaminen" id="51d12cdc-e9d4-b568-f021-dcfa96f1986c" data-navpath="/Tuki ja ohjeet/Asiakkuus/Nettiostaminen" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/asiakkuus/nettiostaminen')" > <span>Nettiostaminen</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3974" v-bind:class="{'active' : isNavigationSectionActive('nav_3974')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/asiakkuus/hinnastot-ja-ehdot" id="91247660-7575-344d-e80f-94a820f01bf2" data-navpath="/Tuki ja ohjeet/Asiakkuus/Hinnastot ja ehdot" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/asiakkuus/hinnastot-ja-ehdot')" > <span>Hinnastot ja ehdot</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5304" v-bind:class="{'active' : isNavigationSectionActive('nav_5304')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/asiakkuus/peruuttaminen-ja-irtisanominen" id="8d8303e0-2735-a233-11d1-8ed7969d52df" data-navpath="/Tuki ja ohjeet/Asiakkuus/Peruuttaminen ja irtisanominen" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/asiakkuus/peruuttaminen-ja-irtisanominen')" > <span>Peruuttaminen ja irtisanominen</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3989" v-bind:class="{'active' : isNavigationSectionActive('nav_3989')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/asiakkuus/kirjautuminen" id="acedd91e-82be-c2ce-d26b-d9078600987b" data-navpath="/Tuki ja ohjeet/Asiakkuus/Kirjautuminen" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/asiakkuus/kirjautuminen')" > <span>Kirjautuminen</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3976" v-bind:class="{'active' : isNavigationSectionActive('nav_3976')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/asiakkuus/valtakirjat" id="d19a012c-0fb9-fbe5-38fc-6c27bc0aec0a" data-navpath="/Tuki ja ohjeet/Asiakkuus/Valtakirjat" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/asiakkuus/valtakirjat')" > <span>Valtakirjat</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3990" v-bind:class="{'active' : isNavigationSectionActive('nav_3990')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/asiakkuus/oma-dna-sovellus" id="ea7d9849-a4ed-17e9-306f-5d930f777d4b" data-navpath="/Tuki ja ohjeet/Asiakkuus/Oma DNA -sovellus" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/asiakkuus/oma-dna-sovellus')" > <span>Oma DNA -sovellus</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4921" v-bind:class="{'active' : isNavigationSectionActive('nav_4921')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/alvmuutos" id="ddf9b99d-98ad-f120-a4c5-b005160d06a9" data-navpath="/Tuki ja ohjeet/Asiakkuus/ALV muutos" v-on:click="onNavigationLinkClick('https://www.dna.fi/alvmuutos')" > <span>ALV muutos</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 ds-main-nav__item--expanded" id="nav_3922" v-bind:class="{'open' : isNavigationSubSectionOpen('3922'), 'active' : isNavigationSectionActive('nav_3922')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Verkot ja häiriötilanteet</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/tuki/verkot-ja-hairiotilanteet" id="d0cad440-9427-e2a6-e4d3-d4d7d653b860" data-navpath="/Tuki ja ohjeet/Verkot ja häiriötilanteet" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('3922', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('3922'))" > <span>
1640Verkot ja häiriötilanteet</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Verkot ja häiriötilanteet"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('3922', $event)" aria-label="Sulje alavalikko Verkot ja häiriötilanteet"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Verkot ja häiriötilanteet</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3923" v-bind:class="{'active' : isNavigationSectionActive('nav_3923')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/verkot-ja-hairiotilanteet/kuuluvuus-ja-verkot" id="39ee2388-e634-4fb5-6d28-860ca89c0508" data-navpath="/Tuki ja ohjeet/Verkot ja häiriötilanteet/Kuuluvuus ja verkot" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/verkot-ja-hairiotilanteet/kuuluvuus-ja-verkot')" > <span>Kuuluvuus ja verkot</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3924" v-bind:class="{'active' : isNavigationSectionActive('nav_3924')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/verkot-ja-hairiotilanteet/viat-ja-hairiot" id="e255216e-f68a-2fe5-6880-0cce84fc9b15" data-navpath="/Tuki ja ohjeet/Verkot ja häiriötilanteet/Viat ja häiriöt" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/verkot-ja-hairiotilanteet/viat-ja-hairiot')" > <span>Viat ja häiriöt</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_64" v-bind:class="{'active' : isNavigationSectionActive('nav_64')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/verkot-ja-hairiotilanteet/kuuluvuus-ja-verkot/telekaapeleiden-sijaintitiedot" id="9f4d96da-448e-6cb0-ac8c-9c3e5581a078" data-navpath="/Tuki ja ohjeet/Verkot ja häiriötilanteet/Telekaapeleiden sijaintitiedot ja vauriot" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/verkot-ja-hairiotilanteet/kuuluvuus-ja-verkot/telekaapeleiden-sijaintitiedot')" > <span>Telekaapeleiden sijaintitiedot ja vauriot</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 ds-main-nav__item--expanded" id="nav_3939" v-bind:class="{'open' : isNavigationSubSectionOpen('3939'), 'active' : isNavigationSectionActive('nav_3939')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Yhteystiedot</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/tuki/yhteystiedot" id="7bfedc6e-a3f6-6de7-3281-ec19bb370feb" data-navpath="/Tuki ja ohjeet/Yhteystiedot" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('3939', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('3939'))" > <span>Yhteystiedot</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Yhteystiedot"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('3939', $event)" aria-label="Sulje alavalikko Yhteystiedot"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Yhteystiedot</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2710" v-bind:class="{'active' : isNavigationSectionActive('nav_2710')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/yhteystiedot/asiakaspalvelu" id="c2b6c92e-5ce3-10e2-7d2a-cafbd4593156" data-navpath="/Tuki ja ohjeet/Yhteystiedot/Asiakaspalvelu" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/yhteystiedot/asiakaspalvelu')" > <span>Asiakaspalvelu</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4017" v-bind:class="{'active' : isNavigationSectionActive('nav_4017')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/yhteystiedot/myyntipalvelu" id="1813ecc3-f829-8609-846a-8c43b11c1b36" data-navpath="/Tuki ja ohjeet/Yhteystiedot/Myyntipalvelu" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/yhteystiedot/myyntipalvelu')" > <span>Myyntipalvelu</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4018" v-bind:class="{'active' : isNavigationSectionActive('nav_4018')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/yhteystiedot/asennusapu" id="403b97d1-9441-5425-0342-12f6228afcba" data-navpath="/Tuki ja ohjeet/Yhteystiedot/Asennusapu" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/yhteystiedot/asennusapu')" > <span>Asennusapu</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 ds-main-nav__item--expanded" id="nav_4049" v-bind:class="{'open' : isNavigationSubSectionOpen('4049'), 'active' : isNavigationSectionActive('nav_4049')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">In English</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/tuki/in-english" id="f9587564-cc1d-edcf-4bc2-313241d64c36" data-navpath="/Tuki ja ohjeet/In English" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('4049', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('4049'))" > <span>
1640In English</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="In English"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('4049', $event)" aria-label="Sulje alavalikko In English"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>In English</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4050" v-bind:class="{'active' : isNavigationSectionActive('nav_4050')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/in-english/contact-us" id="c9e8b954-ecea-7a46-a408-ad4951e6314d" data-navpath="/Tuki ja ohjeet/In English/Contact us" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/in-english/contact-us')" > <span>Contact us</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4051" v-bind:class="{'active' : isNavigationSectionActive('nav_4051')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/in-english/price-lists-terms-conditions" id="8779755e-c339-6d0c-828f-ba094459a389" data-navpath="/Tuki ja ohjeet/In English/Price lists, terms and conditions" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/in-english/price-lists-terms-conditions')" > <span>Price lists, terms and conditions</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4052" v-bind:class="{'active' : isNavigationSectionActive('nav_4052')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/english/prepaid" id="fab54b5e-7a4d-512b-8e8e-4be8d78b234e" data-navpath="/Tuki ja ohjeet/In English/Prepaid subscriptions" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/english/prepaid')" > <span>Prepaid subscriptions</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 ds-main-nav__item--expanded" id="nav_4155" v-bind:class="{'open' : isNavigationSubSectionOpen('4155'), 'active' : isNavigationSectionActive('nav_4155')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">På svenska</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/tuki/pa-svenska" id="0713dc76-dbaa-7dcf-ba46-2b4ede5566fb" data-navpath="/Tuki ja ohjeet/På svenska" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('4155', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('4155'))" > <span>På svenska</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="På svenska"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('4155', $event)" aria-label="Sulje alavalikko På svenska"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>På svenska</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4518" v-bind:class="{'active' : isNavigationSectionActive('nav_4518')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/kontakta-oss" id="78c1f469-0fd4-a099-be1a-d7d461f37900" data-navpath="/Tuki ja ohjeet/På svenska/Kontakta oss" v-on:click="onNavigationLinkClick('https://www.dna.fi/kontakta-oss')" > <span>Kontakta oss</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4519" v-bind:class="{'active' : isNavigationSectionActive('nav_4519')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/pa-svenska/prislistor-och-specialvillkor" id="b9ed9a5d-6334-21f9-d370-fd70b1c995a7" data-navpath="/Tuki ja ohjeet/På svenska/Prislistor och specialvillkor" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/pa-svenska/prislistor-och-specialvillkor')" > <span>Prislistor och specialvillkor</span> </a> </li> </ul> </div> </li> <li v-if="!mobileMode" class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 ds-main-nav__item--collapsed" id="nav_level2_collapsed"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2"> Muut kategoriat </h2> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Muut kategoriat"> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="collapsed_nav_3920" v-bind:class="{'active' : isNavigationSectionActive('nav_3920')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/palvelut" id="510b0969-f2a1-49f3-3193-b89d9f22d884" data-navpath="/Tuki ja ohjeet/Palvelut" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/palvelut')" > <span>Palvelut</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="collapsed_nav_3921" v-bind:class="{'active' : isNavigationSectionActive('nav_3921')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/asiakkuus" id="25d373ce-32c7-59f3-4047-8b9c8305775e" data-navpath="/Tuki ja ohjeet/Asiakkuus" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/asiakkuus')" > <span>Asiakkuus</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="collapsed_nav_3922" v-bind:class="{'active' : isNavigationSectionActive('nav_3922')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/verkot-ja-hairiotilanteet" id="d0cad440-9427-e2a6-e4d3-d4d7d653b860" data-navpath="/Tuki ja ohjeet/Verkot ja häiriötilanteet" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/verkot-ja-hairiotilanteet')" > <span>
1640Verkot ja häiriötilanteet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="collapsed_nav_3939" v-bind:class="{'active' : isNavigationSectionActive('nav_3939')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/yhteystiedot" id="7bfedc6e-a3f6-6de7-3281-ec19bb370feb" data-navpath="/Tuki ja ohjeet/Yhteystiedot" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/yhteystiedot')" > <span>Yhteystiedot</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="collapsed_nav_4049" v-bind:class="{'active' : isNavigationSectionActive('nav_4049')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/in-english" id="f9587564-cc1d-edcf-4bc2-313241d64c36" data-navpath="/Tuki ja ohjeet/In English" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/in-english')" > <span>In English</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="collapsed_nav_4155" v-bind:class="{'active' : isNavigationSectionActive('nav_4155')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/pa-svenska" id="0713dc76-dbaa-7dcf-ba46-2b4ede5566fb" data-navpath="/Tuki ja ohjeet/På svenska" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/pa-svenska')" > <span>På svenska</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--featured ds-main-nav__featured-links" v-if="!mobileMode"> </li> </ul> </div> </li> </ul> </nav> <div class="ds-main-header__area--icons"> <div class="ds-main-nav__icon" v-bind:class="{'active' : searchActive}"> <button class="ds-main-nav__icon-content" v-on:click="toggleSearch()" v-bind:aria-expanded="String(searchActive)" aria-label="Haku"> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#Search"></use> </svg> <span>Haku</span> </button> <div class="ds-main-nav__search ds-main-nav__dropdown ds-main-nav__dropdown--full" v-show="searchActive"> <div class="algolia-search algolia-quicksearch__container js-algolia-search-container"> <div id="algoliaQuickSearch" class="js-algolia-search__app"> <algolia-search-component :test-portlet="false" :result-page="false" aria-label="Pikahaku" search-result-for-query-translation="tulos haulla" search-results-for-query-translation="tulosta haulla" query="" :ranking-enabled="false" :page-size="7" :max-site-dependant-search-prop="3" language="fi" promotion-translation="Katso edullisempi DNA Asiakasetuhinta" algolia-site-index-name-prop="dna_main_index_prod_klt" algolia-search-index-name="dna_main_index_prod" algolia-search-api-key="40d475f3c73895ec0cf90311c9ed079d" algolia-application-id="ZOGF71LKCH" site-name="KLT" result-page-url="https://www.dna.fi/haku" facets="Laitteet,Palvelut,Tukisivut,Vinkit,Uutiset"> </algolia-search-component> </div> </div> </div> <span class="ds-main-nav__icon-caret"></span> </div> <div class="ds-main-nav__icon ds-main-nav__icon--cart ds-main-nav__icon--unresolved dna-head__icon--cart" id="cart-icon" v-bind:class="{'active' : minicartActive, 'cart-active' : minicartTotalItemCount > 0, 'ds-main-nav__icon--resolved' : cartDataFetchedFromEitherEndpoint }"> <button class="ds-main-nav__icon-content" v-on:click="openSidecart()" v-bind:aria-expanded="String(minicartActive)"> <svg class="ds-icon" aria-hidden="true"> <use href="#Cart"></use> </svg> <span aria-hidden="true">Ostoskori</span> <div class="ds-main-nav__cart-amount" v-if="minicartTotalItemCount > 0" v-bind:class="{'ds-main-nav__cart-amount-animation' : hybrisMinicartItemsChanged}" aria-hidden="true"> <span v-html="minicartTotalItemCount"></span> </div> <div class="sr-only"> <span>Ostoskori</span> <span v-if="minicartTotalItemCount == 1">, {{ minicartTotalItemCount }} tuote</span> <span v-if="minicartTotalItemCount > 1">, {{ minicartTotalItemCount }} tuotetta</span> </div> </button> <div id="cart_popup" class="cart-popup__hybris"></div> <dialog ref="cartDrawer" class="ds-modal ds-modal--drawer ds-modal--small ds-sidecart" aria-labelledby="ds-sidecart-title"> <div class="ds-modal__container ds-sidecart__content"> <div class="ds-modal__title"> <h2 id="ds-sidecart-title">Ostoskori</h2> </div> <button class="ds-modal__close" aria-label="Sulje ostoskori-dialogi" type="button"> <svg role="img" class="ds-icon ds-icon--24" aria-hidden="true"><use href="#Close"></use></svg> </button> <div id="dna-shoppingbasket" class="ds-sidecart__hybris" data-url="https://kauppa4.dna.fi" v-show="minicartActive && hybrisCartItemCount > 0"></div> <!-- NEW-CART --> <div id="cart-details-provider" data-graphql-url="https://kauppa.dna.fi/graphql"> <cart-details graphql-url="https://kauppa.dna.fi/graphql" @cartfetchstarted="onRocketCartFetchStarted" @cartfetched="onRocketCartFetched" @productadded="onProductAddedToMinicart" @carterror="onRocketCartError" /> </div> <!-- NEW-CART end --> <div class="ds-sidecart__section ds-sidecart__section--error" v-if="rocketCartInitialized && minicartError"> <h3>Virhe ostoskoria ladattaessa</h3> <img src="https://res.cloudinary.com/dnaoyj/image/upload/w_160,h_160,c_pad,f_auto,q_auto,dpr_2/Assets/KLT/Enriched%20icons/enriched-error-state.png" alt="Empty cart image" width="160" height="160"> <p>Jostain syystä emme voineet ladata ostoskoria. Kokeile päivittää ostoskori tai yritä myö
1640hemmin uudestaan.</p> <button class="ds-btn" type="button" v-on:click="reload()"> Päivitä ostoskori </button> </div> <div class="ds-sidecart__section ds-sidecart__section--empty" v-else-if="showEmptyCart"> <h3>O-ou! Tyhjää täynnä!</h3> <img src="https://res.cloudinary.com/dnaoyj/image/upload/w_160,h_160,c_pad,f_auto,q_auto,dpr_2/Assets/KLT/Enriched%20icons/enriched-sidecart-empty-pink.png" alt="Empty cart image" width="160" height="160"> <p>Verkkokauppassamme on tänäänkin huikeita tarjouksia, käy kurkkaamassa:</p> <a href="https://www.dna.fi/tarjoukset" class="ds-btn"> Ajankohtaiset tarjoukset </a> </div> </div> </dialog> </div> <!-- SSO-DNA-HEADER --> <div class="ds-main-nav__icon ds-main-nav__icon--login ds-main-nav__icon--unresolved" v-bind:class="{'active' : loginMenuActive, 'hilite' : userLoggedIn, 'ds-main-nav__icon--resolved' : loginDataFetched}" v-if="loginMenuVisible"> <button v-if="!loginDataFetched" class="ds-main-nav__icon-content ds-main-nav__login-button ds-main-nav__login-separator" aria-label="Kirjautumistietoja ladataan"> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#User"></use> </svg> <span class="ds-main-nav__icon-text--limited unresolved-hidden"> </span> </button> <template v-if="loginDataFetched && userLoggedIn"> <button class="ds-main-nav__icon-content ds-main-nav__login-button ds-main-nav__login-separator" v-on:click="toggleLoginMenuActive()" v-bind:aria-expanded="String(loginMenuActive)" v-bind:aria-label="userName + ', linkit omiin palveluihin'"> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#User"></use> </svg> <span class="ds-main-nav__icon-text--limited unresolved-hidden" v-html="userName"></span> </button> </template> <template v-else-if="loginDataFetched"> <button class="ds-btn ds-btn--primary ds-btn--small ds-main-nav__login-button" v-on:click="toggleLoginMenuActive()" v-bind:aria-expanded="String(loginMenuActive)"> Kirjaudu </button> </template> <login-component v-show="loginMenuActive" ssoaddress="https://pass.dna.fi/oauth/v2/oauth-authorize" :headermobilemode="mobileMode" @login="onLogin" @invalidloginsettings="onInvalidLoginSettings" @logindialogopencall="onLoginDialogOpenCall"></login-component> <span class="ds-main-nav__icon-caret"></span> </div> <!-- SSO-DNA-HEADER end --> <div class="ds-main-nav__icon ds-main-nav__icon--mobile" v-bind:class="{'active' : mobileNavigationActive}"> <button class="ds-main-nav__icon-content ds-main-nav__menu-button" v-on:click="toggleMobileMenu()" v-bind:aria-expanded="String(mobileNavigationActive)" v-bind:aria-label="mobileNavigationActive ? 'Sulje päävalikko' : 'Avaa päävalikko'"> <svg role="img" aria-hidden="true" class="ds-icon ds-main-nav__icon--menu"> <use href="#Menu"></use> </svg> <svg role="img" aria-hidden="true" class="ds-icon ds-main-nav__icon--close"> <use href="#Close"></use> </svg> </button> </div> </div> </div> </div> <template v-else> <login-component v-show="loginMenuActive" ssoaddress="https://pass.dna.fi/oauth/v2/oauth-authorize" :headermobilemode="mobileMode" @login="onLogin" @invalidloginsettings="onInvalidLoginSettings" @logindialogopencall="onLoginDialogOpenCall"></login-component> </template> </header>
1640<script type="text/x-template" id="algolia-template"> <div> <form @submit.prevent="moveToResultPage()" name="searchFm" :aria-label="ariaLabel"> <div v-bind:class="{'algolia-search__search-area-wrapper': resultPage,'algolia-quicksearch__search-area-wrapper': !resultPage}"> <div class="algolia-search__search-field-wrapper"> <label :for="searchFieldId" class="sr-only">Etsi sivustolta</label> <input :id="searchFieldId" v-model="currentQuery" type="search" autocorrect="off" autocapitalize="none" autocomplete="off" spellcheck="false" @keydown="handleInputKeydown" class="algolia-search__search-input js-header_search-input-algolia" placeholder='Etsi sivustolta'/> <button v-if="getMainStoreQuery() != ''" v-on:click="clearQuery()" type="reset" ref="algoliaClearRef" class="algolia-search__search-clear js-header_search-clear-algolia"> <svg role="img" aria-hidden="true" class="dna-icon algolia-search__search-clear-icon ds-icon"> <path d="M20.019 21.536l1.767-1.767L1.987-.031.22 1.739z"/><path d="M20.019-.03l1.767 1.767-19.799 19.8L.22 19.768z"/> </svg> <span class="sr-only">Tyhjennä</span> </button> <button v-if="getMainStoreQuery() === ''" v-on:click="focusInputField" class="algolia-search__search-button ds-simple-btn" type="submit" > <svg role="img" class="algolia-search__search-icon ds-icon" aria-hidden="true"> <use href="#Search"></use> </svg> <span class="sr-only">Hae</span> </button> </div> <div class="algolia-search__results" v-bind:class="{'algolia-search__results--fullpage' : resultPage, 'algolia-quicksearch__results' : !resultPage}" v-if="getMainStoreQuery() != ''" :data-insights-index="algoliaSiteIndexName" > <div v-bind:class="{'algolia-quicksearch__results-container': !resultPage,'algolia-quicksearch__results-container--noresults' : (!getMainStoreResults().length && !resultPage)}"> <div v-if="getTotalResults() > 0" v-bind:class="{'algolia-search__infotext-container': resultPage, 'algolia-quicksearch__search-results-infotext': !resultPage}"> <algolia-search-category-buttons :product-category-json='{ "Puhelimet":{ "name":"Puhelimet", "url":"https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/puhelimet" }, "MOBILE_PHONES":{ "name":"Puhelimet", "url":"https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/puhelimet" }, "Tabletit":{ "name":"Tabletit", "url":"https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet/tabletit" }, "TABLETS":{ "name":"Tabletit", "url":"https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet/tabletit" }, "LAPTOPS":{ "name":"kannettavat tietokoneet", "url":"https://kauppa.dna.fi/laitteet/tietokoneet-ja-lisalaitteet/kannettavat-tietokoneet" }, "DESKTOP_COMPUTERS":{ "name":"pöytätietokoneet", "url":"https://kauppa.dna.fi/laitteet/tietokoneet-ja-lisalaitteet/poytatietokoneet" } }' all-translation='Kaikki' :search-store-results="getMainStoreResults()"></algolia-search-category-buttons> </div> <div v-if="getQuery() != ''"> <algolia-search-facets :result-text="resultText" :result-page="resultPage" product-translation="Laitteet" content-translation="Palvelut" posts-translation="Tukisivut" blogs-translation="Vinkit" rss-translation="Uutiset" :active-facet-name="activeFacetName" @facetChange="onFacetChange" > </algolia-search-facets> </div> <div v-else-if="resultPage" class="algolia-search__infotext-container"> <h2>Hakuasi vastaavia tuloksia ei löytynyt</h2> <p>Kokeile muokata hakusanojasi ja tee uusi haku</p> </div> <div v-else class="algolia-quicksearch__search-results-infotext"> Ei tuloksia </div> <template v-if="searchStore.lastResults?._rawResults?.length > 0"> <template v-for="(result, index) in results" :key="result.objectID"> <a @click.prevent="pushEvent(result, index, 'clickedObjectIDsAfterSearch')" :href="result.url" :data-insights-object-id="result.objectID" :data-insights-position="index + 1" :data-insights-query-id="searchStore.lastResults._rawResults[0].queryID" :data-objectid="result.objectID" :data-position="index + 1" :target="isVideo(result) ? '_blank' : '_self'" class="algolia-search-result" v-if="(promotionalResult && promotionalResult.length == 0) || (promotionalResult && promotionalResult.length > 0 && result.objectID != promotionalResult[0].objectID) || index == 0"> <algolia-search-result-image :og-image='result.ogImage' :entry-type='result.entryType' default-icon-url='#File' :use-default-icon-for-websites='true'></algolia-search-result-image> <div class="algolia-search-result__content"> <h3 class="algolia-search-result__title h4" v-html="getTitle(result)"></h3> <div class="algolia-search-result__ingresstext" v-html="getIngressText(result)"></div> <div class="algolia-search-result__prices"> <h4 class="algolia-search-result__productprice" v-if="isProduct(result)" v-html="getDisplayPrice(result)"></h4> <div class="algolia-search-result__productprice algolia-search-result__productprice--loyalty" v-if="isProduct(result) && result.customerLoyaltyPrice" v-html="getCustomerLoyaltyPrice(result)"></div> </div> </div> </a> </template> </template> </div> <div class="algolia-search__show-all-footer" v-if="getTotalResults() > 0 && !resultPage"> <button type="submit" class="ds-btn ds-btn--primary ds-btn--full"><span>Näytä kaikki hakutulokset (<span v-html="totalResultsText"></span>)</span></button> </div> <div v-if="results && results.length < getMainStoreTotalResultsCount() && resultPage" class="algolia-search__more-results"> <a v-on:click.stop.prevent="loadMoreResults()" href="#" class="dlsg-btn algolia-search__more-results-btn"> <span>Näytä lisää</span> </a> </div> </div> </div> </form> </div> </script>
1640 <!-- SSO-DNA-HEADER -->
1640<script type="text/x-template" id="login-template"> <div class="dna-login__root"> <div v-if="showHeader" class="dna-login__menu ds-main-nav__dropdown ds-main-nav__dropdown--left"> <template v-if="loggedIn"> <div class="dna-login__username"> <span v-html="userInfo.givenname" class="dna-login__givenname"></span> <span v-html="userInfo.surname" class="dna-login__surnname"></span> </div> <div v-if="b2cLinksVisible" class="dna-login__links dna-login__links--b2c"> <a class="dna-login__link" v-for="link in navigation" v-bind:href="link.url"> <span v-html="link.title"></span> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> </div> <div v-if="b2bLinksVisible" class="dna-login__links dna-login__links--b2b"> <a class="dna-login__link" v-for="link in userInfo.businessServiceSet" v-bind:href="link.url" target="_blank"> <span v-html="link.title"></span> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> </div> <button v-on:click="logout()" class="ds-btn ds-btn--small ds-btn--full"> <span>Kirjaudu ulos</span> </button> <button v-if="userHasBothRoles && b2bLinksVisible" class="ds-btn ds-btn--small ds-btn--full" v-on:click="switchLinkList = !switchLinkList"> <span>Henkilöasiakkaan palvelut</span> </button> <button v-if="userHasBothRoles && b2cLinksVisible" class="ds-btn ds-btn--small ds-btn--full" v-on:click="switchLinkList = !switchLinkList"> <span>Siirry yrityspalveluihin</span> </button> <p class="dna-login__switchtext" v-if="!userHasBothRoles && isB2cPage && userInfo.isBusinessUser">Halutessasi voit siirtyä henkilöasiakkaan Minun palveluuni, jossa voit hallita omia palveluitasi. Kirjaudu ensin ulos.</p> <p class="dna-login__switchtext" v-if="!userHasBothRoles && !isB2cPage && userInfo.isPrivateUser">Jos haluat käyttää yrityspalveluita toisella tunnuksella, kirjaudu ensin ulos.</p> </template> <template v-else> <template v-if="currentSite === 'private'"> <button class="ds-btn ds-btn--primary ds-btn--full" v-on:click="openLogin()"><span>Kirjaudu sisään</span></button> <div class="dna-login__links"> <a class="dna-login__link" v-for="link in navigation" v-bind:href="link.url" v-on:click.prevent="openLoginToPage(link.title, link.url)"> <span v-html="link.title"></span> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> </div> <a class="ds-btn ds-btn--small ds-btn--full" href="http://m.prepaid.dna.fi/"><span>Prepaid-asiakkaan itsepalvelu</span></a> <a class="ds-btn ds-btn--small ds-btn--full" href="https://www.dna.fi/yrittajat#itsepalvelu"><span>Yrittäjänä asiointi</span></a> </template> <template v-if="currentSite === 'business'"> <a class="ds-btn ds-btn--primary ds-btn--full" href="https://yritysdna.dna.fi"><span>Kirjaudu YritysDNA:han</span></a> <a class="ds-btn ds-btn--secondary ds-btn--small ds-btn--full" href="https://www.dna.fi/yrityksille/itsepalvelu/yritysdna"><span>Hae tunnuksia</span></a> <div class="dna-login__explanation"><ul><li>Hallinnoi ja tilaa tuotteita ja palveluita</li><li>Suosittelemme YritysDNA:n käyttöä <b>tietokoneen selaimella</b></li></ul></div> <hr style="margin: 0;border: 0; border-top: 1px solid #D4D2CE;"> <a class="ds-btn ds-btn--small ds-btn--full" href="https://vaihde.dna.fi"><span>Kirjaudu Vaihdepalveluun</span></a> <a class="ds-btn ds-btn--small ds-btn--full" href="https://yrityspalvelut.dna.fi"><span>Muut itsepalvelukanavat</span></a> </template> <template v-if="currentSite === 'wholesale'"> <a class="ds-btn ds-btn--primary ds-btn--full" href="https://yritysdna.dna.fi/"><span>Kirjaudu YritysDNA:han</span></a> <div class="dna-login__explanation"><p><b>Yrityspalveluissa voit esimerkiksi:</b></p><ul><li>
1640Tarkastella nykyisiä palveluita, tehdä palvelupyyntöjä sekä hallinnoida käyttäjiä</li><li>Tarkastella laskuja ja raportteja sekä ottaa yhteyttä asiakaspalveluun</li><li>Kirjautua muihin DNA:n verkkopalveluihin</li></ul></div> <a class="ds-btn ds-btn--small ds-btn--full" href="https://uutiskirje.dna.fi/webApp/YLT_ydnatunnuslomake_tukku"><span>Hae tunnuksia</span></a> </template> <!-- Login options modal --> <dialog class="ds-modal ds-modal--dialog ds-modal--medium ds-modal--login" ref="loginOptionsDialog" aria-labelledby="login-options-title"> <div class="ds-modal__container"> <button class="ds-modal__close" v-on:click="$emit('close')" aria-label="translations['dialog.close.aria.label']"> <svg class="ds-icon ds-icon--24" aria-hidden="true"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Close"></use> </svg> </button> <div class="ds-modal__content basic-web-content"> <div class="bank-login__wrap--narrow"> <h3 class="bank-login__title" id="login-options-title">Valitse kirjautumistapa</h3> <p>Sinut ohjataan pankkisi kirjautumissivulle tai Mobiilivarmenteen kirjautumisnäkymään. <a href="https://www.dna.fi/tuki/asiakkuus/kirjautuminen">Lue lisää kirjautumisesta.</a></p><p class="basic-web-content">Tarkistamme ostosten yhteydessä asiakkaan osoite- ja luottotiedot Digi- ja väestötietoviraston järjestelmästä sekä Intrum Luottotietopalvelusta. Pankkitunnuksiasi ei luovuteta DNA:lle eikä pankkitiliäsi veloiteta. Kirjautumisen yhteydessä tarkistuksia ei tehdä.</p> <p class="ds-text--small"></p> <div class="bank-login__grid"> <a class="bank-login__item" v-bind:href="getLoginUrl('&acr_values=urn:se:curity:authentication:oidc:oidc-ftn-op-1&prompt=login')" aria-label="Kirjaudu sisään Osuuspankki tunnuksilla"> <img aria-hidden="true" src="https://res.cloudinary.com/dnaoyj/image/upload/c_fit,h_40,w_112,f_auto,q_auto,dpr_2/v1618875243/Assets/Icons%20and%20logos/Other%20logos/bank_logos/op-0923.png" alt="Osuuspankki logo"> <span>Osuuspankki</span> </a> <a class="bank-login__item" v-bind:href="getLoginUrl('&acr_values=urn:se:curity:authentication:oidc:oidc-ftn-nordea-1&prompt=login')" aria-label="Kirjaudu sisään Nordea tunnuksilla"> <img aria-hidden="true" src="https://res.cloudinary.com/dnaoyj/image/upload/c_fit,h_40,w_112,f_auto,q_auto,dpr_2/v1618875243/Assets/Icons%20and%20logos/Other%20logos/bank_logos/nordea-0923.png" alt="Nordea logo"> <span>Nordea</span> </a> <a class="bank-login__item" v-bind:href="getLoginUrl('&acr_values=urn:se:curity:authentication:oidc:oidc-ftn-danskebank-1&prompt=login')" aria-label="Kirjaudu sisään Danske Bank tunnuksilla"> <img aria-hidden="true" src="https://res.cloudinary.com/dnaoyj/image/upload/c_fit,h_40,w_112,f_auto,q_auto,dpr_2/v1618875243/Assets/Icons%20and%20logos/Other%20logos/bank_logos/danskebank-0923.png" alt="Danske Bank logo"> <span>Danske Bank</span> </a> <a class="bank-login__item" v-bind:href="getLoginUrl('&acr_values=urn:se:curity:authentication:oidc:oidc-ftn-spankki-1&prompt=login')" aria-label="Kirjaudu sisään S-Pankki tunnuksilla"> <img aria-hidden="true" src="https://res.cloudinary.com/dnaoyj/image/upload/c_fit,h_40,w_112,f_auto,q_auto,dpr_2/v1618875243/Assets/Icons%20and%20logos/Other%20logos/bank_logos/spankki-0923.png" alt="S-Pankki logo"> <span>S-Pankki</span> </a> <a class="bank-login__item" v-bind:href="getLoginUrl('&acr_values=urn:se:curity:authentication:oidc:oidc-ftn-sp-1&prompt=login')" aria-label="Kirjaudu sisään Säästöpankki tunnuksilla"> <img aria-hidden="true" src="https://res.cloudinary.com/dnaoyj/image/upload/c_fit,h_40,w_112,f_auto,q_auto,dpr_2/v1618875243/Assets/Icons%20and%20logos/Other%20logos/bank_logos/saastopankki-0923.png" alt="Säästöpankki logo"> <span>Säästöpankki</span> </a> <a class="bank-login__item" v-bind:href="getLoginUrl('&acr_values=urn:se:curity:authentication:oidc:oidc-ftn-pop-1&prompt=login')" aria-label="Kirjaudu sisään Pop Pankki tunnuksilla"> <img aria-hidden="true" src="https://res.cloudinary.com/dnaoyj/image/upload/c_fit,h_40,w_112,f_auto,q_auto,dpr_2/v1618875243/Assets/Icons%20and%20logos/Other%20logos/bank_logos/poppankki-0923.png" alt="Pop Pankki logo"> <span>Pop Pankki</span> </a> <a class="bank-login__item" v-bind:href="getLoginUrl('&acr_values=urn:se:curity:authentication:oidc:oidc-ftn-omasp-1&prompt=login')" aria-label="Kirjaudu sisään Oma Säästöpankki tunnuksilla"> <img aria-hidden="true" src="https://res.cloudinary.com/dnaoyj/image/upload/c_fit,h_40,w_112,f_auto,q_auto,dpr_2/v1618875243/Assets/Icons%20and%20logos/Other%20logos/bank_logos/omasp-0923.png" alt="Oma Säästöpankki logo"> <span>Oma Säästöpankki</span> </a> <a class="bank-login__item" v-bind:href="getLoginUrl('&acr_values=urn:se:curity:authentication:oidc:oidc-ftn-aktia-1&prompt=login')" aria-label="Kirjaudu sisään Aktia tunnuksilla"> <img aria-hidden="true" src="https://res.cloudinary.com/dnaoyj/image/upload/c_fit,h_40,w_112,f_auto,q_auto,dpr_2/v1618875243/Assets/Icons%20and%20logos/Other%20logos/bank_logos/aktia-0923.png" alt="Aktia logo"> <span>Aktia</span> </a> <a class="bank-login__item" v-bind:href="getLoginUrl('&acr_values=urn:se:curity:authentication:oidc:oidc-ftn-alandsbanken-1&prompt=login')" aria-label="Kirjaudu sisään Ã
landsbanken tunnuksilla"> <img aria-hidden="true" src="https://res.cloudinary.com/dnaoyj/image/upload/c_fit,h_40,w_112,f_auto,q_auto,dpr_2/v1618875243/Assets/Icons%20and%20logos/Other%20logos/bank_logos/alandsbanken-0923.png" alt="Ã
landsbanken logo"> <span>Ã
landsbanken</span> </a> <a class="bank-login__item" v-bind:href="getLoginUrl('&acr_values=urn:se:curity:authentication:oidc:oidc-ftn-mobileid-1&prompt=login')" aria-label="Kirjaudu sisään Mobiilivarmenne tunnuksilla"> <svg role="img" aria-hidden="true" class="ds-icon ds-icon--black"><use href="#Mobiilivarmenne"></use></svg> <span>Mobiilivarmenne</span> </a> </div> </div> </div> </div> </dialog> </template> </div> <dialog id="inactivityWarning" class="ds-modal ds-modal--dialog ds-modal--medium" style="min-height: unset;" ref="dialog"> <div class="ds-modal__container"> <div class="ds-modal__title"> <h2 id="ds-modal-title">Haluatko jatkaa asiointia?</h2> </div> <div class="ds-modal__content basic-web-content"> Jos et halua jatkaa asiointia dna.fi -palvelussa, sinut kirjataan ulos automaattisesti <span style="font-weight: 700;">2 minuutin</span> kuluttua. </div> </div> <div class="ds-modal__bottom-bar"> <div class="ds-btn-group ds-btn-group--confirm"> <button class="ds-btn ds-btn--secondary" v-on:click="logout()">Kirjaudu ulos</button> <button class="ds-btn ds-btn--primary" v-on:click="closeInactivityWarning()">Jatka asiointia</button> </div> </div> </dialog> </div> </script>
1640 <!-- SSO-DNA-HEADER end -->
1640<script type="text/x-template" id="cart-price"> <p v-if="discountInfo != ''" class="ds-minicart-item__discount-info">{{ discountInfo }}</p> <p class="ds-minicart-item__price" :class="{'ds-minicart-item__price--discount': hasDiscount}"> {{price}} <span class="ds-minicart-item__price-suffix">€<template v-if="isMonthlyPrice">/kk</template><template v-if="pricePeriodLength > 0">/{{pricePeriodLength}} kk</template></span> </p> </script>
1640
1640<script type="text/x-template" id="cart-entry"> <section class="ds-minicart-item__wrap" aria-roledescription="Tuote" :aria-labelledby="titleId"> <div class="ds-label ds-label--offer" v-if="discountLabel != 0">{{ discountLabel }}</div> <div class="ds-minicart-item"> <div class="ds-minicart-item__child" v-if="entry.parentItemId"> <svg role="img" class="ds-icon ds-icon--24 ds-icon--pink" aria-hidden="true"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#ArrowBendDownRight"></use> </svg> </div> <div class="ds-minicart-item__img"> <img v-if="productImg" :src="productImg" alt="" /> </div> <div class="ds-minicart-item__content"> <component :is="productUrl ? 'a' : 'h3'" :href="productUrl ? productUrl : null" class="ds-minicart-item__title" :class="{'ds-minicart-item__link' : productUrl}" :id="titleId"> {{entry.product.name}} <span v-if="shortDescription" class="ds-minicart-item__title-details">{{shortDescription}}</span> </component> <div class="ds-minicart-item__price-section"> <cart-price :hasDiscount="hasDiscount" :discountInfo="discountInfo" :price="getSinglePriceWithDecimalsNumbersOnly(displayPrice)" :isMonthlyPrice="isMonthlyPrice" :pricePeriodLength="pricePeriodLength" /> <p v-if="afterThatPrice" class="ds-minicart-item__infotext"> jatkossa {{getSinglePriceWithDecimals(afterThatPrice)}}/kk </p> <p v-if="isMonthlyPrice && isFixedTerm" class="ds-minicart-item__infotext"> {{contractLength}} kk sopimus, yht. {{getSinglePriceWithDecimals(getContractTotalPrice)}} </p> <p v-else-if="isMonthlyPrice" class="ds-minicart-item__infotext"> Ei määräaikaa </p> <p v-if="openingFee" class="ds-minicart-item__infotext"> Avausmaksu {{getSinglePriceWithDecimals(openingFee)}} </p> <p v-if="entry.promotionText" class="ds-minicart-item__infotext"> {{entry.promotionText}} </p> </div> </div> <div class="ds-minicart-item__action"> <p class="ds-minicart-item__infotext">{{entry.quantity}} kpl</p> <button v-if="entry.quantity > 1 && itemCanBeRemovedFromSidecart" @click.stop="removeItemFromCart()" :disabled="actionInProgress" class="ds-function-btn" :aria-labelledby="ctaLabelledby" type="button"> <svg class="ds-icon" role="img" aria-hidden="true"><use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Minus"></use></svg> <span class="sr-only" :id="ctaId">Vähennä ostoskorista yksi</span> </button> <button v-else-if="itemCanBeRemovedFromSidecart" @click.stop="removeItemFromCart()" :disabled="actionInProgress" class="ds-function-btn" :aria-labelledby="ctaLabelledby" type="button"> <svg class="ds-icon" role="img" aria-hidden="true"><use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Trash"></use></svg> <span class="sr-only" :id="ctaId">Poista ostoskorista</span> </button> </div> </div> </section> </script>
1640<script type="text/x-template" id="cart-liftup" xmlns="http://www.w3.org/1999/html"> <section class="ds-minicart-liftup" aria-roledescription="Tuote" :aria-labelledby="titleId"> <div class="ds-minicart-liftup__heading"> <img class="ds-minicart-liftup__img" v-if="productImg" :src="productImg" alt="" /> <p><b>{{productDescription}}</b></p> </div> <p> <template v-if="isSecurityProduct"> <ul> <li> <a :href="productUrl" class="ds-minicart-liftup__link ds-minicart-item__link" :id="titleId">{{entry.description}}</a> </li> <li>{{entry.description2}}</li> </ul> </template> <template v-else> <a :href="productUrl" class="ds-minicart-liftup__link ds-minicart-item__link" :id="titleId">{{entry.name}}</a><br> </template> <span :class="{'ds-minicart-liftup__discount': isDiscounted}">{{priceDescription1}}</span> {{priceDescription2}} </p> <button class="ds-btn ds-btn--small ds-btn--full" @click.stop="addItem()" :disabled="actionInProgress" :id="ctaId" :aria-labelledby="ctaLabelledby" type="button" > Lisää ostoskoriin </button> </section> </script>
1640<script type="text/x-template" id="cart-recommendation"> <section class="ds-minicart-item ds-minicart-item--recommendation" aria-roledescription="Tuote" :aria-labelledby="titleId"> <div class="ds-minicart-item__img"> <img v-if="productImg" :src="productImg" alt="" /> </div> <div class="ds-minicart-item__content"> <a :href="productUrl" :aria-label="productName" :id="titleId" class="ds-minicart-item__title ds-minicart-item__link" data-recommendation-placement-id="side-cart-recommended-product-read-more" :data-recommendation-placement-index="index" :data-recommendation-item-id="productCode" :data-recommendation-id="extRecommendationId"> {{productName}} </a> <div class="ds-minicart-item__price-section"> <cart-price :hasDiscount="hasDiscount" :price="getSinglePriceWithDecimalsNumbersOnly(displayPrice)" :isMonthlyPrice="false" :pricePeriodLength="contractLength" /> </div> <button class="ds-minicart-item__add ds-btn ds-btn--small" @click.stop="addItem()" :disabled="actionInProgress" :id="ctaId" :aria-labelledby="ctaLabelledby" type="button" data-recommendation-placement-id="side-cart-recommended-product-add-to-cart" :data-recommendation-placement-index="index" :data-recommendation-item-id="productCode" :data-recommendation-id="extRecommendationId"> Lisää ostoskoriin </button> </div> </section> </script>
1640<script type="text/x-template" id="cart-details"> <div v-if="!cartInitialized" class="ds-sidecart__section ds-sidecart__section--empty"> <div class="ds-loading"> <div class="ds-loading__bar"></div> <div class="ds-loading__bar"></div> <div class="ds-loading__bar"></div> <div class="ds-loading__bar"></div> </div> </div> <div class="ds-sidecart__notification ds-sidecart__section-title" v-if="notificationMessage != ''"> <svg role="img" class="ds-icon ds-icon--24 ds-icon--pink" aria-hidden="true"> <use v-if="notificationMessage == 'SUCCESS'" href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Check"></use> <use v-else href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Error"></use> </svg> <div> <template v-if="notificationMessage == 'SUCCESS'"> <h3 class="h4">Tuote lisätty ostoskoriin</h3> </template> <template v-else-if="notificationMessage == 'ADD_ITEM_ERROR'"> <h3 class="h4">Tuotetta ei voitu lisätä koriin</h3> <p>Tätä tuotetta voi tilata vain rajoitetun määrän kerrallaan. Olet jo lisännyt sallitun määrän tuotetta ostoskoriin.</p> </template> <template v-else-if="notificationMessage == 'PRODUCT_LIMIT_EXCEEDED'"> <h3 class="h4">Tuotetta ei voitu lisätä koriin</h3> <p>Tätä tuotetta voi tilata vain rajoitetun määrän kerrallaan. Olet jo lisännyt sallitun määrän tuotetta ostoskoriin.</p> </template> <template v-else-if="notificationMessage == 'CART_PRODUCT_OUT_OF_STOCK'"> <h3 class="h4">Tuotetta ei voitu lisätä koriin</h3> <p>Tuotetta ei valitettavasti ole varastossa haluamaasi määrää.</p> </template> <template v-else-if="notificationMessage == 'CART_PRODUCT_STOCK_LIMIT_EXCEEDED'"> <h3 class="h4">minicart.product.error.cart-out-of-stock</h3> <p>minicart.product.error.cart-out-of-stock-description</p> </template> <template v-else-if="notificationMessage == 'PRODUCT_TAG_LIMIT_EXCEEDED'"> <h3 class="h4">Tuotetta ei voitu lisätä koriin</h3> <p>Ostoskorissa on tuotteita, joita voi tilata vain rajoitetun määrän. Vähennä kappalemäärää tai poista osa tuotteista jatkaaksesi tilausta.</p> </template> <template v-else-if="notificationMessage == 'DELETE_ITEM_ERROR'"> <h3 class="h4">Tuotetta ei voitu lisätä koriin</h3> <p>Ostoskorissa on tuotteita, joita voi tilata vain rajoitetun määrän. Vähennä kappalemäärää tai poista osa tuotteista jatkaaksesi tilausta.</p> </template> <template v-else> <h3 class="h4">Tuotetta ei voitu lisätä koriin</h3> <p>Voi pahus, jokin meni pieleen. Yritä hetken kuluttua uudestaan.</p> </template> </div> </div> <div v-if="cart" class="ds-sidecart__rocket"> <section class="ds-sidecart__section ds-sidecart__section--main" aria-label="Ostoskorissa olevat tuotteet"> <template v-for="(entry, index) in visibleEntries" :key="entry.product.code"> <cart-entry :entry="entry" :allEntries="visibleEntries" :index="index" :productBaseUrl="productBaseUrl" :actionInProgress="actionInProgress" @removeitem="removeItemFromCart" /> </template> </section> <section class="ds-sidecart__section" v-if="cart.recommendedService != null" aria-label="Suositellut tuotteet"> <cart-liftup :entry="cart.recommendedService" :index="0" :productBaseUrl="productBaseUrl" :actionInProgress="actionInProgress" @additem="addItem" /> </section> <section class="ds-sidecart__section" v-if="cart.recommendedProducts && cart.recommendedProducts.length > 0" aria-label="Yhdessä ostettuja tuotteita"> <h3 class="ds-sidecart__section-title h4">Yhdessä ostettuja tuotteita</h3> <template v-for="(entry, index) in shownRecommendations" :key="entry.code"> <cart-recommendation :entry="entry" :index="index" :productBaseUrl="productBaseUrl" :actionInProgress="actionInProgress" @additem="addItem" /> </template> </section> <section class="ds-sidecart__footer ds-minicart-summary ds-minicart-summary--main" v-if="cart.status" aria-label="Yhteensä"> <div class="ds-minicart-summary__prices"> <div class="ds-minicart-summary__price"> <p>Kertamaksut</p> <div class="h3">{{getSinglePriceWithDecimalsNumbersOnly(oneTimeChargesGrossSellingPrice)}} €</div> </div> <div class="ds-minicart-summary__price"> <p>Kuukausimaksut</p> <div class="h3">{{getSinglePriceWithDecimalsNumbersOnly(cart.monthlyChargesTotal?.gross)}} €/kk</div> </div> </div> <a href="https://kauppa.dna.fi/cart" class="ds-btn ds-btn--primary ds-btn--full">Siirry tilaamaan</a> </section> </div> </script>
1640
1640<script> 1641window.sso_check_settings = { 1642host: 'https://pass.dna.fi', 1643interval: '30' 1644}; 1645</script>
1645 <!-- COMMON-DNA-HEADER end --> <svg class="responsiveImageSvgFilters" aria-hidden="true"> <filter id="svgBlurNormal"> <feGaussianBlur stdDeviation="10"></feGaussianBlur> <feComposite in2="SourceGraphic" operator="in"></feComposite> </filter> </svg> <div id="wrapper" class="page-wrapper"> <section id="content"> <style type="text/css"> 1646.master-layout-fragment .portlet-header { 1647display: none; 1648} 1649</style> <div class="dna-main-content" id="main-content" role="main"> <div class="portlet-column portlet-column-only" id="column-1"> <div class="portlet-dropzone portlet-column-content portlet-column-content-only" id="layout-column_column-1"> <div class="portlet-boundary portlet-boundary_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_ portlet-static portlet-static-end portlet-barebone portlet-nested-portlets visible-to-guests-only" id="p_p_id_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_pVwlRcrAiMqs_"> <section class="portlet" id="portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_pVwlRcrAiMqs">
1649<script> 1650Liferay.Loader.require('[email protected]/js/common/nestedPortletToggle.es'); 1651</script>
1651 <div class="nested-portlet-header nested-portlet-header__toggle--collapsed"> <div class="nested-portlet-header__wrap"> <div class="nested-portlet-header__toggle"> <span class="nested-portlet-header__toggle-text--expanded">Piilota</span> <span class="nested-portlet-header__toggle-text--collapsed">Avaa</span> <button class="ds-simple-btn nested-portlet-header__toggle-btn js-nested-portlet-toggle" id="loggedin-frontpage-content-toggle" aria-expanded="false" aria-label="Näytä tai piilota kirjautuneen käyttäjän osio" aria-controls="togglecontent_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_pVwlRcrAiMqs" data-storagekey="collapseContent_teaser" > <svg class="ds-icon ds-icon--24" role="img" aria-hidden="true"><use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#ChevronUp"></use></svg> </button> </div> <h4 class="nested-portlet-header__title">Kirjautuminen kannattaa</h4> </div> </div> <div class=" nested-portlet-collapse-content" id="togglecontent_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_pVwlRcrAiMqs"> <div class="dna-content-wrap--content"> <div class="dna-grid--1"> <div class="portlet-column dna-grid-item dna-content-cols-4" id="_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_pVwlRcrAiMqs__column-1"> <div class="portlet-dropzone portlet-column-content" id="layout-column__com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_pVwlRcrAiMqs__column-1"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_Nlc1grrjDoJV_"> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_Nlc1grrjDoJV"> <!-- Custom DNA imports --> <div class="" > <div class=""> <div class="journal-content-article " data-analytics-asset-id="23183973" data-analytics-asset-title="Login promotion" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="23183975">
1651<script type="text/javascript"> 1652window.dynamicCSS = window.dynamicCSS || {}; 1653if (!window.dynamicCSS['cardFreeCSS']) { 1654window.dynamicCSS['cardFreeCSS'] = true; 1655var link = document.createElement('link'); 1656link.rel = 'stylesheet'; 1657link.href = '/o/dna-fi-theme/css/dna/portlets/card-free.css?browserId=other&themeId=dnafitheme_WAR_dnafitheme&minifierType=css&languageId=fi_FI&t=1789632818000'; 1658link.media = 'all'; 1659document.head.appendChild(link); 1660} 1661</script>
1661 <div class="dna-card-free__outside-wrap"> <div class="dna-card-free ds-bg--none ds-color--black dna-card-free--fixed-layout dna-card-free--fixed-horizontal dna-card-free--image-w25"> <div class="dna-card-free__item dna-card-free__image limited-height no-crop dna-card-free__item--v-padding dna-card-free__item--v-top"> <div class="dna-card-free__image-wrap dna-cld-container ratio-1-1"> <img class="dna-cld-responsive dna-cld-responsive--full placeholder" alt="" src="https://res.cloudinary.com/dnaoyj/image/upload/ar_1:1,c_fill,f_auto,g_auto,q_1,w_300/e_blur:100/v1/Assets/KLT/Etusivu/Puhelin_kadessa" data-src="https://res.cloudinary.com/dnaoyj/image/upload/ar_1:1,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_300/v1/Assets/KLT/Etusivu/Puhelin_kadessa" loading="lazy"> </div> </div> <div class="dna-card-free__item dna-card-free__text basic-web-content dna-card-free__item--padding dna-card-free__item--v-centered"> <h2>Kirjautumalla <span class="ds-text--highlight">hyödyt!</span></h2> <ul> <li>Löydä tarjoukset, asiakasedut ja uusi oma näkymäsi</li> <li>Oma näkymä kokoaa yhteen etusi ja asiakastietosi</li> <li>Pysy ajan tasalla laskuista ja hallinnoi palveluitasi sekä laitteitasi kätevästi</li> </ul> <p><button class="ds-btn ds-btn--primary" onclick="window.dna_login.openLogin()" type="button" role="link">Kirjaudu sisään</button></p> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_ portlet-static portlet-static-end portlet-barebone portlet-nested-portlets visible-to-sso-logged-in-only" id="p_p_id_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_K4V3Cz4S7Fkc_"> <section class="portlet" id="portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_K4V3Cz4S7Fkc"> </section> </div> <div class="portlet-boundary portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ portlet-static portlet-static-end portlet-barebone portlet-asset-publisher " id="p_p_id_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_NP2jWQ1adaky_"> <section class="portlet" id="portlet_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_NP2jWQ1adaky"> <div class="dna-grid dna-grid--0 "> <div class="dna-grid-item dna-content-cols-1" data-analytics-position="1" data-analytics-list="grid" data-analytics-section="asset-list">
1661<script type="text/javascript"> 1662window.dynamicCSS = window.dynamicCSS || {}; 1663if (!window.dynamicCSS['cardFreeCSS']) { 1664window.dynamicCSS['cardFreeCSS'] = true; 1665var link = document.createElement('link'); 1666link.rel = 'stylesheet'; 1667link.href = '/o/dna-fi-theme/css/dna/portlets/card-free.css?browserId=other&themeId=dnafitheme_WAR_dnafitheme&minifierType=css&languageId=fi_FI&t=1789632818000'; 1668link.media = 'all'; 1669document.head.appendChild(link); 1670} 1671</script>
1671 <div class="dna-card-free__outside-wrap"> <div class="dna-card-free ds-bg--white ds-color--black dna-card-free--inverted dna-card-free--image-w50 dna-card-free--as-hero"> <div class="dna-card-free__item dna-card-free__image dna-card-free__item--v-centered"> <div class="dna-card-free__image-wrap dna-cld-container"> <img class="dna-cld-responsive dna-cld-responsive--full placeholder" alt="" src="https://res.cloudinary.com/dnaoyj/image/upload/f_auto,q_1,w_300/e_blur:100/v1/Assets/KLT/Laitteet/Laitelanseeraukset/iphone18_hero_A" data-src="https://res.cloudinary.com/dnaoyj/image/upload/dpr_auto,f_auto,q_auto,w_300/v1/Assets/KLT/Laitteet/Laitelanseeraukset/iphone18_hero_A" fetchpriority="high"> </div> </div> <div class="dna-card-free__item dna-card-free__text basic-web-content dna-card-free__item--padding dna-card-free__item--v-centered"> <h1>iPhone 18 Pro. Huipputason pro-iPhone</h1> <p><br> Saatavilla nyt.</p> <div class="dna-card-free__align-bottom"></div> <div class="dna-card-free__cta-area"> <div class="dna-card-free__cta-wrapper ds-btn-group"> <a href="https://kauppa.dna.fi/laitteet/tuotemerkit/apple/puhelimet?itm_source=etusivu&itm_medium=hero&itm_campaign=laitelanseeraukset&itm_content=iphone-18-pro" class="ds-btn dna-card-free__cta data-ga-enabled" dna-dxp-type="web-content" dna-dxp-cid="ce27d23f-0473-4a4d-5a8d-c4f7bd3e6a58" aria-label="Tilaa"> <span>Tilaa</span> </a> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_ portlet-static portlet-static-end portlet-barebone portlet-nested-portlets " id="p_p_id_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_scpIraVUdSwd_"> <section class="portlet" id="portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_scpIraVUdSwd"> <div class=" dna-portlet-topmargin--normal dna-portlet-bottommargin--normal" > <div class="dna-content-wrap--content"> <div class="dna-grid dna-grid--1-2 dna-grid--large-gutter"> <div class="portlet-column dna-grid-item dna-content-cols-1" id="_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_scpIraVUdSwd__column-1"> <div class="portlet-dropzone portlet-column-content" id="layout-column__com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_scpIraVUdSwd__column-1"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_NDek7G1A8ubg_"> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_NDek7G1A8ubg"> <!-- Custom DNA imports --> <div class="" > <div class="basic-web-content "> <div class="journal-content-article basic-web-content" data-analytics-asset-id="14780897" data-analytics-asset-title="Etusivu - custom ikoninavigaatio DNADXP-6943" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="14780899"> <div class="custom-nav-grid"><a href=" https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/puhelimet?itm_source=etusivu&itm_medium=icon_nav&itm_campaign=viikkotarjoukset&itm_format=vakio&itm_content=puhelimet "><svg aria-hidden="true" class="hl-icon hl-icon--pink" data-color="Pink" data-instance-id="1683120584328" data-size="16" data-title="phone" role="img"><use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Phone"></use></svg> <strong>Puhelimet</strong> </a> <a href=" https://www.dna.fi/laitteet/kaytetyt/vaihtokapula?itm_source=etusivu&itm_medium=icon_nav&itm_campaign=vaihtokapula&itm_format=vakio&itm_content=vaihtokapula "><svg aria-hidden="true" class="hl-icon hl-icon--pink" fill="none" height="24" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> <path d="M8.76605 4.61264C9.41566 3.97893 10.4413 3.91412 11.1528 4.49447L11.2905 4.61947L11.2914 4.62045L13.3989 6.73569C15.4106 4.87759 18.5466 4.92547 20.5004 6.87924C22.5033 8.88213 22.5033 12.1273 20.5004 14.1302L20.1205 14.5101C20.0979 14.5328 20.073 14.5525 20.0483 14.5716L15.2338 19.3871C14.5409 20.0629 13.4205 20.0913 12.7094 19.3802L12.7084 19.3792L10.6039 17.2679C8.59239 19.1303 5.45474 19.0855 3.49945 17.1302C1.49662 15.1273 1.49658 11.8821 3.49945 9.87924L8.76605 4.61264ZM10.186 5.64389C10.0768 5.57092 9.92516 5.57832 9.81391 5.68686L7.35492 8.14389C7.67687 8.26768 7.97993 8.45836 8.24066 8.71908C9.2335 9.71192 9.23339 11.3072 8.24066 12.3001L7.99066 12.5501L10.4467 15.0062C10.487 15.0332 10.5254 15.0643 10.561 15.0999L13.77 18.3197L13.8139 18.3558C13.923 18.4288 14.0747 18.4213 14.186 18.3128L18.5248 13.9749L15.9204 11.3705L15.6704 11.6205C14.6774 12.6132 13.0821 12.6133 12.0893 11.6205C11.0965 10.6276 11.0966 9.03229 12.0893 8.0394L12.3344 7.7933L10.2299 5.68002L10.186 5.64389ZM7.18012 9.78061C6.77301 9.3735 6.12726 9.3735 5.72016 9.78061L4.56 10.9398C3.14291 12.3569 3.14296 14.6526 4.56 16.0697C5.92662 17.4363 8.1098 17.4844 9.53461 16.2152L6.39984 13.0804C6.25927 12.9398 6.18021 12.7489 6.18012 12.5501C6.18012 12.3513 6.25926 12.1605 6.39984 12.0199L7.18012 11.2396C7.58691 10.8326 7.58671 10.1877 7.18012 9.78061ZM14.7797 14.0492C15.0726 13.7565 15.5474 13.7565 15.8403 14.0492C16.1331 14.342 16.133 14.8168 15.8403 15.1097L15.1108 15.8402C14.8179 16.1331 14.3421 16.133
16711 14.0493 15.8402C13.7566 15.5474 13.7567 15.0725 14.0493 14.7796L14.7797 14.0492ZM19.4399 7.93979C18.0228 6.52275 15.7271 6.52271 14.31 7.93979L13.1498 9.09994C12.7429 9.50705 12.7428 10.1528 13.1498 10.5599C13.5569 10.967 14.2027 10.9669 14.6098 10.5599L15.3901 9.77963L15.4467 9.72787C15.7413 9.4877 16.1761 9.50508 16.4506 9.77963L19.5854 12.9144C20.8546 11.4896 20.8065 9.3064 19.4399 7.93979Z"></path> </svg> <strong>Käytetyt puhelimet</strong> </a><a href="https://www.dna.fi/liittymat-ja-palvelut/puhe?itm_source=etusivu&itm_medium=icon_nav&itm_campaign=palvelut&itm_format=vakio&itm_content=liittymat"> <svg aria-hidden="true" class="hl-icon hl-icon--pink" data-color="Pink" data-instance-id="1683120673241" data-size="16" data-title="sim" role="img"><use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Sim"></use></svg> <strong>Puhelinliittymät</strong> </a> <a href="https://www.dna.fi/liittymat-ja-palvelut/netti?itm_source=etusivu&itm_medium=icon_nav&itm_campaign=palvelut&itm_format=vakio&itm_content=netti"> <svg aria-hidden="true" class="hl-icon hl-icon--pink" data-color="Pink" data-instance-id="1683120688099" data-size="16" data-title="wifi" role="img"><use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Wifi"></use></svg> <strong>Nettiliittymät</strong> </a> <a href="https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/digiturva?itm_source=etusivu&itm_medium=icon_nav&itm_campaign=palvelut&itm_format=vakio&itm_content=tietoturva"> <svg aria-hidden="true" class="hl-icon hl-icon--pink" data-color="Pink" data-instance-id="1683120709346" data-size="16" data-title="shield" role="img"><use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Shield"></use></svg> <strong>Tietoturva</strong> </a> <a href="https://www.dna.fi/viihde/dna-viihde?itm_source=etusivu&itm_medium=icon_nav&itm_campaign=palvelut&itm_format=vakio&itm_content=viihde"> <svg aria-hidden="true" class="hl-icon hl-icon--pink" data-color="Pink" data-instance-id="1683120744174" data-size="16" data-title="entertainment" role="img"><use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Entertainment"></use></svg> <strong>Viihde</strong> </a> <a href="https://www.dna.fi/asiakasedut?itm_source=etusivu&itm_medium=icon_nav&itm_campaign=asiakasedut&itm_format=vakio&itm_content=asiakasedut"> <svg aria-hidden="true" class="hl-icon hl-icon--pink" data-color="Pink" data-instance-id="1683120762967" data-size="16" data-title="coupon" role="img"><use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Coupon"></use></svg> <strong>Asiakasedut</strong> </a><a href="https://www.dna.fi/tuki?itm_source=etusivu&itm_medium=icon_nav&itm_campaign=asiakaspalvelu&itm_format=vakio&itm_content=asiakaspalvelu"> <svg aria-hidden="true" class="hl-icon hl-icon--pink" data-color="Pink" data-instance-id="1768981939960" data-size="16" data-title="Headset" role="img"><use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Headset"></use></svg> <strong><span></span>Asiakaspalvelu</strong> </a></div> <style type="text/css">.custom-nav-grid { 1672display:grid; 1673gap: 20px 30px; 1674grid-template-columns: repeat(auto-fill, minmax(max(150px, calc((100% - 2*30px) / 3)), 1fr)); 1675border-bottom: 1px solid #E7E5E3; 1676padding-bottom: 30px; 1677margin-bottom: 40px; 1678} 1679.custom-nav-grid p { 1680margin-bottom: 0; 1681} 1682.custom-nav-grid a { 1683color: #121212; 1684font-size: 1rem; 1685text-decoration: none !important; 1686display: flex; 1687align-items: center; 1688gap: 0.5em; 1689} 1690.custom-nav-grid svg { 1691height: 20px; 1692width: 20px; 1693flex: 0 0 auto; 1694} 1695@media screen and (min-width: 768px) { 1696.custom-nav-grid a { 1697font-size: 18px; 1698} 1699} 1700</style> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_cQhEumKniP2L_"> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_cQhEumKniP2L"> <!-- Custom DNA imports --> <div class="" > <div class="basic-web-content "> <div class="journal-content-article basic-web-content" data-analytics-asset-id="14785315" data-analytics-asset-title="Etusivu apuri nosto" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="14785317"> <h4 class="ds-simple-pictograph"><svg aria-hidden="true" class="hl-icon hl-icon--40 hl-icon--pink" data-color="Pink" data-instance-id="1683205055508" data-size="40" data-title="chat" role="img"><use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#ChatBubble"></use></svg>Kun etsit vastauksia. Anna DNA Apurin auttaa!</h4> <p>Saat asiantuntevan avun ja parhaat vinkit chatissa:</p> <ul> <li>Asiantuntijat linjoilla arkisin yhdeksään ja lauantaisin jopa kuuteen.</li> <li>Botti paikalla kellon ympäri, 24/7</li> <li>Voit myös varata soittoajan!</li> </ul> <p>
1700<button class="ds-btn js-dna-chatbot-cta-btn"><span>Avaa Chat</span></button></p> </div> </div> </div> </section> </div> </div> </div> <div class="portlet-column dna-grid-item dna-content-cols-2" id="_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_scpIraVUdSwd__column-2"> <div class="portlet-dropzone portlet-column-content" id="layout-column__com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_scpIraVUdSwd__column-2"> <div class="portlet-boundary portlet-boundary_fi_dna_liferay_portlet_pere_clv_PereClvPortlet_ portlet-static portlet-static-end portlet-barebone " id="p_p_id_fi_dna_liferay_portlet_pere_clv_PereClvPortlet_"> <section class="portlet" id="portlet_fi_dna_liferay_portlet_pere_clv_PereClvPortlet"> <div id="pere-clv-app" class="pere-clv" v-cloak data-analytics-section="pere-clv" data-backend-url="https://www.dna.fi/yksityisille?p_p_id=fi_dna_liferay_portlet_common_ExternalApiPortlet&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_resource_id=%2Fget-pere-next-best-recommendations&p_p_cacheability=cacheLevelPage" data-rocket-base-url="https://kauppa.dna.fi" data-graphql-endpoint="https://kauppa.dna.fi/graphql" data-default-gift-image-url="https://res.cloudinary.com/dnaoyj/image/upload/Assets/Rocket/Ecom%20listing%20and%20product%20page%20visuals/Gift_product.png" > <h2 class="dna-clv__title h3"> Suosituksemme sinulle </h2> <div class="dna-grid"> <template v-if="products.length > 0"> <div class="dna-grid-item" v-for="(product, index) in products"> <section v-if="loading" class="ds-product-card ds-product-card--horizontal ds-skeleton-loader ds-skeleton-loader--light"></section> <product-card-horizontal v-else portlet-id="fi_dna_liferay_portlet_pere_clv_PereClvPortlet" :product="product" :card-id="product.baseProduct?.id" :card-index="index + 1" :invert-layout="index === 0" :pre-title="getPreTitle(product)" :show-cta-btn="true" :custom-cta-btn-text="getCtaBtnText(product)" current-language="FI" :default-gift-image-url="defaultGiftImageUrl" ></product-card-horizontal> </div> </template> <template v-else> <div class="dna-grid-item"> <product-card-horizontal portlet-id="fi_dna_liferay_portlet_pere_clv_PereClvPortlet" card-id="default-card-1" :card-index="1" :invert-layout="true" description="Syötä numerosi ja näe juuri sinulle tehdyt liittymädiilit! Meiltä edulliset liittymät, joiden hinta ei takuulla karkaa." custom-card-image-src="https://res.cloudinary.com/dnaoyj/image/upload/dpr_auto,f_auto,q_auto,w_180/Assets/KLT/puhe/Kampanjat/DNA_Joulu_Dnafi-Puhe_sim_1080x1080_v1" custom-title="Saisiko olla huoleton puhelinliittymätarjous?" :show-cta-btn="true" custom-cta-btn-link="https://www.dna.fi/liittymat-ja-palvelut/puhe?itm_source=peredefault&itm_medium=card1&itm_format=vakio&itm_content=puhelinliittymat" custom-cta-btn-text="Tutustu liittymiin" current-language="FI" :default-gift-image-url="defaultGiftImageUrl" ></product-card-horizontal> </div> <div class="dna-grid-item"> <product-card-horizontal portlet-id="fi_dna_liferay_portlet_pere_clv_PereClvPortlet" card-id="default-card-2" :card-index="2" :invert-layout="false" description="DNA Netti on nopeasti käyttövalmis ja takuulla toimiva.
1700Ãlä siis heitä rahojasi Kankkulan kaivoon, vaan hanki DNA Netti 30 päivän tyytyväisyystakuulla." custom-card-image-src="https://res.cloudinary.com/dnaoyj/image/upload/dpr_auto,f_auto,q_auto,w_180/v1/Assets/KLT/Netti/DNA_tyytyvaisyystakuu" custom-title="DNA Netti tulee aina 30 päivän tyytyväisyystakuulla" :show-cta-btn="true" custom-cta-btn-link="https://www.dna.fi/liittymat-ja-palvelut/netti?itm_source=etusivu&itm_medium=card2&itm_campaign=30pv&itm_format=vakio&itm_content=30pv" custom-cta-btn-text="Tilaa netti" current-language="FI" :default-gift-image-url="defaultGiftImageUrl" ></product-card-horizontal> </div> </template> </div> </div> </section> </div> </div> </div> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_ portlet-static portlet-static-end portlet-barebone portlet-nested-portlets " id="p_p_id_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_9xIowF5XhCW4_"> <section class="portlet" id="portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_9xIowF5XhCW4"> <div class=" dna-portlet-topmargin--normal dna-portlet-bottommargin--normal ds-bg--sand-01 dna-layout-bg-color" > <div class="dna-content-wrap--content"> <div class="dna-grid--1"> <div class="portlet-column dna-grid-item dna-content-cols-4" id="_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_9xIowF5XhCW4__column-1"> <div class="portlet-dropzone portlet-column-content" id="layout-column__com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_9xIowF5XhCW4__column-1"> <div class="portlet-boundary portlet-boundary_fi_dna_liferay_portlet_productview_ProductViewPortlet_ portlet-static portlet-static-end portlet-barebone " id="p_p_id_fi_dna_liferay_portlet_productview_ProductViewPortlet_INSTANCE_WmES2OjIlAm8_"> <section class="portlet" id="portlet_fi_dna_liferay_portlet_productview_ProductViewPortlet_INSTANCE_WmES2OjIlAm8"> <input type="hidden" id="_fi_dna_liferay_portlet_productview_ProductViewPortlet_INSTANCE_WmES2OjIlAm8_selectedProductIds" value='["PKG_5109CMDQ_b2c","PKG_SMA276BZKBEUB_b2c","PKG_5109BYFD_b2c","PKG_631011008288_b2c","PKG_SMS942BZKHEUB_b2c","PKG_631002004346_b2c"]'/> <div id="product-view-app-fi_dna_liferay_portlet_productview_ProductViewPortlet_INSTANCE_WmES2OjIlAm8" class="product-view" v-cloak data-analytics-section="product-view" data-graphql-endpoint="https://kauppa.dna.fi/graphql" data-portlet-namespace="_fi_dna_liferay_portlet_productview_ProductViewPortlet_INSTANCE_WmES2OjIlAm8_" data-display-layout="carousel" data-items-in-row="5" data-default-gift-image-url="https://res.cloudinary.com/dnaoyj/image/upload/Assets/Rocket/Ecom%20listing%20and%20product%20page%20visuals/Gift_product.png" > <div class="dna-carousel product-carousel" :class="{ 'ds-products--show-cta': false }" ref="productcarousel" data-slidecount="4" data-slidegap="10" v-if="products.length" > <div class="dna-carousel__header"> <h2 v-if="true" class="dna-carousel__title h3">DNA Takuuhinnalla puhelimet pohjahintaan</h2> <div class="dna-carousel__controls"> <div class="dna-carousel__button-prev ds-arrow-btn ds-arrow-btn--round ds-btn--disabled"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#ChevronLeft"></use> </svg> </div> <div class="dna-carousel__button-next ds-arrow-btn ds-arrow-btn--round"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#ChevronRight"></use> </svg> </div> </div> </div> <div class="swiper"> <div class="swiper-wrapper"> <template v-for="(product, index) in products" :key="product.baseProduct?.id"> <div class="swiper-slide"> <div v-if="loading" class="ds-product-card ds-skeleton-loader ds-skeleton-loader--light"></div> <!-- loading --> <product-card v-else portlet-id="fi_dna_liferay_portlet_productview_ProductViewPortlet_INSTANCE_WmES2OjIlAm8" current-language="FI" :show-cta-btn="false === true" :product="product" :card-id="product.baseProduct.id" :card-index="index + 1" :default-gift-image-url="defaultGiftImageUrl" ></product-card> </div> </template> </div> <div class="dna-carousel__footer"> <div class="swiper-pagination"></div> <div class="swiper-scrollbar"></div> <div v-if="true"> <div class="dna-carousel__more"> <a href="https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/puhelimet?itm_source=etusivu&itm_medium=carousel1&itm_campaign=puhelimet&itm_format=vakio&itm_content=puhelimet" class="ds-icon-btn"> <svg class="ds-icon" role="img" aria-hidden="true"><use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#ArrowRight"></use></svg> Katso kaikki </a> </div> </div> </div> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_fi_dna_liferay_portlet_productview_ProductViewPortlet_ portlet-static portlet-static-end portlet-barebone " id="p_p_id_fi_dna_liferay_portlet_productview_ProductViewPortlet_INSTANCE_DkTeIuom4kYv_"> <section class="portlet" id="portlet_fi_dna_liferay_portlet_productview_ProductViewPortlet_INSTANCE_DkTeIuom4kYv"> <input type="hidden" id="_fi_dna_liferay_portlet_productview_ProductViewPortlet_INSTANCE_DkTeIuom4kYv_selectedProductIds" value='["PKG_5026555439800_b2c","PKG_CSEP8xR1001M6_b2c","PKG_QVRRS0200_b2c","PKG_0100433621_b2c","PKG_SML345FZEAEUB_b2c"]'/> <div id="product-view-app-fi_dna_liferay_portlet_productview_ProductViewPortlet_INSTANCE_DkTeIuom4kYv"
1700class="product-view" v-cloak data-analytics-section="product-view" data-graphql-endpoint="https://kauppa.dna.fi/graphql" data-portlet-namespace="_fi_dna_liferay_portlet_productview_ProductViewPortlet_INSTANCE_DkTeIuom4kYv_" data-display-layout="carousel" data-items-in-row="5" data-default-gift-image-url="https://res.cloudinary.com/dnaoyj/image/upload/Assets/Rocket/Ecom%20listing%20and%20product%20page%20visuals/Gift_product.png" > <div class="dna-carousel product-carousel" :class="{ 'ds-products--show-cta': false }" ref="productcarousel" data-slidecount="4" data-slidegap="10" v-if="products.length" > <div class="dna-carousel__header"> <h2 v-if="true" class="dna-carousel__title h3">DNA Maksuajalla ostat ilman korkoja tai lisäkuluja myös nämä tuotteet</h2> <div class="dna-carousel__controls"> <div class="dna-carousel__button-prev ds-arrow-btn ds-arrow-btn--round ds-btn--disabled"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#ChevronLeft"></use> </svg> </div> <div class="dna-carousel__button-next ds-arrow-btn ds-arrow-btn--round"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#ChevronRight"></use> </svg> </div> </div> </div> <div class="swiper"> <div class="swiper-wrapper"> <template v-for="(product, index) in products" :key="product.baseProduct?.id"> <div class="swiper-slide"> <div v-if="loading" class="ds-product-card ds-skeleton-loader ds-skeleton-loader--light"></div> <!-- loading --> <product-card v-else portlet-id="fi_dna_liferay_portlet_productview_ProductViewPortlet_INSTANCE_DkTeIuom4kYv" current-language="FI" :show-cta-btn="false === true" :product="product" :card-id="product.baseProduct.id" :card-index="index + 1" :default-gift-image-url="defaultGiftImageUrl" ></product-card> </div> </template> </div> <div class="dna-carousel__footer"> <div class="swiper-pagination"></div> <div class="swiper-scrollbar"></div> <div v-if="true"> <div class="dna-carousel__more"> <a href="https://kauppa.dna.fi/laitteet/tarjoukset/kaikki?itm_source=etusivu&itm_medium=carousel2&itm_campaign=viikkotarjoukset&itm_format=vakio&itm_content=viikkotarjoukset_koonti" class="ds-icon-btn"> <svg class="ds-icon" role="img" aria-hidden="true"><use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#ArrowRight"></use></svg> Katso kaikki </a> </div> </div> </div> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_fi_dna_liferay_portlet_pere_recommendations_PereRecommendationsPortlet_ portlet-static portlet-static-end portlet-barebone " id="p_p_id_fi_dna_liferay_portlet_pere_recommendations_PereRecommendationsPortlet_"> <section class="portlet" id="portlet_fi_dna_liferay_portlet_pere_recommendations_PereRecommendationsPortlet"> <div id="pere-app" class="pere-recommendations" data-analytics-section="pere-recommendations" data-backend-url="https://www.dna.fi/yksityisille?p_p_id=fi_dna_liferay_portlet_common_ExternalApiPortlet&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_resource_id=%2Fget-pere-product-listing&p_p_cacheability=cacheLevelPage" data-rocket-base-url="https://kauppa.dna.fi" data-algolia-app-id="ZOGF71LKCH" data-algolia-api-key="40d475f3c73895ec0cf90311c9ed079d" data-algolia-index-name="prodEpcProducts" data-default-gift-image-url="https://res.cloudinary.com/dnaoyj/image/upload/Assets/Rocket/Ecom%20listing%20and%20product%20page%20visuals/Gift_product.png" data-default-customer-benefit-image-url="https://res.cloudinary.com/dnaoyj/image/upload/Assets/Rocket/Ecom%20listing%20and%20product%20page%20visuals/Customer_benefit.png" > <div class="dna-carousel product-carousel" ref="perecarousel" data-slidecount="4" data-slidegap="10" v-if="products.length" > <div class="dna-carousel__header"> <h2 class="dna-carousel__title h3">Ostetuimmat tuotteet</h2> <div class="dna-carousel__controls"> <div class="dna-carousel__button-prev ds-arrow-btn ds-arrow-btn--round ds-btn--disabled"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#ChevronLeft"></use> </svg> </div> <div class="dna-carousel__button-next ds-arrow-btn ds-arrow-btn--round"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#ChevronRight"></use> </svg> </div> </div> </div> <div class="swiper"> <div class="swiper-wrapper"> <template v-for="(product, index) in products" :key="product.objectID"> <!-- We use same cards (swiper slides) for loading phase so that the layout doesn't move around when we get the data and show actual results--> <div class="swiper-slide"> <div v-if="loading" class="ds-product-card ds-skeleton-loader ds-skeleton-loader--light"></div> <product-card v-else portlet-id="fi_dna_liferay_portlet_pere_recommendations_PereRecommendationsPortlet" :product="product" :card-id="product.objectID" :card-index="index" current-language="FI" :default-gift-image-url="defaultGiftImageUrl" ></product-card> </div> </template> </div> <div class="dna-carousel__footer"> <div class="swiper-pagination"></div> <div class="swiper-scrollbar"></div> </div> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_ portlet-static portlet-static-end portlet-barebone portlet-nested-portlets " id="p_p_id_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_NtnDtLqyx4mB_"> <section class="portlet" id="portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_NtnDtLqyx4mB"> <div class=" dna-portlet-topmargin--small dna-portlet-bottommargin--normal" > <div class="dna-content-wrap--content"> <div class="dna-grid--1"> <div class="portlet-column dna-grid-item dna-content-cols-4" id="_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_NtnDtLqyx4mB__column-1"> <div class="portlet-dropzone portlet-column-content" id="layout-column__com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_NtnDtLqyx4mB__column-1"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fe7JVyLu1W86_"> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fe7JVyLu1W86"> <!-- Custom DNA imports --> <div class="" > <div class=""> <div class="journal-content-article " data-analytics-asset-id="29006352" data-analytics-asset-title="Viikkotarjous etusivu card nosto" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="29006354">
1700<script type="text/javascript"> 1701window.dynamicCSS = window.dynamicCSS || {}; 1702if (!window.dynamicCSS['cardFreeCSS']) { 1703window.dynamicCSS['cardFreeCSS'] = true; 1704var link = document.createElement('link'); 1705link.rel = 'stylesheet'; 1706link.href = '/o/dna-fi-theme/css/dna/portlets/card-free.css?browserId=other&themeId=dnafitheme_WAR_dnafitheme&minifierType=css&languageId=fi_FI&t=1789632818000'; 1707link.media = 'all'; 1708document.head.appendChild(link); 1709} 1710</script>
1710 <div class="dna-card-free__outside-wrap"> <div class="dna-card-free dna-card-free--bordered ds-bg--white ds-color--black dna-card-free--image-w50"> <div class="dna-card-free__item dna-card-free__image dna-card-free__item--padding dna-card-free__item--v-centered"> <div class="dna-card-free__image-wrap dna-cld-container"> <img class="dna-cld-responsive dna-cld-responsive--full placeholder" alt="" src="https://res.cloudinary.com/dnaoyj/image/upload/f_auto,q_1,w_300/e_blur:100/v1/Assets/KLT/Kampanjasivut/Tarjoukset_Header_image" data-src="https://res.cloudinary.com/dnaoyj/image/upload/dpr_auto,f_auto,q_auto,w_300/v1/Assets/KLT/Kampanjasivut/Tarjoukset_Header_image" loading="lazy"> </div> </div> <div class="dna-card-free__item dna-card-free__text basic-web-content dna-card-free__item--padding dna-card-free__item--v-centered"> <h2>Tärppejä hintahaukoille</h2> <p>DNA:lta löydät aina edulliset laitteet: puhelimet, tabletit, tietokoneet, kaiuttimet, televisiot, kuulokkeet ja muut. Tartu haukkana hyviin hintoihin, maksa kerralla tai osissa.</p> <div class="dna-card-free__align-bottom"></div> <div class="dna-card-free__cta-area"> <div class="dna-card-free__cta-wrapper ds-btn-group"> <a href="https://kauppa.dna.fi/laitteet/tarjoukset/kaikki?itm_source=etusivu&itm_medium=carduusi1&itm_campaign=viikkotarjous&itm_content=viikkotarjous_koonti" class="ds-btn dna-card-free__cta data-ga-enabled" dna-dxp-type="web-content" dna-dxp-cid="9d2da5d6-e950-e0cc-08ac-ffc85c13fc07" aria-label="Tutustu"> <span>Tutustu</span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_ portlet-static portlet-static-end portlet-barebone portlet-nested-portlets " id="p_p_id_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_aquWjhpZQw7W_"> <section class="portlet" id="portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_aquWjhpZQw7W"> <div class=" dna-portlet-topmargin--small ds-bg--sand-01 dna-layout-bg-color" > <div class="dna-grid--1"> <div class="portlet-column dna-grid-item dna-content-cols-4" id="_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_aquWjhpZQw7W__column-1"> <div class="portlet-dropzone portlet-column-content" id="layout-column__com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_aquWjhpZQw7W__column-1"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_5QaVXDvK6Q8E_"> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_5QaVXDvK6Q8E"> <!-- Custom DNA imports --> <div class="" > <div class="basic-web-content "> <div class="journal-content-article basic-web-content" data-analytics-asset-id="15678745" data-analytics-asset-title="Etusivun usp otsikko" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="15678747"> <h2 style="text-align: center;">DNA:n asiakkaana saat <span style="color:#da0070;">etuja</span></h2> </div> </div> </div> </section> </div> </div> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_ portlet-static portlet-static-end dna-portlet-bottommargin--normal portlet-nested-portlets " id="p_p_id_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_pPqEhRY2nXvX_"> <section class="portlet" id="portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_pPqEhRY2nXvX"> <div class=" ds-bg--white dna-layout-bg-color" > <div class="dna-content-wrap--content"> <div class="dna-grid dna-grid--2 "> <div class="portlet-column dna-grid-item dna-content-cols-2" id="_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_pPqEhRY2nXvX__column-1"> <div class="portlet-dropzone portlet-column-content" id="layout-column__com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_pPqEhRY2nXvX__column-1"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_aXVGLYnw8dpk_"> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_aXVGLYnw8dpk"> <!-- Custom DNA imports --> <div class="" > <div class=""> <div class="journal-content-article " data-analytics-asset-id="15683922" data-analytics-asset-title="Etusivun usp takuuhinta" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="15683924">
1710<script type="text/javascript"> 1711window.dynamicCSS = window.dynamicCSS || {}; 1712if (!window.dynamicCSS['pictographCSS']) { 1713window.dynamicCSS['pictographCSS'] = true; 1714var link = document.createElement('link'); 1715link.rel = 'stylesheet'; 1716link.href = '/o/dna-fi-theme/css/dna/portlets/pictograph.css?browserId=other&themeId=dnafitheme_WAR_dnafitheme&minifierType=css&languageId=fi_FI&t=1789632818000'; 1717link.media = 'all'; 1718document.head.appendChild(link); 1719} 1720</script>
1720 <section class="ds-pictograph ds-pictograph--horizontal ds-pictograph--centered"> <div class="ds-pictograph__title"> </div> <ul class="ds-pictograph__list ds-pictograph__list--1"> <li class="ds-pictograph-item"> <div class="ds-pictograph-item__icon " > <svg role="img" aria-hidden="true" class="ds-icon"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Phone"></use> </svg> </div> <div class="ds-pictograph-item__text basic-web-content"><h3>DNA Takuuhinta</h3> <p>Myymme puhelimet pohjahintaan, eli vähintään yhtä edullisesti kuin vertailemamme kilpailijat verkkokaupoissaan. Leikatut hinnat näet<a href="https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/puhelimet?itm_source=etusivu&itm_medium=usp&itm_campaign=takuuhinta&itm_content=puhelimet_koonti"> puhelimen tuotesivuilla.</a></p></div> </li> </ul> </section> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_LUOWywkcBGkt_"> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_LUOWywkcBGkt"> <!-- Custom DNA imports --> <div class="" > <div class=""> <div class="journal-content-article " data-analytics-asset-id="15683953" data-analytics-asset-title="Etusivun usp pidennetty takuu" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="15683955">
1720<script type="text/javascript"> 1721window.dynamicCSS = window.dynamicCSS || {}; 1722if (!window.dynamicCSS['pictographCSS']) { 1723window.dynamicCSS['pictographCSS'] = true; 1724var link = document.createElement('link'); 1725link.rel = 'stylesheet'; 1726link.href = '/o/dna-fi-theme/css/dna/portlets/pictograph.css?browserId=other&themeId=dnafitheme_WAR_dnafitheme&minifierType=css&languageId=fi_FI&t=1789632818000'; 1727link.media = 'all'; 1728document.head.appendChild(link); 1729} 1730</script>
1730 <section class="ds-pictograph ds-pictograph--horizontal ds-pictograph--centered"> <div class="ds-pictograph__title"> </div> <ul class="ds-pictograph__list ds-pictograph__list--1"> <li class="ds-pictograph-item"> <div class="ds-pictograph-item__icon " > <svg role="img" aria-hidden="true" class="ds-icon"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Shield"></use> </svg> </div> <div class="ds-pictograph-item__text basic-web-content"><h3>3 vuoden pidennetty DNA Takuu</h3> <p>Saat pidennetyn <a href="https://www.dna.fi/3v-takuu">3 vuoden takuun</a> kaikkiin meiltä ostamiisi <a href="https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/puhelimet?itm_source=etusivu&itm_medium=pidennettytakuu&itm_campaign=usp&itm_content=puhelimet_koonti">puhelimiin</a>, <a href="https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet/tabletit?itm_source=etusivu&itm_medium=pidennettytakuu&itm_campaign=usp&itm_content=tabletit_koonti">tabletteihin</a> ja valikoituihin <a href="https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi/alykellot?itm_source=etusivu&itm_medium=pidennettytakuui&itm_campaign=usp&itm_content=alykellot_koonti">älykelloihin</a> ilman lisämaksua.</p></div> </li> </ul> </section> </div> </div> </div> </section> </div> </div> </div> <div class="portlet-column dna-grid-item dna-content-cols-2" id="_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_pPqEhRY2nXvX__column-2"> <div class="portlet-dropzone portlet-column-content" id="layout-column__com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_pPqEhRY2nXvX__column-2"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_EsRDFIk8dcPs_"> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_EsRDFIk8dcPs"> <!-- Custom DNA imports --> <div class="" > <div class=""> <div class="journal-content-article " data-analytics-asset-id="15683986" data-analytics-asset-title="Etusivun usp mas" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="15683988">
1730<script type="text/javascript"> 1731window.dynamicCSS = window.dynamicCSS || {}; 1732if (!window.dynamicCSS['pictographCSS']) { 1733window.dynamicCSS['pictographCSS'] = true; 1734var link = document.createElement('link'); 1735link.rel = 'stylesheet'; 1736link.href = '/o/dna-fi-theme/css/dna/portlets/pictograph.css?browserId=other&themeId=dnafitheme_WAR_dnafitheme&minifierType=css&languageId=fi_FI&t=1789632818000'; 1737link.media = 'all'; 1738document.head.appendChild(link); 1739} 1740</script>
1740 <section class="ds-pictograph ds-pictograph--horizontal ds-pictograph--centered"> <div class="ds-pictograph__title"> </div> <ul class="ds-pictograph__list ds-pictograph__list--1"> <li class="ds-pictograph-item"> <div class="ds-pictograph-item__icon " > <svg role="img" aria-hidden="true" class="ds-icon"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Paytime"></use> </svg> </div> <div class="ds-pictograph-item__text basic-web-content"><h3>Koroton ja kuluton DNA Maksuaika</h3> <p>Asiakkaanamme saat halutessasi jopa 3 vuotta korotonta ja kulutonta DNA Maksuaikaa. <a href="https://www.dna.fi/laitteet/maksuaikasopimus?itm_source=etusivu&itm_medium=usp&itm_campaign=maksuaika&itm_content=maksuaika_landari">Lue lisää DNA Maksuajasta.</a></p></div> </li> </ul> </section> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_y260YuzGCEVl_"> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_y260YuzGCEVl"> <!-- Custom DNA imports --> <div class="" > <div class=""> <div class="journal-content-article " data-analytics-asset-id="15684009" data-analytics-asset-title="Etusivun usp laitehyvitys" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="15684011">
1740<script type="text/javascript"> 1741window.dynamicCSS = window.dynamicCSS || {}; 1742if (!window.dynamicCSS['pictographCSS']) { 1743window.dynamicCSS['pictographCSS'] = true; 1744var link = document.createElement('link'); 1745link.rel = 'stylesheet'; 1746link.href = '/o/dna-fi-theme/css/dna/portlets/pictograph.css?browserId=other&themeId=dnafitheme_WAR_dnafitheme&minifierType=css&languageId=fi_FI&t=1789632818000'; 1747link.media = 'all'; 1748document.head.appendChild(link); 1749} 1750</script>
1750 <section class="ds-pictograph ds-pictograph--horizontal ds-pictograph--centered"> <div class="ds-pictograph__title"> </div> <ul class="ds-pictograph__list ds-pictograph__list--1"> <li class="ds-pictograph-item"> <div class="ds-pictograph-item__icon " > <svg role="img" aria-hidden="true" class="ds-icon"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Compensation"></use> </svg> </div> <div class="ds-pictograph-item__text basic-web-content"><h3>Vanhasta puhelimesta reilu DNA Laitehyvitys</h3> <p>Saat toimivasta tai viallisesta puhelimesta reilun <a href="https://www.dna.fi/laitteet/kaytetyt/laitehyvitys?itm_source=etusivu&itm_medium=usp&itm_campaign=laitehyvitys&itm_content=laitehyvitys">DNA Laitehyvityksen</a>. Mitä siistimpi laite ja uudempi malli, sitä parempi hyvitys.</p></div> </li> </ul> </section> </div> </div> </div> </section> </div> </div> </div> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_ portlet-static portlet-static-end portlet-barebone portlet-nested-portlets " id="p_p_id_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_SYNPsynWb6Gv_"> <section class="portlet" id="portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_SYNPsynWb6Gv"> <div class=" dna-portlet-topmargin--extrasmall dna-portlet-bottommargin--small ds-bg--sand-01 dna-layout-bg-color" > <div class="dna-grid--1"> <div class="portlet-column dna-grid-item dna-content-cols-4" id="_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_SYNPsynWb6Gv__column-1"> <div class="portlet-dropzone portlet-column-content" id="layout-column__com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_SYNPsynWb6Gv__column-1"> <div class="portlet-boundary portlet-boundary_fi_dna_liferay_portlet_news_NewsPortlet_ portlet-static portlet-static-end portlet-barebone portlet-news-portlet " id="p_p_id_fi_dna_liferay_portlet_news_NewsPortlet_INSTANCE_iQPWr96MFs5O_"> <section class="portlet" id="portlet_fi_dna_liferay_portlet_news_NewsPortlet_INSTANCE_iQPWr96MFs5O">
1750<script type="text/x-template" id="news-list-template-iQPWr96MFs5O"> <div :class="['news', namespace]"> <h2>{{ displayTitle }}</h2> <div v-if="filteringEnabled" class="news__header"> <div v-if="feedType !== 'nasdaqinvestor' && (Object.keys(categories).length > 0)" v-show="!isLoading" class="news__filter visible"> <span>{{ displayCategoryLabel }}</span> <button class="ds-options__toggle ds-icon-btn js-select js-news__categories" @changed="onCategoryChange($event)" :data-value="selectedCategory" ref="category"> <span class="js-select-value">Kaikki tiedotteet</span> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#ChevronDown"></use> </svg> </button> <div class="ds-options ds-options--below ds-options--right"> <button class="ds-option ds-simple-btn js-select-option" aria-selected="true" data-value=""> Kaikki tiedotteet </button> <button v-for="category in categories" ref="categories" class="ds-option ds-simple-btn js-select-option" :data-value="category.id"> {{ category.label }} </button> </div> </div> <div v-if="years.length > 0" v-show="!isLoading" class="news__filter visible"> <span>{{ displayYearLabel }}</span> <button class="ds-options__toggle ds-icon-btn js-select js-news__years" @changed="onYearChange($event)" :data-value="selectedYear" ref="year"> <span class="js-select-value">Kaikki</span> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#ChevronDown"></use> </svg> </button> <div class="ds-options ds-options--below ds-options--right"> <button class="ds-option ds-simple-btn js-select-option" aria-selected="true" data-value=""> Kaikki </button> <button v-for="year in years" ref="years" class="ds-option ds-simple-btn js-select-option" :data-value="year"> {{ year }} </button> </div> </div> <div v-if="feedType == 'resttukari1' || feedType == 'resttukari2'" v-show="!isLoading" class="news__filter visible"> <span>Tila</span> <button class="ds-options__toggle ds-icon-btn js-select js-news__status" @changed="onStatusChanged($event)" :data-value="selectedStatus" ref="status"> <span class="js-select-value">Kaikki</span> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#ChevronDown"></use> </svg> </button> <div class="ds-options ds-options--below ds-options--right"> <button class="ds-option ds-simple-btn js-select-option" :aria-selected="'all' === selectedStatus ? 'true' : 'false'" data-value="all"> Kaikki </button> <button class="ds-option ds-simple-btn js-select-option" :aria-selected="'fixed' === selectedStatus ? 'true' : 'false'" data-value="fixed"> <template v-if="feedType == 'resttukari1'" > Korjatut </template> <template v-else-if="feedType == 'resttukari2'" > Päättyneet </template> </button> <button class="ds-option ds-simple-btn js-select-option" :aria-selected="'open' === selectedStatus ? 'true' : 'false'" data-value="open"> Avoimet </button> </div> </div> </div> <div v-else="feedType === 'resttukari1' || feedType === 'resttukari2'" class="news__filter hidden"> <button class="ds-options__toggle ds-icon-btn js-news__status" :data-value="selectedStatus"></button> </div> <div class="news__article-container js-news__article-container" :class="{ loading: isLoading }"> <div class="news__news-articles js-news__news-articles"> <ul v-if="entries.length > 0" > <li v-for="entry in entries" ref="entries" > <span v-for="(categoryName, category) in entry.categories" class="news__category-name" > <a :data-value="category" class="category" @click="onCategoryClick($event)">{{ categoryName }}</a> </span> <template v-if="feedType === 'resttukari1'"> <span class="news__date">{{entry.starttime}}</span> </template> <template v-else-if="feedType === 'resttukari2'"> <span class="news__date">{{entry.starttime}} - {{entry.endtime}}</span> </template> <template v-else> <span class="news__date">{{entry.publishDate}}</span> </template> <span class="title"> <a :href="buildFeedEntryLink(entry.id)">{{entry.title ? entry.title : 'Palveluhäiriö tutkinnan alla'}}</a> </span> </li> </ul> <template v-else-if="feedType === 'resttukari1' || feedType === 'resttukari2'" > <span class='news__empty-message'>Kaikki hyvin, ei häiriöitä!</span> </template> <template v-else> <span class='news__empty-message'>Ei näytettäviä tietoja</span> </template> </div> <div v-show="isLoading" class="ds-loading ds-color--pink news__items-loader js-news__items-loader"> <span class="ds-loading__bar"></span> <span class="ds-loading__bar"></span> <span class="ds-loading__bar"></span> <span class="ds-loading__bar"></span> </div> <button v-if="entries.length > 0" v-show="!isLoading && !isEndOfResults" class="ds-btn load-more" @click="loadM
1750oreClicked"> <span>Näytä lisää</span> </button> </div> </div> </script>
1750
1750<script type="text/x-template" id="news-details-template-iQPWr96MFs5O"> <div :class="['news-single', 'basic-web-content', namespace]"> <div class="news-single__header"> <span class="news-single__sub-header"> <a class="news-single__back-button" :href="backButtonLink" aria-label="Takaisin"> <svg class="news-single__back-button--chevron-left" role="img" aria-hidden="true"><use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#ChevronLeft"></use></svg> Takaisin </a> <span class="news-single__sub-header-date">{{ publishDate }}</span> <template v-for="(category, index) in categories" > <a class='news-single__sub-header-category' :href='category.link'>{{ category.name }}</a> <template v-if="index < categories.length -1">, </template> </template> </span> <h2 class="news-single__title">{{ titleText ? titleText : 'Palveluhäiriö tutkinnan alla' }}</h2> <div v-if="interruptionStartTime" class="news-single__start-time"> {{ (feedType === 'resttukari1' ? "Häiriön alkamisaika: " : "Huollon alkamisaika: ") + interruptionStartTime }} </div> <template v-if="endTime"> <div class="news-single__end-time"> Päättymisaika: {{ endTime }} </div> </template> <template v-else-if="estimatedEndTime"> <div class="news-single__end-time"> Arvioitu päättymisaika: {{ estimatedEndTime }} </div> </template> </div> <div class="ds-lead-paragraph"> <p>{{ leadText }}</p> </div> <div class="news-single__content"> <h2 v-if="isEntryNotFound">Uutisia, joilla on annettu tunnus, ei löydy</h2> <figure v-if="mainImage" class='news-single__content-main-img dna-content--w50 dna-content--pull-right' aria-labelledby="news-single-img-caption"> <img :src="mainImage.link" :alt="mainImage.caption || mainImage.title"> <figcaption v-if="mainImage.caption" class='news-single__content-caption news-single__caption' id="news-single-img-caption">{{ mainImage.caption }}</figcaption> </figure> <div v-if="htmlContent" v-html="htmlContent" ref="htmlContent"></div> <div v-else>Tutkimme käynnissä olevaa palveluhäiriötä.</div> <div class="news-single__footer-date">{{ publishDate }}</div> <div v-if="files && files.length > 0" class='files'> <h4>Liitteet</h4> <ul> <li v-for="file in files"> <a :href="file.location">{{ file.title != null ? file.title : file.location }}</a> </li> </ul> </div>
1750 <figure v-if="video && video.url" class='news-single__content-video-wrapper'> <div class='dna-video-container' v-html="video.url"></div> <figcaption v-if="video.description" class='news-single__content-caption news-single__caption'>{{ video.description }}</figcaption> </figure> <div v-if="images && images.length > 0" class='news-single__content-images'> <h3 class="news-single__content-images-header h4">Kuvat</h3> <div class='dna-grid dna-grid--4'> <div v-for="(image, index) in images" class='dna-grid-item'> <button type="button" class='news-single__content-image' :data-dna-open-modal-id="'newsDialog_' + index" @click="toggleImageDialog" aria-label="Näytä suurempi kuva"> <div class='image-crop ratio-4-3'> <img :src="buildImageUrl(image.thumbnail_square)" class="portrait" :alt="image.title || image.caption"> </div> <figcaption v-if="image.caption || image.title" class='news-single__content-image-caption news-single__caption'>{{ image.caption || image.title }}</figcaption> </button> <dialog v-if="image.url" class="ds-modal ds-modal--dialog ds-modal--medium" :id="'newsDialog_' + index"> <div class="ds-modal__container"> <button class="ds-modal__close" aria-label="Sulje dialogi"> <svg class="ds-icon ds-icon--24" aria-hidden="true"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Close"></use> </svg> </button> <div class="ds-modal__content"> <div class='news-single-dialog__image'> <img :src="buildImageUrl(image.normal)" :alt="image.title || image.caption"/> </div> <figcaption v-if="image.caption || image.title" class='news-single-dialog__caption'>{{ image.caption || image.title }}</figcaption> <a class='news-single-dialog__load-link' :href='buildImageUrl(image.url)' target='_blank'>Lataa alkuperäinen kuva</a> </div> </div> </dialog> </div> </div> </div> </div> <div v-show="isLoading" class="ds-loading ds-color--pink news__items-loader js-news__single-loader"> <span class="ds-loading__bar"></span> <span class="ds-loading__bar"></span> <span class="ds-loading__bar"></span> <span class="ds-loading__bar"></span> </div> </div> </script>
1750 <div id="news-app-iQPWr96MFs5O" class="news"> <news-list v-if="mode === 'list' || (scrollTo && scrollTo != portletInstanceId)" @scroll-to-clicked-news-portlet="scrollToClickedNewsPortlet"></news-list> <news-details v-else-if="mode === 'details'" @scroll-to-clicked-news-portlet="scrollToClickedNewsPortlet"></news-details> </div>
1750<script> 1751initNews({ 1752portletName: "fi_dna_liferay_portlet_news_NewsPortlet", 1753portletInstanceId: "iQPWr96MFs5O", 1754feedType: "stt2", 1755mode: "list", 1756count: "3", 1757language: "fi", 1758viewPageUrl: "https://corporate.dna.fi/lehdistotiedotteet?scrollTo=", 1759returnUrl: "https://www.dna.fi/", 1760feedServiceMainUrl: 'https://www.sttinfo.fi', 1761years: ["2026","2025","2024","2023","2022","2021","2020"], 1762portletConfig: { 1763filteringEnabled: false, 1764displayTitle: 'Tuoreimmat uutiset DNA:lta', 1765displayCategoryLabel: 'Kategoriat', 1766displayYearLabel: 'Valitse vuosi', 1767defaultRestTukariNewsStatus: 'all', 1768} 1769}); 1770</script>
1770 </section> </div> </div> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_ portlet-static portlet-static-end portlet-barebone portlet-nested-portlets " id="p_p_id_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_eyYCMTimoR5f_"> <section class="portlet" id="portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_eyYCMTimoR5f"> <div class=" dna-portlet-topmargin--small dna-portlet-bottommargin--small" > <div class="dna-grid--1"> <div class="portlet-column dna-grid-item dna-content-cols-4" id="_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_eyYCMTimoR5f__column-1"> <div class="portlet-dropzone portlet-column-content" id="layout-column__com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_eyYCMTimoR5f__column-1"> <div class="portlet-boundary portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ portlet-static portlet-static-end portlet-barebone portlet-asset-publisher " id="p_p_id_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_yVett2xEqzJi_"> <section class="portlet" id="portlet_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_yVett2xEqzJi"> <div class="dna-grid dna-grid--2 "> <div class="dna-grid-item dna-content-cols-1" data-analytics-position="1" data-analytics-list="grid" data-analytics-section="asset-list">
1770<script type="text/javascript"> 1771window.dynamicCSS = window.dynamicCSS || {}; 1772if (!window.dynamicCSS['cardFreeCSS']) { 1773window.dynamicCSS['cardFreeCSS'] = true; 1774var link = document.createElement('link'); 1775link.rel = 'stylesheet'; 1776link.href = '/o/dna-fi-theme/css/dna/portlets/card-free.css?browserId=other&themeId=dnafitheme_WAR_dnafitheme&minifierType=css&languageId=fi_FI&t=1789632818000'; 1777link.media = 'all'; 1778document.head.appendChild(link); 1779} 1780</script>
1780 <div class="dna-card-free__outside-wrap"> <div class="dna-card-free dna-card-free--bordered ds-bg--white ds-color--black dna-card-free--inverted dna-card-free--image-w50 dna-cld--cover-container"> <div class="dna-card-free__item dna-card-free__image cover-height dna-card-free__item--v-centered ds-bg--white ds-color--black"> <div class="dna-card-free__image-wrap dna-cld-container ratio-16-9"> <img class="dna-cld-responsive dna-cld-responsive--full placeholder" alt="Puhelimen latausaseman näyttö, jossa on sarjakuvahahmo ja teksti Puhelinparkki." src="https://res.cloudinary.com/dnaoyj/image/upload/ar_16:9,c_fill,f_auto,g_auto,q_1,w_300/e_blur:100/v1/Assets/Viestint%C3%A4/Puhelinparkki/puhparkki5" data-src="https://res.cloudinary.com/dnaoyj/image/upload/ar_16:9,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_300/v1/Assets/Viestint%C3%A4/Puhelinparkki/puhparkki5" data-heights="200,300,400,500,600,800,1000" loading="lazy"> </div> </div> <div class="dna-card-free__item dna-card-free__text basic-web-content dna-card-free__item--padding dna-card-free__item--v-centered"> <h2>Puhelinparkki digiarkea helpottamaan</h2> <p>Digiympäristöt ovat mukaansatempaavia, kehittäviä ja kiehtovia â niin aikuisille kuin lapsillekin. Silti on tärkeää löytää tasapaino yhdessäolon ja laitteiden kanssa vietetyn ajan välille. DNA:n ja Suojellaan Lapsia ry:n kehittämä puhelinparkki tuo hetken huilin niin kierroksilla käyvälle luurille kuin omalle mielellekin.</p> <p> </p> <div class="dna-card-free__align-bottom"></div> <div class="dna-card-free__cta-area"> <div class="dna-card-free__cta-wrapper ds-btn-group"> <a href="https://corporate.dna.fi/vastuullisuus/tietoturva-ja-tietosuoja/puhelinparkki" class="ds-btn dna-card-free__cta data-ga-enabled" target="_blank" dna-dxp-type="web-content" dna-dxp-cid="2021837e-e2ca-d95c-3d21-3a283a090954" aria-label="Tilaa puhelinparkki (Avautuu uuteen välilehteen)"> <span>Tilaa puhelinparkki</span> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Open"></use> </svg> </a> </div> </div> </div> </div> </div> </div> <div class="dna-grid-item dna-content-cols-1" data-analytics-position="2" data-analytics-list="grid" data-analytics-section="asset-list">
1780<script type="text/javascript"> 1781window.dynamicCSS = window.dynamicCSS || {}; 1782if (!window.dynamicCSS['cardFreeCSS']) { 1783window.dynamicCSS['cardFreeCSS'] = true; 1784var link = document.createElement('link'); 1785link.rel = 'stylesheet'; 1786link.href = '/o/dna-fi-theme/css/dna/portlets/card-free.css?browserId=other&themeId=dnafitheme_WAR_dnafitheme&minifierType=css&languageId=fi_FI&t=1789632818000'; 1787link.media = 'all'; 1788document.head.appendChild(link); 1789} 1790</script>
1790 <div class="dna-card-free__outside-wrap"> <div class="dna-card-free dna-card-free--bordered ds-bg--white ds-color--black dna-card-free--inverted dna-card-free--image-w50 dna-cld--cover-container"> <div class="dna-card-free__item dna-card-free__image cover-height dna-card-free__item--v-centered"> <div class="dna-card-free__image-wrap dna-cld-container ratio-16-9"> <img class="dna-cld-responsive dna-cld-responsive--full placeholder" alt="Ihmiset kävelevät hehkuvien, läpikuultavien humanoidihahmojen keskellä kirkkaassa, vaaleanpunaisessa ja violetissa futuristisessa ympäristössä." src="https://res.cloudinary.com/dnaoyj/image/upload/ar_16:9,c_fill,f_auto,g_auto,q_1,w_300/e_blur:100/v1/Assets/YLT/Kampanjat/Teknologiatrendit%202026/Raportin%20herokuvat/Raportin-herokuva_3840x2160" data-src="https://res.cloudinary.com/dnaoyj/image/upload/ar_16:9,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_300/v1/Assets/YLT/Kampanjat/Teknologiatrendit%202026/Raportin%20herokuvat/Raportin-herokuva_3840x2160" data-heights="200,300,400,500,600,800,1000" loading="lazy"> </div> </div> <div class="dna-card-free__item dna-card-free__text basic-web-content dna-card-free__item--padding dna-card-free__item--v-centered"> <h2>Teknologiatrendit 2026</h2> <p>Teknologiatrendit 2026 -raportti esittelee kahdeksantoista vuonna 2026 valokeilaan nousevaa digitaalisen aikakauden teknologiatrendiä, jotka muovaavat yksilöiden, yritysten ja yhteiskuntien tulevaisuutta niin Suomessa kuin maailmalla.</p> <p>Lataa maksuton raportti, niin tiedät mitä uuden älyn aikakausi tuo tullessaan!</p> <div class="dna-card-free__align-bottom"></div> <div class="dna-card-free__cta-area"> <div class="dna-card-free__cta-wrapper ds-btn-group"> <a href="https://www.dna.fi/yrityksille/teknologiatrendit2026" class="ds-btn dna-card-free__cta data-ga-enabled" target="_blank" dna-dxp-type="web-content" dna-dxp-cid="ad74c1c6-370d-8ba9-9da6-0c07b73ff2d0" aria-label="Lataa raportti (Avautuu uuteen välilehteen)"> <span>Lataa raportti</span> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Open"></use> </svg> </a> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_ portlet-static portlet-static-end portlet-barebone portlet-nested-portlets " id="p_p_id_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_3VzsJDsuOvIt_"> <section class="portlet" id="portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_3VzsJDsuOvIt"> <div class=" dna-portlet-topmargin--small dna-portlet-bottommargin--small" > <div class="dna-grid--1"> <div class="portlet-column dna-grid-item dna-content-cols-4" id="_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_3VzsJDsuOvIt__column-1"> <div class="portlet-dropzone portlet-column-content" id="layout-column__com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_3VzsJDsuOvIt__column-1"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_niCxZMzckEDQ_"> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_niCxZMzckEDQ"> <!-- Custom DNA imports --> <div class="" > <div class=""> <div class="journal-content-article " data-analytics-asset-id="14121543" data-analytics-asset-title="Oma dna card uusi 2023" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="14121545">
1790<script type="text/javascript"> 1791window.dynamicCSS = window.dynamicCSS || {}; 1792if (!window.dynamicCSS['cardFreeCSS']) { 1793window.dynamicCSS['cardFreeCSS'] = true; 1794var link = document.createElement('link'); 1795link.rel = 'stylesheet'; 1796link.href = '/o/dna-fi-theme/css/dna/portlets/card-free.css?browserId=other&themeId=dnafitheme_WAR_dnafitheme&minifierType=css&languageId=fi_FI&t=1789632818000'; 1797link.media = 'all'; 1798document.head.appendChild(link); 1799} 1800</script>
1800 <div class="dna-card-free__outside-wrap"> <div class="dna-card-free dna-card-free--bordered ds-bg--white ds-color--black dna-card-free--inverted dna-card-free--image-w50 dna-cld--cover-container"> <div class="dna-card-free__item dna-card-free__image cover-height dna-card-free__item--v-centered"> <div class="dna-card-free__image-wrap dna-cld-container"> <img class="dna-cld-responsive dna-cld-responsive--full placeholder" alt="" src="https://res.cloudinary.com/dnaoyj/image/upload/f_auto,q_1,w_300/e_blur:100/v1/Assets/KLT/Etusivu/dna_etusivu_oma_dna_mobiilisovellus" data-src="https://res.cloudinary.com/dnaoyj/image/upload/dpr_auto,f_auto,q_auto,w_300/v1/Assets/KLT/Etusivu/dna_etusivu_oma_dna_mobiilisovellus" data-heights="200,300,400,500,600,800,1000" loading="lazy"> </div> </div> <div class="dna-card-free__item dna-card-free__text basic-web-content dna-card-free__item--padding dna-card-free__item--v-centered"> <h2>Lataa Oma DNA -sovellus käyttöösi</h2> <ul> <li>Hyödynnä etukoodit ja asiakasedut kätevästi</li> <li>Hallinnoi tilaamiasi palveluita</li> <li>Ota yhteyttä asiakaspalveluun</li> <li>Tarkastele ja maksa laskuja helposti</li> </ul> <div class="dna-card-free__align-bottom"></div> <div class="dna-card-free__cta-area"> <div class="dna-card-free__cta-wrapper ds-btn-group"> <a href="https://apps.apple.com/fi/app/oma-dna/id1445655346?l=fi" class="ds-btn dna-card-free__cta data-ga-enabled" dna-dxp-type="web-content" dna-dxp-cid="2e0db2cc-e83a-d540-fdc7-cccf167ec708" aria-label="Lataa App Storesta"> <span>Lataa App Storesta</span> </a> <a href="https://play.google.com/store/apps/details?id=fi.dna.omadna" class="ds-btn dna-card-free__cta data-ga-enabled" dna-dxp-type="web-content" dna-dxp-cid="2e0db2cc-e83a-d540-fdc7-cccf167ec708" aria-label="Lataa Google Playsta"> <span>Lataa Google Playsta</span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> <form action="#" aria-hidden="true" class="hide" id="hrefFm" method="post" name="hrefFm"><span></span><button hidden type="submit">Piilotettu</button></form> </section> </div> <!-- COMMON-DNA-FOOTER --> <footer id="dna-footer"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_"> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet"> <!-- Custom DNA imports --> <div class="" > <div class=""> <div class="journal-content-article " data-analytics-asset-id="858215" data-analytics-asset-title="yksityisille footer" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="858217"> <nav class="ds-footer" id="dna-footer-app" aria-label="Footer linkit"> <div class="ds-footer__section ds-footer__section--top"> <div class="ds-footer__layout-width ds-footer__grid"> <div class="ds-footer__grid-item"> <svg role="img" aria-hidden="true" class="ds-footer__section-icon"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#User"></use> </svg> <h2 class="h4">Hallinnoi palveluitasi</h2> <ul class="ds-footer__links"> <li> <a class="ds-icon-btn ds-icon-btn--dark-bg" href="https://www.dna.fi/kirjaudu"> <svg class="ds-icon" aria-hidden="true"><use href="#ArrowRight"></use></svg> Kirjaudu sisään </a> </li> <li> <a class="ds-icon-btn ds-icon-btn--dark-bg" href="https://www.dna.fi/tuki/asiakkuus/oma-dna-sovellus"> <svg class="ds-icon" aria-hidden="true"><use href="#ArrowRight"></use></svg> Oma DNA </a> </li> <li> <a class="ds-icon-btn ds-icon-btn--dark-bg" href="http://prepaid.dna.fi/"> <svg class="ds-icon" aria-hidden="true"><use href="#ArrowRight"></use></svg> Prepaid-asiakkaat </a> </li> </ul> </div> <div class="ds-footer__grid-item"> <svg role="img" aria-hidden="true" class="ds-footer__section-icon"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Headset"></use> </svg> <h2 class="h4">Tuki ja apu</h2> <ul class="ds-footer__links"> <li> <a class="ds-icon-btn ds-icon-btn--dark-bg" href="https://www.dna.fi/tuki"> <svg class="ds-icon" aria-hidden="true"><use href="#ArrowRight"></use></svg> Tukisivut </a> </li> <li> <a class="ds-icon-btn ds-icon-btn--dark-bg" href="https://www.dna.fi/tuki/yhteystiedot/asiakaspalvelu"> <svg class="ds-icon" aria-hidden="true"><use href="#ArrowRight"></use></svg> Ota yhteyttä </a> </li> <li>
1800 <button class="ds-icon-btn ds-icon-btn--dark-bg js-dna-chatbot-cta-btn"> <svg class="ds-icon" aria-hidden="true"><use href="#ArrowRight"></use></svg> Avaa chat </button> </li> </ul> </div> <div class="ds-footer__grid-item"> <svg role="img" aria-hidden="true" class="ds-footer__section-icon"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Shop"></use> </svg> <h2 class="h4">DNA Kaupat</h2> <ul class="ds-footer__links"> <li> <a class="ds-icon-btn ds-icon-btn--dark-bg" href="https://www.dna.fi/dnakaupat"> <svg class="ds-icon" aria-hidden="true"><use href="#ArrowRight"></use></svg> Löydä lähin myymälä </a> </li> <li> <a class="ds-icon-btn ds-icon-btn--dark-bg" href="https://www.dna.fi/ajankohtaista/kauppojen-tapahtumat"> <svg class="ds-icon" aria-hidden="true"><use href="#ArrowRight"></use></svg> Tapahtumat </a> </li> </ul> </div> </div> </div> <div class="ds-footer__section ds-footer__section--links"> <div class="ds-footer__layout-width ds-footer__grid"> <div class="ds-footer__grid-item"> <button v-bind:aria-expanded="String(showSection('0'))" aria-controls="footer-link-section-0" v-on:click="toggleSection('0')"> <h2 class="h4">Tuotteet ja palvelut</h2> <svg class="ds-icon ds-icon--24" aria-hidden="true"> <use href="#ChevronRight"/> </svg> </button> <ul class="ds-footer__links ds-footer__collapsible-items" id="footer-link-section-0" v-bind:class="{'open' : showSection('0')}"> <li> <a class="ds-footer__link ds-footer__link--text" href="https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/puhelimet">Puhelimet ja laitteet</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/liittymat-ja-palvelut/puhe">Puhelinliittymät</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/liittymat-ja-palvelut/netti">Nettiliittymät</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/viihde/dna-viihde">Viihde</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/viihde/tvopas">TV-ohjelmat</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/viihde/kampanjat/liiga">Liiga 2026–2027</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/digiturva">Tietoturva</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://kauppa.dna.fi/laitteet/tarjoukset/kaikki?itm_source=etusivu&itm_medium=footer&itm_campaign=viikkotarjoukset&itm_content=viikkotarjoukset_koonti">Tarjoukset</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://kauppa.dna.fi/laitteet/black-friday/kaikki">Black Friday 2026</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/5g">5G</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/suositutsisallot">Suosituimmat</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/laitteet/kaytetyt/laitehyvitys">Laitehyvitys</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/ajankohtaista">Ajankohtaista</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/ajankohtaista/lahjat">Lahjaideat</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/liittymat-ja-palvelut/netti/nopeustesti">Netin nopeustesti</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/uutiskirje">Uutiskirje</a> </li> </ul> </div> <div class="ds-footer__grid-item"> <button v-bind:aria-expanded="String(showSection('1'))" aria-controls="footer-link-section-1" v-on:click="toggleSection('1')"> <h2 class="h4">Asiakkaillemme</h2> <svg class="ds-icon ds-icon--24" aria-hidden="true"> <use href="#ChevronRight"/> </svg> </button> <ul class="ds-footer__links ds-footer__collapsible-items" id="footer-link-section-1" v-bind:class="{'open' : showSection('1')}"> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/asiakasedut">Asiakasedut</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/tuki">Asiakastuki</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/tuki/hairiotilanteet/hairiotiedotteet">Häiriötiedotteet</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/tuki/kuuluvuus-ja-verkot/kuuluvuuskartta">Kuuluvuuskartta</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/tuki/asiakkuus/nettiostaminen">
1800Tilaaminen ja maksutavat</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/tuki/asiakkuus/peruuttaminen-ja-irtisanominen">Peruuttaminen ja irtisanominen</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/tuki/asiakkuus/hinnastot-ja-ehdot">Hinnastot ja ehdot</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/tuki/asiakkuus/oma-dna-sovellus">Oma DNA</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/tuki/asiakkuus/nettiostaminen/toimitus">Toimitustavat</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/ajankohtaista/artikkelit-ja-blogit">Vinkit ja sisällöt</a> </li> </ul> </div> <div class="ds-footer__grid-item"> <button v-bind:aria-expanded="String(showSection('2'))" aria-controls="footer-link-section-2" v-on:click="toggleSection('2')"> <h2 class="h4">Tietoa meistä</h2> <svg class="ds-icon ds-icon--24" aria-hidden="true"> <use href="#ChevronRight"/> </svg> </button> <ul class="ds-footer__links ds-footer__collapsible-items" id="footer-link-section-2" v-bind:class="{'open' : showSection('2')}"> <li> <a class="ds-footer__link ds-footer__link--text" href="https://corporate.dna.fi/">DNA Oyj</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://corporate.dna.fi/yrityksena/yleistietoa/tarina">Tarinamme</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://corporate.dna.fi/tyonantajana/tyopaikat/">Avoimet työpaikat</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://corporate.dna.fi/tyonantajana/tyopaikat/kesaduuni">Kesätyö 2026</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://corporate.dna.fi/vastuullisuus/vastuullisuus-dnalla">Vastuullisuus</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://corporate.dna.fi/vastuullisuus/digitaalinen-yhdenvertaisuus/digitalisoituva-yhteiskunta">Digitaalinen yhdenvertaisuus</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://corporate.dna.fi/vastuullisuus/saavutettavuus-ja-esteettomyys">Saavutettavuus ja esteettömyys</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://corporate.dna.fi/medialle/dnan-tutkimukset">Tutkimukset</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://corporate.dna.fi/medialle/dnan-viestinta">Medialle</a> </li> </ul> </div> </div> </div> <div class="ds-footer__section ds-footer__section--bottom"> <div class="ds-footer__layout-width ds-footer__bottom-grid"> <div class="ds-footer__bottom--left ds-footer__lang-selector"> <a class="ds-footer__lang ds-footer__link ds-footer__link--plain" href="https://www.dna.fi/se" lang="sv" aria-label="SV, kundsupport på svenska" > <span>SV</span> </a> <a class="ds-footer__lang ds-footer__link ds-footer__link--plain" href="https://www.dna.fi/" lang="fi" aria-label="FI, siirry suomenkieliselle sivustolle" > <span>FI</span> </a> <a class="ds-footer__lang ds-footer__link ds-footer__link--plain" href="https://www.dna.fi/contact-us" lang="en" aria-label="EN, customer support in English" > <span>EN</span> </a> </div> <div class="ds-footer__bottom--center"> <section class="ds-footer__social-media-links" aria-label="Sosiaalisen median linkit"> <ul class="ds-footer__links"> <li> <a class="ds-footer__link ds-footer__link--plain" href="https://www.facebook.com/dna.fi" aria-label="DNA Facebookissa"> <svg class="ds-icon ds-icon--24" aria-hidden="true"><use href="#Facebook"></use></svg> </a> </li> <li> <a class="ds-footer__link ds-footer__link--plain" href="https://www.linkedin.com/company/dna-ltd/" aria-label="DNA LinkedInissä"> <svg class="ds-icon ds-icon--24" aria-hidden="true"><use href="#Linkedin"></use></svg> </a> </li> <li> <a class="ds-footer__link ds-footer__link--plain" href="https://www.instagram.com/dna_fi/" aria-label="DNA Instagramissa"> <svg class="ds-icon ds-icon--24" aria-hidden="true"><use href="#Instagram"></use></svg> </a> </li> <li> <a class="ds-footer__link ds-footer__link--plain" href="https://www.youtube.com/dna_fi" aria-label="DNA Youtubessa"> <svg class="ds-icon ds-icon--24" aria-hidden="true"><use href="#Youtube"></use></svg> </a> </li> <li> <a class="ds-footer__link ds-footer__link--plain" href="https://www.tiktok.com/@dna_fi?lang=fi-FI" aria-label="DNA TikTokissa"> <svg class="ds-icon ds-icon--24" aria-hidden="true"><use href="#Tiktok"></use></svg> </a> </li> <li> <a class="ds-footer__link ds-footer__link--plain" href="https://www.threads.net/@dna_fi" aria-label="DNA Threadsissä"> <svg class="ds-icon ds-icon--24" aria-hidden="true"><use href="#Threads"></use></svg> </a> </li> </ul> </section> <div class="ds-site-nav"> <a href="https://www.dna.fi" class="ds-site-nav__link current" aria-current="true">Yksityisille</a> <a href="https://www.dna.fi/yrityksille" class="ds-site-nav__link " >Yrityksille</a> <a href="https://www.dna.fi/wholesale" class="ds-site-nav__link " >Wholesale</a> <a href="https://corporate.dna.fi/fi" class="ds-site-nav__link " >DNA Oyj</a> </div> <!-- Dynamic mandatory links --> <div class="ds-footer__mandatory-links"> <a class="ds-footer__link ds-footer__link--text" href="https://corporate.dna.fi/tietosuoja">Tietosuoja</a> <span aria-hidden="true"> | </span> <a class="ds-footer__link ds-footer__link--text ot-sdk-show-settings" href="#" onclick="return false;">Evästeasetukset</a> <span aria-hidden="true"> | </span> <a class="ds-footer__link ds-footer__link--text" href="https://corporate.dna.fi/vastuullisuus/saavutettavuus-ja-esteettomyys/saavutettavuus">Saavutettavuus</a> <span aria-hidden="true"> | </span> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/tuki/asiakkuus/hinnastot-ja-ehdot#tilaus-ja-toimitusehdot">Tilaus- ja toimitusehdot</a> <span aria-hidden="true"> | </span> <span>DNA 2026</span> </div> </div> <div class="ds-footer__bottom--right ds-footer__app"> <div class="ds-footer__app-title">Oma DNA:</div> <div class="ds-footer__app-list"> <a class="ds-footer__link ds-footer__link--plain" href="https://apps.apple.com/us/app/my-dna/id1445655346?ls=1" aria-label="Lataa sovellus App Storesta" target="_blank"> <img src="https://res.cloudinary.com/dnaoyj/image/upload/dpr_2,f_auto,q_auto,w_142/v1/Assets/Icons%20and%20logos/Other%20icons/App_Store_Badge.png" aria-hidden="true" alt="App Store logo"> </a> <a class="ds-footer__link ds-footer__link--plain" href="https://play.google.com/store/apps/details?id=fi.dna.omadna" aria-label="Lataa sovellus Google Playstä" target="_blank"> <img src="https://res.cloudinary.com/dnaoyj/image/upload/dpr_2,f_auto,q_auto,w_142/v1/Assets/Icons%20and%20logos/Other%20icons/Google_Play_Badge.png" aria-hidden="true" alt="Google Play logo"> </a> </div> </div> </div> </div> </nav> </div> </div> </div> </section> </div> </footer> <div class="dna-navigation-overlay" id="dna-navigation-overlay"></div> <!-- COMMON-DNA-FOOTER end --> <div class="dna-navigation-overlay dna-navigation-overlay--with-secondary" id="dna-navigation-overlay-secondary-nav"></div> <template id="modal-dialog-template"> <dialog class="ds-modal ds-modal--dialog ds-modal--medium"> <div class="ds-modal__container"> <button class="ds-modal__close" aria-label="Sulje dialogi"> <svg class="ds-icon ds-icon--24" aria-hidden="true"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Close"></use> </svg> </button> <div class="ds-modal__content"></div> </div> </dialog> </template>
1800<script src="/combo?browserId=other&minifierType=js&themeId=dnafitheme_WAR_dnafitheme&languageId=fi_FI&fi_dna_liferay_portlet_loggedin_dashboard_LoggedinDashboardPortlet:%2Fo%2Fdna-fi-loggedin-dashboard-portlet%2Fjs%2FloggedinDashboard.es.js&fi_dna_liferay_portlet_sibbe_messages_SibbeMessagesPortlet:%2Fo%2Fdna-fi-sibbe-messages-portlet%2Fjs%2FsibbeMessages.es.js&t=1789632818000" type="text/javascript"></script>
1800
1800<script type="text/javascript"> 1801 1802 1803 1804 1805 1806 1807 1808 1809 1810 1811 1812</script>
1812<script> 1813 1814</script>
1814
1814<script type="text/javascript"> 1815(function() {var $ = AUI.$;var _ = AUI._; 1816 var onShare = function (data) { 1817 if (window.Analytics) { 1818 Analytics.send('shared', 'SocialBookmarks', { 1819 className: data.className, 1820 classPK: data.classPK, 1821 type: data.type, 1822 url: data.url, 1823 }); 1824 } 1825 }; 1826 1827 var onDestroyPortlet = function () { 1828 Liferay.detach('socialBookmarks:share', onShare); 1829 Liferay.detach('destroyPortlet', onDestroyPortlet); 1830 }; 1831 1832 Liferay.on('socialBookmarks:share', onShare); 1833 Liferay.on('destroyPortlet', onDestroyPortlet); 1834})(); 1835(function() {var $ = AUI.$;var _ = AUI._; 1836 var onVote = function (event) { 1837 if (window.Analytics) { 1838 let title = event.contentTitle; 1839 1840 if (!title) { 1841 const dmNode = document.querySelector( 1842 '[data-analytics-file-entry-id="' + event.classPK + '"]' 1843 ); 1844 1845 if (dmNode) { 1846 title = dmNode.dataset.analyticsFileEntryTitle; 1847 } 1848 } 1849 1850 Analytics.send('VOTE', 'Ratings', { 1851 className: event.className, 1852 classPK: event.classPK, 1853 ratingType: event.ratingType, 1854 score: event.score, 1855 title, 1856 }); 1857 } 1858 }; 1859 1860 var onDestroyPortlet = function () { 1861 Liferay.detach('ratings:vote', onVote); 1862 Liferay.detach('destroyPortlet', onDestroyPortlet); 1863 }; 1864 1865 Liferay.on('ratings:vote', onVote); 1866 Liferay.on('destroyPortlet', onDestroyPortlet); 1867})(); 1868 1869 function getValueByAttribute(node, attr) { 1870 return ( 1871 node.dataset[attr] || 1872 (node.parentElement && node.parentElement.dataset[attr]) 1873 ); 1874 } 1875 1876 function sendDocumentDownloadedAnalyticsEvent(anchor) { 1877 var fileEntryId = getValueByAttribute( 1878 anchor, 1879 'analyticsFileEntryId' 1880 ); 1881 var title = getValueByAttribute( 1882 anchor, 1883 'analyticsFileEntryTitle' 1884 ); 1885 var version = getValueByAttribute( 1886 anchor, 1887 'analyticsFileEntryVersion' 1888 ); 1889 1890 if (fileEntryId) { 1891 Analytics.send('documentDownloaded', 'Document', { 1892 groupId: themeDisplay.getScopeGroupId(), 1893 fileEntryId, 1894 preview: 1895 !!window._com_liferay_document_library_analytics_isViewFileEntry, 1896 title, 1897 version, 1898 }); 1899 } 1900 } 1901 1902 function handleDownloadClick(event) { 1903 if (window.Analytics) { 1904 if (event.target.nodeName.toLowerCase() === 'a') { 1905 sendDocumentDownloadedAnalyticsEvent( 1906 event.target 1907 ); 1908 } 1909 else if ( 1910 event.target.parentNode && 1911 event.target.parentNode.nodeName.toLowerCase() === 'a' 1912 ) { 1913 sendDocumentDownloadedAnalyticsEvent( 1914 event.target.parentNode 1915 ); 1916 } 1917 else { 1918 var target = event.target; 1919 var matchTextContent = 1920 target.textContent && 1921 target.textContent.toLowerCase() === 1922 'lataa'; 1923 var matchTitle = 1924 target.title && target.title.toLowerCase() === 'download'; 1925 var matchAction = target.action === 'download'; 1926 var matchLexiconIcon = !!target.querySelector( 1927 '.lexicon-icon-download' 1928 ); 1929 var matchLexiconClassName = target.classList.contains( 1930 'lexicon-icon-download' 1931 ); 1932 var matchParentTitle = 1933 target.parentNode && 1934 target.parentNode.title && 1935 target.parentNode.title.toLowerCase() === 'download'; 1936 var matchParentLexiconClassName = 1937 target.parentNode && 1938 target.parentNode.classList.contains('lexicon-icon-download'); 1939 1940 if ( 1941 matchTextContent || 1942 matchTitle || 1943 matchParentTitle || 1944 matchAction || 1945 matchLexiconIcon || 1946 matchLexiconClassName || 1947 matchParentLexiconClassName 1948 ) { 1949 var selectedFiles = document.querySelectorAll( 1950 '.form .custom-control-input:checked' 1951 ); 1952 1953 selectedFiles.forEach(({value}) => { 1954 var selectedFile = document.querySelector( 1955 '[data-analytics-file-entry-id="' + value + '"]' 1956 ); 1957 1958 sendDocumentDownloadedAnalyticsEvent( 1959 selectedFile 1960 ); 1961 }); 1962 } 1963 } 1964 } 1965 } 1966 1967 Liferay.once('destroyPortlet', () => { 1968 document.body.removeEventListener( 1969 'click', 1970 handleDownloadClick 1971 ); 1972 }); 1973 1974 Liferay.once('portletReady', () => { 1975 document.body.addEventListener( 1976 'click', 1977 handleDownloadClick 1978 ); 1979 }); 1980 1981(function() {var $ = AUI.$;var _ = AUI._; 1982 var onDestroyPortlet = function () { 1983 Liferay.detach('messagePosted', onMessagePosted); 1984 Liferay.detach('destroyPortlet', onDestroyPortlet); 1985 }; 1986 1987 Liferay.on('destroyPortlet', onDestroyPortlet); 1988 1989 var onMessagePosted = function (event) { 1990 if (window.Analytics) { 1991 const eventProperties = { 1992 className: event.className, 1993 classPK: event.classPK, 1994 commentId: event.commentId, 1995 text: event.text, 1996 }; 1997 1998 const blogNode = document.querySelector( 1999 '[data-analytics-asset-id="' + event.classPK + '"]' 2000 ); 2001 2002 const dmNode = document.querySelector( 2003 '[data-analytics-file-entry-id="' + event.classPK + '"]' 2004 ); 2005 2006 if (blogNode) { 2007 eventProperties.title = blogNode.dataset.analyticsAssetTitle; 2008 } 2009 else if (dmNode) { 2010 eventProperties.title = dmNode.dataset.analyticsFileEntryTitle; 2011 } 2012 2013 Analytics.send('posted', 'Comment', eventProperties); 2014 } 2015 }; 2016 2017 Liferay.on('messagePosted', onMessagePosted); 2018})(); 2019(function() {var $ = AUI.$;var _ = AUI._; 2020 2021})(); 2022 2023 if (window.svg4everybody && Liferay.Data.ICONS_INLINE_SVG) { 2024 svg4everybody( 2025 { 2026 polyfill: true, 2027 validate: function (src, svg, use) { 2028 return !src || !src.startsWith('#'); 2029 } 2030 } 2031 ); 2032 } 2033 2034(function() {var $ = AUI.$;var _ = AUI._; 2035 Liferay.Util.delegate( 2036 document, 2037 'focusin', 2038 '.portlet', 2039 function(event) { 2040 event.delegateTarget.closest('.portlet').classList.add('open'); 2041 } 2042 ); 2043 2044 Liferay.Util.delegate( 2045 document, 2046 'focusout', 2047 '.portlet', 2048 function(event) { 2049 event.delegateTarget.closest('.portlet').classList.remove('open'); 2050 } 2051 ); 2052})(); 2053 2054 // <![CDATA[ 2055 2056 2057 2058 Liferay.currentURL = '\x2f'; 2059 Liferay.currentURLEncoded = '\x252F'; 2060 2061 // ]]> 2062 2063 2064 // <![CDATA[ 2065 (function() { 2066 /* DNADXP-9139 */ 2067(function (config) { 2068 const RNS_SCRIPT_SRC = 'https://cdn.reactandshare.com/plugin/rns.js'; 2069 2070 function matchesUrlRules( 2071 includePatternsCurrentOrCanonicalUrl, 2072 excludePatternsCurrentOrCanonicalUrl, 2073 currentUrl, 2074 canonicalUrl, 2075 ) { 2076 let hasIncludes = includePatternsCurrentOrCanonicalUrl && includePatternsCurrentOrCanonicalUrl.length; 2077 let hasExcludes = excludePatternsCurrentOrCanonicalUrl && excludePatternsCurrentOrCanonicalUrl.length; 2078 2079 if (hasIncludes && !includePatternsCurrentOrCanonicalUrl.some( 2080 function (pattern) { return pattern.test(currentUrl) || pattern.test(canonicalUrl); } 2081 )) return false;
2082 2083 if (hasExcludes && excludePatternsCurrentOrCanonicalUrl.some( 2084 function (pattern) { return pattern.test(currentUrl) || pattern.test(canonicalUrl); } 2085 )) return false; 2086 2087 return true; 2088 } 2089 2090 function initRnsWidget(options) { 2091 var requiredLang = options.requiredLang; 2092 if (requiredLang && document.documentElement.getAttribute('lang') !== requiredLang) return; 2093 2094 var currentUrl = Liferay !== undefined ? Liferay.ThemeDisplay.getLayoutRelativeURL() : ''; 2095 var canonicalUrl = Liferay !== undefined ? Liferay.ThemeDisplay.getCanonicalURL() : ''; 2096 var includePatternsCurrentOrCanonicalUrl = options.includeUrlPatterns; 2097 var excludePatternsCurrentOrCanonicalUrl = options.excludeUrlPatterns; 2098 2099 if (!matchesUrlRules( 2100 includePatternsCurrentOrCanonicalUrl, 2101 excludePatternsCurrentOrCanonicalUrl, 2102 currentUrl, 2103 canonicalUrl) 2104 ) return; 2105 2106 var container = document.querySelector(options.containerSelector); 2107 if (!container) return; 2108 2109 var rns = document.createElement('div'); 2110 rns.classList.add('rns'); 2111 if (options.additionalClasses && options.additionalClasses.length) { 2112 rns.classList.add.apply(rns.classList, options.additionalClasses); 2113 } 2114 container.appendChild(rns); 2115 2116 window.rnsData = { 2117 apiKey: options.apiKey, 2118 }; 2119 2120 var script = document.createElement('script'); 2121 script.src = RNS_SCRIPT_SRC; 2122 document.body.appendChild(script); 2123 } 2124 2125 initRnsWidget(config); 2126})({ 2127 requiredLang: '', 2128 containerSelector: '#layout-column_column-1', 2129 additionalClasses: ['dna-content-wrap--content', 'dna-portlet-topmargin--normal'], 2130 apiKey: 'wb12evlb5hafaz5u', 2131 includeUrlPatterns: [ 2132 /^\/tuki($|\?)/, 2133 /^\/tuki\//, 2134 /^\/web\/yksityisille\/tuki($|\?)/, 2135 /^\/web\/yksityisille\/tuki\//, 2136 ], 2137 excludeUrlPatterns: [], 2138}); 2139/* DNADXP-9139 end */ 2140 })(); 2141 // ]]> 2142 2143(function() {var $ = AUI.$;var _ = AUI._; 2144 import(Liferay.ThemeDisplay.getPathContext() + '/o/frontend-js-web/__liferay__/index.js').then( 2145 ({openToast}) => { 2146 AUI().use( 2147 'liferay-session', 2148 function() { 2149 Liferay.Session = new Liferay.SessionBase( 2150 { 2151 autoExtend: true, 2152 redirectOnExpire: false, 2153 redirectUrl: 'https\x3a\x2f\x2fwww\x2edna\x2efi\x2fweb\x2fyksityisille', 2154 sessionLength: 54000, 2155 sessionTimeoutOffset: 70, 2156 warningLength: 60 2157 } 2158 ); 2159 2160 2161 } 2162 ); 2163 } 2164 ) 2165 })(); 2166(function() {var $ = AUI.$;var _ = AUI._; 2167 var assetEntryId = ''; 2168 2169 if (assetEntryId) { 2170 window.location.hash = assetEntryId; 2171 } 2172})(); 2173 2174 var nestedPortlet = document.getElementById( 2175 '_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_NtnDtLqyx4mB__main-content' 2176 ); 2177 2178 if (nestedPortlet != null) { 2179 nestedPortlet.removeAttribute('role'); 2180 } 2181 2182 2183 var nestedPortlet = document.getElementById( 2184 '_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_SYNPsynWb6Gv__main-content' 2185 ); 2186 2187 if (nestedPortlet != null) { 2188 nestedPortlet.removeAttribute('role'); 2189 } 2190 2191 2192 var nestedPortlet = document.getElementById( 2193 '_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_eyYCMTimoR5f__main-content' 2194 ); 2195 2196 if (nestedPortlet != null) { 2197 nestedPortlet.removeAttribute('role'); 2198 } 2199 2200 2201 var nestedPortlet = document.getElementById( 2202 '_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_9xIowF5XhCW4__main-content' 2203 ); 2204 2205 if (nestedPortlet != null) { 2206 nestedPortlet.removeAttribute('role'); 2207 } 2208 2209 2210 var nestedPortlet = document.getElementById( 2211 '_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_pVwlRcrAiMqs__main-content' 2212 ); 2213 2214 if (nestedPortlet != null) { 2215 nestedPortlet.removeAttribute('role'); 2216 } 2217 2218(function() {var $ = AUI.$;var _ = AUI._; 2219 var assetEntryId = ''; 2220 2221 if (assetEntryId) { 2222 window.location.hash = assetEntryId; 2223 } 2224})(); 2225 2226 var nestedPortlet = document.getElementById( 2227 '_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_pPqEhRY2nXvX__main-content' 2228 ); 2229 2230 if (nestedPortlet != null) { 2231 nestedPortlet.removeAttribute('role'); 2232 } 2233 2234 2235 var nestedPortlet = document.getElementById( 2236 '_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_3VzsJDsuOvIt__main-content' 2237 ); 2238 2239 if (nestedPortlet != null) { 2240 nestedPortlet.removeAttribute('role'); 2241 } 2242 2243 2244 var nestedPortlet = document.getElementById( 2245 '_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_aquWjhpZQw7W__main-content' 2246 ); 2247 2248 if (nestedPortlet != null) { 2249 nestedPortlet.removeAttribute('role'); 2250 } 2251 2252 2253 var nestedPortlet = document.getElementById( 2254 '_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_scpIraVUdSwd__main-content' 2255 ); 2256 2257 if (nestedPortlet != null) { 2258 nestedPortlet.removeAttribute('role'); 2259 } 2260 2261 2262</script>
2262<script type="module"> 2263import {InfoItemActionHandler as ComponentModule} from '/o/layout-taglib/__liferay__/index.js'; 2264AUI().use( 2265 'liferay-menu', 2266function(A) { 2267{ 2268Liferay.component('infoItemActionComponent', new ComponentModule({"executeInfoItemActionURL":"https:\/\/www.dna.fi\/c\/portal\/execute_info_item_action?p_l_mode=view&plid=843991","namespace":"","spritemap":"https:\/\/www.dna.fi\/o\/dna-fi-theme\/images\/clay\/icons.svg"}), { destroyOnNavigate: true, portletId: ''}); 2269} 2270(function() { 2271var $ = AUI.$;var _ = AUI._; 2272 new Liferay.Menu(); 2273 2274 var liferayNotices = Liferay.Data.notices; 2275 2276 for (var i = 0; i < liferayNotices.length; i++) { 2277 Liferay.Util.openToast(liferayNotices[i]); 2278 } 2279 2280})(); 2281}); 2282 2283</script>
2283
2283<script src="https://www.dna.fi/o/dna-fi-theme/js/main.js?browserId=other&minifierType=js&languageId=fi_FI&t=1789632818000" type="text/javascript"></script>
2283
2283<script type="module"> 2284import {main} from '/o/frontend-js-alert-support-web/__liferay__/index.js'; 2285{ 2286main(); 2287} 2288 2289</script>
2289<script type="module"> 2290import {main} from '/o/frontend-js-collapse-support-web/__liferay__/index.js'; 2291{ 2292main(); 2293} 2294 2295</script>
2295<script type="module"> 2296import {main} from '/o/frontend-js-dropdown-support-web/__liferay__/index.js'; 2297{ 2298main(); 2299} 2300 2301</script>
2301<script type="module"> 2302import {main} from '/o/frontend-js-tooltip-support-web/__liferay__/index.js'; 2303{ 2304main(); 2305} 2306 2307</script>
2307<script type="module"> 2308import {main} from '/o/frontend-js-tabs-support-web/__liferay__/index.js'; 2309{ 2310main(); 2311} 2312 2313</script>
2313<script type="module"> 2314import {runThirdPartyCookiesInterval} from '/o/cookies-banner-web/__liferay__/index.js'; 2315{ 2316runThirdPartyCookiesInterval(); 2317} 2318 2319</script>
2319<script type="text/javascript"> 2320Liferay.CustomDialogs = {enabled: false}; 2321 2322</script>
2322<script> 2323 2324</script>
2324 <div class="node-status" style="display:none;"> app3.lrdxp-prod.dna.fi </div>
2324<script> 2325 window.dxp_login_settings = { 2326 site: 'private', 2327 restUrl: 'https://www.dna.fi/o/rest', 2328 redirectUrl: 'https://www.dna.fi/o/sso-redirect', 2329 clientId: 'db-liferay-b2c', 2330 scopeIds: 'openid profile ssn b2c-sso', 2331 languageId: 'fi_FI', 2332 accessTokenCookieName: 'DXP_access_token', 2333 listenToIDMPostMessages: true, 2334 ssoSessionManagementEnabled: false, 2335 maxInactivityBeforeWarning: 780000, 2336 logoutUrl: "/o/rest/auth/logout", 2337 showHeader: true 2338 }; 2339 </script>
2339 <!-- inject:js --> <!-- endinject -->
2339<script> 2340 Liferay.Loader.require('[email protected]/js/common/analyticsUtil.es'); 2341 </script>
2341 </body> </html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.