Verkkosivujen suunnittelija

<!DOCTYPE html> <html data-bs-theme="light" lang="fi" dir="ltr" class="no-js "> <head> <link rel="preconnect" href="https://static.simply.com" crossorigin> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <title>Verkkosivujen suunnittelija - Simply.com</title> <meta charset="UTF-8"> <meta name="author" content="Tom Sommer"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5"> <meta name="format-detection" content="telephone=no"> <meta name="description" content="Suunnittele oma verkkosivustosi. Muutamalla napsautuksella voit lisätä, poistaa ja siirtää sisältöä, jota haluat näyttää verkkosivustollasi."> <meta name="keywords" content="webhotelli, verkkotunnus, webhotellit, halpa webhotelli, osta verkkotunnus"> <meta property="fb:pages" content="37207469397"> <meta property="fb:admins" content="630139270"> <meta property="fb:app_id" content="157484727617117"> <meta property="og:type" content="website"> <meta property="og:title" content="Verkkosivujen suunnittelija"> <meta property="og:description" content="Suunnittele oma verkkosivustosi. Muutamalla napsautuksella voit lisätä, poistaa ja siirtää sisältöä, jota haluat näyttää verkkosivustollasi."> <meta property="og:site_name" content="Simply.com"> <meta property="og:url" content="https://www.simply.com/fi/websitebuilder/">  <meta property="og:image" content="https://static.simply.com/assets/simply-logo-opengraph.png?aeac4832a7a69eeec2118e51db8e9a1684af5927"> <meta property="og:image" content="https://static.simply.com/assets/simply-logo-opengraph-wide.png?aeac4832a7a69eeec2118e51db8e9a1684af5927">  <meta property="og:locale" content="fi_FI">            <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@simplydotcom"> <meta name="twitter:creator" content="@simplydotcom"> <meta name="twitter:title" content="Verkkosivujen suunnittelija"> <meta name="twitter:description" content="Suunnittele oma verkkosivustosi. Muutamalla napsautuksella voit lisätä, poistaa ja siirtää sisältöä, jota haluat näyttää verkkosivustollasi."> <meta name="twitter:domain" content="simply.com"> <meta name="twitter:image" content="https://static.simply.com/assets/simply-logo-twitter.png?aeac4832a7a69eeec2118e51db8e9a1684af5927"> <meta name="apple-mobile-web-app-capable" content="no"> <meta name="apple-mobile-web-app-title" content="Simply.com"> <meta name="application-name" content="Simply.com"> <meta name="theme-color" content="#fff" media="(prefers-color-scheme: light)"> <meta name="theme-color" content="#000" media="(prefers-color-scheme: dark)"> <meta name="XSRF-TOKEN" content="71284353069d1c167053855c5b8af050f4890982">  <link rel="icon" type="image/png" href="https://static.simply.com/assets/simply-favicon-96px.png?aeac4832a7a69eeec2118e51db8e9a1684af5927" sizes="96x96"> <link rel="icon" type="image/png" href="https://static.simply.com/assets/simply-favicon-180px.png?aeac4832a7a69eeec2118e51db8e9a1684af5927" sizes="180x180"> <link rel="icon" type="image/svg+xml" href="https://static.simply.com/assets/simply-favicon.svg?aeac4832a7a69eeec2118e51db8e9a1684af5927"> <link rel="apple-touch-icon" type="image/png" href="https://static.simply.com/assets/simply-favicon-96px.png?aeac4832a7a69eeec2118e51db8e9a1684af5927" sizes="96x96"> <link rel="apple-touch-icon" type="image/png" href="https://static.simply.com/assets/simply-favicon-180px.png?aeac4832a7a69eeec2118e51db8e9a1684af5927" sizes="180x180"> <link rel="mask-icon" href="https://static.simply.com/assets/simply-favicon-maskicon.svg?aeac4832a7a69eeec2118e51db8e9a1684af5927" color="#aa2484"> <link rel="canonical" href="https://www.simply.com/fi/websitebuilder/">  <link rel="alternate" hreflang="da" href="https://www.simply.com/dk/websitebuilder/"> <link rel="alternate" hreflang="de" href="https://www.simply.com/de/websitebuilder/"> <link rel="alternate" hreflang="en" href="https://www.simply.com/en/websitebuilder/"> <link rel="alternate" hreflang="es" href="https://www.simply.com/es/websitebuilder/"> <link rel="alternate" hreflang="fr" href="https://www.simply.com/fr/websitebuilder/"> <link rel="alternate" hreflang="it" href="https://www.simply.com/it/websitebuilder/"> <link rel="alternate" hreflang="nl" href="https://www.simply.com/nl/websitebuilder/"> <link rel="alternate" hreflang="nb" href="https://www.simply.com/no/websitebuilder/"> <link rel="alternate" hreflang="pl" href="https://www.simply.com/pl/websitebuilder/"> <link rel="alternate" hreflang="pt" href="https://www.simply.com/pt/websitebuilder/"> <link rel="alternate" hreflang="fi" href="https://www.simply.com/fi/websitebuilder/"> <link rel="alternate" hreflang="sv" href="https://www.simply.com/se/websitebuilder/">  <script>!function () { "use strict"; function e(e) { return function (e) { for (var t = 0, r = document.cookie.split(";"); t < r.length; t++) { var n = r[t].split("="); if (n[0].trim() === e) return n[1] } }(e) } function t(e) { return localStorage.getItem(e) } function r(e) { return window[e] } function n(e, t) { var r = document.querySelector(e); return t ? null == r ? void 0 : r.getAttribute(t) : null == r ? void 0 : r.textContent } !function (o, i, a, c, u, l, s, v, d, f, g) { var E, I, m, T; try { I = d && (m = navigator.userAgent, (T = new RegExp("Version/([0-9._]+)(.*Mobile)?.*Safari.*").exec(m)) && parseFloat(T[1]) >= 16.4) ? function (o, i, a) { void 0 === i && (i = ""); var c = {cookie: e, localStorage: t, jsVariable: r, cssSelector: n}, u = Array.isArray(i) ? i : [i]; if (o && c[o]) for (var l = c[o], s = 0, v = u; s < v.length; s++) { var d = v[s], f = a ? l(d, a) : l(d); if (f) return f } else console.warn("invalid uid source", o) }(d, "user_id", "") : void 0 } catch (e) { console.error(e) } var _ = o; _[c] = _[c] || [], _[c].push({"gtm.start": (new Date).getTime(), event: "gtm.js"}); var p = i.getElementsByTagName(a)[0], A = I ? "&bi=" + encodeURIComponent(I) : "", N = i.createElement(a), D = I ? "kp" + v : v, R = !I && s ? s : "https://gtm.simply.com"; N.async = !0, N.src = R + "/" + D + ".js?id=GTM-TZV8MD" + A, null === (E = p.parentNode) || void 0 === E || E.insertBefore(N, p) }(window, document, "script", "dataLayer", 0, 0, "", "qwpsducp", "cookie") }();</script>  <script> window.dataLayer = window.dataLayer || []; function gtag() { window.dataLayer.push(arguments) } gtag('js', new Date()); </script> <script> var _hsq = window._hsq || []; function hsq() { _hsq.push(arguments); } </script> <script> var translations = []; translations['LabelOkay'] = "Selv\u00e4"; translations['LabelIAmSure'] = "Kyll\u00e4, olen varma"; translations['LabelNoCancel'] = "Peruutta"; translations['LabelAreYouSure'] = "Oletko varma?"; translations['TextAreYouSure'] = "Oletko varma?"; translations['TextCapsLockEnabled'] = "Caps-Lock on p\u00e4\u00e4ll\u00e4 tietokoneessasi."; translations['IubendaHeadline'] = "Sin\u00e4 hallitset tietojasi"; </script> <script> document.documentElement.classList.remove('no-js'); document.documentElement.classList.add('js'); </script> <link rel="stylesheet" href="https://static.simply.com/assets/build/app.css?_r=aeac4832a7a69eeec2118e51db8e9a1684af5927"> <script src="https://static.simply.com/assets/build/app.js?_r=aeac4832a7a69eeec2118e51db8e9a1684af5927" defer="defer"></script> <link rel="alternate" type="application/rss+xml" title="Simply.com - Blogi (RSS)" href="https://blog.simply.com/feed/rss/"> <link rel="search" type="application/opensearchdescription+xml" href="/fi/opensearch-domaincheck.xml" title="Simply.com - Domainitesti"> <link rel="search" type="application/opensearchdescription+xml" href="/fi/opensearch-support.xml" title="Simply.com - Asiakaspalvelu"> <script> const SimplyComIsUserLoggedIn = false; const SimplyComIsInternalSupport = false; </script> <script> gtag({'VisitorIsLoggedIn': SimplyComIsUserLoggedIn}); gtag({'VisitorIsInternalSupport': SimplyComIsInternalSupport}); </script> <script type="text/javascript"> var _iub = _iub || []; _iub.csLangConfiguration = { 'da': { "cookiePolicyId": 85398683, // "cookiePolicyUrl": "https://www.simply.com/dk/privacy-policy/", }, 'sv': { "cookiePolicyId": 64422143, // "cookiePolicyUrl": "https://www.simply.com/se/privacy-policy/", }, 'no': { "cookiePolicyId": 11901605, // "cookiePolicyUrl": "https://www.simply.com/no/privacy-policy/", }, 'pl': { "cookiePolicyId": 79851764, // "cookiePolicyUrl": "https://www.simply.com/pl/privacy-policy/", }, 'fi': { "cookiePolicyId": 76653875, // "cookiePolicyUrl": "https://www.simply.com/fi/privacy-policy/", }, 'de': { "cookiePolicyId": 40978846, // "cookiePolicyUrl": "https://www.simply.com/de/privacy-policy/", }, 'fr': { "cookiePolicyId": 68648577, //"cookiePolicyUrl": "https://www.simply.com/fr/privacy-policy/", }, }; _iub.csConfiguration = { "askConsentAtCookiePolicyUpdate": false, "cookiePolicyId": 85215963, "floatingPreferencesButtonDisplay": "bottom-left", "localConsentDomain": "www.simply.com", "perPurposeConsent": true, 'cookiePolicyInOtherWindow': false, "purposes": "1,2,3,4,5", 'promptToAcceptOnBlockedElements': true, "preferenceCookie": { "expireAfter": 360 }, "siteId": 3298105, "i18n": { "da": { "banner": { "title": translations['IubendaHeadline'] } }, "en-GB": { "banner": { "title": translations['IubendaHeadline'] } }, "sv": { "banner": { "title": translations['IubendaHeadline'] } }, "no": { "banner": { "title": translations['IubendaHeadline'] } }, "pl": { "banner": { "title": translations['IubendaHeadline'] } }, "fi": { "banner": { "title": translations['IubendaHeadline'] } }, "de": { "banner": { "title": translations['IubendaHeadline'] } }, "fr": { "banner": { "title": translations['IubendaHeadline'] } } }, // "cookiePolicyUrl": "https://www.simply.com/privacy-policy/", "banner": { "acceptButtonCaptionColor": "var(--bs-white)", "acceptButtonColor": "var(--bs-success)", "acceptButtonDisplay": true, 'applyStyles ': false, "backgroundColor": "var(--bs-white)", 'backgroundOverlay': true, 'brandBackgroundColor': "var(--bs-white)", 'brandTextColor': "var(--bs-black)", "closeButtonDisplay": false, "continueWithoutAcceptingButtonColor": "var(--bs-light)", "customizeButtonCaptionColor": "var(--bs-black)", "customizeButtonColor": "var(--bs-light)", "customizeButtonDisplay": true, "explicitWithdrawal": true, "floatingPreferencesButtonColor": "var(--bs-light)", "fontSizeBody": "14px", "linksColor": "var(--bs-primary)", "listPurposes": true, 'logo': 'https://static.simply.com/assets/simply-logo-color.svg', "position": "float-center", "rejectButtonCaptionColor": "var(--bs-white)", "rejectButtonColor": "var(--bs-success)", "rejectButtonDisplay": true, "showPurposesToggles": true, "textColor": "var(--bs-black)", }, "callback": { "onPreferenceExpressed": function (preference) { console.log('onPreferenceExpressed', preference); }, "onPreferenceExpressedOrNotNeeded": function (preference) { dataLayer.push({ iubenda_ccpa_opted_out: _iub.cs.api.isCcpaOptedOut(), }); var otherPreferences = _iub.cs.api.getPreferences(); if (otherPreferences) { var usprPreferences = otherPreferences.uspr; if (usprPreferences) { for (var purposeName in usprPreferences) { if (usprPreferences[purposeName]) { dataLayer.push({ event: 'iubenda_consent_given_purpose_' + purposeName, }); } } } } if (!preference) { dataLayer.push({ event: 'iubenda_preference_not_needed', }); } else if (preference.consent === true) { dataLayer.push({ event: 'iubenda_consent_given', }); } else if (preference.consent === false) { dataLayer.push({ event: 'iubenda_consent_rejected', }); } else if (preference.purposes) { for (var purposeId in preference.purposes) { if (preference.purposes[purposeId]) { dataLayer.push({ event: 'iubenda_consent_given_purpose_' + purposeId, }); } } } } }, }; </script> <script type="text/javascript" src="https://cs.iubenda.com/autoblocking/3298105.js"></script> <script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "Simply.com", "url": "https://www.simply.com/", "logo": "https://www.simply.com/assets/simply-logo-color-square.png", "sameAs": [ "https://www.facebook.com/simplycom", "https://www.instagram.com/simplycom/", "https://www.trustpilot.com/review/simply.com", "https://www.twitter.com/simplydotcom", "https://www.linkedin.com/company/simplycom", "https://da.wikipedia.org/wiki/Simply.com" ], "contactPoint": [ { "@type": "ContactPoint", "telephone": "+45-86515030", "contactType": "customer service", "availableLanguage": [ "English", "Danish" ] }, { "@type": "ContactPoint", "telephone": "+46-776650650", "contactType": "customer service", "availableLanguage": [ "English", "Swedish" ] } ] } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "url": "https://www.simply.com/", "name": "Simply.com", "potentialAction": [ { "@type": "SearchAction", "target": "https://www.simply.com/support/search/?q={search_term_string}", "query-input": "required name=search_term_string" }, { "@type": "SearchAction", "target": "https://www.simply.com/domains/?q={search_term_string}", "query-input": "required name=search_term_string" } ] } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebPage", "url": "https://www.simply.com/", "name": "Simply.com" } </script> <script src="https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit&onload=onloadTurnstileCallback" defer="defer"></script> <script> window.onloadTurnstileCallback = () => { let element = document.getElementById('cf-turnstile'); if (element) { window.turnstile.render(element, { sitekey: "0x4AAAAAAABQFoXasJ1MPHI3", action: element.dataset.action, 'callback': (token) => { console.log('Captcha success'); if (element.dataset.callback) { eval(element.dataset.callback)(token); } }, 'unsupported-callback': () => { alert('Captcha not supported. Change browser.'); }, 'error-callback': (error) => { // window.turnstile.reset(); if (element.dataset.errorCallback) { eval(element.dataset.errorCallback)(error); } console.log('Turnstile error code: ' + error); window.axios.get('/turnstile-errorlog?error=' + error); alert('Captcha failed. Disable adblockers or try another browser if the problem persists. Error code: ' + error); return false; }, }); if (element.dataset.startCallback) { eval(element.dataset.startCallback)(); } } }; </script> </head> <body>  <noscript> <iframe src="https://gtm.simply.com/ns.html?id=GTM-TZV8MD" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <div class="grid-container"> <main class="sitebuilder"> <section class="container-extended rounded-xxl-5 rounded-bottom-only sitebuilder-top"> <section class="container"> <div class="d-flex flex-column gap-1"> <section class="flex-fill text-lg-start text-center align-middle align-items-center collapse show" id="betterlanguage-warning"> <div class="container"> <div class="align-items-center d-flex flex-column flex-md-row gap-2"> <div class="fs-6 d-block"> <i class="rounded-circle flag-icon-squared fi fi-gb"></i> Our website is available in English, switch languages to see content for your location </div> <div class="d-block"> <a class="btn btn-primary btn-sm d-xl-inline" rel="alternate" href="/en/websitebuilder/"><i class="rounded-circle flag-icon-squared fi fi-gb"></i> Switch language to English </a> <button type="button" aria-label="Close" class="btn btn-sm text-reset" data-bs-toggle="collapse" data-bs-target="#betterlanguage-warning" id="betterlanguage-button"> <i class="fal fa-fw fa-times"></i> </button> </div> </div> </div> </section> <script> window.addEventListener('DOMContentLoaded', () => { document.getElementById('betterlanguage-button').addEventListener('click', () => { sessionStorage.setItem('betterlanguage-show', false) }) document.getElementById('betterlanguage-warning').classList.toggle('show', sessionStorage.getItem('betterlanguage-show') ?? true) }) </script> <noscript> <div class="alert alert-warning" id="noscript-warning"> Selaimestasi on poistettu JavaScript, minkä vuoksi jotkin asiat verkkosivustollamme eivät toimi tarkoitetulla tavalla. </div> </noscript> </div> <nav class="header-navbar navbar navbar-expand-xl gap-3 pt-2 py-xl-4 py-xxl-5 " id="mainmenu"> <a class="navbar-brand p-0 pb-xl-1" href="/fi/"> <img src="//static.simply.com/assets/simply-logo-color.svg?aeac4832a7a69eeec2118e51db8e9a1684af5927" alt="Simply.com"> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse p-5 p-xl-0" id="navbarNav">  <ul class="navbar-nav nav-hover gap-xl-3 me-auto primary-navigation align-items-xl-center text-nowrap"> <li class="nav-item d-xl-none"> <a class="nav-link text-uppercase d-flex justify-content-between d-none" href="/fi/"> <span>Kotisivu</span> <i class="far fa-arrow-right-long d-lg-none"></i> </a> </li> <li class="nav-item"> <a class="nav-link text-uppercase d-flex justify-content-between" href="/fi/domains/"> <span>Domain</span> <i class="far fa-arrow-right-long d-lg-none"></i> </a> </li> <li class="nav-item"> <a class="nav-link text-uppercase d-flex justify-content-between align-items-center" href="/fi/hosting/"> <span>Webhotelli</span> <i class="far fa-arrow-right-long d-lg-none"></i> </a> </li> <li class="nav-item d-xl-none"> <a class="nav-link text-uppercase d-flex justify-content-between align-items-center" href="/fi/email/"> <span>Sähköposti</span> <i class="far fa-arrow-right-long d-lg-none"></i> </a> </li> <li class="nav-item"> <a class="nav-link text-uppercase d-flex justify-content-between align-items-center" href="/fi/websitebuilder/"> <span>Verkkosivuston suunnittelija</span> <i class="far fa-arrow-right-long d-lg-none"></i> </a> </li> <li class="nav-item"> <a class="nav-link text-uppercase d-flex justify-content-between align-items-center" href="/fi/wordpress/"> <span>Wordpress</span> <i class="far fa-arrow-right-long d-lg-none"></i> </a> </li> <li class="nav-item d-xl-none"> <a class="nav-link text-uppercase d-flex justify-content-between align-items-center" href="/fi/woocommerce/"> <span>WooCommerce</span> <i class="far fa-arrow-right-long d-lg-none"></i> </a> </li> </ul> <ul class="navbar-nav secondary-links mt-3 mt-xl-0 rounded-3 border border-xl-0 px-2 p-xl-0 align-items-xl-center"> <li class="nav-item text-truncate"> <a class="nav-link fs-xl-7" href="/fi/support/"> <i class="far fa-fw fa-life-ring d-xl-none"></i> Asiakaspalvelu </a> </li> <li class="nav-item text-truncate"> <a class="nav-link fs-xl-7" href="/fi/webmail/"> <i class="far fa-fw fa-envelope"></i> Webmail </a> </li> <li class="nav-item text-truncate"> <a class="nav-link fs-xl-7" href="/fi/controlpanel/"> <i class="far fa-fw fa-lock"></i> Hallintapaneeli </a> </li> </ul> </div> </nav> </section> <div class="container my-8"> <div class="row justify-content-between align-items-center"> <div class="col-12 col-lg-6"> <div class="mb-md-3 mb-0"> <h1 class="mt-0 display-1 fw-normal">Rakenna <span class="text-highlight">verkkosivusto</span> muutamassa minuutissa</h1> </div> <div class="mb-3 mt-7"> <a href="/fi/order/?id=standardsuite" class="btn btn-dark-navy btn-xxl fw-light btn-hover-icon text-nowrap"><span>Aloita alkaen 0,53 €/md.</span><i class="fa-regular fa-arrow-right-long"></i></a> </div> <div class="text-uppercase fw-semibold mb-3"> <strong>0,53 €/kk ensimmäinen vuosi.</strong> <span class="text-muted">Uusiminen: 12 €/kk</span> </div> </div> <div class="col-12 col-lg-6"> <div class="d-flex flex-column align-items-lg-end"> <div class="mb-3 align-self-start align-self-lg-auto w-100">  <script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script>  <div class="zi-max position-relative lh-1">   <div class="trustpilot-widget" data-locale="fi-FI" data-template-id="5419b6ffb0d04a076446a9af" data-businessunit-id="4ab0a7d2000064000500bdfe" data-style-height="20px" data-style-width="100%" data-theme="light"> <a href="https://dk.trustpilot.com/review/simply.com" target="_blank" rel="noreferrer noopener">Trustpilot</a> </div>  </div> </div> <div> <img src="//static.simply.com/assets/new2022/sitebuilder/topgraphic.png" alt="" class="img-fluid"> </div> </div> </div> </div> </div> </section> <section class="container mt-10"> <div class="row d-lg-flex align-items-center"> <div class="col-lg-6 order-last order-lg-first"> <img src="//static.simply.com/assets/new2022/sitebuilder/mockup1.svg" alt="" class="img-fluid"> </div> <div class="col-lg-6 ps-lg-10"> <div class="mb-5"> <i class="fa-duotone fa-face-smile-hearts fa-4x" style="--fa-primary-color: var(--bs-dark-navy); --fa-secondary-color: var(--bs-primary)"></i> </div> <h1 class="display-4 mb-5">Suunnittele verkkosivusto muutamalla napsautuksella</h1> <p class="fs-4">Olemme tehneet oman verkkosivuston suunnittelun yksinkertaiseksi. Muutamalla napsautuksella voit lisätä, poistaa ja siirtää sisältöä, jota haluat näyttää verkkosivustollasi.</p> </div> </div> </section> <section class="container mt-10"> <div class="d-lg-flex align-items-center"> <div class="col-lg-6 order-last order-lg-first pe-lg-8"> <h1 class="display-1 mb-5">Valitse <span class="text-primary">suunnittelumalli</span> joka sopii alallesi</h1> <p class="fs-4">Verkkosivuston suunnittelijallamme on satoja ilmaisia teemoja ja suunnittelumalleja, jotka erottavat verkkosivustosi joukosta.</p> <a href="/fi/order/?id=standardsuite" class="btn btn-primary btn-xxl fw-light btn-hover-icon text-nowrap"><span>Aloita</span><i class="fa-regular fa-arrow-right-long"></i></a> </div> <div class="col-lg-6"> <img src="//static.simply.com/assets/new2022/sitebuilder/themes.jpg" alt="" class="img-fluid"> </div> </div> </section> <style> .subgrid { display: grid; grid-template-rows: subgrid; } .grid-matrix { grid-template-areas: "headers headers headers headers headers" "price price price price price" "spacer spacer spacer spacer spacer" "pages pages pages pages pages"; } </style> <div class="container-extended bg-dark-navy rounded-xxl-5 bg-simply-faded lazy-background mt-13 py-8"> <div class="container text-light zi-1"> <div class="translate-middle-y pt-13 mb-n13 d-none d-lg-block"> <div class="container cta-box-wrapper zi-1"> <div class="text-bg-dark-navy rounded-md-4 py-7 pt-xl-8 px-5 px-lg-8 cta-box get-webhotel"> <h3 class="mb-lg-4 text-uppercase opacity-60 fs-5"> Ryhdy toimeen. Me autamme sinua. </h3> <h4 class="d-flex align-items-center display-4 mb-5 pt-2 pb-1"> <span>Aloitetaanko </span><span class="ms-2 text-highlight-circle text-nowrap">?</span> </h4> <div> <a class="btn btn-special text-nowrap" href="/fi/hosting/"> <div class="special-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="42.405" height="48.186" viewBox="0 0 42.405 48.186"> <g id="Group_1110" data-name="Group 1110" transform="translate(-19.799 -17.406)"> <path id="Vector" d="M21.944.312.17,28.181A.8.8,0,0,0,.8,29.464H16.959a.8.8,0,0,0,.787-.64L23.365.955A.8.8,0,0,0,21.944.312Z" transform="translate(19.799 17.406)" fill="#b522c1"/> <path id="Vector-2" data-name="Vector" d="M23.607,50.972,45.382,23.1a.8.8,0,0,0-.634-1.283H28.592a.8.8,0,0,0-.787.64l-5.619,27.87A.8.8,0,0,0,23.607,50.972Z" transform="translate(16.652 14.309)" fill="#b522c1"/> </g> </svg> </div> <span>Hanki webhotellisi nyt</span> <i class="fa-regular fa-arrow-right-long"></i> </a> </div> </div> </div> </div> <div class="mb-5 mb-lg-8 text-center"> <div class="text-cta text-uppercase">Paketit kaikille</div> <h2 class="text-light mt-5 mt-lg-2 display-2 text-start text-lg-center lh-1">Valitse sinulle sopiva paketti</h2> </div> <div class="scroll-snap overflow-auto overflow-xl-visible"> <div class="grid-matrix"> <div class="pb-4 pt-0 rounded-2 rounded-top-only bg-light-navy p-3" style="grid-area: 1 / 2; "> <div class="bg-cta pt-2 rounded-4 mx-n3 mb-4"></div> <div class="fs-2 text-cta mb-4 fw-semibold">Basic</div> <a href="/fi/order/?id=basicsuite" class="btn btn-lg btn-cta d-block text-uppercase fw-semibold">Tilaus</a> </div> <div class="pb-4 pt-0 rounded-2 rounded-top-only bg-light-navy p-3" style="grid-area: 1 / 3; "> <div class="bg-primary pt-2 rounded-4 mx-n3 mb-4"></div> <div class="fs-2 text-primary mb-4 fw-semibold">Standard</div> <a href="/fi/order/?id=standardsuite" class="btn btn-lg btn-primary d-block text-uppercase fw-semibold">Tilaus</a> </div> <div class="pb-4 pt-0 rounded-2 rounded-top-only bg-light-navy p-3" style="grid-area: 1 / 4;"> <div class="bg-cloud-blue pt-2 rounded-4 mx-n3 mb-4"></div> <div class="fs-2 text-cloud-blue mb-4 fw-semibold">Pro</div> <a href="/fi/order/?id=prosuite" class="btn btn-lg btn-cloud-blue d-block text-uppercase fw-semibold">Tilaus</a> </div> <div class="pb-4 pt-0 rounded-2 rounded-top-only bg-light-navy p-3" style="grid-area: 1 / 5; "> <div class="bg-light pt-2 rounded-4 mx-n3 mb-4"></div> <div class="fs-2 text-light mb-4 fw-semibold">Enterprise</div> <a href="/fi/order/?id=enterprisesuite" class="btn btn-lg btn-light d-block text-uppercase fw-semibold">Tilaus</a> </div> <div class="fw-bold text-end" style="grid-area: 2">Ensimmäisen vuoden hinta</div> <div class="text-center bg-light-navy" style="grid-area: 2"> <div class="fs-5 fw-bold">0,53 €/kk</div> <div class="text-decoration-line-through">7 €/kk</div> </div> <div class="text-center bg-light-navy" style="grid-area: 2"> <div class="fs-5 fw-bold">0,53 €/kk</div> <div class="text-decoration-line-through">12 €/kk</div> </div> <div class="text-center bg-light-navy" style="grid-area: 2"> <div class="fs-5 fw-bold">3 €/kk</div> <div class="text-decoration-line-through">21 €/kk</div> </div> <div class="text-center bg-light-navy" style="grid-area: 2"> <div class="fs-5 fw-bold">4 €/kk</div> <div class="text-decoration-line-through">32 €/kk</div> </div> <div class="bg-light-navy my-2 fw-bold rounded-2" style="grid-area: 3 / 2 / auto / -1"> Verkkosivuston suunnittelijan tiedot </div> <div class="text-end" style="grid-area: 4">Sivujen määrä</div> <div class="bg-light-navy text-center" style="grid-area: 4">1</div> <div class="bg-light-navy text-center" style="grid-area: 4">5</div> <div class="bg-light-navy text-center" style="grid-area: 4">Rajaton</div> <div class="bg-light-navy text-center" style="grid-area: 4">Rajaton</div> <div class="text-end" style="grid-area: 5">Mallipohjat</div> <div class="bg-light-navy text-center" style="grid-area: 5">Perus</div> <div class="bg-light-navy text-center" style="grid-area: 5">Premium</div> <div class="bg-light-navy text-center" style="grid-area: 5">Yksinoikeudella</div> <div class="bg-light-navy text-center" style="grid-area: 5">Yksinoikeudella</div> <div class="text-end" style="grid-area: 6">Yhteydenottolomake</div> <div class="bg-light-navy text-center" style="grid-area: 6"><i class="far fa-times text-danger fa-lg"></i></div> <div class="bg-light-navy text-center" style="grid-area: 6">5 kenttää</div> <div class="bg-light-navy text-center" style="grid-area: 6"><i class="far fa-check text-cta fa-lg"></i></div> <div class="bg-light-navy text-center" style="grid-area: 6"><i class="far fa-check text-cta fa-lg"></i></div> <div class="text-end" style="grid-area: 7">Mediatila</div> <div class="bg-light-navy text-center" style="grid-area: 7">50 MB</div> <div class="bg-light-navy text-center" style="grid-area: 7">1 GB</div> <div class="bg-light-navy text-center" style="grid-area: 7">3 GB</div> <div class="bg-light-navy text-center" style="grid-area: 7">7 GB</div> <div class="text-end" style="grid-area: 8">Kaistanleveys</div> <div class="bg-light-navy text-center" style="grid-area: 8">Rajaton</div> <div class="bg-light-navy text-center" style="grid-area: 8">Rajaton</div> <div class="bg-light-navy text-center" style="grid-area: 8">Rajaton</div> <div class="bg-light-navy text-center" style="grid-area: 8">Rajaton</div> <div class="text-end" style="grid-area: 9">Kielenvalinta</div> <div class="bg-light-navy text-center" style="grid-area: 9">1 kieltä</div> <div class="bg-light-navy text-center" style="grid-area: 9">1 kieltä</div> <div class="bg-light-navy text-center" style="grid-area: 9">2 kieltä</div> <div class="bg-light-navy text-center" style="grid-area: 9">Rajaton</div> <div class="text-end" style="grid-area: 10">Google Analytics</div> <div class="bg-light-navy text-center" style="grid-area: 10"><i class="far fa-times text-danger fa-lg"></i></div> <div class="bg-light-navy text-center" style="grid-area: 10"><i class="far fa-check text-cta fa-lg"></i></div> <div class="bg-light-navy text-center" style="grid-area: 10"><i class="far fa-check text-cta fa-lg"></i></div> <div class="bg-light-navy text-center" style="grid-area: 10"><i class="far fa-check text-cta fa-lg"></i></div> <div class="text-end" style="grid-area: 11">Google Tag Manager</div> <div class="bg-light-navy text-center" style="grid-area: 11"><i class="far fa-times text-danger fa-lg"></i></div> <div class="bg-light-navy text-center" style="grid-area: 11"><i class="far fa-times text-danger fa-lg"></i></div> <div class="bg-light-navy text-center" style="grid-area: 11"><i class="far fa-check text-cta fa-lg"></i></div> <div class="bg-light-navy text-center" style="grid-area: 11"><i class="far fa-check text-cta fa-lg"></i></div> <div class="text-end" style="grid-area: 12">HTML sivun ylä- ja alatunnisteessa</div> <div class="bg-light-navy text-center" style="grid-area: 12"><i class="far fa-times text-danger fa-lg"></i></div> <div class="bg-light-navy text-center" style="grid-area: 12"><i class="far fa-times text-danger fa-lg"></i></div> <div class="bg-light-navy text-center" style="grid-area: 12"><i class="far fa-check text-cta fa-lg"></i></div> <div class="bg-light-navy text-center" style="grid-area: 12"><i class="far fa-check text-cta fa-lg"></i></div> <div class="text-end" style="grid-area: 13 / 1;">Verkkokaupan toiminnallisuus</div> <div class="bg-light-navy text-center" style="grid-area: 13"><i class="far fa-times text-danger fa-lg"></i></div> <div class="bg-light-navy text-center" style="grid-area: 13"><i class="far fa-times text-danger fa-lg"></i></div> <div class="bg-light-navy text-center" style="grid-area: 13"><i class="far fa-times text-danger fa-lg"></i></div> <div class="bg-light-navy text-center" style="grid-area: 13"><i class="far fa-check text-cta fa-lg"></i></div> <div class="text-end" style="grid-area: 14">Jäsenalue</div> <div class="bg-light-navy text-center" style="grid-area: 14"><i class="far fa-times text-danger fa-lg"></i></div> <div class="bg-light-navy text-center" style="grid-area: 14">10 jäsentä</div> <div class="bg-light-navy text-center" style="grid-area: 14">500 jäsentä</div> <div class="bg-light-navy text-center" style="grid-area: 14">Rajaton</div> <div class="bg-light-navy my-2 fw-bold rounded-2 text-end" style="grid-area: 15 / 2 / auto / -1;"> <a class="link-cta text-decoration-none" href="/fi/hosting/#specs"> <span>Näytä kaikki tekniset tiedot</span> <i class="fa-regular fa-angle-right me-0 ms-1"></i> </a> </div> <div class="text-end" style="grid-area: 16">Uusiminen</div> <div class="text-center bg-light-navy" style="grid-area: 16"> 7 €/kk </div> <div class="text-center bg-light-navy" style="grid-area: 16"> 12 €/kk </div> <div class="text-center bg-light-navy" style="grid-area: 16"> 21 €/kk </div> <div class="text-center bg-light-navy" style="grid-area: 16"> 32 €/kk </div> <div class="bg-light-navy p-3" style="grid-area: 17 / 2"> <a href="/fi/order/?id=basicsuite" class="btn btn-lg btn-cta d-block text-uppercase fw-semibold">Tilaus</a> </div> <div class="bg-light-navy p-3" style="grid-area: 17 / 3"> <a href="/fi/order/?id=standardsuite" class="btn btn-lg btn-primary d-block text-uppercase fw-semibold">Tilaus</a> </div> <div class="bg-light-navy p-3" style="grid-area: 17 / 4"> <a href="/fi/order/?id=prosuite" class="btn btn-lg btn-cloud-blue d-block text-uppercase fw-semibold">Tilaus</a> </div> <div class="bg-light-navy p-3" style="grid-area: 17 / 5"> <a href="/fi/order/?id=enterprisesuite" class="btn btn-lg btn-light d-block text-uppercase fw-semibold">Tilaus</a> </div> </div> </div> </div> </div> <section class="container pt-10"> <div class="row d-lg-flex align-items-center"> <div class="col-11 col-sm-5 col-md-6 col-lg-5 order-1 order-sm-0 d-none d-lg-block"> <div class="leftside-background ps-xl-container ps-small-container lazy-background pe-5 position-relative zi-1 rounded-end-5"> <img src="//static.simply.com/assets/new2022/sitebuilder/handson.jpg" alt="" class="mt-2 mb-5 rounded-3"> </div> </div> <div class="col-lg-6 ps-lg-10"> <h1 class="display-4 mb-5">Mitä tarvitaan uuden verkkosivuston luomiseen?</h1> <h5>Näin pääset alkuun:</h5> <ol class="list-unstyled"> <li class="mb-2">Tilaa webhotelli tarpeidesi mukaisesti</li> <li class="mb-2">Aktivoi verkkosivuston suunnittelija webhotellissasi</li> <li class="mb-2">Valitse haluamasi pohja</li> <li class="mb-2">Lisää kuvia, tekstiä ja muuta sisältöä</li> <li class="mb-2">Paina "Julkaise"</li> </ol> <p class="fw-bold fs-5 text-primary"><i class="fal fa-check-circle fa-xl fa-fw"></i> Verkkosivustosi on nyt verkossa ja näkyvissä</p> <a href="/fi/order/?id=standardsuite" class="btn btn-primary btn-xl fw-light btn-hover-icon text-nowrap"><span>Rakenna verkkosivustosi</span><i class="fa-regular fa-arrow-right-long"></i></a> </div> </div> </section> <section class="my-10"> <div class="container"> <div class="row gx-5"> <div class="col-12 col-lg-4"> <div class="my-3"> <i class="fal fa-shopping-cart mb-3 text-primary text-gradiant fa-xl"></i> </div> <h3 class="my-3">Säästä aikaa ja rahaa</h3> <p class="text-muted"> Verkkosivuston suunnittelija on niin helppo käyttää, ettet tarvitse kehittäjän tai graafisen suunnittelijan taitoja. Voit luoda uniikin verkkosivuston muutamassa minuutissa. Simply.comilla haluamme tehdä oman verkkosivuston rakentamisesta helppoa sinulle. Siksi verkkosivuston suunnittelijan valitseminen ei aiheuta ylimääräisiä kustannuksia, jos valitset hosting-paketin meiltä. </p> </div> <div class="col-12 col-lg-4"> <div class="my-3"> <i class="fal fa-browsers mb-3 text-primary text-gradiant fa-xl"></i> </div> <h3 class="my-3">Sadat suunnittelupohjat</h3> <p class="text-muted"> Tee verkkosivustostasi henkilökohtainen ja ainutlaatuinen valitsemalla juuri sinun alaasi sopiva teema. Voit valita satojen teemojen joukosta, jotka pidämme jatkuvasti päivitettynä sinulle. </p> </div> <div class="col-12 col-lg-4"> <div class="my-3"> <i class="fal fa-comments mb-3 text-primary text-gradiant fa-xl"></i> </div> <h3 class="my-3">Nopea suomalainen tuki</h3> <p class="text-muted"> Uuden verkkosivuston rakentamiseen voi syntyä kysymyksiä. Simply.comissa tarjoamme nopeaa suomalaista tukea, jos tarvitset apua. </p> </div> </div> </div> </section> </main> <svg height="0" width="0"> <defs> <clipPath id="svgPath"> <path d="M104.17,76.754l.824-7.157a2.272,2.272,0,0,0-2.267-2.532L3.677,67.5a2.834,2.834,0,0,1-2.245-4.581l48.128-61.5A2.272,2.272,0,0,1,53.6,3.161l-1.229,8.191a2.272,2.272,0,0,0,2.247,2.609h98.668a2.835,2.835,0,0,1,2.188,4.637l-9.412,11.425-37.842,48.39A2.272,2.272,0,0,1,104.17,76.754Z" transform="translate(-0.825 -0.544)" fill="#e7ebf6"/> </clipPath> </defs> </svg> </div> <footer class="mt-6 pb-6"> <div class="container border-top pt-6"> <div class="row justify-content-between"> <div class="col-md-4 pe-xxl-6"> <a href="/fi/?aeac4832a7a69eeec2118e51db8e9a1684af5927"><img class="footer-logo" alt="Simply logo" src="//static.simply.com/assets/simply-logo-color.svg" loading="lazy"></a> <div class="pt-3 fs-7 opacity-75"> Perustettu vuonna 2004 - Tavoitteenamme on tarjota toimivia teknisiä ratkaisuja, jotka tyydyttävät sekä syvällisen teknisen osaamisen omaavia että niitä ilman olevia asiakkaita. </div> </div> <div class="col-md-7"> <div class="row mt-4 mt-md-0"> <div class="col-lg-3"> <div class="fw-semibold pb-lg-3 pt-lg-1 py-2 d-flex justify-content-between align-items-center collapsed" data-bs-toggle="collapse" data-bs-target="#footerProducts"> <span>Tuotteet</span> <i class="fa-regular fa-angle-down d-lg-none"></i> </div> <div class="collapse dont-collapse pb-4" id="footerProducts"> <ul class="list-unstyled"> <li><a href="/fi/hosting/">Hosting</a></li> <li><a href="/fi/websitebuilder/">Verkkosivujen suunnittelija</a></li> <li><a href="/fi/">Webhotelli</a></li> <li><a href="/fi/domains/">Verkkotunnukset</a></li> <li><a href="/fi/domainprices/"> Verkkotunnusten hinnat</a></li> <li><a href="/fi/wordpress/">WordPress</a></li> <li><a href="/fi/woocommerce/">WooCommerce</a></li> <li><a href="/fi/email/">Sähköposti</a></li> <li><a href="/fi/iubenda/">iubenda</a></li> </ul> </div> </div> <div class="col-lg-3"> <div class="fw-semibold pb-lg-3 pt-lg-1 py-2 border-top border-top-lg-0 d-flex justify-content-between align-items-center collapsed" data-bs-toggle="collapse" data-bs-target="#footerServices"> <span>Palvelut</span> <i class="fa-regular fa-angle-down d-lg-none"></i> </div> <div class="collapse dont-collapse pb-4" id="footerServices"> <ul class="list-unstyled"> <li><a href="/fi/domains/">Domainitesti</a></li> <li><a href="/fi/webmail/">Webmail</a></li> <li><a href="/fi/ninja/">Domain ninja</a></li> <li><a href="/fi/diagnostics/">Diagnostiikka</a></li> <li><a href="/fi/docs/api/">API-dokumentaatio</a></li> <li><a href="/fi/partner/">Kumppanit</a></li> </ul> </div> </div> <div class="col-lg-3"> <div class="fw-semibold pb-lg-3 pt-lg-1 py-2 border-top border-top-lg-0 d-flex justify-content-between align-items-center collapsed" data-bs-toggle="collapse" data-bs-target="#footerSupport"> <span>Asiakaspalvelu</span> <i class="fa-regular fa-angle-down d-lg-none"></i> </div> <div class="collapse dont-collapse pb-4" id="footerSupport"> <ul class="list-unstyled"> <li><a href="/fi/support/">Ota yhteyttä</a></li> <li><a href="/fi/support/">Tietopankki</a></li> <li><a href="/fi/serverstatus/">Toimintatila</a></li> </ul> </div> </div> <div class="col-lg-3"> <div class="fw-semibold pb-lg-3 pt-lg-1 py-2 border-top border-top-lg-0 d-flex justify-content-between align-items-center collapsed" data-bs-toggle="collapse" data-bs-target="#footerAbout"> <span>Simply.com</span> <i class="fa-regular fa-angle-down d-lg-none"></i> </div> <div class="collapse dont-collapse pb-4" id="footerAbout"> <ul class="list-unstyled"> <li><a href="/fi/about/">Simply.com:ista</a></li> <li><a href="https://blog.simply.com">Uutiset / Blogi</a></li>  <li><a href="/fi/ebook/">E-kirja</a></li> <li><a href="/fi/compliance/">Compliance</a></li> <li><a href="/fi/terms-of-service/">Käyttöehdot</a></li> <li><a href="/fi/privacy-policy/">Tietosuoja & evästekäytäntö</a></li> </ul> </div> </div> </div> </div> </div> <div class="row mb-xxl-7 my-6 pb-1 align-items-end justify-content-between"> <div class="col-lg-auto mb-5 mb-lg-1"> <div class="border rounded-4 p-3 py-lg-4 w-100"> <div class="text-uppercase opacity-75">Turvallinen ja suojattu maksu</div> <div class="d-flex align-items-center justify-content-between py-lg-4 gap-lg-2 flex-wrap"> <i class="pf pf-visa pf-2x" data-bs-toggle="tooltip" title="VISA"></i> <i class="pf pf-mastercard-alt pf-2x" data-bs-toggle="tooltip" title="Mastercard"></i> <i class="pf pf-visa-debit pf-2x" data-bs-toggle="tooltip" title="VISA Debit"></i> <i class="pf pf-google-wallet-alt pf-2x" data-bs-toggle="tooltip" title="Google Pay"></i> <i class="pf pf-apple-pay pf-2x" data-bs-toggle="tooltip" title="Apple Pay"></i> </div> <div class="opacity-75"> Kaikki hinnat ovat EUR ilman. arvonlisäveroa </div> </div> </div> <div class="col-lg-auto"> <ul class="list-inline justify-content-evenly d-flex gap-3"> <li class="list-inline-item"><a href="https://www.facebook.com/simplycom" target="_blank" title="Facebook"><i class="fab fa-facebook fa-fw fa-lg text-decoration-none"></i></a></li> <li class="list-inline-item"><a href="https://www.twitter.com/simplydotcom" target="_blank" title="X"><i class="fab fa-x-twitter fa-fw fa-lg text-decoration-none"></i></a></li> <li class="list-inline-item"><a href="https://www.instagram.com/simplycom/" target="_blank" title="Instagram"><i class="fab fa-instagram fa-fw fa-lg text-decoration-none"></i></a></li> <li class="list-inline-item"><a href="https://www.youtube.com/@simplycom" target="_blank" title="YouTube"><i class="fab fa-youtube fa-fw fa-lg text-decoration-none"></i></a></li> <li class="list-inline-item"><a href="https://www.linkedin.com/company/simplycom/" target="_blank" title="LinkedIn"><i class="fab fa-linkedin fa-fw fa-lg text-decoration-none"></i></a></li> </ul> </div> </div> </div> <div class="container fluid-max-width pt-1 pt-xxl-0"> <div class="bg-bright-blue rounded-4 px-1 py-3 px-xxl-5 p-1 py-xxl-5"> <div class="container my-1"> <div class="row justify-content-between align-items-center gap-3"> <nav class="col-12 col-md-7 col-lg-auto"> <ul class="nav"> <li class="nav-item"><a href="/fi/about/" class="nav-link">Tietoa</a></li> <li class="nav-item"><a href="https://blog.simply.com/" class="nav-link">Uutiset</a></li> <li class="nav-item"><a href="/fi/serverstatus/" class="nav-link">Toimintatila</a></li> <li class="nav-item"><a href="/fi/terms-of-service/" class="nav-link">Käyttöehdot</a></li> </ul> </nav> <nav class="col-12 col-md-5 col-lg-auto pt-2 pt-md-0"> <div class="nav"> <div class="nav-item dropdown"> <button type="button" class="nav-link dropdown-toggle" data-bs-toggle="dropdown"> <span class="fi fi-fi"></span> Suomeksi </button> <div class="dropdown-menu"> <h3 class="dropdown-header">Vaihda kieli</h3> <a href="/dk/websitebuilder/" rel="alternate" hreflang="da" class="dropdown-item"> <span class="fi fi-dk"></span> Dansk <small class="text-muted">(Danish)</small> </a> <a href="/de/websitebuilder/" rel="alternate" hreflang="de" class="dropdown-item"> <span class="fi fi-de"></span> Deutsch <small class="text-muted">(German)</small> </a> <a href="/en/websitebuilder/" rel="alternate" hreflang="en" class="dropdown-item"> <span class="fi fi-gb"></span> English <small class="text-muted">(English)</small> </a> <a href="/es/websitebuilder/" rel="alternate" hreflang="es" class="dropdown-item"> <span class="fi fi-es"></span> Español <small class="text-muted">(Spanish)</small> </a> <a href="/fr/websitebuilder/" rel="alternate" hreflang="fr" class="dropdown-item"> <span class="fi fi-fr"></span> Français <small class="text-muted">(French)</small> </a> <a href="/it/websitebuilder/" rel="alternate" hreflang="it" class="dropdown-item"> <span class="fi fi-it"></span> Italiano <small class="text-muted">(Italien)</small> </a> <a href="/nl/websitebuilder/" rel="alternate" hreflang="nl" class="dropdown-item"> <span class="fi fi-nl"></span> Nederlands <small class="text-muted">(Dutch)</small> </a> <a href="/no/websitebuilder/" rel="alternate" hreflang="nb" class="dropdown-item"> <span class="fi fi-no"></span> Norsk <small class="text-muted">(Norwegian)</small> </a> <a href="/pl/websitebuilder/" rel="alternate" hreflang="pl" class="dropdown-item"> <span class="fi fi-pl"></span> Polski <small class="text-muted">(Polish)</small> </a> <a href="/pt/websitebuilder/" rel="alternate" hreflang="pt" class="dropdown-item"> <span class="fi fi-pt"></span> Português <small class="text-muted">(Portuguese)</small> </a> <a href="/fi/websitebuilder/" rel="alternate" hreflang="fi" class="dropdown-item"> <span class="fi fi-fi"></span> Suomeksi <small class="text-muted">(Finnish)</small> </a> <a href="/se/websitebuilder/" rel="alternate" hreflang="sv" class="dropdown-item"> <span class="fi fi-se"></span> Svenska <small class="text-muted">(Swedish)</small> </a> </div> </div> </div> </nav> </div> </div> </div> </div> </footer> <div id="fb-root"></div> <div class="modal" id="haveibeenpwned-modal" aria-hidden="true" data-bs-backdrop="static" data-bs-keyboard="false"> <div class="modal-dialog modal-dialog-centered modal-lg modal-dialog-scrollable"> <div class="modal-content"> <div class="modal-header"> <div class="h2 modal-title">Salasana on vaarantunut</div> </div> <div class="modal-body"> <div class="alert alert-warning text-center"> <i class="fal fa-fw fa-exclamation-triangle mb-3 fa-5x"></i> <p class="h4">Suosittelemme, että valitset toisen salasanan</p> </div> <p>Syötetty salasana tunnetaan "Have I Been Pwned" -tietokannassa, joka on julkinen tietokanta Internetissä vuotaneista salasanoista.</p> <p>Oletettavasti olet (tai joku muu) käyttänyt salasanaa aiemmin toisella verkkosivustolla, joka on vuotanut salasanan. Salasana ei siksi ole turvallinen käyttää.</p> <p class="fw-bold">Suosittelemme, että valitset toisen salasanan.</p> <p>Katso lisätietoja salasanasta täältä: <a href="https://haveibeenpwned.com/Passwords" target="_blank" class="fw-bold" rel="nofollow">https://haveibeenpwned.com/Passwords</a>.</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Ymmärretty</button> </div> </div> </div> </div> <noscript> <img src="/noscript.png" width="1" height="1" alt=""> </noscript> <script> /* Old IE-compat code */ if (window.document.documentMode) { var el = document.getElementById('ie-warning'); if (el.classList) { el.classList.remove('d-none'); } el.style.cssText = 'display: block;'; el.setAttribute('style', 'display: block'); el.className += " d-block"; } </script> <script> (function () { var mmapiws = window.__mmapiws = window.__mmapiws || {}; mmapiws.accountId = 11830; var loadDeviceJs = function () { var element = document.createElement('script'); element.async = true; element.src = 'https://device.maxmind.com/js/device.js'; document.body.appendChild(element); }; if (window.addEventListener) { window.addEventListener('load', loadDeviceJs, false); } else if (window.attachEvent) { window.attachEvent('onload', loadDeviceJs); } })(); </script> </body> </html>

CINXE.COM

Verkkosivujen suunnittelija - Simply.com