Porvoon Taidetehtaan rantakorttelin avoin taidekilpailu

<!doctype html> <html lang="fi"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <script type="text/javascript" data-cookieconsent="ignore"> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer. push(arguments); } gtag("consent", "default", { ad_user_data: "denied", ad_personalization: "denied", ad_storage: "denied", analytics_storage: "denied", functionality_storage: "denied", personalization_storage: "denied", security_storage: "granted", wait_for_update: 500, }); gtag("set", "ads_data_redaction", true); </script> <script type="text/javascript" id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-implementation="wp" data-cbid="a9f155a2-62ac-4cf4-9487-793a7b81fac2" data-culture="FI" data-blockingmode="auto" ></script> <title>Porvoon Taidetehtaan rantakorttelin avoin taidekilpailu - Porvoo</title> <link rel="alternate" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kulttuuri/julkinen-taide-ja-taideohjelmat/porvoon-taidetehtaan-rantakorttelin-avoin-taidekilpailu/" hreflang="fi" /> <link rel="alternate" href="https://www.porvoo.fi/sv/kultur-och-fritid/kultur/offentlig-konst-och-konstprogram/oppen-konsttavling-for-konstfabrikens-strandkvarter-i-borga/" hreflang="sv" /> <link rel="alternate" href="https://www.porvoo.fi/en/porvoo-art-factory-waterfront-block-open-art-competition/" hreflang="en" />  <meta name="robots" content="max-snippet:-1,max-image-preview:standard,max-video-preview:-1" /> <meta name="description" content="Porvoon Taidetehtaan rantakortteliin hankitaan julkinen taideteos avoimella kansallisella taidekilpailulla. Kilpailuaika on 15.11.2024-25.4.2025." /> <meta property="og:image" content="https://www.porvoo.fi/app/uploads/2024/11/kuva-1-1.png" /> <meta property="og:image:width" content="2253" /> <meta property="og:image:height" content="1205" /> <meta property="og:image:alt" content="Ilmakuva Porvoonjoen Länsirannasta." /> <meta property="og:locale" content="fi_FI" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Porvoon Taidetehtaan rantakorttelin avoin taidekilpailu" /> <meta property="og:description" content="Porvoon Taidetehtaan rantakortteliin hankitaan julkinen taideteos avoimella kansallisella taidekilpailulla. Kilpailuaika on 15.11.2024-25.4.2025." /> <meta property="og:url" content="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kulttuuri/julkinen-taide-ja-taideohjelmat/porvoon-taidetehtaan-rantakorttelin-avoin-taidekilpailu/" /> <meta property="og:site_name" content="Porvoo" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Porvoon Taidetehtaan rantakorttelin avoin taidekilpailu" /> <meta name="twitter:description" content="Porvoon Taidetehtaan rantakortteliin hankitaan julkinen taideteos avoimella kansallisella taidekilpailulla. Kilpailuaika on 15.11.2024-25.4.2025." /> <meta name="twitter:image" content="https://www.porvoo.fi/app/uploads/2024/11/kuva-1-1.png" /> <meta name="twitter:image:alt" content="Ilmakuva Porvoonjoen Länsirannasta." /> <link rel="canonical" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kulttuuri/julkinen-taide-ja-taideohjelmat/porvoon-taidetehtaan-rantakorttelin-avoin-taidekilpailu/" /> <script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https://www.porvoo.fi/","name":"Porvoo Unelmien kotikaupunki"}},{"@type":"ListItem","position":2,"item":{"@id":"https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/","name":"Kulttuuri ja vapaa-aika"}},{"@type":"ListItem","position":3,"item":{"@id":"https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kulttuuri/","name":"Kulttuuripalvelut Porvoo"}},{"@type":"ListItem","position":4,"item":{"@id":"https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kulttuuri/julkinen-taide-ja-taideohjelmat/","name":"Porvoon julkinen taide, taideohjelmat ja taidekilpailut"}},{"@type":"ListItem","position":5,"item":{"@id":"https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kulttuuri/julkinen-taide-ja-taideohjelmat/porvoon-taidetehtaan-rantakorttelin-avoin-taidekilpailu/","name":"Porvoon Taidetehtaan rantakorttelin avoin taidekilpailu"}}]}</script>  <link rel='dns-prefetch' href='//use.typekit.net' /> <script> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.porvoo.fi\/wp-includes\/js\/wp-emoji-release.min.js?ver=3004334586"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); </script> <style id='wp-emoji-styles-inline-css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://www.porvoo.fi/wp-includes/css/dist/block-library/style.min.css?ver=3004334586' media='all' /> <style id='filebird-block-filebird-gallery-style-inline-css'> ul.filebird-block-filebird-gallery{margin:auto!important;padding:0!important;width:100%}ul.filebird-block-filebird-gallery.layout-grid{display:grid;grid-gap:20px;align-items:stretch;grid-template-columns:repeat(var(--columns),1fr);justify-items:stretch}ul.filebird-block-filebird-gallery.layout-grid li img{border:1px solid #ccc;box-shadow:2px 2px 6px 0 rgba(0,0,0,.3);height:100%;max-width:100%;-o-object-fit:cover;object-fit:cover;width:100%}ul.filebird-block-filebird-gallery.layout-masonry{-moz-column-count:var(--columns);-moz-column-gap:var(--space);column-gap:var(--space);-moz-column-width:var(--min-width);columns:var(--min-width) var(--columns);display:block;overflow:auto}ul.filebird-block-filebird-gallery.layout-masonry li{margin-bottom:var(--space)}ul.filebird-block-filebird-gallery li{list-style:none}ul.filebird-block-filebird-gallery li figure{height:100%;margin:0;padding:0;position:relative;width:100%}ul.filebird-block-filebird-gallery li figure figcaption{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);bottom:0;box-sizing:border-box;color:#fff;font-size:.8em;margin:0;max-height:100%;overflow:auto;padding:3em .77em .7em;position:absolute;text-align:center;width:100%;z-index:2}ul.filebird-block-filebird-gallery li figure figcaption a{color:inherit} </style> <style id='classic-theme-styles-inline-css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='pb-accordion-blocks-style-css' href='https://www.porvoo.fi/app/plugins/accordion-blocks/build/index.css?ver=3984229023' media='all' /> <link rel='stylesheet' id='ics-calendar-css' href='https://www.porvoo.fi/app/plugins/ics-calendar/assets/style.min.css?ver=3675449817' media='all' /> <link rel='stylesheet' id='porvoo-typekit-css' href='https://use.typekit.net/xtw1dbc.css' media='all' /> <link rel='stylesheet' id='sage/app.css-css' href='https://www.porvoo.fi/app/themes/porvoo/public/styles/app.css?id=312e9f525bc596dcb767' media='all' /> <link rel='stylesheet' id='webfonts-css' href='https://use.typekit.net/bow0uui.css' media='all' /> <script src="https://www.porvoo.fi/wp-includes/js/jquery/jquery.min.js?ver=3812177159" id="jquery-core-js"></script> <script src="https://www.porvoo.fi/wp-includes/js/jquery/jquery-migrate.min.js?ver=3783232350" id="jquery-migrate-js"></script> <script id="sage/vendor.js-js-before"> !function(){"use strict";var n,e={},r={};function t(n){var o=r[n];if(void 0!==o)return o.exports;var i=r[n]={id:n,loaded:!1,exports:{}};return e[n].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}t.m=e,n=[],t.O=function(e,r,o,i){if(!r){var u=1/0;for(a=0;a<n.length;a++){r=n[a][0],o=n[a][1],i=n[a][2];for(var f=!0,c=0;c<r.length;c++)(!1&i||u>=i)&&Object.keys(t.O).every((function(n){return t.O[n](r[c])}))?r.splice(c--,1):(f=!1,i<u&&(u=i));if(f){n.splice(a--,1);var l=o();void 0!==l&&(e=l)}}return e}i=i||0;for(var a=n.length;a>0&&n[a-1][2]>i;a--)n[a]=n[a-1];n[a]=[r,o,i]},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,{a:e}),e},t.d=function(n,e){for(var r in e)t.o(e,r)&&!t.o(n,r)&&Object.defineProperty(n,r,{enumerable:!0,get:e[r]})},t.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(n){if("object"==typeof window)return window}}(),t.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},t.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.nmd=function(n){return n.paths=[],n.children||(n.children=[]),n},function(){var n={546:0,126:0,692:0,866:0};t.O.j=function(e){return 0===n[e]};var e=function(e,r){var o,i,u=r[0],f=r[1],c=r[2],l=0;if(u.some((function(e){return 0!==n[e]}))){for(o in f)t.o(f,o)&&(t.m[o]=f[o]);if(c)var a=c(t)}for(e&&e(r);l<u.length;l++)i=u[l],t.o(n,i)&&n[i]&&n[i][0](),n[u[l]]=0;return t.O(a)},r=self.webpackChunk=self.webpackChunk||[];r.forEach(e.bind(null,0)),r.push=e.bind(null,r.push.bind(r))}()}(); //# sourceMappingURL=manifest.js.map </script> <script src="https://www.porvoo.fi/app/themes/porvoo/public/scripts/vendor.js?id=81c3100f40268897d4b8" id="sage/vendor.js-js"></script> <script id="ajax-script-js-extra"> var ajax_object = {"ajax_url":"https:\/\/www.porvoo.fi\/wp-admin\/admin-ajax.php","ajax_url_lang":"https:\/\/www.porvoo.fi\/wp-admin\/admin-ajax.php?lang=fi"}; </script> <script src="https://www.porvoo.fi/app/themes/porvoo/public/scripts/ajax.js?id=8e27a87e452cc433151f" id="ajax-script-js"></script> <script src="https://www.porvoo.fi/app/themes/porvoo/public/scripts/hyphenopoly/Hyphenopoly_Loader.js?id=2876a27e0322226e39f8" id="sage/Hyphenopoly_Loader.js-js-js"></script> <script src="https://www.porvoo.fi/app/themes/porvoo/public/scripts/Hyphenopoly_Config.js?id=e9945ce2f9ef347dbcd5" id="sage/Hyphenopoly_Config.js-js-js"></script> <link rel="https://api.w.org/" href="https://www.porvoo.fi/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.porvoo.fi/wp-json/wp/v2/pages/203530" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.porvoo.fi/xmlrpc.php?rsd" />  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PVHRH7PP');gtag('config', 'AW-871336374');</script> <link rel="icon" href="https://www.porvoo.fi/app/uploads/2021/12/cropped-porvoo_keha_rbg-32x32.png" sizes="32x32" /> <link rel="icon" href="https://www.porvoo.fi/app/uploads/2021/12/cropped-porvoo_keha_rbg-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://www.porvoo.fi/app/uploads/2021/12/cropped-porvoo_keha_rbg-180x180.png" /> <meta name="msapplication-TileImage" content="https://www.porvoo.fi/app/uploads/2021/12/cropped-porvoo_keha_rbg-270x270.png" /> </head> <body class="page-template-default page page-id-203530 page-child parent-pageid-19548 wp-embed-responsive text-base font-body theme-porvoo porvoon-taidetehtaan-rantakorttelin-avoin-taidekilpailu">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PVHRH7PP" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="app"> <div class=""> <a class="sr-only focus:not-sr-only js-skip-to-content sr-focus" href="#main"> Siirry sisältöön </a> <header class="fixed w-screen z-50 top-0 js-fixed-header text-near-black-blue bg-white " data-controller="toggle-visibility"> <div class="2xl:container mx-auto sm:px-gutter py-6 sm:py-8 "> <div class="flex items-center justify-between gap-8 sm:gap-12"> <div id="logo-wrapper" class="w-full sm:order-first"> <div class="text-start "> <a href="https://www.porvoo.fi" class="inline-block hover:text-blue ml-4 sm:ml-0"> <svg class="h-12 sm:h-auto max-w-full header-logo pt-2 sm:pt-0 mb-px sm:mb-0 hidden sm:block" xmlns="http://www.w3.org/2000/svg" width="353" height="44" fill="none" viewBox="0 0 353 44"><path fill="#312322" d="M10.35 31.45v.92H0v-.92c3.03 0 3.57-.78 3.57-5.37v-7.35c0-4.6-.54-5.33-3.57-5.33v-.92h9.36c4.66 0 7.23 2.44 7.23 5.7 0 3.26-2.57 5.65-7.23 5.65H6.78v2.25c0 4.59.54 5.37 3.57 5.37Zm-1-17.31H6.79v7.99h2.58c2.53 0 3.7-1.8 3.7-3.95 0-2.16-1.17-4.04-3.7-4.04ZM34.95 33.15c-6.06 0-11.03-4.82-11.03-10.75 0-5.92 4.97-10.7 11.03-10.7s11.03 4.87 11.03 10.7c0 5.84-4.97 10.75-11.03 10.75Zm0-19.7c-5.38 0-7.32 5-7.32 8.95 0 3.96 1.94 8.96 7.32 8.96 5.38 0 7.33-4.96 7.33-8.96 0-4-2-8.95-7.33-8.95ZM67.32 27.18c1.81 2.16 3.9 3.95 6.06 4.27v.92h-5.79l-6.15-8.54h-1.27v2.25c0 4.59.55 5.37 3.58 5.37v.92H53.39v-.92c3.03 0 3.57-.78 3.57-5.37v-7.35c0-4.6-.54-5.33-3.57-5.33v-.92h9.36c4.66 0 7.24 2.43 7.24 5.7 0 2.8-2.09 5.1-5.48 5.55l2.8 3.45h.01Zm-4.56-13.05h-2.58v8h2.58c2.53 0 3.7-1.8 3.7-3.95 0-2.16-1.17-4.05-3.7-4.05ZM95.9 17.44l-6.64 15.71h-.64l-6.64-15.7c-1.5-3.5-2.04-4.05-4.43-4.05v-.92h10.17v.92c-3.3 0-3.62.83-2.49 3.5l4.62 10.83 4.6-10.84c1.18-2.7 1.18-3.49-2.43-3.49v-.92h8.54v.92c-2.76 0-3.16.55-4.66 4.04ZM116.43 33.15c-6.06 0-11.03-4.82-11.03-10.75 0-5.92 4.97-10.7 11.03-10.7 6.05 0 11.03 4.87 11.03 10.7 0 5.84-4.97 10.75-11.03 10.75Zm0-19.7c-5.38 0-7.33 5-7.33 8.95 0 3.96 1.95 8.96 7.33 8.96s7.32-4.96 7.32-8.96c0-4-1.99-8.95-7.32-8.95ZM145.95 33.15c-6.06 0-11.03-4.82-11.03-10.75 0-5.92 4.97-10.7 11.03-10.7s11.03 4.87 11.03 10.7c0 5.84-4.97 10.75-11.03 10.75Zm0-19.7c-5.38 0-7.33 5-7.33 8.95 0 3.96 1.95 8.96 7.33 8.96s7.32-4.96 7.32-8.96c0-4-1.99-8.95-7.32-8.95ZM219.53 31.45c3.03 0 3.57-.78 3.57-5.37v-7.35c0-4.6-.54-5.33-3.57-5.33v-.92h9.54c4.25 0 6.5 2.2 6.5 5.05 0 1.61-.76 2.99-1.94 3.96a5.6 5.6 0 0 1 3.53 5.23c0 3.22-2.53 5.65-7.19 5.65h-10.44v-.92Zm9.53-17.32h-2.75v6.85h2.75c2.13 0 3.17-1.56 3.17-3.35 0-1.8-1.04-3.5-3.16-3.5Zm1 8.55h-3.75v4.5c0 2.99.31 3.5 2.75 3.5h1c2.58 0 3.8-1.8 3.8-3.96s-1.22-4.04-3.8-4.04ZM257.1 33.15c-6.06 0-11.03-4.82-11.03-10.75 0-5.92 4.97-10.7 11.03-10.7s11.03 4.87 11.03 10.7c0 5.84-4.97 10.75-11.03 10.75Zm0-19.7c-5.38 0-7.33 5-7.33 8.95 0 3.96 1.95 8.96 7.33 8.96s7.32-4.96 7.32-8.96c0-4-1.99-8.95-7.32-8.95ZM290.56 27.18c1.8 2.16 3.89 3.95 6.06 4.27v.92h-5.8l-6.14-8.54h-1.27v2.25c0 4.59.54 5.37 3.57 5.37v.92h-10.35v-.92c3.03 0 3.57-.78 3.57-5.37v-7.35c0-4.6-.54-5.33-3.57-5.33v-.92h9.36c4.66 0 7.23 2.43 7.23 5.7 0 2.8-2.08 5.1-5.47 5.55l2.8 3.45Zm-4.57-13.04h-2.58v7.99H286c2.53 0 3.7-1.8 3.7-3.95 0-2.16-1.17-4.04-3.7-4.04ZM313.35 33.15c-5.66 0-10.22-4.82-10.22-10.75 0-5.92 4.56-10.7 10.22-10.7a8.12 8.12 0 0 1 5.96 3.03 7.6 7.6 0 0 0 .82-2.25h.86v7.95h-.9c-.87-4.27-3.26-6.98-6.74-6.98-5.07 0-6.65 5.1-6.65 8.96 0 3.85 1.58 8.95 6.65 8.95 2.26 0 5.74-1.42 5.74-3.9 0-1.84-1.67-2.8-3.9-2.8v-.92h10v.92c-3.03 0-3.57.78-3.57 5.37v1.38c-2.85 0-5.65 1.74-8.27 1.74ZM336.09 27.92c-1.13 2.7-1.13 3.49 2.44 3.49v.96h-8.54v-.96c2.75 0 3.16-.55 4.65-4l6.65-15.7h.63l6.65 15.7c1.49 3.45 2.03 4 4.43 4v.96h-10.13v-.96c3.26 0 3.57-.78 2.44-3.5l-.9-2.1h-7.42l-.9 2.1Zm4.61-10.84-2.98 7.02h5.96l-2.98-7.02Zm4.57-11.8a3.73 3.73 0 1 1-7.46 0 3.77 3.77 0 0 1 3.7-3.82 3.8 3.8 0 0 1 3.76 3.81Zm-5.79 0c0 1.14.9 2.1 2.04 2.1 1.13 0 2.07-.96 2.07-2.1 0-1.16-.95-2.12-2.07-2.12-1.13 0-2.04.96-2.04 2.11Z"/><path fill="#0065BD" d="M194.34 30.78h-12.87c-.28.65-2.4 8.55 6.47 13.22 0 0 8.64-3.71 6.4-13.22Zm-5.59 2.58c-.98-.06-2.16.97-2.11 3.4.03 1.63.56 3.13 2.07 3.23.88.05 1.06-.66 1.06-.81 0-.15-.1-.55-.43-.55-.32 0-.64.34-.64.34s-.23-.14-.22-.6c.02-.5.55-.92 1.13-.89.64.04 1.43.7 1.44 1.63.01.95-.42 2.5-2.91 2.5-2.5 0-4.2-1.99-4.2-4.84 0-2.86 1.5-5 4.21-5.05.31 0 2.9.04 2.92 2.47 0 1.3-1.16 1.68-1.47 1.67-.33-.01-1-.16-1.1-.98a.73.73 0 0 1 .22-.54s.2.37.6.35c.47-.03.46-.5.46-.62 0-.15-.08-.66-1.03-.71Z"/><path fill="#DBA82E" d="M164.91 27.48c1.7-10.43 10.24-10.62 10.63-10.53l4.02 12.67c-8.38 5.21-14.65-2.14-14.65-2.14Z"/><path fill="#312322" d="M174.06.28c10.08-1.55 12.84 6.47 12.88 6.87l-10.41 7.64C169.2 8.44 174.06.3 174.06.3Z"/><path fill="#7F2629" d="M201.76.23c4.56 9.26-2.1 14.4-2.45 14.56L188.93 7.1c3.69-9.03 12.83-6.87 12.83-6.87Z"/><path fill="#98B8AD" d="M210.78 27.4c-7.4 7.42-14.42 2.48-14.68 2.17l4.08-12.64c9.79.78 10.6 10.47 10.6 10.47Z"/></svg> <?xml version="1.0" encoding="UTF-8"?><svg class="h-12 sm:h-auto max-w-full header-logo pt-2 sm:pt-0 mb-px sm:mb-0 sm:hidden" id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 561 246.15"><defs><style>.cls-1{fill:#2c0e1d;}.cls-1,.cls-2,.cls-3,.cls-4,.cls-5,.cls-6,.cls-7{fill-rule:evenodd;}.cls-2{fill:#7b8f9c;}.cls-3{fill:#6e0610;}.cls-4{fill:#91bcb6;}.cls-5{fill:#e9a216;}.cls-6{fill:#fff;}.cls-7{fill:#0072bb;}</style></defs><path class="cls-2" d="m33.32,207.55h-9.18v-27.98h9.18c9.01,0,13.2,6.43,13.2,14.15s-4.19,13.83-13.2,13.83Zm0-33.77H0v3.21c10.79,0,12.72,2.57,12.72,18.66v25.73c0,16.09-1.93,18.82-12.72,18.82v3.21h36.86v-3.21c-10.78,0-12.72-2.73-12.72-18.82v-7.88h9.18c16.58,0,25.76-8.68,25.76-19.78s-9.18-19.94-25.76-19.94Z"/><path class="cls-2" d="m125.24,239.88c-19.16,0-26.08-17.37-26.08-31.36s6.92-31.37,26.08-31.37,26.08,17.53,26.08,31.37-7.08,31.36-26.08,31.36Zm0-68.84c-21.57,0-39.28,17.05-39.28,37.48s17.71,37.63,39.28,37.63,39.28-16.89,39.28-37.63-17.7-37.48-39.28-37.48Z"/><path class="cls-2" d="m218.08,207.55v-27.98h9.18c9.01,0,13.2,6.43,13.2,14.15s-4.19,13.83-13.2,13.83h-9.18Zm25.43,17.69l-9.98-12.06c12.08-1.61,19.48-9.65,19.48-19.46,0-11.42-9.18-19.94-25.76-19.94h-33.32v3.21c10.79,0,12.72,2.57,12.72,18.66v25.73c0,16.09-1.93,18.82-12.72,18.82v3.21h36.86v-3.21c-10.79,0-12.72-2.73-12.72-18.82v-7.88h4.51l21.89,29.91h20.61v-3.21c-7.73-1.13-15.14-7.4-21.57-14.96Z"/><path class="cls-2" d="m332.26,176.99c12.88,0,12.88,2.73,8.69,12.22l-16.42,37.96-16.42-37.96c-4.02-9.33-2.9-12.22,8.85-12.22v-3.22h-36.22v3.22c8.54,0,10.47,1.93,15.78,14.15l23.66,55h2.25l23.66-55c5.31-12.23,6.76-14.15,16.58-14.15v-3.22h-30.42v3.22Z"/><path class="cls-2" d="m419.98,239.88c-19.15,0-26.08-17.37-26.08-31.36s6.92-31.37,26.08-31.37,26.08,17.53,26.08,31.37-7.08,31.36-26.08,31.36Zm0-68.84c-21.57,0-39.28,17.05-39.28,37.48s17.71,37.63,39.28,37.63,39.28-16.89,39.28-37.63-17.71-37.48-39.28-37.48Z"/><path class="cls-2" d="m521.72,239.88c-19.16,0-26.08-17.37-26.08-31.36s6.92-31.37,26.08-31.37,26.08,17.53,26.08,31.37-7.08,31.36-26.08,31.36Zm0-68.84c-21.57,0-39.28,17.05-39.28,37.48s17.7,37.63,39.28,37.63,39.28-16.89,39.28-37.63-17.71-37.48-39.28-37.48Z"/><path class="cls-7" d="m248.58,81.12c-.55.9-6.99,22.37,17.28,34.95,0,0,23.17-9.78,17.14-34.87h-34.51"/><path class="cls-6" d="m266.43,83.68c.84-.02,7.79.12,7.81,6.52.01,3.4-3.11,4.43-3.95,4.4-.88-.03-2.67-.42-2.92-2.58-.07-.66.4-1.29.56-1.42,0,0,.56.96,1.61.9,1.26-.07,1.24-1.32,1.25-1.61,0-.4-.22-1.76-2.77-1.9-2.63-.14-5.8,2.56-5.66,9,.09,4.27,1.5,8.25,5.55,8.49,2.35.14,2.84-1.74,2.84-2.13s-.29-1.44-1.16-1.44-1.71.9-1.71.9c0,0-.64-.37-.6-1.57.05-1.34,1.48-2.46,3.02-2.36,1.74.1,3.84,1.84,3.87,4.3.03,2.51-1.11,6.6-7.79,6.6s-11.27-5.25-11.27-12.78,4.02-13.17,11.31-13.31Z"/><path class="cls-5" d="m232.62,44.71c-1.05-.25-23.91.27-28.46,27.77,0,0,16.8,19.4,39.23,5.64l-10.88-33.48"/><path class="cls-1" d="m263.17,18.86c-.09-1.06-7.49-22.21-34.52-18.12,0,0-12.99,21.53,6.63,38.28l27.91-20.28"/><path class="cls-3" d="m296.31,39.02c.97-.41,18.8-13.99,6.57-38.42,0,0-24.5-5.7-34.36,18.13l27.91,20.28"/><path class="cls-4" d="m287.73,78.01c.71.81,19.49,13.83,39.35-5.74,0,0-2.19-25.56-28.42-27.62l-10.88,33.47"/></svg> <span class="sr-only">Porvoo – Siirry kotisivulle</span> </a> </div> </div> <div id="desktop-search-container" class="hidden lg:block text-lg font-heading items-center ">  <div id="open-desktop" class="invisible lg:visible text-near-black-blue hidden"> <form role="search" method="get" class="flex bg-white rounded-full overflow-hidden border" action="https://www.porvoo.fi/haku/"> <label class="flex-grow"> <span class="sr-only">Haku:</span> <input type="search" class="py-2 px-5 w-full text-base font-heading-2 font-semibold text-near-black-blue placeholder-near-black-blue bg-white" placeholder="Hae sivustolta" value="" name="haku" data-toggle-visibility-target="focus" /> </label> <button class="py-1 px-4 text-dark-blue hover:text-blue flex-shrink-0 " type="submit"> <span class="sr-only">Hae</span> <svg class="h-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M368 208A160 160 0 1 0 48 208a160 160 0 1 0 320 0zM337.1 371.1C301.7 399.2 256.8 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 48.8-16.8 93.7-44.9 129.1L505 471c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L337.1 371.1z"/></svg> </button> </form> </div> <div id="search-button-container" class="hidden xl:flex"> <button class="flex items-center mr-4 text-near-black-blue hover:text-blue " data-toggle-visibility-target="openDesktopSearch" data-action="toggle-visibility#openDesktopSearch" data-context="desktop-search"> <span class="sr-only font-heading-2 font-semibold md:not-sr-only"> Hae </span> <svg class="h-5 flex-shrink-0 ml-2" aria-hidden="true" class="search-light_svg__svg-inline--fa search-light_svg__fa-search search-light_svg__fa-w-16" data-icon="search" data-prefix="fal" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m508.5 481.6-129-129c-2.3-2.3-5.3-3.5-8.5-3.5h-10.3C395 312 416 262.5 416 208 416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c54.5 0 104-21 141.1-55.2V371c0 3.2 1.3 6.2 3.5 8.5l129 129c4.7 4.7 12.3 4.7 17 0l9.9-9.9c4.7-4.7 4.7-12.3 0-17zM208 384c-97.3 0-176-78.7-176-176S110.7 32 208 32s176 78.7 176 176-78.7 176-176 176z"/> </svg> </button> </div> </div> <div class="w-[64px] rounded-xl mobile-language header-service sm:hidden"> <button class="w-[57px] flex m-1 items-center text-lg font-heading text-white" aria-label="Vaihda kieltä" data-dropdown="mobile-language-menu"> <span class="sr-only">Nykyinen kieli: Suomi</span> <span class="capitalize ml-2" aria-hidden="true"> fi </span> <svg class="h-5 flex-shrink-0 ml-2 mr-2" aria-hidden="true" class="chevron-down-light_svg__svg-inline--fa chevron-down-light_svg__fa-chevron-down chevron-down-light_svg__fa-w-14" data-icon="chevron-down" data-prefix="fal" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m443.5 162.6-7.1-7.1c-4.7-4.7-12.3-4.7-17 0L224 351 28.5 155.5c-4.7-4.7-12.3-4.7-17 0l-7.1 7.1c-4.7 4.7-4.7 12.3 0 17l211 211.1c4.7 4.7 12.3 4.7 17 0l211-211.1c4.8-4.7 4.8-12.3.1-17z"/> </svg> </button> </div> <div class="hidden" data-dropdown-content="mobile-language-menu"> <ul class="font-heading text-lg space-y-2"> <li> <a class="text-black capitalize block pr-3" href="https://www.porvoo.fi/sv/kultur-och-fritid/kultur/offentlig-konst-och-konstprogram/oppen-konsttavling-for-konstfabrikens-strandkvarter-i-borga/"> sv <span class="sr-only">Vaihda kieleen: %s</span> </a> </li> <li> <a class="text-black capitalize block pr-3" href="https://www.porvoo.fi/en/porvoo-art-factory-waterfront-block-open-art-competition/"> en <span class="sr-only">Vaihda kieleen: %s</span> </a> </li> </ul> </div> <div class="hidden sm:flex text-lg font-heading w-min items-center justify-end ml-4"> <div class="hidden sm:block"> <button class="flex items-center space-x-2 hover:text-blue" aria-label="Vaihda kieltä" data-dropdown="language-menu"> <span class="sr-only">Nykyinen kieli: Suomi</span> <span class="capitalize font-heading-2 font-semibold text-base" aria-hidden="true"> fi </span> <svg class="h-5 flex-shrink-0" aria-hidden="true" class="chevron-down-light_svg__svg-inline--fa chevron-down-light_svg__fa-chevron-down chevron-down-light_svg__fa-w-14" data-icon="chevron-down" data-prefix="fal" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m443.5 162.6-7.1-7.1c-4.7-4.7-12.3-4.7-17 0L224 351 28.5 155.5c-4.7-4.7-12.3-4.7-17 0l-7.1 7.1c-4.7 4.7-4.7 12.3 0 17l211 211.1c4.7 4.7 12.3 4.7 17 0l211-211.1c4.8-4.7 4.8-12.3.1-17z"/> </svg> </button> </div> <div class="hidden" data-dropdown-content="language-menu"> <ul class="font-heading-2 text-md space-y-2"> <li> <a class="text-black hover:text-blue capitalize block pr-3" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kulttuuri/julkinen-taide-ja-taideohjelmat/porvoon-taidetehtaan-rantakorttelin-avoin-taidekilpailu/"> fi <span class="sr-only">Vaihda kieleen: %s</span> </a> </li> <li> <a class="text-black hover:text-blue capitalize block pr-3" href="https://www.porvoo.fi/sv/kultur-och-fritid/kultur/offentlig-konst-och-konstprogram/oppen-konsttavling-for-konstfabrikens-strandkvarter-i-borga/"> sv <span class="sr-only">Vaihda kieleen: %s</span> </a> </li> <li> <a class="text-black hover:text-blue capitalize block pr-3" href="https://www.porvoo.fi/en/porvoo-art-factory-waterfront-block-open-art-competition/"> en <span class="sr-only">Vaihda kieleen: %s</span> </a> </li> </ul> </div> </div> <div class="flex lg:hidden text-lg font-heading items-center"> <button class="flex items-center space-x-2 mr-2 hover:text-blue " data-toggle-visibility-target="open" data-action="toggle-visibility#open" data-context="navbar-search"> <span class="sr-only md:not-sr-only"> Hae </span> <svg class="h-7 w-10 sm:h-5 flex-shrink-0" aria-hidden="true" class="search-light_svg__svg-inline--fa search-light_svg__fa-search search-light_svg__fa-w-16" data-icon="search" data-prefix="fal" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m508.5 481.6-129-129c-2.3-2.3-5.3-3.5-8.5-3.5h-10.3C395 312 416 262.5 416 208 416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c54.5 0 104-21 141.1-55.2V371c0 3.2 1.3 6.2 3.5 8.5l129 129c4.7 4.7 12.3 4.7 17 0l9.9-9.9c4.7-4.7 4.7-12.3 0-17zM208 384c-97.3 0-176-78.7-176-176S110.7 32 208 32s176 78.7 176 176-78.7 176-176 176z"/> </svg> </button> <button class="flex items-center space-x-2 mr-2 hover:text-blue js-header-close-search-button hidden" data-toggle-visibility-target="close" data-action="toggle-visibility#close" data-context="navbar-search"> <span class="sr-only md:not-sr-only"> Sulje haku </span> <svg class="h-7 w-10 sm:h-5 flex-shrink-0" aria-hidden="true" class="times-light_svg__svg-inline--fa times-light_svg__fa-times times-light_svg__fa-w-10" data-icon="times" data-prefix="fal" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M193.94 256 296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z"/> </svg> </button> </div> <div class="text-lg font-heading w-min items-center justify-center sm:justify-start mr-4"> <button class="flex items-center sm:space-x-2 hover:text-blue" data-context="main-menu" data-navigation-open> <span class="font-heading-2 text-base font-semibold sr-only md:not-sr-only"> Valikko </span> <svg class="h-7 sm:h-5 flex-shrink-0" aria-hidden="true" class="bars-light_svg__svg-inline--fa bars-light_svg__fa-bars bars-light_svg__fa-w-14" data-icon="bars" data-prefix="fal" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M442 114H6a6 6 0 0 1-6-6V84a6 6 0 0 1 6-6h436a6 6 0 0 1 6 6v24a6 6 0 0 1-6 6zm0 160H6a6 6 0 0 1-6-6v-24a6 6 0 0 1 6-6h436a6 6 0 0 1 6 6v24a6 6 0 0 1-6 6zm0 160H6a6 6 0 0 1-6-6v-24a6 6 0 0 1 6-6h436a6 6 0 0 1 6 6v24a6 6 0 0 1-6 6z"/> </svg> </button> </div> </div> </div> <div class="hidden bg-bright-green bg-opacity-75 lg:hidden" data-toggle-visibility-target="content"> <div class="max-w-prose mx-auto p-gutter "> <form role="search" method="get" class="flex bg-white rounded-full overflow-hidden " action="https://www.porvoo.fi/haku/"> <label class="flex-grow"> <span class="sr-only">Haku:</span> <input type="search" class="py-2 px-5 w-full text-base font-heading-2 font-semibold text-near-black-blue placeholder-near-black-blue bg-white" placeholder="Hae sivustolta" value="" name="haku" data-toggle-visibility-target="focus" /> </label> <button class="py-1 px-2 sm:px-4 flex-shrink-0 " type="submit"> <span class="sr-only">Hae</span> <svg class="h-4 flex-shrink-0 hidden sm:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M368 208A160 160 0 1 0 48 208a160 160 0 1 0 320 0zM337.1 371.1C301.7 399.2 256.8 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 48.8-16.8 93.7-44.9 129.1L505 471c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L337.1 371.1z"/></svg> <span class="text-white leading-5 p-2 bg-dark-blue rounded-xl block sm:hidden">Hae</span> </button> </form> </div> </div> </header> <div class="invisible fixed z-50 top-0 left-0 w-screen h-full overflow-y-auto transition-opacity opacity-0 bg-near-black-blue" data-navigation-content data-controller="toggle-visibility"> <div> <div class="2xl:container mx-auto sm:px-gutter h-full flex flex-col justify-between relative z-10 scrolling-touch"> <div class="flex items-center text-white sm:text-bright-green pt-6 sm:pt-12 justify-between sm:justify-end "> <div class="w-3/5 flex justify-center items-center"> <div class="text-center text-white"> <a href="https://www.porvoo.fi" class="inline-block mt-0.5 sm:mt-0 ml-4 sm:ml-0"> <svg class="h-12 sm:h-auto max-w-full force-current-color header-logo pt-2 sm:pt-0" xmlns="http://www.w3.org/2000/svg" width="353" height="44" fill="none" viewBox="0 0 353 44"><path fill="#312322" d="M10.35 31.45v.92H0v-.92c3.03 0 3.57-.78 3.57-5.37v-7.35c0-4.6-.54-5.33-3.57-5.33v-.92h9.36c4.66 0 7.23 2.44 7.23 5.7 0 3.26-2.57 5.65-7.23 5.65H6.78v2.25c0 4.59.54 5.37 3.57 5.37Zm-1-17.31H6.79v7.99h2.58c2.53 0 3.7-1.8 3.7-3.95 0-2.16-1.17-4.04-3.7-4.04ZM34.95 33.15c-6.06 0-11.03-4.82-11.03-10.75 0-5.92 4.97-10.7 11.03-10.7s11.03 4.87 11.03 10.7c0 5.84-4.97 10.75-11.03 10.75Zm0-19.7c-5.38 0-7.32 5-7.32 8.95 0 3.96 1.94 8.96 7.32 8.96 5.38 0 7.33-4.96 7.33-8.96 0-4-2-8.95-7.33-8.95ZM67.32 27.18c1.81 2.16 3.9 3.95 6.06 4.27v.92h-5.79l-6.15-8.54h-1.27v2.25c0 4.59.55 5.37 3.58 5.37v.92H53.39v-.92c3.03 0 3.57-.78 3.57-5.37v-7.35c0-4.6-.54-5.33-3.57-5.33v-.92h9.36c4.66 0 7.24 2.43 7.24 5.7 0 2.8-2.09 5.1-5.48 5.55l2.8 3.45h.01Zm-4.56-13.05h-2.58v8h2.58c2.53 0 3.7-1.8 3.7-3.95 0-2.16-1.17-4.05-3.7-4.05ZM95.9 17.44l-6.64 15.71h-.64l-6.64-15.7c-1.5-3.5-2.04-4.05-4.43-4.05v-.92h10.17v.92c-3.3 0-3.62.83-2.49 3.5l4.62 10.83 4.6-10.84c1.18-2.7 1.18-3.49-2.43-3.49v-.92h8.54v.92c-2.76 0-3.16.55-4.66 4.04ZM116.43 33.15c-6.06 0-11.03-4.82-11.03-10.75 0-5.92 4.97-10.7 11.03-10.7 6.05 0 11.03 4.87 11.03 10.7 0 5.84-4.97 10.75-11.03 10.75Zm0-19.7c-5.38 0-7.33 5-7.33 8.95 0 3.96 1.95 8.96 7.33 8.96s7.32-4.96 7.32-8.96c0-4-1.99-8.95-7.32-8.95ZM145.95 33.15c-6.06 0-11.03-4.82-11.03-10.75 0-5.92 4.97-10.7 11.03-10.7s11.03 4.87 11.03 10.7c0 5.84-4.97 10.75-11.03 10.75Zm0-19.7c-5.38 0-7.33 5-7.33 8.95 0 3.96 1.95 8.96 7.33 8.96s7.32-4.96 7.32-8.96c0-4-1.99-8.95-7.32-8.95ZM219.53 31.45c3.03 0 3.57-.78 3.57-5.37v-7.35c0-4.6-.54-5.33-3.57-5.33v-.92h9.54c4.25 0 6.5 2.2 6.5 5.05 0 1.61-.76 2.99-1.94 3.96a5.6 5.6 0 0 1 3.53 5.23c0 3.22-2.53 5.65-7.19 5.65h-10.44v-.92Zm9.53-17.32h-2.75v6.85h2.75c2.13 0 3.17-1.56 3.17-3.35 0-1.8-1.04-3.5-3.16-3.5Zm1 8.55h-3.75v4.5c0 2.99.31 3.5 2.75 3.5h1c2.58 0 3.8-1.8 3.8-3.96s-1.22-4.04-3.8-4.04ZM257.1 33.15c-6.06 0-11.03-4.82-11.03-10.75 0-5.92 4.97-10.7 11.03-10.7s11.03 4.87 11.03 10.7c0 5.84-4.97 10.75-11.03 10.75Zm0-19.7c-5.38 0-7.33 5-7.33 8.95 0 3.96 1.95 8.96 7.33 8.96s7.32-4.96 7.32-8.96c0-4-1.99-8.95-7.32-8.95ZM290.56 27.18c1.8 2.16 3.89 3.95 6.06 4.27v.92h-5.8l-6.14-8.54h-1.27v2.25c0 4.59.54 5.37 3.57 5.37v.92h-10.35v-.92c3.03 0 3.57-.78 3.57-5.37v-7.35c0-4.6-.54-5.33-3.57-5.33v-.92h9.36c4.66 0 7.23 2.43 7.23 5.7 0 2.8-2.08 5.1-5.47 5.55l2.8 3.45Zm-4.57-13.04h-2.58v7.99H286c2.53 0 3.7-1.8 3.7-3.95 0-2.16-1.17-4.04-3.7-4.04ZM313.35 33.15c-5.66 0-10.22-4.82-10.22-10.75 0-5.92 4.56-10.7 10.22-10.7a8.12 8.12 0 0 1 5.96 3.03 7.6 7.6 0 0 0 .82-2.25h.86v7.95h-.9c-.87-4.27-3.26-6.98-6.74-6.98-5.07 0-6.65 5.1-6.65 8.96 0 3.85 1.58 8.95 6.65 8.95 2.26 0 5.74-1.42 5.74-3.9 0-1.84-1.67-2.8-3.9-2.8v-.92h10v.92c-3.03 0-3.57.78-3.57 5.37v1.38c-2.85 0-5.65 1.74-8.27 1.74ZM336.09 27.92c-1.13 2.7-1.13 3.49 2.44 3.49v.96h-8.54v-.96c2.75 0 3.16-.55 4.65-4l6.65-15.7h.63l6.65 15.7c1.49 3.45 2.03 4 4.43 4v.96h-10.13v-.96c3.26 0 3.57-.78 2.44-3.5l-.9-2.1h-7.42l-.9 2.1Zm4.61-10.84-2.98 7.02h5.96l-2.98-7.02Zm4.57-11.8a3.73 3.73 0 1 1-7.46 0 3.77 3.77 0 0 1 3.7-3.82 3.8 3.8 0 0 1 3.76 3.81Zm-5.79 0c0 1.14.9 2.1 2.04 2.1 1.13 0 2.07-.96 2.07-2.1 0-1.16-.95-2.12-2.07-2.12-1.13 0-2.04.96-2.04 2.11Z"/><path fill="#0065BD" d="M194.34 30.78h-12.87c-.28.65-2.4 8.55 6.47 13.22 0 0 8.64-3.71 6.4-13.22Zm-5.59 2.58c-.98-.06-2.16.97-2.11 3.4.03 1.63.56 3.13 2.07 3.23.88.05 1.06-.66 1.06-.81 0-.15-.1-.55-.43-.55-.32 0-.64.34-.64.34s-.23-.14-.22-.6c.02-.5.55-.92 1.13-.89.64.04 1.43.7 1.44 1.63.01.95-.42 2.5-2.91 2.5-2.5 0-4.2-1.99-4.2-4.84 0-2.86 1.5-5 4.21-5.05.31 0 2.9.04 2.92 2.47 0 1.3-1.16 1.68-1.47 1.67-.33-.01-1-.16-1.1-.98a.73.73 0 0 1 .22-.54s.2.37.6.35c.47-.03.46-.5.46-.62 0-.15-.08-.66-1.03-.71Z"/><path fill="#DBA82E" d="M164.91 27.48c1.7-10.43 10.24-10.62 10.63-10.53l4.02 12.67c-8.38 5.21-14.65-2.14-14.65-2.14Z"/><path fill="#312322" d="M174.06.28c10.08-1.55 12.84 6.47 12.88 6.87l-10.41 7.64C169.2 8.44 174.06.3 174.06.3Z"/><path fill="#7F2629" d="M201.76.23c4.56 9.26-2.1 14.4-2.45 14.56L188.93 7.1c3.69-9.03 12.83-6.87 12.83-6.87Z"/><path fill="#98B8AD" d="M210.78 27.4c-7.4 7.42-14.42 2.48-14.68 2.17l4.08-12.64c9.79.78 10.6 10.47 10.6 10.47Z"/></svg> <span class="sr-only">Porvoo – Siirry kotisivulle</span> </a> </div> </div> <div class="w-2/5 sm:w-1/5 text-lg font-heading-2 flex items-center justify-end gap-4"> <button class="flex items-center space-x-2 hover:text-yellow-ochre" data-toggle-visibility-target="open" data-action="toggle-visibility#open"> <span class="sr-only">Avoinna</span> <span class="font-semibold text-base sr-only lg:not-sr-only"> Hae </span> <svg class="h-7 sm:h-5 flex-shrink-0" aria-hidden="true" class="search-light_svg__svg-inline--fa search-light_svg__fa-search search-light_svg__fa-w-16" data-icon="search" data-prefix="fal" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m508.5 481.6-129-129c-2.3-2.3-5.3-3.5-8.5-3.5h-10.3C395 312 416 262.5 416 208 416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c54.5 0 104-21 141.1-55.2V371c0 3.2 1.3 6.2 3.5 8.5l129 129c4.7 4.7 12.3 4.7 17 0l9.9-9.9c4.7-4.7 4.7-12.3 0-17zM208 384c-97.3 0-176-78.7-176-176S110.7 32 208 32s176 78.7 176 176-78.7 176-176 176z"/> </svg> </button> <div class="focus-trap"> <button class="items-center space-x-2 hover:text-yellow-ochre hidden flex" data-toggle-visibility-target="close" data-action="toggle-visibility#close"> <span class="sr-only md:not-sr-only !whitespace-nowrap"> Sulje haku </span> <svg class="h-5 w-9 flex-shrink-0" aria-hidden="true" class="times-light_svg__svg-inline--fa times-light_svg__fa-times times-light_svg__fa-w-10" data-icon="times" data-prefix="fal" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M193.94 256 296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z"/> </svg> </button> </div> <div class="hidden sm:block"> <button class="flex items-center space-x-2 text-bright-green hover:text-yellow-ochre mr-4" aria-label="Vaihda kieltä" data-dropdown="language-menu"> <span class="sr-only">Nykyinen kieli: Suomi</span> <span class="capitalize font-heading-2 font-semibold text-base" aria-hidden="true"> fi </span> <svg class="h-5 flex-shrink-0" aria-hidden="true" class="chevron-down-light_svg__svg-inline--fa chevron-down-light_svg__fa-chevron-down chevron-down-light_svg__fa-w-14" data-icon="chevron-down" data-prefix="fal" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m443.5 162.6-7.1-7.1c-4.7-4.7-12.3-4.7-17 0L224 351 28.5 155.5c-4.7-4.7-12.3-4.7-17 0l-7.1 7.1c-4.7 4.7-4.7 12.3 0 17l211 211.1c4.7 4.7 12.3 4.7 17 0l211-211.1c4.8-4.7 4.8-12.3.1-17z"/> </svg> </button> </div> <div class="hidden" data-dropdown-content="language-menu"> <ul class="font-heading-2 text-md space-y-2"> <li> <a class="text-black hover:text-blue capitalize block pr-3" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kulttuuri/julkinen-taide-ja-taideohjelmat/porvoon-taidetehtaan-rantakorttelin-avoin-taidekilpailu/"> fi <span class="sr-only">Vaihda kieleen: %s</span> </a> </li> <li> <a class="text-black hover:text-blue capitalize block pr-3" href="https://www.porvoo.fi/sv/kultur-och-fritid/kultur/offentlig-konst-och-konstprogram/oppen-konsttavling-for-konstfabrikens-strandkvarter-i-borga/"> sv <span class="sr-only">Vaihda kieleen: %s</span> </a> </li> <li> <a class="text-black hover:text-blue capitalize block pr-3" href="https://www.porvoo.fi/en/porvoo-art-factory-waterfront-block-open-art-competition/"> en <span class="sr-only">Vaihda kieleen: %s</span> </a> </li> </ul> </div> <div class="text-lg font-heading-2 order-last px-4 sm:px-0 "> <button class="flex items-center sm:space-x-2 hover:text-yellow-ochre" data-context="main-menu" data-navigation-close> <svg class="h-7 sm:h-5 flex-shrink-0" aria-hidden="true" class="times-light_svg__svg-inline--fa times-light_svg__fa-times times-light_svg__fa-w-10" data-icon="times" data-prefix="fal" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M193.94 256 296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z"/> </svg> <span class="font-semibold text-base sr-only md:not-sr-only"> Sulje </span> </button> </div> </div> </div> <div class="languages mt-6 ml-4 sm:hidden"> <ul class="flex flex-row"> <li class="rounded-full mr-6 bg-white"> <a class="pt-2 pb-2 pl-4 pr-4 text-near-black-blue capitalize block" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kulttuuri/julkinen-taide-ja-taideohjelmat/porvoon-taidetehtaan-rantakorttelin-avoin-taidekilpailu/"> fi <span class="sr-only">Vaihda kieleen: %s</span> </a> </li> <li class="rounded-full mr-6 bg-blue"> <a class="pt-2 pb-2 pl-4 pr-4 text-white capitalize block" href="https://www.porvoo.fi/sv/kultur-och-fritid/kultur/offentlig-konst-och-konstprogram/oppen-konsttavling-for-konstfabrikens-strandkvarter-i-borga/"> sv <span class="sr-only">Vaihda kieleen: %s</span> </a> </li> <li class="rounded-full mr-6 bg-blue"> <a class="pt-2 pb-2 pl-4 pr-4 text-white capitalize block" href="https://www.porvoo.fi/en/porvoo-art-factory-waterfront-block-open-art-competition/"> en <span class="sr-only">Vaihda kieleen: %s</span> </a> </li> </ul> </div> <div class="hidden " data-toggle-visibility-target="content"> <div class="max-w-prose sm:p-gutter mx-4 sm:mx-auto mt-8 sm:mt-0"> <form role="search" method="get" class="flex bg-white rounded-full overflow-hidden " action="https://www.porvoo.fi/haku/"> <label class="flex-grow"> <span class="sr-only">Haku:</span> <input type="search" class="py-2 px-5 w-full text-base font-heading-2 font-semibold text-near-black-blue placeholder-near-black-blue bg-white" placeholder="Hae sivustolta" value="" name="haku" data-toggle-visibility-target="focus" /> </label> <button class="py-1 px-2 sm:px-4 flex-shrink-0 " type="submit"> <span class="sr-only">Hae</span> <svg class="h-4 flex-shrink-0 hidden sm:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M368 208A160 160 0 1 0 48 208a160 160 0 1 0 320 0zM337.1 371.1C301.7 399.2 256.8 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 48.8-16.8 93.7-44.9 129.1L505 471c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L337.1 371.1z"/></svg> <span class="text-white leading-5 p-2 bg-dark-blue rounded-xl block sm:hidden">Hae</span> </button> </form> </div> </div> <nav aria-label="Ensisijainen navigaatio" class="flex-grow lg:flex-grow-0 py-16 w-full xl:w-4/5 mx-auto" data-navigation-links> <ul class="font-heading space-y-8 relative ml-4 lg:ml-0 mr-4 lg:mr-0"> <li class="flex items-center justify-start lg:justify-between flex-wrap lg:flex-nowrap lg:w-1/3"> <a class="nav-level-1 tracking-wide text-lg lg:text-2xl lg:font-bold flex-1 lg:w-4/5 lg:w-auto text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/" id="37901" >Etusivu – Porvoo</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/"> <span class="text-white text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-center justify-start lg:justify-between flex-wrap lg:flex-nowrap lg:w-1/3"> <a class="nav-level-1 tracking-wide text-lg lg:text-2xl lg:font-bold flex-1 lg:w-4/5 lg:w-auto text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/" id="1603" >Asiointi ja päätöksenteko</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/"> <span class="text-white text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> <button class="flex justify-start mr-3 lg:mr-0 order-first lg:order-last lg:w-1/5 lg:w-auto lg:justify-end focus:outline-none" data-navigation-children-toggle data-navigation-children-toggle-level="1" data-navigation-children-toggle-id="Asiointi ja päätöksenteko" data-level-1-active-link-id="1603" data-toggle-content-within> <span class="hidden text-yellow-ochre text-white hover:text-yellow-ochre " data-toggle-content-within-close> <svg class="h-4 visible lg:hidden" aria-hidden="true" class="minus-regular_svg__svg-inline--fa minus-regular_svg__fa-minus minus-regular_svg__fa-w-12" data-icon="minus" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M368 224H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h352c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"/> </svg> <svg class="h-4 hidden lg:block" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> <span class="sr-only">Piilota linkit "Asiointi ja päätöksenteko" -alla</span> </span> <span class="block text-white hover:text-yellow-ochre" data-toggle-content-within-open> <svg class="h-4" aria-hidden="true" class="plus-light_svg__svg-inline--fa plus-light_svg__fa-plus plus-light_svg__fa-w-12" data-icon="plus" data-prefix="fal" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/> </svg> <span class="sr-only">Näytä linkit "Asiointi ja päätöksenteko" -alla</span> </span> </button> <div class="invisible h-0 top-0 w-full transition-opacity opacity-0 lg:absolute lg:w-1/3 lg:left-1/3"> <ul class="space-y-5 pl-6 lg:pl-gutter pt-8 lg:pl-double-gutter lg:pt-0"> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/neuvonta-ja-asiointi/" id="1604" >Neuvonta ja asiointi</a> <a class="flex-none lg:hidden hidden " href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/neuvonta-ja-asiointi/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> <button class="lg:w-auto mr-3 lg:mr-0 order-first lg:order-last lg:w-1/5 flex justify-start focus:outline-none" data-navigation-children-toggle data-navigation-children-toggle-level="2" data-navigation-children-toggle-id="Neuvonta ja asiointi" data-level-1-active-link-id="1604" data-toggle-content-within> <span class="hidden text-yellow-ochre text-white hover:text-yellow-ochre " data-toggle-content-within-close> <svg class="h-4 visible lg:hidden" aria-hidden="true" class="minus-regular_svg__svg-inline--fa minus-regular_svg__fa-minus minus-regular_svg__fa-w-12" data-icon="minus" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M368 224H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h352c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"/> </svg> <svg class="h-4 hidden lg:block" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> <span class="sr-only">Piilota linkit "Neuvonta ja asiointi" -alla</span> </span> <span class="block text-white hover:text-yellow-ochre" data-toggle-content-within-open> <svg class="h-4" aria-hidden="true" class="plus-light_svg__svg-inline--fa plus-light_svg__fa-plus plus-light_svg__fa-w-12" data-icon="plus" data-prefix="fal" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/> </svg> <span class="sr-only">Näytä linkit "Neuvonta ja asiointi" -alla</span> </span> </button> <div class="invisible h-0 top-0 w-full transition-opacity opacity-0 lg:absolute lg:left-full"> <ul class="space-y-5 pl-12 lg:pl-gutter pt-4 lg:pt-8 lg:pt-0 lg:pl-double-gutter"> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/neuvonta-ja-asiointi/digitaaliset-palvelut/" >Digitaaliset palvelut</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/neuvonta-ja-asiointi/digitaaliset-palvelut/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/neuvonta-ja-asiointi/kirjaamo-ja-keskusarkisto/" >Kirjaamo ja keskusarkisto</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/neuvonta-ja-asiointi/kirjaamo-ja-keskusarkisto/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/nuorten-porvoo/ohjaamo/" >Nuorten neuvontapiste Ohjaamo</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/nuorten-porvoo/ohjaamo/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/neuvonta-ja-asiointi/porvoo-info/" >Porvoo-info</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/neuvonta-ja-asiointi/porvoo-info/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> </ul> </div> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/osallistu-ja-vaikuta/" id="1632" >Osallistu ja vaikuta</a> <a class="flex-none lg:hidden hidden " href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/osallistu-ja-vaikuta/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> <button class="lg:w-auto mr-3 lg:mr-0 order-first lg:order-last lg:w-1/5 flex justify-start focus:outline-none" data-navigation-children-toggle data-navigation-children-toggle-level="2" data-navigation-children-toggle-id="Osallistu ja vaikuta" data-level-1-active-link-id="1632" data-toggle-content-within> <span class="hidden text-yellow-ochre text-white hover:text-yellow-ochre " data-toggle-content-within-close> <svg class="h-4 visible lg:hidden" aria-hidden="true" class="minus-regular_svg__svg-inline--fa minus-regular_svg__fa-minus minus-regular_svg__fa-w-12" data-icon="minus" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M368 224H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h352c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"/> </svg> <svg class="h-4 hidden lg:block" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> <span class="sr-only">Piilota linkit "Osallistu ja vaikuta" -alla</span> </span> <span class="block text-white hover:text-yellow-ochre" data-toggle-content-within-open> <svg class="h-4" aria-hidden="true" class="plus-light_svg__svg-inline--fa plus-light_svg__fa-plus plus-light_svg__fa-w-12" data-icon="plus" data-prefix="fal" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/> </svg> <span class="sr-only">Näytä linkit "Osallistu ja vaikuta" -alla</span> </span> </button> <div class="invisible h-0 top-0 w-full transition-opacity opacity-0 lg:absolute lg:left-full"> <ul class="space-y-5 pl-12 lg:pl-gutter pt-4 lg:pt-8 lg:pt-0 lg:pl-double-gutter"> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/osallistu-ja-vaikuta/kuulutukset-lakisaateiset-ilmoitukset/" >Kuulutukset ja lakisääteiset ilmoitukset</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/osallistu-ja-vaikuta/kuulutukset-lakisaateiset-ilmoitukset/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/osallistu-ja-vaikuta/kyselyt/" >Kyselyt</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/osallistu-ja-vaikuta/kyselyt/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/osallistu-ja-vaikuta/neuvostot/" >Neuvostot</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/osallistu-ja-vaikuta/neuvostot/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/osallistu-ja-vaikuta/kuntalaisaloite/" >Kuntalaisaloite</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/osallistu-ja-vaikuta/kuntalaisaloite/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/osallistu-ja-vaikuta/vaalit/" >Vaalit</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/osallistu-ja-vaikuta/vaalit/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/osallistu-ja-vaikuta/osallistuva-budjetointi/" >Osallistuva budjetointi</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/osallistu-ja-vaikuta/osallistuva-budjetointi/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/osallistu-ja-vaikuta/kaupungin-avustukset-ja-apurahat/" >Kaupungin avustukset, kumppanuudet, apurahat ja palkinnot</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/osallistu-ja-vaikuta/kaupungin-avustukset-ja-apurahat/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> </ul> </div> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/paatoksenteko/" id="1658" >Päätöksenteko</a> <a class="flex-none lg:hidden hidden " href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/paatoksenteko/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> <button class="lg:w-auto mr-3 lg:mr-0 order-first lg:order-last lg:w-1/5 flex justify-start focus:outline-none" data-navigation-children-toggle data-navigation-children-toggle-level="2" data-navigation-children-toggle-id="Päätöksenteko" data-level-1-active-link-id="1658" data-toggle-content-within> <span class="hidden text-yellow-ochre text-white hover:text-yellow-ochre " data-toggle-content-within-close> <svg class="h-4 visible lg:hidden" aria-hidden="true" class="minus-regular_svg__svg-inline--fa minus-regular_svg__fa-minus minus-regular_svg__fa-w-12" data-icon="minus" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M368 224H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h352c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"/> </svg> <svg class="h-4 hidden lg:block" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> <span class="sr-only">Piilota linkit "Päätöksenteko" -alla</span> </span> <span class="block text-white hover:text-yellow-ochre" data-toggle-content-within-open> <svg class="h-4" aria-hidden="true" class="plus-light_svg__svg-inline--fa plus-light_svg__fa-plus plus-light_svg__fa-w-12" data-icon="plus" data-prefix="fal" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/> </svg> <span class="sr-only">Näytä linkit "Päätöksenteko" -alla</span> </span> </button> <div class="invisible h-0 top-0 w-full transition-opacity opacity-0 lg:absolute lg:left-full"> <ul class="space-y-5 pl-12 lg:pl-gutter pt-4 lg:pt-8 lg:pt-0 lg:pl-double-gutter"> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/paatoksenteko/esityslistat-poytakirjat-ja-viranhaltijapaatokset/" >Esityslistat, pöytäkirjat ja viranhaltijapäätökset</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/paatoksenteko/esityslistat-poytakirjat-ja-viranhaltijapaatokset/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/paatoksenteko/kaupunginhallitus/" >Kaupunginhallitus</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/paatoksenteko/kaupunginhallitus/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/paatoksenteko/kaupunginvaltuusto/" >Kaupunginvaltuusto</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/paatoksenteko/kaupunginvaltuusto/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/paatoksenteko/lautakunnat-ja-jaostot/" >Lautakunnat ja jaostot</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/paatoksenteko/lautakunnat-ja-jaostot/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/osallistu-ja-vaikuta/neuvostot/" >Neuvostot</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/osallistu-ja-vaikuta/neuvostot/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> </ul> </div> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/hallinto-ja-organisaatio/" id="4686" >Hallinto ja organisaatio</a> <a class="flex-none lg:hidden hidden " href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/hallinto-ja-organisaatio/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> <button class="lg:w-auto mr-3 lg:mr-0 order-first lg:order-last lg:w-1/5 flex justify-start focus:outline-none" data-navigation-children-toggle data-navigation-children-toggle-level="2" data-navigation-children-toggle-id="Hallinto ja organisaatio" data-level-1-active-link-id="4686" data-toggle-content-within> <span class="hidden text-yellow-ochre text-white hover:text-yellow-ochre " data-toggle-content-within-close> <svg class="h-4 visible lg:hidden" aria-hidden="true" class="minus-regular_svg__svg-inline--fa minus-regular_svg__fa-minus minus-regular_svg__fa-w-12" data-icon="minus" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M368 224H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h352c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"/> </svg> <svg class="h-4 hidden lg:block" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> <span class="sr-only">Piilota linkit "Hallinto ja organisaatio" -alla</span> </span> <span class="block text-white hover:text-yellow-ochre" data-toggle-content-within-open> <svg class="h-4" aria-hidden="true" class="plus-light_svg__svg-inline--fa plus-light_svg__fa-plus plus-light_svg__fa-w-12" data-icon="plus" data-prefix="fal" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/> </svg> <span class="sr-only">Näytä linkit "Hallinto ja organisaatio" -alla</span> </span> </button> <div class="invisible h-0 top-0 w-full transition-opacity opacity-0 lg:absolute lg:left-full"> <ul class="space-y-5 pl-12 lg:pl-gutter pt-4 lg:pt-8 lg:pt-0 lg:pl-double-gutter"> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/hallinto-ja-organisaatio/organisaatio/johtoryhmat/" >Johtoryhmät</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/hallinto-ja-organisaatio/organisaatio/johtoryhmat/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/hallinto-ja-organisaatio/liikelaitokset-ja-yhtiot/kaupunkikonserniin-kuuluvat-yhteisot/" >Kaupunkikonserniin kuuluvat yhteisöt</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/hallinto-ja-organisaatio/liikelaitokset-ja-yhtiot/kaupunkikonserniin-kuuluvat-yhteisot/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/hallinto-ja-organisaatio/liikelaitokset-ja-yhtiot/" >Liikelaitokset ja yhtiöt</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/hallinto-ja-organisaatio/liikelaitokset-ja-yhtiot/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/hallinto-ja-organisaatio/organisaatio/" >Organisaatio</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/hallinto-ja-organisaatio/organisaatio/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/hallinto-ja-organisaatio/strategiat-ohjelmat-ja-selvitykset/" >Strategia ja ohjelmat</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/hallinto-ja-organisaatio/strategiat-ohjelmat-ja-selvitykset/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/hallinto-ja-organisaatio/saannot/" >Säännöt</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/hallinto-ja-organisaatio/saannot/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> </ul> </div> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/talous-ja-hankinnat/" id="11328" >Talous ja hankinnat</a> <a class="flex-none lg:hidden hidden " href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/talous-ja-hankinnat/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> <button class="lg:w-auto mr-3 lg:mr-0 order-first lg:order-last lg:w-1/5 flex justify-start focus:outline-none" data-navigation-children-toggle data-navigation-children-toggle-level="2" data-navigation-children-toggle-id="Talous ja hankinnat" data-level-1-active-link-id="11328" data-toggle-content-within> <span class="hidden text-yellow-ochre text-white hover:text-yellow-ochre " data-toggle-content-within-close> <svg class="h-4 visible lg:hidden" aria-hidden="true" class="minus-regular_svg__svg-inline--fa minus-regular_svg__fa-minus minus-regular_svg__fa-w-12" data-icon="minus" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M368 224H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h352c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"/> </svg> <svg class="h-4 hidden lg:block" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> <span class="sr-only">Piilota linkit "Talous ja hankinnat" -alla</span> </span> <span class="block text-white hover:text-yellow-ochre" data-toggle-content-within-open> <svg class="h-4" aria-hidden="true" class="plus-light_svg__svg-inline--fa plus-light_svg__fa-plus plus-light_svg__fa-w-12" data-icon="plus" data-prefix="fal" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/> </svg> <span class="sr-only">Näytä linkit "Talous ja hankinnat" -alla</span> </span> </button> <div class="invisible h-0 top-0 w-full transition-opacity opacity-0 lg:absolute lg:left-full"> <ul class="space-y-5 pl-12 lg:pl-gutter pt-4 lg:pt-8 lg:pt-0 lg:pl-double-gutter"> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/talous-ja-hankinnat/testi-talousarvio-ja-taloussuunnitelma/" >Talousarvio ja taloussuunnitelma</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/talous-ja-hankinnat/testi-talousarvio-ja-taloussuunnitelma/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/talous-ja-hankinnat/talouden-ja-toiminnan-seuranta/" >Talouden ja toiminnan seuranta</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/talous-ja-hankinnat/talouden-ja-toiminnan-seuranta/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/talous-ja-hankinnat/tilinpaatos/" >Tilinpäätös</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/talous-ja-hankinnat/tilinpaatos/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/talous-ja-hankinnat/hankintapalvelut/" >Hankintapalvelut</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/talous-ja-hankinnat/hankintapalvelut/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> </ul> </div> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto pl-6 lg:pl-0 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/talous-ja-hankinnat/laskutusosoitteet-ja-ohjeet/" id="14222" >Laskutusosoitteet ja -ohjeet</a> <a class="flex-none lg:hidden " href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/talous-ja-hankinnat/laskutusosoitteet-ja-ohjeet/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto pl-6 lg:pl-0 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/viestinta-ja-markkinointi/" id="181960" >Viestintä ja markkinointi</a> <a class="flex-none lg:hidden " href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/viestinta-ja-markkinointi/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> </ul> </div> </li> <li class="flex items-center justify-start lg:justify-between flex-wrap lg:flex-nowrap lg:w-1/3"> <a class="nav-level-1 tracking-wide text-lg lg:text-2xl lg:font-bold flex-1 lg:w-4/5 lg:w-auto text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/" id="1704" >Asuminen ja ympäristö</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/"> <span class="text-white text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> <button class="flex justify-start mr-3 lg:mr-0 order-first lg:order-last lg:w-1/5 lg:w-auto lg:justify-end focus:outline-none" data-navigation-children-toggle data-navigation-children-toggle-level="1" data-navigation-children-toggle-id="Asuminen ja ympäristö" data-level-1-active-link-id="1704" data-toggle-content-within> <span class="hidden text-yellow-ochre text-white hover:text-yellow-ochre " data-toggle-content-within-close> <svg class="h-4 visible lg:hidden" aria-hidden="true" class="minus-regular_svg__svg-inline--fa minus-regular_svg__fa-minus minus-regular_svg__fa-w-12" data-icon="minus" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M368 224H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h352c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"/> </svg> <svg class="h-4 hidden lg:block" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> <span class="sr-only">Piilota linkit "Asuminen ja ympäristö" -alla</span> </span> <span class="block text-white hover:text-yellow-ochre" data-toggle-content-within-open> <svg class="h-4" aria-hidden="true" class="plus-light_svg__svg-inline--fa plus-light_svg__fa-plus plus-light_svg__fa-w-12" data-icon="plus" data-prefix="fal" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/> </svg> <span class="sr-only">Näytä linkit "Asuminen ja ympäristö" -alla</span> </span> </button> <div class="invisible h-0 top-0 w-full transition-opacity opacity-0 lg:absolute lg:w-1/3 lg:left-1/3"> <ul class="space-y-5 pl-6 lg:pl-gutter pt-8 lg:pl-double-gutter lg:pt-0"> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/asuminen-ja-toimitilat/" id="34823" >Asuminen ja toimitilat</a> <a class="flex-none lg:hidden hidden " href="https://www.porvoo.fi/asuminen-ymparisto/asuminen-ja-toimitilat/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> <button class="lg:w-auto mr-3 lg:mr-0 order-first lg:order-last lg:w-1/5 flex justify-start focus:outline-none" data-navigation-children-toggle data-navigation-children-toggle-level="2" data-navigation-children-toggle-id="Asuminen ja toimitilat" data-level-1-active-link-id="34823" data-toggle-content-within> <span class="hidden text-yellow-ochre text-white hover:text-yellow-ochre " data-toggle-content-within-close> <svg class="h-4 visible lg:hidden" aria-hidden="true" class="minus-regular_svg__svg-inline--fa minus-regular_svg__fa-minus minus-regular_svg__fa-w-12" data-icon="minus" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M368 224H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h352c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"/> </svg> <svg class="h-4 hidden lg:block" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> <span class="sr-only">Piilota linkit "Asuminen ja toimitilat" -alla</span> </span> <span class="block text-white hover:text-yellow-ochre" data-toggle-content-within-open> <svg class="h-4" aria-hidden="true" class="plus-light_svg__svg-inline--fa plus-light_svg__fa-plus plus-light_svg__fa-w-12" data-icon="plus" data-prefix="fal" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/> </svg> <span class="sr-only">Näytä linkit "Asuminen ja toimitilat" -alla</span> </span> </button> <div class="invisible h-0 top-0 w-full transition-opacity opacity-0 lg:absolute lg:left-full"> <ul class="space-y-5 pl-12 lg:pl-gutter pt-4 lg:pt-8 lg:pt-0 lg:pl-double-gutter"> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/asuminen-ja-toimitilat/porvoon-toimitilat-ja-rakennukset/" >Porvoon toimitilat ja rakennukset</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/asuminen-ja-toimitilat/porvoon-toimitilat-ja-rakennukset/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/asuminen-ja-toimitilat/porvoon-toimitilat-ja-rakennukset/rakennus-ja-korjaushankkeet/" >Rakennus- ja korjaushankkeet</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/asuminen-ja-toimitilat/porvoon-toimitilat-ja-rakennukset/rakennus-ja-korjaushankkeet/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/asuminen-ja-toimitilat/porvoon-toimitilat-ja-rakennukset/terveelliset-ja-turvalliset-tilat/" >Terveelliset ja turvalliset tilat</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/asuminen-ja-toimitilat/porvoon-toimitilat-ja-rakennukset/terveelliset-ja-turvalliset-tilat/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/asuminen-ja-toimitilat/porvoon-toimitilat-ja-rakennukset/tilojen-hallinnointi-ja-isannointi/" >Tilojen hallinnointi</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/asuminen-ja-toimitilat/porvoon-toimitilat-ja-rakennukset/tilojen-hallinnointi-ja-isannointi/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> </ul> </div> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/alueiden-vuokraus-ja-maankayttoluvat/" id="25604" >Alueiden vuokraus ja maankäyttöluvat</a> <a class="flex-none lg:hidden hidden " href="https://www.porvoo.fi/asuminen-ymparisto/alueiden-vuokraus-ja-maankayttoluvat/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> <button class="lg:w-auto mr-3 lg:mr-0 order-first lg:order-last lg:w-1/5 flex justify-start focus:outline-none" data-navigation-children-toggle data-navigation-children-toggle-level="2" data-navigation-children-toggle-id="Alueiden vuokraus ja maankäyttöluvat" data-level-1-active-link-id="25604" data-toggle-content-within> <span class="hidden text-yellow-ochre text-white hover:text-yellow-ochre " data-toggle-content-within-close> <svg class="h-4 visible lg:hidden" aria-hidden="true" class="minus-regular_svg__svg-inline--fa minus-regular_svg__fa-minus minus-regular_svg__fa-w-12" data-icon="minus" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M368 224H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h352c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"/> </svg> <svg class="h-4 hidden lg:block" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> <span class="sr-only">Piilota linkit "Alueiden vuokraus ja maankäyttöluvat" -alla</span> </span> <span class="block text-white hover:text-yellow-ochre" data-toggle-content-within-open> <svg class="h-4" aria-hidden="true" class="plus-light_svg__svg-inline--fa plus-light_svg__fa-plus plus-light_svg__fa-w-12" data-icon="plus" data-prefix="fal" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/> </svg> <span class="sr-only">Näytä linkit "Alueiden vuokraus ja maankäyttöluvat" -alla</span> </span> </button> <div class="invisible h-0 top-0 w-full transition-opacity opacity-0 lg:absolute lg:left-full"> <ul class="space-y-5 pl-12 lg:pl-gutter pt-4 lg:pt-8 lg:pt-0 lg:pl-double-gutter"> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/alueiden-vuokraus-ja-maankayttoluvat/joulukuusenmyynti/" >Joulukuusenmyynti</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/alueiden-vuokraus-ja-maankayttoluvat/joulukuusenmyynti/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/alueiden-vuokraus-ja-maankayttoluvat/katujen-torien-ja-puistojen-vuokraus/" >Katujen, torien ja puistojen vuokraus</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/alueiden-vuokraus-ja-maankayttoluvat/katujen-torien-ja-puistojen-vuokraus/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/alueiden-vuokraus-ja-maankayttoluvat/markkinat/" >Markkinat</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/alueiden-vuokraus-ja-maankayttoluvat/markkinat/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/alueiden-vuokraus-ja-maankayttoluvat/liikkuvat-kioskit-ja-jaatelokioskipaikat/" >Liikkuvat kioskit ja jäätelökioskipaikat</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/alueiden-vuokraus-ja-maankayttoluvat/liikkuvat-kioskit-ja-jaatelokioskipaikat/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/alueiden-vuokraus-ja-maankayttoluvat/pelto-ja-metsaalueiden-vuokraus/" >Pelto- ja metsäalueiden vuokraus</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/alueiden-vuokraus-ja-maankayttoluvat/pelto-ja-metsaalueiden-vuokraus/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/alueiden-vuokraus-ja-maankayttoluvat/torimyynti/" >Torimyynti</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/alueiden-vuokraus-ja-maankayttoluvat/torimyynti/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> </ul> </div> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto pl-6 lg:pl-0 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/ilmastotekojen-porvoo/" id="35273" >Ilmastotekojen Porvoo</a> <a class="flex-none lg:hidden " href="https://www.porvoo.fi/asuminen-ymparisto/ilmastotekojen-porvoo/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/kaavoitus/" id="7063" >Kaavoitus</a> <a class="flex-none lg:hidden hidden " href="https://www.porvoo.fi/asuminen-ymparisto/kaavoitus/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> <button class="lg:w-auto mr-3 lg:mr-0 order-first lg:order-last lg:w-1/5 flex justify-start focus:outline-none" data-navigation-children-toggle data-navigation-children-toggle-level="2" data-navigation-children-toggle-id="Kaavoitus" data-level-1-active-link-id="7063" data-toggle-content-within> <span class="hidden text-yellow-ochre text-white hover:text-yellow-ochre " data-toggle-content-within-close> <svg class="h-4 visible lg:hidden" aria-hidden="true" class="minus-regular_svg__svg-inline--fa minus-regular_svg__fa-minus minus-regular_svg__fa-w-12" data-icon="minus" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M368 224H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h352c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"/> </svg> <svg class="h-4 hidden lg:block" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> <span class="sr-only">Piilota linkit "Kaavoitus" -alla</span> </span> <span class="block text-white hover:text-yellow-ochre" data-toggle-content-within-open> <svg class="h-4" aria-hidden="true" class="plus-light_svg__svg-inline--fa plus-light_svg__fa-plus plus-light_svg__fa-w-12" data-icon="plus" data-prefix="fal" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/> </svg> <span class="sr-only">Näytä linkit "Kaavoitus" -alla</span> </span> </button> <div class="invisible h-0 top-0 w-full transition-opacity opacity-0 lg:absolute lg:left-full"> <ul class="space-y-5 pl-12 lg:pl-gutter pt-4 lg:pt-8 lg:pt-0 lg:pl-double-gutter"> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/kaavoitus/asemakaavat/" >Asemakaavat</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/kaavoitus/asemakaavat/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/kaavoitus/kaavoituskatsaus/" >Kaavoituskatsaus</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/kaavoitus/kaavoituskatsaus/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/kehittyva-kaupunki/kaupunkikehityshankkeet/" >Kaupunkikehityshankkeet</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/kehittyva-kaupunki/kaupunkikehityshankkeet/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/kaavoitus/ranta-asemakaava/" >Ranta-asemakaavat</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/kaavoitus/ranta-asemakaava/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/kaavoitus/poikkeamisluvat/" >Poikkeamisluvat</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/kaavoitus/poikkeamisluvat/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/kaavoitus/yleiskaavat/" >Yleiskaavat</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/kaavoitus/yleiskaavat/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> </ul> </div> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/kadut-ja-liikenne/" id="30445" >Kadut ja liikenne</a> <a class="flex-none lg:hidden hidden " href="https://www.porvoo.fi/asuminen-ymparisto/kadut-ja-liikenne/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> <button class="lg:w-auto mr-3 lg:mr-0 order-first lg:order-last lg:w-1/5 flex justify-start focus:outline-none" data-navigation-children-toggle data-navigation-children-toggle-level="2" data-navigation-children-toggle-id="Kadut ja liikenne" data-level-1-active-link-id="30445" data-toggle-content-within> <span class="hidden text-yellow-ochre text-white hover:text-yellow-ochre " data-toggle-content-within-close> <svg class="h-4 visible lg:hidden" aria-hidden="true" class="minus-regular_svg__svg-inline--fa minus-regular_svg__fa-minus minus-regular_svg__fa-w-12" data-icon="minus" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M368 224H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h352c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"/> </svg> <svg class="h-4 hidden lg:block" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> <span class="sr-only">Piilota linkit "Kadut ja liikenne" -alla</span> </span> <span class="block text-white hover:text-yellow-ochre" data-toggle-content-within-open> <svg class="h-4" aria-hidden="true" class="plus-light_svg__svg-inline--fa plus-light_svg__fa-plus plus-light_svg__fa-w-12" data-icon="plus" data-prefix="fal" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/> </svg> <span class="sr-only">Näytä linkit "Kadut ja liikenne" -alla</span> </span> </button> <div class="invisible h-0 top-0 w-full transition-opacity opacity-0 lg:absolute lg:left-full"> <ul class="space-y-5 pl-12 lg:pl-gutter pt-4 lg:pt-8 lg:pt-0 lg:pl-double-gutter"> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/kadut-ja-liikenne/paikallis-ja-lahiliikenne/" >Paikallis- ja lähiliikenne</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/kadut-ja-liikenne/paikallis-ja-lahiliikenne/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/kadut-ja-liikenne/katujen-kunnossapito/" >Katujen kunnossapito</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/kadut-ja-liikenne/katujen-kunnossapito/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/kadut-ja-liikenne/katu-ja-puistosuunnittelu/" >Katu- ja puistosuunnittelu</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/kadut-ja-liikenne/katu-ja-puistosuunnittelu/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/ilmastotekojen-porvoo/kestava-liikkuminen/" >Kestävä liikkuminen</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/ilmastotekojen-porvoo/kestava-liikkuminen/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/kadut-ja-liikenne/liikenneturvallisuus/" >Liikenneturvallisuus</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/kadut-ja-liikenne/liikenneturvallisuus/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/kadut-ja-liikenne/pysakointi/" >Pysäköinti</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/kadut-ja-liikenne/pysakointi/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/kadut-ja-liikenne/pyoraily-ja-kavely/" >Pyöräily ja kävely</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/kadut-ja-liikenne/pyoraily-ja-kavely/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> </ul> </div> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/kehittyva-kaupunki/" id="35259" >Kehittyvä kaupunki</a> <a class="flex-none lg:hidden hidden " href="https://www.porvoo.fi/asuminen-ymparisto/kehittyva-kaupunki/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> <button class="lg:w-auto mr-3 lg:mr-0 order-first lg:order-last lg:w-1/5 flex justify-start focus:outline-none" data-navigation-children-toggle data-navigation-children-toggle-level="2" data-navigation-children-toggle-id="Kehittyvä kaupunki" data-level-1-active-link-id="35259" data-toggle-content-within> <span class="hidden text-yellow-ochre text-white hover:text-yellow-ochre " data-toggle-content-within-close> <svg class="h-4 visible lg:hidden" aria-hidden="true" class="minus-regular_svg__svg-inline--fa minus-regular_svg__fa-minus minus-regular_svg__fa-w-12" data-icon="minus" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M368 224H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h352c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"/> </svg> <svg class="h-4 hidden lg:block" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> <span class="sr-only">Piilota linkit "Kehittyvä kaupunki" -alla</span> </span> <span class="block text-white hover:text-yellow-ochre" data-toggle-content-within-open> <svg class="h-4" aria-hidden="true" class="plus-light_svg__svg-inline--fa plus-light_svg__fa-plus plus-light_svg__fa-w-12" data-icon="plus" data-prefix="fal" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/> </svg> <span class="sr-only">Näytä linkit "Kehittyvä kaupunki" -alla</span> </span> </button> <div class="invisible h-0 top-0 w-full transition-opacity opacity-0 lg:absolute lg:left-full"> <ul class="space-y-5 pl-12 lg:pl-gutter pt-4 lg:pt-8 lg:pt-0 lg:pl-double-gutter"> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/kadut-ja-liikenne/katu-ja-puistosuunnittelu/" >Katu- ja puistosuunnittelu</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/kadut-ja-liikenne/katu-ja-puistosuunnittelu/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/kadut-ja-liikenne/katujen-ja-puistojen-rakentaminen/" >Katujen ja puistojen rakentaminen</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/kadut-ja-liikenne/katujen-ja-puistojen-rakentaminen/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/kehittyva-kaupunki/kaupunkikehityshankkeet/" >Kaupunkikehityshankkeet</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/kehittyva-kaupunki/kaupunkikehityshankkeet/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> </ul> </div> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/luonto-ja-ymparistonsuojelu/" id="33598" >Luonto ja ympäristönsuojelu</a> <a class="flex-none lg:hidden hidden " href="https://www.porvoo.fi/asuminen-ymparisto/luonto-ja-ymparistonsuojelu/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> <button class="lg:w-auto mr-3 lg:mr-0 order-first lg:order-last lg:w-1/5 flex justify-start focus:outline-none" data-navigation-children-toggle data-navigation-children-toggle-level="2" data-navigation-children-toggle-id="Luonto ja ympäristönsuojelu" data-level-1-active-link-id="33598" data-toggle-content-within> <span class="hidden text-yellow-ochre text-white hover:text-yellow-ochre " data-toggle-content-within-close> <svg class="h-4 visible lg:hidden" aria-hidden="true" class="minus-regular_svg__svg-inline--fa minus-regular_svg__fa-minus minus-regular_svg__fa-w-12" data-icon="minus" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M368 224H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h352c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"/> </svg> <svg class="h-4 hidden lg:block" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> <span class="sr-only">Piilota linkit "Luonto ja ympäristönsuojelu" -alla</span> </span> <span class="block text-white hover:text-yellow-ochre" data-toggle-content-within-open> <svg class="h-4" aria-hidden="true" class="plus-light_svg__svg-inline--fa plus-light_svg__fa-plus plus-light_svg__fa-w-12" data-icon="plus" data-prefix="fal" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/> </svg> <span class="sr-only">Näytä linkit "Luonto ja ympäristönsuojelu" -alla</span> </span> </button> <div class="invisible h-0 top-0 w-full transition-opacity opacity-0 lg:absolute lg:left-full"> <ul class="space-y-5 pl-12 lg:pl-gutter pt-4 lg:pt-8 lg:pt-0 lg:pl-double-gutter"> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/luonto-ja-ymparistonsuojelu/testi_ilmansuojelu_ys_tl/" >Ilmansuojelu ja ilmastotyö</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/luonto-ja-ymparistonsuojelu/testi_ilmansuojelu_ys_tl/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/luonto-ja-ymparistonsuojelu/jatehuollon-valvonta/" >Jätehuollon valvonta</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/luonto-ja-ymparistonsuojelu/jatehuollon-valvonta/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/luonto-ja-ymparistonsuojelu/testi_ys_jatevesien-koontisivu_clf/" >Jätevedet</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/luonto-ja-ymparistonsuojelu/testi_ys_jatevesien-koontisivu_clf/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/luonto-ja-ymparistonsuojelu/luonnonsuojelu/" >Luonnonsuojelu ja luontokohteet</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/luonto-ja-ymparistonsuojelu/luonnonsuojelu/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/luonto-ja-ymparistonsuojelu/ys_maa-ainesten-otto_clf/" >Maa-ainesten otto</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/luonto-ja-ymparistonsuojelu/ys_maa-ainesten-otto_clf/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/luonto-ja-ymparistonsuojelu/testi_ys_meluntorjunta_tl/" >Meluntorjunta</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/luonto-ja-ymparistonsuojelu/testi_ys_meluntorjunta_tl/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/luonto-ja-ymparistonsuojelu/porvoon-luontokoulu/" >Porvoon luontokoulu</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/luonto-ja-ymparistonsuojelu/porvoon-luontokoulu/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/luonto-ja-ymparistonsuojelu/vesiensuojelu/" >Vesiensuojelu</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/luonto-ja-ymparistonsuojelu/vesiensuojelu/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/luonto-ja-ymparistonsuojelu/testi_ys_lupien-ja-rekisterointien-koontisivu/" >Ympäristönsuojelun luvat, rekisteröinnit ja ilmoitukset</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/luonto-ja-ymparistonsuojelu/testi_ys_lupien-ja-rekisterointien-koontisivu/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> </ul> </div> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/puistot-ja-muut-viheralueet/" id="39706" >Puistot ja muut viheralueet</a> <a class="flex-none lg:hidden hidden " href="https://www.porvoo.fi/asuminen-ymparisto/puistot-ja-muut-viheralueet/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> <button class="lg:w-auto mr-3 lg:mr-0 order-first lg:order-last lg:w-1/5 flex justify-start focus:outline-none" data-navigation-children-toggle data-navigation-children-toggle-level="2" data-navigation-children-toggle-id="Puistot ja muut viheralueet" data-level-1-active-link-id="39706" data-toggle-content-within> <span class="hidden text-yellow-ochre text-white hover:text-yellow-ochre " data-toggle-content-within-close> <svg class="h-4 visible lg:hidden" aria-hidden="true" class="minus-regular_svg__svg-inline--fa minus-regular_svg__fa-minus minus-regular_svg__fa-w-12" data-icon="minus" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M368 224H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h352c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"/> </svg> <svg class="h-4 hidden lg:block" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> <span class="sr-only">Piilota linkit "Puistot ja muut viheralueet" -alla</span> </span> <span class="block text-white hover:text-yellow-ochre" data-toggle-content-within-open> <svg class="h-4" aria-hidden="true" class="plus-light_svg__svg-inline--fa plus-light_svg__fa-plus plus-light_svg__fa-w-12" data-icon="plus" data-prefix="fal" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/> </svg> <span class="sr-only">Näytä linkit "Puistot ja muut viheralueet" -alla</span> </span> </button> <div class="invisible h-0 top-0 w-full transition-opacity opacity-0 lg:absolute lg:left-full"> <ul class="space-y-5 pl-12 lg:pl-gutter pt-4 lg:pt-8 lg:pt-0 lg:pl-double-gutter"> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kansallinen-kaupunkipuisto/" >Kansallinen kaupunkipuisto</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kansallinen-kaupunkipuisto/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/puistot-ja-muut-viheralueet/koirapuistot/" >Koirapuistot</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/puistot-ja-muut-viheralueet/koirapuistot/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/puistot-ja-muut-viheralueet/leikkipuistot/" >Leikkipuistot</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/puistot-ja-muut-viheralueet/leikkipuistot/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/puistot-ja-muut-viheralueet/puistot/" >Puistot</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/puistot-ja-muut-viheralueet/puistot/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/puistot-ja-muut-viheralueet/viheralueiden-kunnossapito-ja-kaytto/" >Viheralueiden kunnossapito ja käyttö</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/puistot-ja-muut-viheralueet/viheralueiden-kunnossapito-ja-kaytto/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> </ul> </div> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/tontit-ja-rakentaminen/" id="19228" >Tontit ja rakentaminen</a> <a class="flex-none lg:hidden hidden " href="https://www.porvoo.fi/asuminen-ymparisto/tontit-ja-rakentaminen/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> <button class="lg:w-auto mr-3 lg:mr-0 order-first lg:order-last lg:w-1/5 flex justify-start focus:outline-none" data-navigation-children-toggle data-navigation-children-toggle-level="2" data-navigation-children-toggle-id="Tontit ja rakentaminen" data-level-1-active-link-id="19228" data-toggle-content-within> <span class="hidden text-yellow-ochre text-white hover:text-yellow-ochre " data-toggle-content-within-close> <svg class="h-4 visible lg:hidden" aria-hidden="true" class="minus-regular_svg__svg-inline--fa minus-regular_svg__fa-minus minus-regular_svg__fa-w-12" data-icon="minus" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M368 224H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h352c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"/> </svg> <svg class="h-4 hidden lg:block" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> <span class="sr-only">Piilota linkit "Tontit ja rakentaminen" -alla</span> </span> <span class="block text-white hover:text-yellow-ochre" data-toggle-content-within-open> <svg class="h-4" aria-hidden="true" class="plus-light_svg__svg-inline--fa plus-light_svg__fa-plus plus-light_svg__fa-w-12" data-icon="plus" data-prefix="fal" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/> </svg> <span class="sr-only">Näytä linkit "Tontit ja rakentaminen" -alla</span> </span> </button> <div class="invisible h-0 top-0 w-full transition-opacity opacity-0 lg:absolute lg:left-full"> <ul class="space-y-5 pl-12 lg:pl-gutter pt-4 lg:pt-8 lg:pt-0 lg:pl-double-gutter"> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/tontit-ja-rakentaminen/kartat-ja-paikkatiedot/" >Kartat ja paikkatiedot</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/tontit-ja-rakentaminen/kartat-ja-paikkatiedot/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/tontit-ja-rakentaminen/kiinteistonmuodostus/" >Kiinteistönmuodostus</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/tontit-ja-rakentaminen/kiinteistonmuodostus/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/tontit-ja-rakentaminen/rakentaminen/" >Rakentaminen</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/tontit-ja-rakentaminen/rakentaminen/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/tontit-ja-rakentaminen/tontit-ja-maa-aluee/" >Tontit ja maa-alueet</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/tontit-ja-rakentaminen/tontit-ja-maa-aluee/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> </ul> </div> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/satamat-ja-veneily/" id="42604" >Satamat ja veneily</a> <a class="flex-none lg:hidden hidden " href="https://www.porvoo.fi/asuminen-ymparisto/satamat-ja-veneily/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> <button class="lg:w-auto mr-3 lg:mr-0 order-first lg:order-last lg:w-1/5 flex justify-start focus:outline-none" data-navigation-children-toggle data-navigation-children-toggle-level="2" data-navigation-children-toggle-id="Satamat ja veneily" data-level-1-active-link-id="42604" data-toggle-content-within> <span class="hidden text-yellow-ochre text-white hover:text-yellow-ochre " data-toggle-content-within-close> <svg class="h-4 visible lg:hidden" aria-hidden="true" class="minus-regular_svg__svg-inline--fa minus-regular_svg__fa-minus minus-regular_svg__fa-w-12" data-icon="minus" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M368 224H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h352c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"/> </svg> <svg class="h-4 hidden lg:block" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> <span class="sr-only">Piilota linkit "Satamat ja veneily" -alla</span> </span> <span class="block text-white hover:text-yellow-ochre" data-toggle-content-within-open> <svg class="h-4" aria-hidden="true" class="plus-light_svg__svg-inline--fa plus-light_svg__fa-plus plus-light_svg__fa-w-12" data-icon="plus" data-prefix="fal" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/> </svg> <span class="sr-only">Näytä linkit "Satamat ja veneily" -alla</span> </span> </button> <div class="invisible h-0 top-0 w-full transition-opacity opacity-0 lg:absolute lg:left-full"> <ul class="space-y-5 pl-12 lg:pl-gutter pt-4 lg:pt-8 lg:pt-0 lg:pl-double-gutter"> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/satamat-ja-veneily/venepaikat/" >Venepaikat</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/satamat-ja-veneily/venepaikat/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/satamat-ja-veneily/vierasvenepaikat/" >Vierasvenepaikat</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/satamat-ja-veneily/vierasvenepaikat/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/satamat-ja-veneily/porvoon-matkustajasatama/" >Matkustajasatama</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/satamat-ja-veneily/porvoon-matkustajasatama/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/satamat-ja-veneily/vesijettien-kaytto-porvoossa/" >Vesijettien käyttö Porvoossa</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/asuminen-ymparisto/satamat-ja-veneily/vesijettien-kaytto-porvoossa/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> </ul> </div> </li> </ul> </div> </li> <li class="flex items-center justify-start lg:justify-between flex-wrap lg:flex-nowrap lg:w-1/3"> <a class="nav-level-1 tracking-wide text-lg lg:text-2xl lg:font-bold flex-1 lg:w-4/5 lg:w-auto text-bright-green hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/" id="4678" >Kulttuuri ja vapaa-aika</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/"> <span class="text-white text-bright-green hover:text-white "> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> <button class="flex justify-start mr-3 lg:mr-0 order-first lg:order-last lg:w-1/5 lg:w-auto lg:justify-end focus:outline-none" data-navigation-children-toggle data-navigation-children-toggle-level="1" data-navigation-children-toggle-id="Kulttuuri ja vapaa-aika" data-level-1-active-link-id="4678" data-toggle-content-within> <span class="hidden text-yellow-ochre text-bright-green hover:text-yellow-ochre" data-toggle-content-within-close> <svg class="h-4 visible lg:hidden" aria-hidden="true" class="minus-regular_svg__svg-inline--fa minus-regular_svg__fa-minus minus-regular_svg__fa-w-12" data-icon="minus" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M368 224H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h352c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"/> </svg> <svg class="h-4 hidden lg:block" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> <span class="sr-only">Piilota linkit "Kulttuuri ja vapaa-aika" -alla</span> </span> <span class="block text-bright-green hover:text-white " data-toggle-content-within-open> <svg class="h-4" aria-hidden="true" class="plus-light_svg__svg-inline--fa plus-light_svg__fa-plus plus-light_svg__fa-w-12" data-icon="plus" data-prefix="fal" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/> </svg> <span class="sr-only">Näytä linkit "Kulttuuri ja vapaa-aika" -alla</span> </span> </button> <div class="invisible h-0 top-0 w-full transition-opacity opacity-0 lg:absolute lg:w-1/3 lg:left-1/3"> <ul class="space-y-5 pl-6 lg:pl-gutter pt-8 lg:pl-double-gutter lg:pt-0"> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kirjasto/" id="15064" >Kirjasto</a> <a class="flex-none lg:hidden hidden " href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kirjasto/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> <button class="lg:w-auto mr-3 lg:mr-0 order-first lg:order-last lg:w-1/5 flex justify-start focus:outline-none" data-navigation-children-toggle data-navigation-children-toggle-level="2" data-navigation-children-toggle-id="Kirjasto" data-level-1-active-link-id="15064" data-toggle-content-within> <span class="hidden text-yellow-ochre text-white hover:text-yellow-ochre " data-toggle-content-within-close> <svg class="h-4 visible lg:hidden" aria-hidden="true" class="minus-regular_svg__svg-inline--fa minus-regular_svg__fa-minus minus-regular_svg__fa-w-12" data-icon="minus" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M368 224H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h352c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"/> </svg> <svg class="h-4 hidden lg:block" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> <span class="sr-only">Piilota linkit "Kirjasto" -alla</span> </span> <span class="block text-white hover:text-yellow-ochre" data-toggle-content-within-open> <svg class="h-4" aria-hidden="true" class="plus-light_svg__svg-inline--fa plus-light_svg__fa-plus plus-light_svg__fa-w-12" data-icon="plus" data-prefix="fal" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/> </svg> <span class="sr-only">Näytä linkit "Kirjasto" -alla</span> </span> </button> <div class="invisible h-0 top-0 w-full transition-opacity opacity-0 lg:absolute lg:left-full"> <ul class="space-y-5 pl-12 lg:pl-gutter pt-4 lg:pt-8 lg:pt-0 lg:pl-double-gutter"> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://helle.finna.fi/" >Helle-verkkokirjasto</a> <a class="flex-none lg:hidden" href="https://helle.finna.fi/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kirjasto/kirjastojen-aukioloajat-ja-yhteystiedot/" >Kirjastojen aukioloajat ja yhteystiedot</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kirjasto/kirjastojen-aukioloajat-ja-yhteystiedot/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kirjasto/kirjaston-palvelut/" >Kirjaston palvelut</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kirjasto/kirjaston-palvelut/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kirjasto/kirjaston-tilat-ja-laitteet/" >Kirjaston tilat ja laitteet</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kirjasto/kirjaston-tilat-ja-laitteet/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kirjasto/kirjaston-palvelut/kirjaston-palvelut-lapsille-ja-nuorille/" >Palvelut lapsille ja nuorille</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kirjasto/kirjaston-palvelut/kirjaston-palvelut-lapsille-ja-nuorille/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> </ul> </div> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto text-bright-green hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kulttuuri/" id="4787" >Kulttuuri</a> <a class="flex-none lg:hidden hidden " href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kulttuuri/"> <span class="text-bright-green hover:text-white "> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> <button class="lg:w-auto mr-3 lg:mr-0 order-first lg:order-last lg:w-1/5 flex justify-start focus:outline-none" data-navigation-children-toggle data-navigation-children-toggle-level="2" data-navigation-children-toggle-id="Kulttuuri" data-level-1-active-link-id="4787" data-toggle-content-within> <span class="hidden text-yellow-ochre text-bright-green hover:text-yellow-ochre" data-toggle-content-within-close> <svg class="h-4 visible lg:hidden" aria-hidden="true" class="minus-regular_svg__svg-inline--fa minus-regular_svg__fa-minus minus-regular_svg__fa-w-12" data-icon="minus" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M368 224H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h352c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"/> </svg> <svg class="h-4 hidden lg:block" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> <span class="sr-only">Piilota linkit "Kulttuuri" -alla</span> </span> <span class="block text-bright-green hover:text-white " data-toggle-content-within-open> <svg class="h-4" aria-hidden="true" class="plus-light_svg__svg-inline--fa plus-light_svg__fa-plus plus-light_svg__fa-w-12" data-icon="plus" data-prefix="fal" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/> </svg> <span class="sr-only">Näytä linkit "Kulttuuri" -alla</span> </span> </button> <div class="invisible h-0 top-0 w-full transition-opacity opacity-0 lg:absolute lg:left-full"> <ul class="space-y-5 pl-12 lg:pl-gutter pt-4 lg:pt-8 lg:pt-0 lg:pl-double-gutter"> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kulttuuri/kulttuuriavustukset-ja-kulttuurikumppanuus/" >Kulttuuriavustukset ja kulttuurikumppanuus</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kulttuuri/kulttuuriavustukset-ja-kulttuurikumppanuus/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kulttuuri/lapsille-ja-koululaisille/" >Lapsille ja koululaisille</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kulttuuri/lapsille-ja-koululaisille/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kulttuuri/museot-ja-nayttelyt/" >Museot ja näyttelyt</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kulttuuri/museot-ja-nayttelyt/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kulttuuri/vuokrattavat-kulttuuritilat/" >Vuokrattavat kulttuuritilat</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kulttuuri/vuokrattavat-kulttuuritilat/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> </ul> </div> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/liikunta-ja-ulkoilu/" id="37823" >Liikunta ja ulkoilu</a> <a class="flex-none lg:hidden hidden " href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/liikunta-ja-ulkoilu/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> <button class="lg:w-auto mr-3 lg:mr-0 order-first lg:order-last lg:w-1/5 flex justify-start focus:outline-none" data-navigation-children-toggle data-navigation-children-toggle-level="2" data-navigation-children-toggle-id="Liikunta ja ulkoilu" data-level-1-active-link-id="37823" data-toggle-content-within> <span class="hidden text-yellow-ochre text-white hover:text-yellow-ochre " data-toggle-content-within-close> <svg class="h-4 visible lg:hidden" aria-hidden="true" class="minus-regular_svg__svg-inline--fa minus-regular_svg__fa-minus minus-regular_svg__fa-w-12" data-icon="minus" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M368 224H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h352c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"/> </svg> <svg class="h-4 hidden lg:block" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> <span class="sr-only">Piilota linkit "Liikunta ja ulkoilu" -alla</span> </span> <span class="block text-white hover:text-yellow-ochre" data-toggle-content-within-open> <svg class="h-4" aria-hidden="true" class="plus-light_svg__svg-inline--fa plus-light_svg__fa-plus plus-light_svg__fa-w-12" data-icon="plus" data-prefix="fal" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/> </svg> <span class="sr-only">Näytä linkit "Liikunta ja ulkoilu" -alla</span> </span> </button> <div class="invisible h-0 top-0 w-full transition-opacity opacity-0 lg:absolute lg:left-full"> <ul class="space-y-5 pl-12 lg:pl-gutter pt-4 lg:pt-8 lg:pt-0 lg:pl-double-gutter"> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/liikunta-ja-ulkoilu/liikutaan-luonnossa/" >Liiku luonnossa</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/liikunta-ja-ulkoilu/liikutaan-luonnossa/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/liikunta-ja-ulkoilu/liikuntatilat-ja-alueet/" >Liikuntatilat ja -alueet</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/liikunta-ja-ulkoilu/liikuntatilat-ja-alueet/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/liikunta-ja-ulkoilu/liikuntaa-ohjatusti-ja-omatoimisesti/" >Liikuntaa ohjatusti ja omatoimisesti</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/liikunta-ja-ulkoilu/liikuntaa-ohjatusti-ja-omatoimisesti/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/liikunta-ja-ulkoilu/avustukset-ja-palkitsemiset/" >Liikuntatoimen avustukset ja palkitsemiset</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/liikunta-ja-ulkoilu/avustukset-ja-palkitsemiset/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/liikunta-ja-ulkoilu/porvoon-uimahalli/" >Uimahalli</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/liikunta-ja-ulkoilu/porvoon-uimahalli/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> </ul> </div> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/nuorten-porvoo/" id="32106" >Nuorten Porvoo</a> <a class="flex-none lg:hidden hidden " href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/nuorten-porvoo/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> <button class="lg:w-auto mr-3 lg:mr-0 order-first lg:order-last lg:w-1/5 flex justify-start focus:outline-none" data-navigation-children-toggle data-navigation-children-toggle-level="2" data-navigation-children-toggle-id="Nuorten Porvoo" data-level-1-active-link-id="32106" data-toggle-content-within> <span class="hidden text-yellow-ochre text-white hover:text-yellow-ochre " data-toggle-content-within-close> <svg class="h-4 visible lg:hidden" aria-hidden="true" class="minus-regular_svg__svg-inline--fa minus-regular_svg__fa-minus minus-regular_svg__fa-w-12" data-icon="minus" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M368 224H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h352c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"/> </svg> <svg class="h-4 hidden lg:block" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> <span class="sr-only">Piilota linkit "Nuorten Porvoo" -alla</span> </span> <span class="block text-white hover:text-yellow-ochre" data-toggle-content-within-open> <svg class="h-4" aria-hidden="true" class="plus-light_svg__svg-inline--fa plus-light_svg__fa-plus plus-light_svg__fa-w-12" data-icon="plus" data-prefix="fal" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/> </svg> <span class="sr-only">Näytä linkit "Nuorten Porvoo" -alla</span> </span> </button> <div class="invisible h-0 top-0 w-full transition-opacity opacity-0 lg:absolute lg:left-full"> <ul class="space-y-5 pl-12 lg:pl-gutter pt-4 lg:pt-8 lg:pt-0 lg:pl-double-gutter"> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/nuorten-porvoo/nuorisotilat/" >Nuorisotilat</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/nuorten-porvoo/nuorisotilat/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/nuorten-porvoo/erityispalvelut/" >Erityispalvelut</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/nuorten-porvoo/erityispalvelut/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/nuorten-porvoo/nuorten-tyopajat/" >Nuorten työpajat</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/nuorten-porvoo/nuorten-tyopajat/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/porvoon-harrastamisen-malli/" >Porvoon harrastamisen malli</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/porvoon-harrastamisen-malli/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/palveluja-eri-elamantilanteissa/nuorille-suunnatut-palvelut/" >Nuorille suunnatut palvelut</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/palveluja-eri-elamantilanteissa/nuorille-suunnatut-palvelut/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> </ul> </div> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kansalaisopisto/" id="4806" >Porvoon kansalaisopisto</a> <a class="flex-none lg:hidden hidden " href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kansalaisopisto/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> <button class="lg:w-auto mr-3 lg:mr-0 order-first lg:order-last lg:w-1/5 flex justify-start focus:outline-none" data-navigation-children-toggle data-navigation-children-toggle-level="2" data-navigation-children-toggle-id="Porvoon kansalaisopisto" data-level-1-active-link-id="4806" data-toggle-content-within> <span class="hidden text-yellow-ochre text-white hover:text-yellow-ochre " data-toggle-content-within-close> <svg class="h-4 visible lg:hidden" aria-hidden="true" class="minus-regular_svg__svg-inline--fa minus-regular_svg__fa-minus minus-regular_svg__fa-w-12" data-icon="minus" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M368 224H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h352c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"/> </svg> <svg class="h-4 hidden lg:block" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> <span class="sr-only">Piilota linkit "Porvoon kansalaisopisto" -alla</span> </span> <span class="block text-white hover:text-yellow-ochre" data-toggle-content-within-open> <svg class="h-4" aria-hidden="true" class="plus-light_svg__svg-inline--fa plus-light_svg__fa-plus plus-light_svg__fa-w-12" data-icon="plus" data-prefix="fal" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/> </svg> <span class="sr-only">Näytä linkit "Porvoon kansalaisopisto" -alla</span> </span> </button> <div class="invisible h-0 top-0 w-full transition-opacity opacity-0 lg:absolute lg:left-full"> <ul class="space-y-5 pl-12 lg:pl-gutter pt-4 lg:pt-8 lg:pt-0 lg:pl-double-gutter"> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kansalaisopisto/kansalaisopiston-yhteystiedot/" >Kansalaisopiston yhteystiedot</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kansalaisopisto/kansalaisopiston-yhteystiedot/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kansalaisopisto/kansalaisopiston-kurssimaksut/" >Kurssimaksut ja maksutavat</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kansalaisopisto/kansalaisopiston-kurssimaksut/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kansalaisopisto/kansalaisopiston-lukuvuosi-ja-loma-ajat/" >Lukuvuosi ja loma-ajat</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kansalaisopisto/kansalaisopiston-lukuvuosi-ja-loma-ajat/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> </ul> </div> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto pl-6 lg:pl-0 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/taiteen-perusopetus/" id="17251" >Taiteen perusopetus</a> <a class="flex-none lg:hidden " href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/taiteen-perusopetus/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> </ul> </div> </li> <li class="flex items-center justify-start lg:justify-between flex-wrap lg:flex-nowrap lg:w-1/3"> <a class="nav-level-1 tracking-wide text-lg lg:text-2xl lg:font-bold flex-1 lg:w-4/5 lg:w-auto text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kasvatus-ja-opetus/" id="33560" >Kasvatus ja opetus</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kasvatus-ja-opetus/"> <span class="text-white text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> <button class="flex justify-start mr-3 lg:mr-0 order-first lg:order-last lg:w-1/5 lg:w-auto lg:justify-end focus:outline-none" data-navigation-children-toggle data-navigation-children-toggle-level="1" data-navigation-children-toggle-id="Kasvatus ja opetus" data-level-1-active-link-id="33560" data-toggle-content-within> <span class="hidden text-yellow-ochre text-white hover:text-yellow-ochre " data-toggle-content-within-close> <svg class="h-4 visible lg:hidden" aria-hidden="true" class="minus-regular_svg__svg-inline--fa minus-regular_svg__fa-minus minus-regular_svg__fa-w-12" data-icon="minus" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M368 224H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h352c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"/> </svg> <svg class="h-4 hidden lg:block" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> <span class="sr-only">Piilota linkit "Kasvatus ja opetus" -alla</span> </span> <span class="block text-white hover:text-yellow-ochre" data-toggle-content-within-open> <svg class="h-4" aria-hidden="true" class="plus-light_svg__svg-inline--fa plus-light_svg__fa-plus plus-light_svg__fa-w-12" data-icon="plus" data-prefix="fal" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/> </svg> <span class="sr-only">Näytä linkit "Kasvatus ja opetus" -alla</span> </span> </button> <div class="invisible h-0 top-0 w-full transition-opacity opacity-0 lg:absolute lg:w-1/3 lg:left-1/3"> <ul class="space-y-5 pl-6 lg:pl-gutter pt-8 lg:pl-double-gutter lg:pt-0"> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kasvatus-ja-opetus/varhaiskasvatuspalvelut/" id="30710" >Varhaiskasvatus</a> <a class="flex-none lg:hidden hidden " href="https://www.porvoo.fi/kasvatus-ja-opetus/varhaiskasvatuspalvelut/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> <button class="lg:w-auto mr-3 lg:mr-0 order-first lg:order-last lg:w-1/5 flex justify-start focus:outline-none" data-navigation-children-toggle data-navigation-children-toggle-level="2" data-navigation-children-toggle-id="Varhaiskasvatus" data-level-1-active-link-id="30710" data-toggle-content-within> <span class="hidden text-yellow-ochre text-white hover:text-yellow-ochre " data-toggle-content-within-close> <svg class="h-4 visible lg:hidden" aria-hidden="true" class="minus-regular_svg__svg-inline--fa minus-regular_svg__fa-minus minus-regular_svg__fa-w-12" data-icon="minus" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M368 224H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h352c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"/> </svg> <svg class="h-4 hidden lg:block" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> <span class="sr-only">Piilota linkit "Varhaiskasvatus" -alla</span> </span> <span class="block text-white hover:text-yellow-ochre" data-toggle-content-within-open> <svg class="h-4" aria-hidden="true" class="plus-light_svg__svg-inline--fa plus-light_svg__fa-plus plus-light_svg__fa-w-12" data-icon="plus" data-prefix="fal" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/> </svg> <span class="sr-only">Näytä linkit "Varhaiskasvatus" -alla</span> </span> </button> <div class="invisible h-0 top-0 w-full transition-opacity opacity-0 lg:absolute lg:left-full"> <ul class="space-y-5 pl-12 lg:pl-gutter pt-4 lg:pt-8 lg:pt-0 lg:pl-double-gutter"> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kasvatus-ja-opetus/varhaiskasvatuspalvelut/varhaiskasvatuksen-asiakasmaksut/" >Asiakasmaksut</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kasvatus-ja-opetus/varhaiskasvatuspalvelut/varhaiskasvatuksen-asiakasmaksut/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kasvatus-ja-opetus/varhaiskasvatuspalvelut/paivakodit/" >Päiväkodit</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kasvatus-ja-opetus/varhaiskasvatuspalvelut/paivakodit/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kasvatus-ja-opetus/varhaiskasvatuspalvelut/tervetuloa-varhaiskasvatukseen-ja-esiopetukseen/" >Tervetuloa varhaiskasvatukseen ja esiopetukseen</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kasvatus-ja-opetus/varhaiskasvatuspalvelut/tervetuloa-varhaiskasvatukseen-ja-esiopetukseen/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kasvatus-ja-opetus/varhaiskasvatuspalvelut/vuorohoito/" >Vuorohoito</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kasvatus-ja-opetus/varhaiskasvatuspalvelut/vuorohoito/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> </ul> </div> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kasvatus-ja-opetus/varhaiskasvatuspalvelut/esiopetus/" id="15054" >Esiopetus</a> <a class="flex-none lg:hidden hidden " href="https://www.porvoo.fi/kasvatus-ja-opetus/varhaiskasvatuspalvelut/esiopetus/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> <button class="lg:w-auto mr-3 lg:mr-0 order-first lg:order-last lg:w-1/5 flex justify-start focus:outline-none" data-navigation-children-toggle data-navigation-children-toggle-level="2" data-navigation-children-toggle-id="Esiopetus" data-level-1-active-link-id="15054" data-toggle-content-within> <span class="hidden text-yellow-ochre text-white hover:text-yellow-ochre " data-toggle-content-within-close> <svg class="h-4 visible lg:hidden" aria-hidden="true" class="minus-regular_svg__svg-inline--fa minus-regular_svg__fa-minus minus-regular_svg__fa-w-12" data-icon="minus" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M368 224H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h352c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"/> </svg> <svg class="h-4 hidden lg:block" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> <span class="sr-only">Piilota linkit "Esiopetus" -alla</span> </span> <span class="block text-white hover:text-yellow-ochre" data-toggle-content-within-open> <svg class="h-4" aria-hidden="true" class="plus-light_svg__svg-inline--fa plus-light_svg__fa-plus plus-light_svg__fa-w-12" data-icon="plus" data-prefix="fal" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/> </svg> <span class="sr-only">Näytä linkit "Esiopetus" -alla</span> </span> </button> <div class="invisible h-0 top-0 w-full transition-opacity opacity-0 lg:absolute lg:left-full"> <ul class="space-y-5 pl-12 lg:pl-gutter pt-4 lg:pt-8 lg:pt-0 lg:pl-double-gutter"> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kasvatus-ja-opetus/varhaiskasvatuspalvelut/tervetuloa-varhaiskasvatukseen-ja-esiopetukseen/" >Tervetuloa varhaiskasvatukseen ja esiopetukseen</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kasvatus-ja-opetus/varhaiskasvatuspalvelut/tervetuloa-varhaiskasvatukseen-ja-esiopetukseen/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> </ul> </div> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kasvatus-ja-opetus/perusopetus/" id="30707" >Perusopetus</a> <a class="flex-none lg:hidden hidden " href="https://www.porvoo.fi/kasvatus-ja-opetus/perusopetus/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> <button class="lg:w-auto mr-3 lg:mr-0 order-first lg:order-last lg:w-1/5 flex justify-start focus:outline-none" data-navigation-children-toggle data-navigation-children-toggle-level="2" data-navigation-children-toggle-id="Perusopetus" data-level-1-active-link-id="30707" data-toggle-content-within> <span class="hidden text-yellow-ochre text-white hover:text-yellow-ochre " data-toggle-content-within-close> <svg class="h-4 visible lg:hidden" aria-hidden="true" class="minus-regular_svg__svg-inline--fa minus-regular_svg__fa-minus minus-regular_svg__fa-w-12" data-icon="minus" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M368 224H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h352c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"/> </svg> <svg class="h-4 hidden lg:block" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> <span class="sr-only">Piilota linkit "Perusopetus" -alla</span> </span> <span class="block text-white hover:text-yellow-ochre" data-toggle-content-within-open> <svg class="h-4" aria-hidden="true" class="plus-light_svg__svg-inline--fa plus-light_svg__fa-plus plus-light_svg__fa-w-12" data-icon="plus" data-prefix="fal" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/> </svg> <span class="sr-only">Näytä linkit "Perusopetus" -alla</span> </span> </button> <div class="invisible h-0 top-0 w-full transition-opacity opacity-0 lg:absolute lg:left-full"> <ul class="space-y-5 pl-12 lg:pl-gutter pt-4 lg:pt-8 lg:pt-0 lg:pl-double-gutter"> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kasvatus-ja-opetus/perusopetus/opiskelu-perusopetuksessa/" >Opiskelu perusopetuksessa</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kasvatus-ja-opetus/perusopetus/opiskelu-perusopetuksessa/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kasvatus-ja-opetus/perusopetus/peruskoulut/" >Peruskoulut</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kasvatus-ja-opetus/perusopetus/peruskoulut/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kasvatus-ja-opetus/perusopetus/tervetuloa-kouluun/" >Tervetuloa kouluun</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kasvatus-ja-opetus/perusopetus/tervetuloa-kouluun/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kasvatus-ja-opetus/perusopetus/opiskelu-perusopetuksessa/tukea-oppimiseen-ja-koulunkayntiin/" >Tukea oppimiseen ja koulunkäyntiin</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kasvatus-ja-opetus/perusopetus/opiskelu-perusopetuksessa/tukea-oppimiseen-ja-koulunkayntiin/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> </ul> </div> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto pl-6 lg:pl-0 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kasvatus-ja-opetus/lukiokoulutus/" id="30702" >Lukiokoulutus</a> <a class="flex-none lg:hidden " href="https://www.porvoo.fi/kasvatus-ja-opetus/lukiokoulutus/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto pl-6 lg:pl-0 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kasvatus-ja-opetus/ammattikorkeakoulutus/" id="35720" >Ammattikorkeakoulutus</a> <a class="flex-none lg:hidden " href="https://www.porvoo.fi/kasvatus-ja-opetus/ammattikorkeakoulutus/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kansalaisopisto/" id="15151" >Porvoon kansalaisopisto</a> <a class="flex-none lg:hidden hidden " href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kansalaisopisto/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> <button class="lg:w-auto mr-3 lg:mr-0 order-first lg:order-last lg:w-1/5 flex justify-start focus:outline-none" data-navigation-children-toggle data-navigation-children-toggle-level="2" data-navigation-children-toggle-id="Porvoon kansalaisopisto" data-level-1-active-link-id="15151" data-toggle-content-within> <span class="hidden text-yellow-ochre text-white hover:text-yellow-ochre " data-toggle-content-within-close> <svg class="h-4 visible lg:hidden" aria-hidden="true" class="minus-regular_svg__svg-inline--fa minus-regular_svg__fa-minus minus-regular_svg__fa-w-12" data-icon="minus" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M368 224H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h352c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"/> </svg> <svg class="h-4 hidden lg:block" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> <span class="sr-only">Piilota linkit "Porvoon kansalaisopisto" -alla</span> </span> <span class="block text-white hover:text-yellow-ochre" data-toggle-content-within-open> <svg class="h-4" aria-hidden="true" class="plus-light_svg__svg-inline--fa plus-light_svg__fa-plus plus-light_svg__fa-w-12" data-icon="plus" data-prefix="fal" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/> </svg> <span class="sr-only">Näytä linkit "Porvoon kansalaisopisto" -alla</span> </span> </button> <div class="invisible h-0 top-0 w-full transition-opacity opacity-0 lg:absolute lg:left-full"> <ul class="space-y-5 pl-12 lg:pl-gutter pt-4 lg:pt-8 lg:pt-0 lg:pl-double-gutter"> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kansalaisopisto/kansalaisopiston-yhteystiedot/" >Kansalaisopiston yhteystiedot</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kansalaisopisto/kansalaisopiston-yhteystiedot/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kansalaisopisto/kansalaisopiston-kurssimaksut/" >Kurssimaksut ja maksutavat</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kansalaisopisto/kansalaisopiston-kurssimaksut/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kansalaisopisto/kansalaisopiston-lukuvuosi-ja-loma-ajat/" >Lukuvuosi ja loma-ajat</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kansalaisopisto/kansalaisopiston-lukuvuosi-ja-loma-ajat/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> </ul> </div> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto pl-6 lg:pl-0 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/taiteen-perusopetus/" id="26362" >Taiteen perusopetus</a> <a class="flex-none lg:hidden " href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/taiteen-perusopetus/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto pl-6 lg:pl-0 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/asuminen-ymparisto/luonto-ja-ymparistonsuojelu/porvoon-luontokoulu/" id="60595" >Porvoon luontokoulu</a> <a class="flex-none lg:hidden " href="https://www.porvoo.fi/asuminen-ymparisto/luonto-ja-ymparistonsuojelu/porvoon-luontokoulu/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> </ul> </div> </li> <li class="flex items-center justify-start lg:justify-between flex-wrap lg:flex-nowrap lg:w-1/3"> <a class="nav-level-1 tracking-wide text-lg lg:text-2xl lg:font-bold flex-1 lg:w-4/5 lg:w-auto text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/tyo-ja-yrittaminen/" id="33461" >Työ ja yrittäminen</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/tyo-ja-yrittaminen/"> <span class="text-white text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> <button class="flex justify-start mr-3 lg:mr-0 order-first lg:order-last lg:w-1/5 lg:w-auto lg:justify-end focus:outline-none" data-navigation-children-toggle data-navigation-children-toggle-level="1" data-navigation-children-toggle-id="Työ ja yrittäminen" data-level-1-active-link-id="33461" data-toggle-content-within> <span class="hidden text-yellow-ochre text-white hover:text-yellow-ochre " data-toggle-content-within-close> <svg class="h-4 visible lg:hidden" aria-hidden="true" class="minus-regular_svg__svg-inline--fa minus-regular_svg__fa-minus minus-regular_svg__fa-w-12" data-icon="minus" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M368 224H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h352c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"/> </svg> <svg class="h-4 hidden lg:block" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> <span class="sr-only">Piilota linkit "Työ ja yrittäminen" -alla</span> </span> <span class="block text-white hover:text-yellow-ochre" data-toggle-content-within-open> <svg class="h-4" aria-hidden="true" class="plus-light_svg__svg-inline--fa plus-light_svg__fa-plus plus-light_svg__fa-w-12" data-icon="plus" data-prefix="fal" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/> </svg> <span class="sr-only">Näytä linkit "Työ ja yrittäminen" -alla</span> </span> </button> <div class="invisible h-0 top-0 w-full transition-opacity opacity-0 lg:absolute lg:w-1/3 lg:left-1/3"> <ul class="space-y-5 pl-6 lg:pl-gutter pt-8 lg:pl-double-gutter lg:pt-0"> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/tyo-ja-yrittaminen/kaupunki-tyonantajana/" id="16513" >Kaupunki työnantajana</a> <a class="flex-none lg:hidden hidden " href="https://www.porvoo.fi/tyo-ja-yrittaminen/kaupunki-tyonantajana/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> <button class="lg:w-auto mr-3 lg:mr-0 order-first lg:order-last lg:w-1/5 flex justify-start focus:outline-none" data-navigation-children-toggle data-navigation-children-toggle-level="2" data-navigation-children-toggle-id="Kaupunki työnantajana" data-level-1-active-link-id="16513" data-toggle-content-within> <span class="hidden text-yellow-ochre text-white hover:text-yellow-ochre " data-toggle-content-within-close> <svg class="h-4 visible lg:hidden" aria-hidden="true" class="minus-regular_svg__svg-inline--fa minus-regular_svg__fa-minus minus-regular_svg__fa-w-12" data-icon="minus" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M368 224H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h352c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"/> </svg> <svg class="h-4 hidden lg:block" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> <span class="sr-only">Piilota linkit "Kaupunki työnantajana" -alla</span> </span> <span class="block text-white hover:text-yellow-ochre" data-toggle-content-within-open> <svg class="h-4" aria-hidden="true" class="plus-light_svg__svg-inline--fa plus-light_svg__fa-plus plus-light_svg__fa-w-12" data-icon="plus" data-prefix="fal" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/> </svg> <span class="sr-only">Näytä linkit "Kaupunki työnantajana" -alla</span> </span> </button> <div class="invisible h-0 top-0 w-full transition-opacity opacity-0 lg:absolute lg:left-full"> <ul class="space-y-5 pl-12 lg:pl-gutter pt-4 lg:pt-8 lg:pt-0 lg:pl-double-gutter"> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/tyo-ja-yrittaminen/kaupunki-tyonantajana/avoimet-tyopaikat/" >Avoimet työpaikat</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/tyo-ja-yrittaminen/kaupunki-tyonantajana/avoimet-tyopaikat/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/tyo-ja-yrittaminen/kaupunki-tyonantajana/kesatyo/" >Kesätyö</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/tyo-ja-yrittaminen/kaupunki-tyonantajana/kesatyo/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/tyo-ja-yrittaminen/kaupunki-tyonantajana/sijaisrekrytointi/" >Sijaisrekrytointi</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/tyo-ja-yrittaminen/kaupunki-tyonantajana/sijaisrekrytointi/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap"> <a class="tracking-wide text-sm lg:text-base flex-1 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/tyo-ja-yrittaminen/kaupunki-tyonantajana/tyontekijat-kertovat/" >Työntekijät kertovat</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/tyo-ja-yrittaminen/kaupunki-tyonantajana/tyontekijat-kertovat/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> </ul> </div> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto pl-6 lg:pl-0 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/porvoon-tyollisyysalue/" id="210011" >Porvoon työllisyysalue</a> <a class="flex-none lg:hidden " href="https://www.porvoo.fi/porvoon-tyollisyysalue/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto pl-6 lg:pl-0 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/tyo-ja-yrittaminen/yrittajat-ja-elinkeinoelama/" id="45957" >Yrittäjät ja elinkeinoelämä</a> <a class="flex-none lg:hidden " href="https://www.porvoo.fi/tyo-ja-yrittaminen/yrittajat-ja-elinkeinoelama/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> </ul> </div> </li> <li class="flex items-center justify-start lg:justify-between flex-wrap lg:flex-nowrap lg:w-1/3"> <a class="nav-level-1 tracking-wide text-lg lg:text-2xl lg:font-bold flex-1 lg:w-4/5 lg:w-auto text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/porvoon-tyollisyysalue/" id="196036" >Porvoon työllisyysalue</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/porvoon-tyollisyysalue/"> <span class="text-white text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-center justify-start lg:justify-between flex-wrap lg:flex-nowrap lg:w-1/3"> <a class="nav-level-1 tracking-wide text-lg lg:text-2xl lg:font-bold flex-1 lg:w-4/5 lg:w-auto text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/palveluja-eri-elamantilanteissa/" id="40043" >Palveluja eri elämäntilanteissa</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/palveluja-eri-elamantilanteissa/"> <span class="text-white text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> <button class="flex justify-start mr-3 lg:mr-0 order-first lg:order-last lg:w-1/5 lg:w-auto lg:justify-end focus:outline-none" data-navigation-children-toggle data-navigation-children-toggle-level="1" data-navigation-children-toggle-id="Palveluja eri elämäntilanteissa" data-level-1-active-link-id="40043" data-toggle-content-within> <span class="hidden text-yellow-ochre text-white hover:text-yellow-ochre " data-toggle-content-within-close> <svg class="h-4 visible lg:hidden" aria-hidden="true" class="minus-regular_svg__svg-inline--fa minus-regular_svg__fa-minus minus-regular_svg__fa-w-12" data-icon="minus" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M368 224H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h352c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"/> </svg> <svg class="h-4 hidden lg:block" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> <span class="sr-only">Piilota linkit "Palveluja eri elämäntilanteissa" -alla</span> </span> <span class="block text-white hover:text-yellow-ochre" data-toggle-content-within-open> <svg class="h-4" aria-hidden="true" class="plus-light_svg__svg-inline--fa plus-light_svg__fa-plus plus-light_svg__fa-w-12" data-icon="plus" data-prefix="fal" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/> </svg> <span class="sr-only">Näytä linkit "Palveluja eri elämäntilanteissa" -alla</span> </span> </button> <div class="invisible h-0 top-0 w-full transition-opacity opacity-0 lg:absolute lg:w-1/3 lg:left-1/3"> <ul class="space-y-5 pl-6 lg:pl-gutter pt-8 lg:pl-double-gutter lg:pt-0"> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto pl-6 lg:pl-0 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/palveluja-eri-elamantilanteissa/muuttajalle/" id="65750" >Uusille asukkaille</a> <a class="flex-none lg:hidden " href="https://www.porvoo.fi/palveluja-eri-elamantilanteissa/muuttajalle/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto pl-6 lg:pl-0 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/palveluja-eri-elamantilanteissa/nuorille-suunnatut-palvelut/" id="204644" >Nuorille suunnatut palvelut</a> <a class="flex-none lg:hidden " href="https://www.porvoo.fi/palveluja-eri-elamantilanteissa/nuorille-suunnatut-palvelut/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto pl-6 lg:pl-0 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/palveluja-eri-elamantilanteissa/kotoutumispalvelut/" id="40046" >Kotoutumispalvelut</a> <a class="flex-none lg:hidden " href="https://www.porvoo.fi/palveluja-eri-elamantilanteissa/kotoutumispalvelut/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto pl-6 lg:pl-0 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/porvoon-tyollisyysalue/" id="210033" >Porvoon työllisyysalue</a> <a class="flex-none lg:hidden " href="https://www.porvoo.fi/porvoon-tyollisyysalue/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> <li class="flex items-start justify-start lg:justify-between flex-wrap lg:flex-nowrap"> <a class="nav-level-2 tracking-wide text-sm lg:text-lg flex-1 lg:w-4/5 lg:w-auto pl-6 lg:pl-0 text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/tyo-ja-yrittaminen/yrittajat-ja-elinkeinoelama/" id="210032" >Yrittäjät ja elinkeinoelämä</a> <a class="flex-none lg:hidden " href="https://www.porvoo.fi/tyo-ja-yrittaminen/yrittajat-ja-elinkeinoelama/"> <span class="text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> </ul> </div> </li> <li class="flex items-center justify-start lg:justify-between flex-wrap lg:flex-nowrap lg:w-1/3"> <a class="nav-level-1 tracking-wide text-lg lg:text-2xl lg:font-bold flex-1 lg:w-4/5 lg:w-auto text-white hover:text-yellow-ochre hover:underline" href="https://www.porvoo.fi/hyvinvointi-ja-turvallisuus/" id="133735" >Hyvinvointi ja turvallisuus</a> <a class="flex-none lg:hidden" href="https://www.porvoo.fi/hyvinvointi-ja-turvallisuus/"> <span class="text-white text-white hover:text-yellow-ochre"> <svg class="h-4" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> </a> </li> </ul> </nav> <div class="pb-5"> <div class="text-white lg:flex w-full items-center pb-double-gutter mt-double-gutter lg:mt-0 space-y-double-gutter lg:space-y-0 lg:space-x-gutter"> <nav aria-label="Ensisijaisen navigaation pikalinkit" class="w-full lg:w-1/2"> <ul class="sm:flex sm:flex-nowrap items-start sm:justify-center -mb-6 sm:mb-0 sm:space-x-5 md:space-x-6 ml-4"> <li class="w-full sm:w-auto sm:flex sm:justify-start sm:mb-0"> <a href="https://www.eporvoo.fi/fi-FI/neuvonta-palaute/" class="tracking-wide text-sm sm:text-base inline-block sm:block text-bright-green hover:text-white text-center leading-tight align-middle"> <span aria-hidden="true" class="text-bright-green hover:text-white w-6 inline-block align-middle sm:block sm:m-auto"> <svg class="h-4 w-auto mx-auto mr-3 sm:mr-0" aria-hidden="true" class="envelope-regular_svg__svg-inline--fa envelope-regular_svg__fa-envelope envelope-regular_svg__fa-w-16" data-icon="envelope" data-prefix="far" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/> </svg> </span> Anna palautetta </a> </li> <li class="w-full sm:w-auto sm:flex sm:justify-start sm:mb-0"> <a href="https://www.eporvoo.fi/fi-FI/" class="tracking-wide text-sm sm:text-base inline-block sm:block text-bright-green hover:text-white text-center leading-tight align-middle"> <span aria-hidden="true" class="text-bright-green hover:text-white w-6 inline-block align-middle sm:block sm:m-auto"> <svg class="h-4 w-auto mx-auto mr-3 sm:mr-0" aria-hidden="true" class="address-book-light_svg__svg-inline--fa address-book-light_svg__fa-address-book address-book-light_svg__fa-w-14" data-icon="address-book" data-prefix="fal" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M436 160c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-20V64c0-35.3-28.7-64-64-64H64C28.7 0 0 28.7 0 64v384c0 35.3 28.7 64 64 64h288c35.3 0 64-28.7 64-64v-32h20c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-20v-64h20c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-20v-64h20zm-52 288c0 17.6-14.4 32-32 32H64c-17.6 0-32-14.4-32-32V64c0-17.6 14.4-32 32-32h288c17.6 0 32 14.4 32 32v384zM208 272c44.2 0 80-35.8 80-80s-35.8-80-80-80-80 35.8-80 80 35.8 80 80 80zm0-128c26.5 0 48 21.5 48 48s-21.5 48-48 48-48-21.5-48-48 21.5-48 48-48zm46.8 144c-19.5 0-24.4 7-46.8 7s-27.3-7-46.8-7c-21.2 0-41.8 9.4-53.8 27.4C100.2 326.1 96 339 96 352.9V392c0 4.4 3.6 8 8 8h16c4.4 0 8-3.6 8-8v-39.1c0-7 2.1-13.8 6-19.6 5.6-8.3 15.8-13.2 27.3-13.2 12.4 0 20.8 7 46.8 7 25.9 0 34.3-7 46.8-7 11.5 0 21.7 5 27.3 13.2 3.9 5.8 6 12.6 6 19.6V392c0 4.4 3.6 8 8 8h16c4.4 0 8-3.6 8-8v-39.1c0-13.9-4.2-26.8-11.4-37.5-12.3-18-32.9-27.4-54-27.4z"/> </svg> </span> Asioi verkossa </a> </li> <li class="w-full sm:w-auto sm:flex sm:justify-start sm:mb-0"> <a href="https://www.porvoo.fi/tyo-ja-yrittaminen/kaupunki-tyonantajana/avoimet-tyopaikat/" class="tracking-wide text-sm sm:text-base inline-block sm:block text-bright-green hover:text-white text-center leading-tight align-middle"> <span aria-hidden="true" class="text-bright-green hover:text-white w-6 inline-block align-middle sm:block sm:m-auto"> <svg class="h-4 w-auto mx-auto mr-3 sm:mr-0" aria-hidden="true" class="glasses-alt-light_svg__svg-inline--fa glasses-alt-light_svg__fa-glasses-alt glasses-alt-light_svg__fa-w-18" data-icon="glasses-alt" data-prefix="fal" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M572.39 302.63 528.75 92.78c-5.41-21.73-19.66-40.23-39.12-50.92-19.5-10.7-42.72-12.81-63.81-5.75l-22.85 7.61c-4.19 1.4-6.46 5.93-5.06 10.12l5.06 15.18c1.4 4.19 5.93 6.46 10.12 5.06l20.28-6.77c13.11-4.37 27.75-4.29 39.99 2.14 12.3 6.46 20.94 17.46 24.29 30.9l30.45 140.84C504.32 220.78 473.79 208 440 208c-66.89 0-122.21 48.38-133.58 112h-36.84C258.21 256.38 202.89 208 136 208c-33.79 0-64.32 12.78-88.1 33.18l30.45-140.84c3.36-13.44 11.99-24.44 24.29-30.9 12.24-6.43 26.88-6.51 39.99-2.14l20.28 6.77c4.19 1.4 8.72-.87 10.12-5.06l5.06-15.18c1.4-4.19-.87-8.72-5.06-10.12l-22.85-7.61c-21.09-7.06-44.31-4.95-63.81 5.75-19.46 10.7-33.71 29.2-39.12 50.93L3.61 302.63A172.5 172.5 0 0 0 0 336v8c0 75.11 60.89 136 136 136 72.37 0 130.97-56.69 135.19-128h33.61c4.22 71.31 62.82 128 135.19 128 75.11 0 136-60.89 136-136v-8c-.1-11.21-1.32-22.39-3.6-33.37zM136 448c-57.35 0-104-46.65-104-104s46.65-104 104-104 104 46.65 104 104-46.65 104-104 104zm304 0c-57.35 0-104-46.65-104-104s46.65-104 104-104 104 46.65 104 104-46.65 104-104 104z"/> </svg> </span> Avoimet työpaikat </a> </li> <li class="w-full sm:w-auto sm:flex sm:justify-start sm:mb-0"> <a href="https://kartta.porvoo.fi/" class="tracking-wide text-sm sm:text-base inline-block sm:block text-bright-green hover:text-white text-center leading-tight align-middle"> <span aria-hidden="true" class="text-bright-green hover:text-white w-6 inline-block align-middle sm:block sm:m-auto"> <svg class="h-4 w-auto mx-auto mr-3 sm:mr-0" aria-hidden="true" class="map-marked-alt-regular_svg__svg-inline--fa map-marked-alt-regular_svg__fa-map-marked-alt map-marked-alt-regular_svg__fa-w-18" data-icon="map-marked-alt" data-prefix="far" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M344 126c0-13.3-10.7-24-24-24s-24 10.7-24 24c0 13.2 10.7 24 24 24s24-10.8 24-24zm-24 226c5 0 10-2 13.5-6.1 35.3-40 127.3-150.1 127.3-210.6C460.8 60.6 397.8 0 320 0S179.2 60.6 179.2 135.3c0 60.4 92 170.6 127.3 210.6C310 350 315 352 320 352zm0-304c51.2 0 92.8 39.2 92.8 87.3 0 21.4-31.8 79.1-92.8 152.6-61-73.5-92.8-131.2-92.8-152.6 0-48.1 41.6-87.3 92.8-87.3zm240 112c-2 0-4 .4-6 1.2l-73.5 27.2c-8.2 20.4-20.2 42-34.2 63.8L528 222v193l-128 44.5V316.3c-13.7 17.3-27.9 34.3-42.5 50.8-1.7 1.9-3.6 3.5-5.5 5.1v81.4l-128-45.2v-113c-18.1-24.1-34.8-48.8-48-72.8v180.2l-.6.2L48 450V257l123.6-43c-8-15.4-14.1-30.3-18.3-44.5L20.1 216C8 220.8 0 232.6 0 245.7V496c0 9.2 7.5 16 16 16 2 0 4-.4 6-1.2L192 448l172 60.7c13 4.3 27 4.4 40 .2L555.9 456c12.2-4.9 20.1-16.6 20.1-29.7V176c0-9.2-7.5-16-16-16z"/> </svg> </span> Karttapalvelu </a> </li> <li class="w-full sm:w-auto sm:flex sm:justify-start sm:mb-0"> <a href="https://www.porvoo.fi/yhteystietohakemisto/" class="tracking-wide text-sm sm:text-base inline-block sm:block text-bright-green hover:text-white text-center leading-tight align-middle"> <span aria-hidden="true" class="text-bright-green hover:text-white w-6 inline-block align-middle sm:block sm:m-auto"> <svg class="h-4 w-auto mx-auto mr-3 sm:mr-0" aria-hidden="true" class="address-book-light_svg__svg-inline--fa address-book-light_svg__fa-address-book address-book-light_svg__fa-w-14" data-icon="address-book" data-prefix="fal" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M436 160c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-20V64c0-35.3-28.7-64-64-64H64C28.7 0 0 28.7 0 64v384c0 35.3 28.7 64 64 64h288c35.3 0 64-28.7 64-64v-32h20c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-20v-64h20c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-20v-64h20zm-52 288c0 17.6-14.4 32-32 32H64c-17.6 0-32-14.4-32-32V64c0-17.6 14.4-32 32-32h288c17.6 0 32 14.4 32 32v384zM208 272c44.2 0 80-35.8 80-80s-35.8-80-80-80-80 35.8-80 80 35.8 80 80 80zm0-128c26.5 0 48 21.5 48 48s-21.5 48-48 48-48-21.5-48-48 21.5-48 48-48zm46.8 144c-19.5 0-24.4 7-46.8 7s-27.3-7-46.8-7c-21.2 0-41.8 9.4-53.8 27.4C100.2 326.1 96 339 96 352.9V392c0 4.4 3.6 8 8 8h16c4.4 0 8-3.6 8-8v-39.1c0-7 2.1-13.8 6-19.6 5.6-8.3 15.8-13.2 27.3-13.2 12.4 0 20.8 7 46.8 7 25.9 0 34.3-7 46.8-7 11.5 0 21.7 5 27.3 13.2 3.9 5.8 6 12.6 6 19.6V392c0 4.4 3.6 8 8 8h16c4.4 0 8-3.6 8-8v-39.1c0-13.9-4.2-26.8-11.4-37.5-12.3-18-32.9-27.4-54-27.4z"/> </svg> </span> Yhteystiedot </a> </li> </ul> </nav> <div class="hidden sm:block w-full lg:w-1/2"> <ul class="flex items-center justify-center space-x-8 lg:space-x-16"> <li> <a target="_blank" href="https://www.instagram.com/porvoonkaupunki_borgastad/" class="text-bright-green hover:text-white"> <svg class="h-5" aria-hidden="true" class="instagram-brands_svg__svg-inline--fa instagram-brands_svg__fa-instagram instagram-brands_svg__fa-w-14" data-icon="instagram" data-prefix="fab" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/> </svg> <span class="sr-only">Seuraa Instagram</span> <span class="hidden">Instagram</span> </a> </li> <li> <a target="_blank" href="https://www.facebook.com/porvoonkaupunki" class="text-bright-green hover:text-white"> <svg class="h-5" aria-hidden="true" class="facebook-f-brands_svg__svg-inline--fa facebook-f-brands_svg__fa-facebook-f facebook-f-brands_svg__fa-w-10" data-icon="facebook-f" data-prefix="fab" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m279.14 288 14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/> </svg> <span class="sr-only">Seuraa Facebook</span> <span class="hidden">Facebook</span> </a> </li> <li> <a target="_blank" href="https://www.linkedin.com/company/city-of-porvoo/" class="text-bright-green hover:text-white"> <svg class="h-5" aria-hidden="true" class="linkedin-in-brands_svg__svg-inline--fa linkedin-in-brands_svg__fa-linkedin-in linkedin-in-brands_svg__fa-w-14" data-icon="linkedin-in" data-prefix="fab" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"/> </svg> <span class="sr-only">Seuraa LinkedIn</span> <span class="hidden">LinkedIn</span> </a> </li> <li> <a target="_blank" href="https://www.youtube.com/user/PorvooKaupunki" class="text-bright-green hover:text-white"> <svg class="h-5" aria-hidden="true" class="youtube-brands_svg__svg-inline--fa youtube-brands_svg__fa-youtube youtube-brands_svg__fa-w-18" data-icon="youtube" data-prefix="fab" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/> </svg> <span class="sr-only">Seuraa YouTube</span> <span class="hidden">YouTube</span> </a> </li> </ul> </div> </div> </div> </div> </div> </div> <main id="main" class="main js-main-content voice-intuitive "> <div class="wp-block-service-hero mx-auto mb-gutter md:pb-gutter md:mb-double-gutter overflow-y-hidden md:overflow-y-visible"> <div class="2xl:container mx-auto pr-gutter md:pr-0 md:px-gutter flex flex-col-reverse md:flex-col flex-wrap items-start relative overflow-hidden md:overflow-visible"> <div class="w-full relative md:w-3/5 py-gutter px-double-gutter mr-gutter md:mr-0 md:px-gutter md:p-16 lg:px-20 z-20 bg-rose text-near-black-blue"> <div class="mb-half-gutter"> <nav class="breadcrumbs" role="navigation" aria-label="Murupolku" itemprop="breadcrumb"><h2 class="breadcrumbs__title sr-only">Selaa:</h2><ul class="breadcrumbs__trail flex flex-wrap space-x-2 items-center justify-start" itemscope itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__crumb flex whitespace-nowrap items-center hover:underline breadcrumbs__crumb--home" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a href="https://www.porvoo.fi/" itemprop="item"><span itemprop="name">Etusivu</span></a></li><li class="breadcrumbs__crumb flex whitespace-nowrap items-center hover:underline breadcrumbs__crumb--post" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/" itemprop="item"><span itemprop="name">Kulttuuri ja vapaa-aika</span></a></li><li class="breadcrumbs__crumb flex whitespace-nowrap items-center hover:underline breadcrumbs__crumb--post" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kulttuuri/" itemprop="item"><span itemprop="name">Kulttuuri</span></a></li><li class="breadcrumbs__crumb flex whitespace-nowrap items-center hover:underline breadcrumbs__crumb--post" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a href="https://www.porvoo.fi/kulttuuri-ja-vapaa-aika/kulttuuri/julkinen-taide-ja-taideohjelmat/" itemprop="item"><span itemprop="name">Julkinen taide ja taideohjelmat</span></a></li></ul></nav> </div> <div class="text-near-black-blue"> <h1 class="font-heading font-bold text-4xl md:text-5xl ">Porvoon Taidetehtaan rantakorttelin avoin taidekilpailu</h1> </div> <div class="lg:flex mt-gutter space-y-half-gutter lg:space-y-0 lg:space-x-half-gutter"> </div> </div> <div aria-hidden="true" class="ml-gutter md:ml-0 md:absolute top-gutter w-full md:w-3/6 h-full overflow-hidden left-gutter md:left-auto md:right-0 z-10"> <div class="md:absolute inset-0 md:right-gutter"> <img fetchpriority="high" decoding="async" width="2253" height="1205" src="https://www.porvoo.fi/app/uploads/2024/11/kuva-1-1.png" class="object-cover md:absolute inset-0 w-full h-full " alt="Ilmakuva Porvoonjoen Länsirannasta." srcset="/app/uploads/2024/11/kuva-1-1.png 2253w, /app/uploads/2024/11/kuva-1-1-300x160.png 300w, /app/uploads/2024/11/kuva-1-1-1024x548.png 1024w, /app/uploads/2024/11/kuva-1-1-768x411.png 768w, /app/uploads/2024/11/kuva-1-1-1536x822.png 1536w, /app/uploads/2024/11/kuva-1-1-2048x1095.png 2048w" sizes="(max-width: 2253px) 100vw, 2253px" /> </div> </div> </div> </div> <div class='wp-block-heading mb-gutter mt-20 px-gutter mx-auto'> <div class='font-heading font-bold prose md:prose-md mx-auto'> <h2 class="wp-block-heading">Taidekilpailu on käynnissä 22.11.2024–25.4.2025</h2> </div> </div> <div class='wp-block-paragraph my-gutter px-gutter mx-auto'> <div class='prose md:prose-md mx-auto'> <p>Porvoon Taidetehtaan rantakortteliin hankitaan julkinen taideteos avoimella kansallisella taidekilpailulla.</p> </div> </div> <div class='wp-block-paragraph my-gutter px-gutter mx-auto'> <div class='prose md:prose-md mx-auto'> <p>Porvoon kaupunki ja Kesko kutsuvat Suomessa asuvia ja työskenteleviä kuvataiteilijoita osallistumaan kilpailuun, jossa haetaan taideteosta Porvoon Länsirannalle rakentuvaan K-Citymarketin julkisivuun. </p> </div> </div> <div class='wp-block-paragraph my-gutter px-gutter mx-auto'> <div class='prose md:prose-md mx-auto'> <p>Kilpailussa noudatetaan sille laadittua kilpailuohjelmaa ja Suomen Taiteilijaseuran kilpailusääntöjä. </p> </div> </div> <div class='wp-block-heading mb-gutter mt-20 px-gutter mx-auto'> <div class='font-heading font-bold prose md:prose-md mx-auto'> <h2 class="wp-block-heading">Ohjeet ja aineisto taidekilpailuun osallistuville</h2> </div> </div> <div class='wp-block-paragraph my-gutter px-gutter mx-auto'> <div class='prose md:prose-md mx-auto'> <p>Tutustu kilpailuohjelmaan ja liitteisiin. Kilpailuehdotukset tulee jättää sähköisesti ArtCurator-palvelun kautta palvelun ohjeistuksien mukaan. Kilpailuehdotusten tulee olla perillä <strong>viimeistään 25.4.2025 klo 15</strong> Suomen aikaa.</p> </div> </div> <div class="wp-block-link my-gutter px-gutter mx-auto"> <div class="max-w-prose mx-auto"> <a href="https://taidetehtaanrantakortteli.artcurator.io" aria-label="Ulkopuolinen linkki" target="" class="flex items-center space-x-2 font-bold text-blue hover:text-near-black-blue"> <svg role="img" aria-label="Ulkopuolinen linkki" aria-hidden="false" class="w-4 h-4 flex-shrink-0" aria-hidden="true" class="external-link-regular_svg__svg-inline--fa external-link-regular_svg__fa-external-link external-link-regular_svg__fa-w-16" data-icon="external-link" data-prefix="far" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M497.6 0 334.4.17a14.4 14.4 0 0 0-14.4 14.4v33.31a14.4 14.4 0 0 0 14.69 14.4l73.63-2.72 2.06 2.06-278.86 278.87a12 12 0 0 0 0 17l23 23a12 12 0 0 0 17 0l278.86-278.87 2.06 2.06-2.72 73.63a14.4 14.4 0 0 0 14.4 14.69h33.31a14.4 14.4 0 0 0 14.4-14.4L512 14.4A14.4 14.4 0 0 0 497.6 0ZM432 288h-16a16 16 0 0 0-16 16v154a6 6 0 0 1-6 6H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h154a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V304a16 16 0 0 0-16-16Z"/> </svg> <span> Jätä kilpailuehdotus, ArtCurator-palvelu </span> </a> </div> </div> <div class='wp-block-heading mb-gutter mt-20 px-gutter mx-auto'> <div class='font-heading-2 prose md:prose-md mx-auto'> <h3 class="wp-block-heading">Kilpailuohjelma</h3> </div> </div> <div class="wp-block-link my-gutter px-gutter mx-auto"> <div class="max-w-prose mx-auto"> <a href="https://www.porvoo.fi/app/uploads/2024/11/kilpailuohjelma.pdf" aria-label="Ladattava tiedosto" target="" class="flex items-center space-x-2 font-bold text-blue hover:text-near-black-blue"> <svg role="img" aria-label="Ladattava tiedosto" aria-hidden="false" class="w-4 h-4 flex-shrink-0" aria-hidden="true" class="arrow-to-bottom-regular_svg__svg-inline--fa arrow-to-bottom-regular_svg__fa-arrow-to-bottom arrow-to-bottom-regular_svg__fa-w-12" data-icon="arrow-to-bottom" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m348.5 232.1-148 148.4c-4.7 4.7-12.3 4.7-17 0l-148-148.4c-4.7-4.7-4.7-12.3 0-17l19.6-19.6c4.8-4.8 12.5-4.7 17.1.2l93.7 97.1V44c0-6.6 5.4-12 12-12h28c6.6 0 12 5.4 12 12v248.8l93.7-97.1c4.7-4.8 12.4-4.9 17.1-.2l19.6 19.6c4.9 4.7 4.9 12.3.2 17zM372 428H12c-6.6 0-12 5.4-12 12v28c0 6.6 5.4 12 12 12h360c6.6 0 12-5.4 12-12v-28c0-6.6-5.4-12-12-12z"/> </svg> <span> Kilpailuohjelma (pdf) </span> </a> </div> </div> <div class='wp-block-heading mb-gutter mt-20 px-gutter mx-auto'> <div class='font-heading-2 prose md:prose-md mx-auto'> <h3 class="wp-block-heading">Kilpailun liitteet</h3> </div> </div> <div class="wp-block-link my-gutter px-gutter mx-auto"> <div class="max-w-prose mx-auto"> <a href="https://www.porvoo.fi/app/uploads/2025/01/LIITE-1-Mittakuva-paivitetty-210125.pdf" aria-label="Ladattava tiedosto" target="" class="flex items-center space-x-2 font-bold text-blue hover:text-near-black-blue"> <svg role="img" aria-label="Ladattava tiedosto" aria-hidden="false" class="w-4 h-4 flex-shrink-0" aria-hidden="true" class="arrow-to-bottom-regular_svg__svg-inline--fa arrow-to-bottom-regular_svg__fa-arrow-to-bottom arrow-to-bottom-regular_svg__fa-w-12" data-icon="arrow-to-bottom" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m348.5 232.1-148 148.4c-4.7 4.7-12.3 4.7-17 0l-148-148.4c-4.7-4.7-4.7-12.3 0-17l19.6-19.6c4.8-4.8 12.5-4.7 17.1.2l93.7 97.1V44c0-6.6 5.4-12 12-12h28c6.6 0 12 5.4 12 12v248.8l93.7-97.1c4.7-4.8 12.4-4.9 17.1-.2l19.6 19.6c4.9 4.7 4.9 12.3.2 17zM372 428H12c-6.6 0-12 5.4-12 12v28c0 6.6 5.4 12 12 12h360c6.6 0 12-5.4 12-12v-28c0-6.6-5.4-12-12-12z"/> </svg> <span> Liite 1 Mittakuva (pdf) </span> </a> </div> </div> <div class="wp-block-link my-gutter px-gutter mx-auto"> <div class="max-w-prose mx-auto"> <a href="https://www.porvoo.fi/app/uploads/2024/11/LIITE-2-Detaljikuvat.pdf" aria-label="Ladattava tiedosto" target="" class="flex items-center space-x-2 font-bold text-blue hover:text-near-black-blue"> <svg role="img" aria-label="Ladattava tiedosto" aria-hidden="false" class="w-4 h-4 flex-shrink-0" aria-hidden="true" class="arrow-to-bottom-regular_svg__svg-inline--fa arrow-to-bottom-regular_svg__fa-arrow-to-bottom arrow-to-bottom-regular_svg__fa-w-12" data-icon="arrow-to-bottom" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m348.5 232.1-148 148.4c-4.7 4.7-12.3 4.7-17 0l-148-148.4c-4.7-4.7-4.7-12.3 0-17l19.6-19.6c4.8-4.8 12.5-4.7 17.1.2l93.7 97.1V44c0-6.6 5.4-12 12-12h28c6.6 0 12 5.4 12 12v248.8l93.7-97.1c4.7-4.8 12.4-4.9 17.1-.2l19.6 19.6c4.9 4.7 4.9 12.3.2 17zM372 428H12c-6.6 0-12 5.4-12 12v28c0 6.6 5.4 12 12 12h360c6.6 0 12-5.4 12-12v-28c0-6.6-5.4-12-12-12z"/> </svg> <span> Liite 2 Detaljikuvat (pdf) </span> </a> </div> </div> <div class="wp-block-link my-gutter px-gutter mx-auto"> <div class="max-w-prose mx-auto"> <a href="https://www.porvoo.fi/app/uploads/2024/11/LIITE-3-Julkisivukuvat.pdf" aria-label="Ladattava tiedosto" target="" class="flex items-center space-x-2 font-bold text-blue hover:text-near-black-blue"> <svg role="img" aria-label="Ladattava tiedosto" aria-hidden="false" class="w-4 h-4 flex-shrink-0" aria-hidden="true" class="arrow-to-bottom-regular_svg__svg-inline--fa arrow-to-bottom-regular_svg__fa-arrow-to-bottom arrow-to-bottom-regular_svg__fa-w-12" data-icon="arrow-to-bottom" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m348.5 232.1-148 148.4c-4.7 4.7-12.3 4.7-17 0l-148-148.4c-4.7-4.7-4.7-12.3 0-17l19.6-19.6c4.8-4.8 12.5-4.7 17.1.2l93.7 97.1V44c0-6.6 5.4-12 12-12h28c6.6 0 12 5.4 12 12v248.8l93.7-97.1c4.7-4.8 12.4-4.9 17.1-.2l19.6 19.6c4.9 4.7 4.9 12.3.2 17zM372 428H12c-6.6 0-12 5.4-12 12v28c0 6.6 5.4 12 12 12h360c6.6 0 12-5.4 12-12v-28c0-6.6-5.4-12-12-12z"/> </svg> <span> Liite 3 Julkisivukuvat (pdf) </span> </a> </div> </div> <div class="wp-block-link my-gutter px-gutter mx-auto"> <div class="max-w-prose mx-auto"> <a href="https://www.porvoo.fi/app/uploads/2024/11/LIITE-4-Sijainti.pdf" aria-label="Ladattava tiedosto" target="" class="flex items-center space-x-2 font-bold text-blue hover:text-near-black-blue"> <svg role="img" aria-label="Ladattava tiedosto" aria-hidden="false" class="w-4 h-4 flex-shrink-0" aria-hidden="true" class="arrow-to-bottom-regular_svg__svg-inline--fa arrow-to-bottom-regular_svg__fa-arrow-to-bottom arrow-to-bottom-regular_svg__fa-w-12" data-icon="arrow-to-bottom" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m348.5 232.1-148 148.4c-4.7 4.7-12.3 4.7-17 0l-148-148.4c-4.7-4.7-4.7-12.3 0-17l19.6-19.6c4.8-4.8 12.5-4.7 17.1.2l93.7 97.1V44c0-6.6 5.4-12 12-12h28c6.6 0 12 5.4 12 12v248.8l93.7-97.1c4.7-4.8 12.4-4.9 17.1-.2l19.6 19.6c4.9 4.7 4.9 12.3.2 17zM372 428H12c-6.6 0-12 5.4-12 12v28c0 6.6 5.4 12 12 12h360c6.6 0 12-5.4 12-12v-28c0-6.6-5.4-12-12-12z"/> </svg> <span> Liite 4 Sijainti (pdf) </span> </a> </div> </div> <div class="wp-block-link my-gutter px-gutter mx-auto"> <div class="max-w-prose mx-auto"> <a href="https://www.porvoo.fi/app/uploads/2024/11/LIITE-5-Ilmakuvat.pdf" aria-label="Ladattava tiedosto" target="" class="flex items-center space-x-2 font-bold text-blue hover:text-near-black-blue"> <svg role="img" aria-label="Ladattava tiedosto" aria-hidden="false" class="w-4 h-4 flex-shrink-0" aria-hidden="true" class="arrow-to-bottom-regular_svg__svg-inline--fa arrow-to-bottom-regular_svg__fa-arrow-to-bottom arrow-to-bottom-regular_svg__fa-w-12" data-icon="arrow-to-bottom" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m348.5 232.1-148 148.4c-4.7 4.7-12.3 4.7-17 0l-148-148.4c-4.7-4.7-4.7-12.3 0-17l19.6-19.6c4.8-4.8 12.5-4.7 17.1.2l93.7 97.1V44c0-6.6 5.4-12 12-12h28c6.6 0 12 5.4 12 12v248.8l93.7-97.1c4.7-4.8 12.4-4.9 17.1-.2l19.6 19.6c4.9 4.7 4.9 12.3.2 17zM372 428H12c-6.6 0-12 5.4-12 12v28c0 6.6 5.4 12 12 12h360c6.6 0 12-5.4 12-12v-28c0-6.6-5.4-12-12-12z"/> </svg> <span> Liite 5 Ilmakuvat (pdf) </span> </a> </div> </div> <div class="wp-block-link my-gutter px-gutter mx-auto"> <div class="max-w-prose mx-auto"> <a href="https://www.porvoo.fi/app/uploads/2024/11/LIITE-6_Kartta-Lansirannan-taiteesta.pdf" aria-label="Ladattava tiedosto" target="" class="flex items-center space-x-2 font-bold text-blue hover:text-near-black-blue"> <svg role="img" aria-label="Ladattava tiedosto" aria-hidden="false" class="w-4 h-4 flex-shrink-0" aria-hidden="true" class="arrow-to-bottom-regular_svg__svg-inline--fa arrow-to-bottom-regular_svg__fa-arrow-to-bottom arrow-to-bottom-regular_svg__fa-w-12" data-icon="arrow-to-bottom" data-prefix="far" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m348.5 232.1-148 148.4c-4.7 4.7-12.3 4.7-17 0l-148-148.4c-4.7-4.7-4.7-12.3 0-17l19.6-19.6c4.8-4.8 12.5-4.7 17.1.2l93.7 97.1V44c0-6.6 5.4-12 12-12h28c6.6 0 12 5.4 12 12v248.8l93.7-97.1c4.7-4.8 12.4-4.9 17.1-.2l19.6 19.6c4.9 4.7 4.9 12.3.2 17zM372 428H12c-6.6 0-12 5.4-12 12v28c0 6.6 5.4 12 12 12h360c6.6 0 12-5.4 12-12v-28c0-6.6-5.4-12-12-12z"/> </svg> <span> Liite 6 Kartta Länsirannan taiteesta (pdf) </span> </a> </div> </div> <div class='wp-block-heading mb-gutter mt-20 px-gutter mx-auto'> <div class='font-heading-2 prose md:prose-md mx-auto'> <h3 class="wp-block-heading">Taiteilijoiden kysymykset 21.2.2025 mennessä</h3> </div> </div> <div class='wp-block-paragraph my-gutter px-gutter mx-auto'> <div class='prose md:prose-md mx-auto'> <p>Kilpailuehdotuksia koskevia lisäkysymyksiä voi esittää välityshenkilö <strong>Laura Lehtiselle </strong>21.2.2025 klo 23.59 mennessä sähköpostitse osoitteessa laura.lehtinen@freizimmer.fi tai puh. 050 379 3555. Kysymyksiin vastataan tällä sivulla sitä mukaan, kun kysymyksiä esitetään, mutta viimeistään 7.3.2025.</p> </div> </div> <div class='wp-block-heading mb-gutter mt-20 px-gutter mx-auto'> <div class='font-heading font-bold prose md:prose-md mx-auto'> <h2 class="wp-block-heading">Kysymyksiä ja vastauksia</h2> </div> </div> <div class='wp-block-paragraph my-gutter px-gutter mx-auto'> <div class='prose md:prose-md mx-auto'> <p>(Päivitetty 27.1.2025)</p> </div> </div> <div class='wp-block-accordion my-gutter mx-auto'> <div class='max-w-prose-and-double-gutter mx-auto'> <div class="wp-block-pb-accordion-item c-accordion__item js-accordion-item no-js" data-initially-open="false" data-click-to-close="true" data-auto-close="true" data-scroll="false" data-scroll-offset="0"><h2 id="at-2035300" class="c-accordion__title js-accordion-controller" role="button">Voiko kilpailuun osallistua useammalla ehdotuksella, esimerkiksi osana useampaa taitelijaryhmää?</h2><div id="ac-2035300" class="c-accordion__content"> <div class='wp-block-paragraph my-gutter px-gutter mx-auto'> <div class='prose md:prose-md mx-auto'> <p>Kilpailuun voi osallistua useammalla ehdotuksella henkilökohtaisesti tai osana ryhmää, jolloin yhden hakemuksen alle liitetään useampi ehdotus.<br>Tai<br>Kilpailuun voi osallistua sekä henkilökohtaisesti että osana ryhmää, tai osana useampaa ryhmää, jolloin jokaiselle hakijalle/hakijaryhmälle tehdään oma hakemus.</p> </div> </div> <div class='wp-block-paragraph my-gutter px-gutter mx-auto'> <div class='prose md:prose-md mx-auto'> <p>Jokaisen ryhmän jäsenen ei tarvitse tehdä omaa hakemusta.</p> </div> </div> </div></div> </div> </div> <div class='wp-block-accordion my-gutter mx-auto'> <div class='max-w-prose-and-double-gutter mx-auto'> <div class="wp-block-pb-accordion-item c-accordion__item js-accordion-item no-js" data-initially-open="false" data-click-to-close="true" data-auto-close="true" data-scroll="false" data-scroll-offset="0"><h2 id="at-2035301" class="c-accordion__title js-accordion-controller" role="button">Onko taidesuunnitelman tarkoitus sijoittua rakennuksen seinään, lasipintaan vai kumpaankin?</h2><div id="ac-2035301" class="c-accordion__content"> <div class='wp-block-paragraph my-gutter px-gutter mx-auto'> <div class='prose md:prose-md mx-auto'> <p>Sijoitus on kuvattu tarkemmin kilpailuohjelman kohdassa 4. Taide voi olla joko seinässä tai lasipinnassa tai molemmissa.</p> </div> </div> </div></div> </div> </div> <div class='wp-block-accordion my-gutter mx-auto'> <div class='max-w-prose-and-double-gutter mx-auto'> <div class="wp-block-pb-accordion-item c-accordion__item js-accordion-item no-js" data-initially-open="false" data-click-to-close="true" data-auto-close="true" data-scroll="false" data-scroll-offset="0"><h2 id="at-2035302" class="c-accordion__title js-accordion-controller" role="button">Voiko lasin korvata toisella materiaalilla tai rakenteella?</h2><div id="ac-2035302" class="c-accordion__content"> <div class='wp-block-paragraph my-gutter px-gutter mx-auto'> <div class='prose md:prose-md mx-auto'> <p>Ei.</p> </div> </div> </div></div> </div> </div> <div class='wp-block-accordion my-gutter mx-auto'> <div class='max-w-prose-and-double-gutter mx-auto'> <div class="wp-block-pb-accordion-item c-accordion__item js-accordion-item no-js" data-initially-open="false" data-click-to-close="true" data-auto-close="true" data-scroll="false" data-scroll-offset="0"><h2 id="at-2035303" class="c-accordion__title js-accordion-controller" role="button">Voiko lasiin tehdä reikiä tai muita muotoja leikkaamalla?</h2><div id="ac-2035303" class="c-accordion__content"> <div class='wp-block-paragraph my-gutter px-gutter mx-auto'> <div class='prose md:prose-md mx-auto'> <p>Ei.</p> </div> </div> </div></div> </div> </div> <div class='wp-block-accordion my-gutter mx-auto'> <div class='max-w-prose-and-double-gutter mx-auto'> <div class="wp-block-pb-accordion-item c-accordion__item js-accordion-item no-js" data-initially-open="false" data-click-to-close="true" data-auto-close="true" data-scroll="false" data-scroll-offset="0"><h2 id="at-2035304" class="c-accordion__title js-accordion-controller" role="button">Pitääkö lasien kuviointia varten olla valmiit kalvot vai voiko toteutus olla paperilla?</h2><div id="ac-2035304" class="c-accordion__content"> <div class='wp-block-paragraph my-gutter px-gutter mx-auto'> <div class='prose md:prose-md mx-auto'> <p>Lasin kuviot toteutetaan digipainona. Lopullinen aineisto toimitetaan myöhemmin määriteltävässä digitaalisessa muodossa.</p> </div> </div> </div></div> </div> </div> <div class='wp-block-accordion my-gutter mx-auto'> <div class='max-w-prose-and-double-gutter mx-auto'> <div class="wp-block-pb-accordion-item c-accordion__item js-accordion-item no-js" data-initially-open="false" data-click-to-close="true" data-auto-close="true" data-scroll="false" data-scroll-offset="0"><h2 id="at-2035305" class="c-accordion__title js-accordion-controller" role="button">Kysymys värisävyistä ja värikartasta</h2><div id="ac-2035305" class="c-accordion__content"> <div class='wp-block-paragraph my-gutter px-gutter mx-auto'> <div class='prose md:prose-md mx-auto'> <p>KYSYMYS:<br>Teräsohutlevypinnan sävyn voi määritellä tai siihen voi tehdä kuvion. Onko joitain vakiosävyjä, värikarttaa, joita käyttämällä eivät kustannukset nousisi? Voiko väri vaihdella elementtien välillä yksilöllisesti ja rajattomasti, tai onko jotain värikarttaa tms.? Lisääkö kustannuksia, jos käytetään mitä värejä tahansa? Ovatko kustannukset silloin samat, kuin painettaisiin kuvio?</p> </div> </div> <div class='wp-block-paragraph my-gutter px-gutter mx-auto'> <div class='prose md:prose-md mx-auto'> <p>VASTAUS:<br>Taustalevytyksen värikustannukset riippuvat aikanaan valittavasta toimittajasta, mutta yleisellä tasolla todennäköisesti RR-värikartan perussävyt ovat vakiot ja muista sävyistä/ kuvioista voi syntyä lisäkustannuksia.</p> </div> </div> </div></div> </div> </div> <div class='wp-block-accordion my-gutter mx-auto'> <div class='max-w-prose-and-double-gutter mx-auto'> <div class="wp-block-pb-accordion-item c-accordion__item js-accordion-item no-js" data-initially-open="false" data-click-to-close="true" data-auto-close="true" data-scroll="false" data-scroll-offset="0"><h2 id="at-2035306" class="c-accordion__title js-accordion-controller" role="button">Kysymys valaistuksesta</h2><div id="ac-2035306" class="c-accordion__content"> <div class='wp-block-paragraph my-gutter px-gutter mx-auto'> <div class='prose md:prose-md mx-auto'> <p>KYSYMYS:<br>Jos ja kun lasin ja seinän välinen seinä valaistaan, onko joku perusvalaistus (ylhäällä, alhaalla?), joka sisältyy rakennushankkeeseen? Erikoisvalaistuksesta sitten erotussumma perusvalaistukseen nähden menee taidebudjetista?</p> </div> </div> <div class='wp-block-paragraph my-gutter px-gutter mx-auto'> <div class='prose md:prose-md mx-auto'> <p>VASTAUS:<br>Lasin ja seinän väliseen tilaan ei tule valaistusta ellei teos sitä edellytä. Teoksen vaatimana valaistuksen kulut ovat osa taiteen budjettia. Yleisvalaistuksen osalta taideteoksen yläpuolella olevien parvekkeiden alapintoihin on tulossa valaistusta, jonka tarkoitus on myös valaista alapuolista jalkakäytävää. Jos lasin ja seinän välinen osuus valaistaan, niin tässä yhteydessä tulee tarkastella alueen valaistuskokonaisuus vielä uudelleen.</p> </div> </div> </div></div> </div> </div> <div class='wp-block-accordion my-gutter mx-auto'> <div class='max-w-prose-and-double-gutter mx-auto'> <div class="wp-block-pb-accordion-item c-accordion__item js-accordion-item no-js" data-initially-open="false" data-click-to-close="true" data-auto-close="true" data-scroll="false" data-scroll-offset="0"><h2 id="at-2035307" class="c-accordion__title js-accordion-controller" role="button">Kysymys digiprinttauksen toteutuksesta</h2><div id="ac-2035307" class="c-accordion__content"> <div class='wp-block-paragraph my-gutter px-gutter mx-auto'> <div class='prose md:prose-md mx-auto'> <p>KYSYMYS:<br>Kuinka mahdollinen digiprinttaus toteutetaan? Hoitaako rakentaja sen lasielementtien tilauksen yhteydessä taiteilijan toimittamien tiedostojen pohjalta? Digiprinttauksen hinnan on tietysti sisällyttävä taideteoksen budjettiin, mutta tuleeko muita kuluja tähän lasiseinään liittyen?</p> </div> </div> <div class='wp-block-paragraph my-gutter px-gutter mx-auto'> <div class='prose md:prose-md mx-auto'> <p>VASTAUS:<br>Digiprinttauksesta sovitaan tilauksen yhteydessä, ja kun toimittaja on valittu, tehdään toteutus yhteistyössä toimittajan, arkkitehdin ja taiteilijan kanssa. Mikäli taiteilija ei pysty toimittamaan digiprinttauksen aineistoa vaaditussa muodossa ja koossa, voi aineiston digitoinnista, muuntamisesta tai muusta digikäsittelystä muodostua kuluja.</p> </div> </div> </div></div> </div> </div> <div class='wp-block-accordion my-gutter mx-auto'> <div class='max-w-prose-and-double-gutter mx-auto'> <div class="wp-block-pb-accordion-item c-accordion__item js-accordion-item no-js" data-initially-open="false" data-click-to-close="true" data-auto-close="true" data-scroll="false" data-scroll-offset="0"><h2 id="at-2035308" class="c-accordion__title js-accordion-controller" role="button">Voiko peltien maalauksessa olla itse mukana?</h2><div id="ac-2035308" class="c-accordion__content"> <div class='wp-block-paragraph my-gutter px-gutter mx-auto'> <div class='prose md:prose-md mx-auto'> <p>Mukana oloa ei ole mahdollista luvata ennen toimittajan valintaa. On hyvä varautua siihen, että teos on toteutettavissa ilman taiteilijan läsnäoloa.</p> </div> </div> </div></div> </div> </div> <div class='wp-block-accordion my-gutter mx-auto'> <div class='max-w-prose-and-double-gutter mx-auto'> <div class="wp-block-pb-accordion-item c-accordion__item js-accordion-item no-js" data-initially-open="false" data-click-to-close="true" data-auto-close="true" data-scroll="false" data-scroll-offset="0"><h2 id="at-2035309" class="c-accordion__title js-accordion-controller" role="button">Mikä on lasielementtien tarkka koko? Ovatko kaikki samankokoisia?</h2><div id="ac-2035309" class="c-accordion__content"> <div class='wp-block-paragraph my-gutter px-gutter mx-auto'> <div class='prose md:prose-md mx-auto'> <p>Lasielementtien mitoitukset on lisätty liitteeseen 1 Mittakuva.</p> </div> </div> </div></div> </div> </div> <div class='wp-block-accordion my-gutter mx-auto'> <div class='max-w-prose-and-double-gutter mx-auto'> <div class="wp-block-pb-accordion-item c-accordion__item js-accordion-item no-js" data-initially-open="false" data-click-to-close="true" data-auto-close="true" data-scroll="false" data-scroll-offset="0"><h2 id="at-20353010" class="c-accordion__title js-accordion-controller" role="button">Minkä kokoisista elementeistä peltiseinä muodostuu?</h2><div id="ac-20353010" class="c-accordion__content"> <div class='wp-block-paragraph my-gutter px-gutter mx-auto'> <div class='prose md:prose-md mx-auto'> <p>Peltejä ei ole vielä mitoitettu. Tieto tarkentuu toimittajan valinnan myötä.</p> </div> </div> </div></div> </div> </div> <div class='wp-block-accordion my-gutter mx-auto'> <div class='max-w-prose-and-double-gutter mx-auto'> <div class="wp-block-pb-accordion-item c-accordion__item js-accordion-item no-js" data-initially-open="false" data-click-to-close="true" data-auto-close="true" data-scroll="false" data-scroll-offset="0"><h2 id="at-20353011" class="c-accordion__title js-accordion-controller" role="button">Kohteen välittömässä läheisyydessä sijaitsee perinteikäs puuvenetelakka Wilenius båtvarv. Tuleeko telakan toiminta jatkumaan myös länsirannan uusien rakennushankkeiden valmistuttua?</h2><div id="ac-20353011" class="c-accordion__content"> <div class='wp-block-paragraph my-gutter px-gutter mx-auto'> <div class='prose md:prose-md mx-auto'> <p>Veistämöalueesta jäljellä olevat rakennukset on suojeltu asemakaavassa ja asemakaava mahdollistaa alueen kulttuurihistoriaan tukeutuvan telakkatoiminnan sekä veneilyä, matkailua, kulttuuritoimintaa ja virkistystä palvelevan rakentamisen. Asemakaava ei ota kantaa alueen toimijaan.</p> </div> </div> </div></div> </div> </div> <div class='wp-block-accordion my-gutter mx-auto'> <div class='max-w-prose-and-double-gutter mx-auto'> <div class="wp-block-pb-accordion-item c-accordion__item js-accordion-item no-js" data-initially-open="false" data-click-to-close="true" data-auto-close="true" data-scroll="false" data-scroll-offset="0"><h2 id="at-20353012" class="c-accordion__title js-accordion-controller" role="button">Onko kuvataiteilijaliiton jäsenyys pätevyyden osoittamiseksi välttämätön?</h2><div id="ac-20353012" class="c-accordion__content"> <div class='wp-block-paragraph my-gutter px-gutter mx-auto'> <div class='prose md:prose-md mx-auto'> <p>Minkään kuvataiteilijaliiton jäsenyys ei ole ehdoton vaatimus, mutta ammattilaisuus täytyy jollakin tavalla pystyä näyttämään toteen. Esimerkiksi säännöllinen näyttelytoiminta, aiemmat julkiset teokset, apurahat ja kilpailuvoitot yms. voi olla osoituksia tästä.</p> </div> </div> </div></div> </div> </div> <hr class="wp-block-separator has-alpha-channel-opacity"/> <div class='wp-block-heading mb-gutter mt-20 px-gutter mx-auto'> <div class='font-heading font-bold prose md:prose-md mx-auto'> <h2 class="wp-block-heading">Tavoitteena on näyttävä ja innovatiivinen taideteos</h2> </div> </div> <div class='wp-block-paragraph my-gutter px-gutter mx-auto'> <div class='prose md:prose-md mx-auto'> <p>Kaupungin keskustassa ja Porvoonjoen välittömässä läheisyydessä sijaitsevaan kortteliin sijoittuu K-Citymarketin lisäksi hotelli ja asuntoja. Taidepaikaksi on määritelty rakennuksen Porvoon jokirannan puoleinen lasiseinä (390 m2) ja sen taakse sijoittuvaa umpinainen seinäpinta (390 m2). </p> </div> </div> <div class='wp-block-paragraph my-gutter px-gutter mx-auto'> <div class='prose md:prose-md mx-auto'> <p>Taidekilpailun tavoitteena on saada kohteeseen sen mittasuhteet ja ympäristön huomioiva, näyttävä ja innovatiivinen taideteos. Teoksen toteutuksessa toivotaan huomioitavan eri vuodenaikojen vaihtelut, sääolosuhteet ja se, että teosta katsotaan sekä lähietäisyydeltä että kauempaa joen toiselta puolelta.</p> </div> </div> <div class='wp-block-paragraph my-gutter px-gutter mx-auto'> <div class='prose md:prose-md mx-auto'> <p>Keskeisellä paikalla sijaitsevasta teoksesta pääsevät nauttimaan niin porvoolaiset kuin kaupungissa matkailevat eri-ikäiset ja eri taustoista tulevat ihmiset, joten teoksen tulee soveltua monenlaisille katsojille. Tavoitteena on lisäksi teoksen helppohoitoisuus ja sen elinkaaren kestävyys. </p> </div> </div> <div class='wp-block-paragraph my-gutter px-gutter mx-auto'> <div class='prose md:prose-md mx-auto'> <p>Taideteoksen budjetti on 175 000 euroa. Siihen tulee sisältyä kaikki taiteen kustannukset. Lasielementit, niiden hankinta ja asennus sekä lasin taakse sijoittuvan seinän perusratkaisu kuuluvat rakennusurakkaan. Taidehanke toteutetaan Länsirannan taideohjelmassa määritetyn käytännön mukaisesti. Hanke rahoitetaan Porvoon Länsirannan rakennuttajille tontinluovutuksen myötä syntyneestä taidevelvoitteesta. Tavoitteena on, että valitun ehdotuksen pohjalta toteutettu teos on valmis vuoden 2026 aikana. Toteutuksesta tehdään erillinen sopimus kilpailun ratkeamisen jälkeen.</p> </div> </div> <div class='wp-block-heading mb-gutter mt-20 px-gutter mx-auto'> <div class='font-heading font-bold prose md:prose-md mx-auto'> <h2 class="wp-block-heading">Myös yleisö voi äänestää omaa suosikkiaan</h2> </div> </div> <div class='wp-block-paragraph my-gutter px-gutter mx-auto'> <div class='prose md:prose-md mx-auto'> <p>Kilpailun päätyttyä palkintolautakunta valitsee ehdotuksista osan, jotka asetetaan esille yleisöäänestykseen. Palkintona jaetaan yhteensä 13 000 euroa seuraavasti: kilpailun voittaja 6000, toinen sija 3500 ja kolmas sija 2500 euroa. Yleisöäänestyksen voittajan palkinto on 1000 euroa.</p> </div> </div> <div class='wp-block-paragraph my-gutter px-gutter mx-auto'> <div class='prose md:prose-md mx-auto'> <p>Lopullisen teoksen tilaamisesta päättää Porvoon kaupunki yhteistyössä Keskon kanssa, jolla on oikeus tilata teos minkä tahansa kilpailussa palkitun luonnoksen pohjalta. Kilpailusääntöjen mukaan kilpailun järjestäjällä on myös oikeus olla tilaamatta mitään teosta kilpailun perusteella.</p> </div> </div> <div class='wp-block-heading mb-gutter mt-20 px-gutter mx-auto'> <div class='font-heading font-bold prose md:prose-md mx-auto'> <h2 class="wp-block-heading">Palkintolautakunta</h2> </div> </div> <div class='wp-block-paragraph my-gutter px-gutter mx-auto'> <div class='prose md:prose-md mx-auto'> <p>Kilpailun palkintolautakuntaan kuuluvat seuraavat jäsenet:</p> </div> </div> <div class='wp-block-paragraph my-gutter px-gutter mx-auto'> <div class='prose md:prose-md mx-auto'> <ul class="wp-block-list"> <li>pj. Susann Hartman, kulttuuripalveluiden päällikkö, Porvoon kaupunki</li> <li>Pekka Mikkola, kaavoitusarkkitehti, Porvoon kaupunki</li> <li>Sari Hilska, kulttuurisuunnittelija, Porvoon kaupunki</li> <li>Susanna Widjeskog tai Johanna Lehto-Vahtera, Porvoon museo</li> <li>Veli Granö, taiteilija, Porvoon Taiteilijaseura</li> <li>Jari Salmela, suunnittelupäällikkö, Kesko</li> <li>Jukka Kauto, pääsuunnittelija, KAUTO NIKULAINEN arkkitehdit Oy</li> <li>Jaakko Niemelä, Suomen Taiteilijaseuran nimittämä taiteilijajäsen</li> <li>Kaisaleena Halinen, Suomen Taiteilijaseuran nimittämä taiteilijajäsen</li> </ul> </div> </div> <div class='wp-block-paragraph my-gutter px-gutter mx-auto'> <div class='prose md:prose-md mx-auto'> <p>Kilpailun sihteerinä toimii taidekoordinaattori Heini Orell Länsirannan taidekokonaisuutta koordinoivasta Frei Zimmer Oy:stä.</p> </div> </div> <div class='wp-block-heading mb-gutter mt-20 px-gutter mx-auto'> <div class='font-heading font-bold prose md:prose-md mx-auto'> <h2 class="wp-block-heading">Kilpailun aikataulu</h2> </div> </div> <div class='wp-block-paragraph my-gutter px-gutter mx-auto'> <div class='prose md:prose-md mx-auto'> <ul class="wp-block-list"> <li>22.11.2024 kilpailu avataan.</li> <li>21.2.2025 mahdollisten kysymysten esittäminen päättyy.</li> <li>7.3.2025 kaikki vastaukset kysymyksiin julkaistaan viimeistään tällä sivulla.</li> <li>25.4.2025 klo 15 kilpailu päättyy, jolloin ehdotusten on oltava perillä.</li> <li>Touko-/kesäkuu yleisöäänestys.</li> <li>Kesäkuu kilpailun voittajat julkistetaan.</li> </ul> </div> </div> <div class='wp-block-heading mb-gutter mt-20 px-gutter mx-auto'> <div class='font-heading-2 prose md:prose-md mx-auto'> <h3 class="wp-block-heading">Lisätietoja:</h3> </div> </div> <div class='wp-block-paragraph my-gutter px-gutter mx-auto'> <div class='prose md:prose-md mx-auto'> <p><strong>Kilpailuehdotuksia koskevat lisäkysymykset</strong>: kilpailun välityshenkilö, koordinaattori Laura Lehtinen 21.2.2025 klo 23.59 mennessä sähköpostitse osoitteessa laura.lehtinen@freizimmer.fi tai puh. 050 3793555.</p> </div> </div> <div class='wp-block-paragraph my-gutter px-gutter mx-auto'> <div class='prose md:prose-md mx-auto'> <p><strong>Kilpailun sihteeri:</strong> Heini Orell, taidekoordinaattori, Frei Zimmer Oy, puh. +358 44 971 5158, heini.orell@freizimmer.fi</p> </div> </div> <div class="px-gutter wp-block-contact-listing"> <div class="max-w-prose mx-auto mb-5 font-body text-dark-blue"> <h3 class="font-heading-2 text-2xl md:text-3xl font-semibold "></h3> <div class="mt-5 flex flex-wrap">  <div class="flex flex-col sm:flex-row w-full h-full mb-7 lg:w-1/2 "> <div> <div class="mb-4 space-y-0.5"> <h5 class="text-lg md:text-xl font-heading font-semibold"> Susann Hartman </h5> <p class="mt-1 mb-1"> Kulttuuripalvelupäällikkö </p> </div> <div class="space-y-1"> <a href='mailto:SUSANN.HARTMAN@porvoo.fi' class="no-underline flex items-center space-x-4 hover:text-blue"> <svg class="w-4 h-4" aria-hidden="true" class="envelope-regular_svg__svg-inline--fa envelope-regular_svg__fa-envelope envelope-regular_svg__fa-w-16" data-icon="envelope" data-prefix="far" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/> </svg> <span class="lowercase">SUSANN.HARTMAN@porvoo.fi</span> </a> <a href='tel:+358405504527' class="no-underline flex items-center space-x-4 hover:text-blue"> <svg class="w-4 h-4" aria-hidden="true" class="phone-alt-regular_svg__svg-inline--fa phone-alt-regular_svg__fa-phone-alt phone-alt-regular_svg__fa-w-16" data-icon="phone-alt" data-prefix="far" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m484.25 330-101.59-43.55a45.86 45.86 0 0 0-53.39 13.1l-32.7 40a311.08 311.08 0 0 1-124.19-124.12l40-32.7a45.91 45.91 0 0 0 13.1-53.42L182 27.79a45.63 45.63 0 0 0-52.31-26.61L35.5 22.89A45.59 45.59 0 0 0 0 67.5C0 313.76 199.68 512.1 444.56 512a45.58 45.58 0 0 0 44.59-35.51l21.7-94.22a45.75 45.75 0 0 0-26.6-52.27zm-41.59 134.09C225.08 463.09 49 287 48 69.3l90.69-20.9 42.09 98.22-68.09 55.71c46.39 99 98.19 150.63 197 197l55.69-68.11 98.19 42.11z"/> </svg> <span> +358 40 550 4527 </span> </a> </div> </div> </div> </div> </div> </div> <div class="my-gutter px-gutter md:px-0 mt-20 mx-auto prose md:prose-md"> <div class="rns"></div> <script type="text/javascript"> (function() { window.rnsData = { apiKey: 'jj4opvzhqxifo772', disableFa: true, categories: ['Kulttuuri ja vapaa-aika'] }; var s = document.createElement('script'); s.src = 'https://cdn.reactandshare.com/plugin/rns.js'; document.body.appendChild(s); }()); </script> </div> </main> <footer class="js-footer "> <div class="py-gutter md:pt-16 bg-dark-blue text-white"> <div class="2xl:container mx-auto px-double-gutter"> <div class="md:text-left text-center"> <a href="https://www.porvoo.fi" class="inline-block hover:text-yellow-ochre"> <?xml version="1.0" encoding="UTF-8"?> <svg class="h-12 sm:w-auto footer-logo" width="944px" height="117px" viewBox="0 0 944 117" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>Porvoo Mono</title> <g> <path d="M520.1978,81.4273 C526.2308,106.5263 503.0458,116.3193 503.0458,116.3193 C479.48741,104.10409 484.848522,83.5271017 485.691536,81.4793324 L485.7139,81.4263362 L520.1978,81.4273 Z M503.786967,83.9068613 L503.6201,83.9073 C496.3251,84.0453 492.3071,89.6893 492.3071,97.2243 C492.3071,104.7633 496.8941,110.0173 503.5891,110.0173 C510.2811,110.0173 511.4191,105.9253 511.3861,103.4123 C511.3551,100.9543 509.2571,99.2163 507.5211,99.1113 C505.9801,99.0203 504.5501,100.1393 504.5011,101.4763 C504.4571,102.6723 505.0971,103.0453 505.0971,103.0453 L505.171044,102.971192 C505.394183,102.756002 506.089629,102.1463 506.8061,102.1463 C507.6731,102.1463 507.9661,103.1883 507.9661,103.5883 C507.9661,103.9853 507.4751,105.8663 505.1231,105.7213 C501.0691,105.4753 499.6551,101.5013 499.5631,97.2243 C499.4221,90.7813 502.5891,88.0783 505.2261,88.2213 C507.69481,88.3596871 507.979544,89.6359514 507.99172,90.0797663 L507.9921,90.1213 C507.9871,90.4163 508.0051,91.6613 506.7401,91.7343 C505.6941,91.7983 505.1341,90.8333 505.1341,90.8333 C504.9751,90.9633 504.4991,91.6003 504.5731,92.2533 C504.8181,94.4193 506.6081,94.8073 507.4901,94.8343 C508.3341,94.8583 511.4541,93.8343 511.440147,90.4273 C511.413479,84.3363492 505.12806,83.9201707 503.786967,83.9068613 Z M837.8847,31.0747 C843.6867,31.0747 850.2157,34.4597 853.8437,39.0547 C854.6897,38.0867 855.5347,35.0637 856.0187,33.1297 L858.3167,33.1297 L858.3167,54.0457 L855.8987,54.0457 C853.6007,42.8027 847.1927,35.6697 837.8847,35.6697 C824.3437,35.6697 820.1127,49.0877 820.1127,59.2447 C820.1127,69.5217 824.3437,82.8187 837.8847,82.8187 C843.9297,82.8187 853.2387,79.0727 853.2387,72.5437 C853.2387,67.7067 848.7647,65.1677 842.8407,65.1677 L842.8407,62.7507 L869.5597,62.7507 L869.5597,65.1677 C861.546754,65.1677 860.041986,67.1792473 860.01022,78.9220394 L860.0097,82.9407 C852.3937,82.9407 844.8967,87.5347 837.8847,87.5347 C822.7717,87.5347 810.5617,74.8397 810.5617,59.2447 C810.5617,43.8897 822.7717,31.0747 837.8847,31.0747 Z M687.4892,31.0742 C703.6902,31.0742 716.9892,43.8912 716.9892,59.2442 C716.9892,74.8412 703.6902,87.5342 687.4892,87.5342 C671.2882,87.5342 657.9892,74.8412 657.9892,59.2442 C657.9892,43.8912 671.2882,31.0742 687.4892,31.0742 Z M234.5926,33.13 L234.5926,35.548 C225.7646,35.548 224.9206,37.725 227.9416,44.737 L240.2736,73.269 L252.6056,44.737 C255.7486,37.604 255.7486,35.548 246.0776,35.548 L246.0776,33.13 L268.9276,33.13 L268.9276,35.548 C261.5516,35.548 260.4656,37 256.4746,46.187 L238.7026,87.534 L237.0096,87.534 L219.2376,46.187 C215.2486,37 213.7966,35.548 207.3886,35.548 L207.3886,33.13 L234.5926,33.13 Z M390.2919,31.0742 C406.4929,31.0742 419.7919,43.8912 419.7919,59.2442 C419.7919,74.8412 406.4929,87.5342 390.2919,87.5342 C374.0909,87.5342 360.7919,74.8412 360.7919,59.2442 C360.7919,43.8912 374.0909,31.0742 390.2919,31.0742 Z M311.3544,31.0742 C327.5554,31.0742 340.8544,43.8912 340.8544,59.2442 C340.8544,74.8412 327.5554,87.5342 311.3544,87.5342 C295.1544,87.5342 281.8544,74.8412 281.8544,59.2442 C281.8544,43.8912 295.1544,31.0742 311.3544,31.0742 Z M93.5,31.0742 C109.701,31.0742 123,43.8912 123,59.2442 C123,74.8412 109.701,87.5342 93.5,87.5342 C77.299,87.5342 64,74.8412 64,59.2442 C64,43.8912 77.299,31.0742 93.5,31.0742 Z M914.2932,31.0745 L932.0652,72.4215 C936.0532,81.4895 937.5042,82.9415 943.9142,82.9415 L943.9142,85.4805 L916.8322,85.4805 L916.8322,82.9415 C925.5362,82.9415 926.3822,80.8855 923.3582,73.7525 L920.9412,68.1905 L901.1142,68.1905 L898.6982,73.7525 C895.6752,80.8855 895.6752,82.9415 905.2242,82.9415 L905.2242,85.4805 L882.3762,85.4805 L882.3762,82.9415 C889.7492,82.9415 890.8382,81.4895 894.8282,72.4215 L912.6002,31.0745 L914.2932,31.0745 Z M25.0724,33.13 C37.5254,33.13 44.4164,39.538 44.4164,48.121 C44.4164,56.464 37.5254,62.992 25.0724,62.992 L18.1814,62.992 L18.1814,68.917 C18.1814,81.006 19.6314,83.062 27.7324,83.062 L27.7324,85.48 L0.0464,85.48 L0.0464,83.062 C8.05835652,83.062 9.56409258,81.0504527 9.59587938,69.3076606 L9.5964,49.571 C9.5964,37.482 8.1464,35.547 0.0464,35.547 L0.0464,33.13 L25.0724,33.13 Z M167.8456,33.1299 C180.2976,33.1299 187.1886,39.5379 187.1886,48.1209 C187.1886,55.4969 181.6266,61.5409 172.5606,62.7489 L180.0556,71.8189 C184.8926,77.4999 190.4526,82.2139 196.2566,83.0619 L196.2566,85.4799 L180.7816,85.4799 L164.3396,62.9919 L160.9546,62.9919 L160.9546,68.9169 C160.9546,81.0059 162.4056,83.0619 170.5046,83.0619 L170.5046,85.4799 L142.8196,85.4799 L142.8196,83.0619 C150.9186,83.0619 152.3706,81.0059 152.3706,68.9169 L152.3706,49.5719 C152.3706,37.4819 150.9186,35.5479 142.8196,35.5479 L142.8196,33.1299 L167.8456,33.1299 Z M764.7411,33.1299 C777.1941,33.1299 784.0881,39.5379 784.0881,48.1209 C784.0881,55.4969 778.5231,61.5409 769.4581,62.7489 L776.9531,71.8189 C781.7901,77.4999 787.3491,82.2139 793.1531,83.0619 L793.1531,85.4799 L777.6781,85.4799 L761.2351,62.9919 L757.8511,62.9919 L757.8511,68.9169 C757.8511,81.0059 759.3021,83.0619 767.4011,83.0619 L767.4011,85.4799 L739.7181,85.4799 L739.7181,83.0619 C747.727089,83.0619 749.233771,81.0503527 749.265579,69.3075606 L749.2661,49.5719 C749.2661,37.4819 747.8151,35.5479 739.7181,35.5479 L739.7181,33.1299 L764.7411,33.1299 Z M612.5334,33.13 C623.8974,33.13 629.9424,38.934 629.9424,46.429 C629.9424,50.662 627.8874,54.287 624.7444,56.828 C630.7884,59.487 634.1744,64.565 634.1744,70.609 C634.1744,79.071 627.4044,85.479 614.9514,85.479 L587.0244,85.479 L587.0244,83.062 C595.035367,83.062 596.543049,81.0504527 596.574879,69.3076606 L596.5754,49.573 C596.5754,37.482 595.1234,35.549 587.0244,35.549 L587.0244,33.13 L612.5334,33.13 Z M469.6393,44.8918821 L469.6999,44.8973362 L480.5699,78.3546 C458.34242,91.97997 441.639764,73.0895424 441.307933,72.7103713 L441.3029,72.7046 C445.72901,46.00535 467.382999,44.7169863 469.6393,44.8918821 Z M535.8715,44.8499 C558.18485,46.60005 563.113405,65.3441225 564.089921,70.9279659 L564.152463,71.2998689 C564.274506,72.056598 564.3115,72.4889 564.3115,72.4889 C545.03954,91.49023 526.767757,79.8031656 525.046273,78.3391867 L525.0009,78.2983362 L535.8715,44.8499 Z M93.5,35.6692 C79.113,35.6692 73.914,48.8472 73.914,59.2442 C73.914,69.7632 79.113,82.8202 93.5,82.8202 C107.766,82.8202 113.086,69.7632 113.086,59.2442 C113.086,48.8472 107.766,35.6692 93.5,35.6692 Z M311.3544,35.6692 C296.9674,35.6692 291.7684,48.8472 291.7684,59.2442 C291.7684,69.7632 296.9674,82.8202 311.3544,82.8202 C325.6214,82.8202 330.9404,69.7632 330.9404,59.2442 C330.9404,48.8472 325.6214,35.6692 311.3544,35.6692 Z M390.2919,35.6692 C375.9029,35.6692 370.7059,48.8472 370.7059,59.2442 C370.7059,69.7632 375.9029,82.8202 390.2919,82.8202 C404.5579,82.8202 409.8779,69.7632 409.8779,59.2442 C409.8779,48.8472 404.5579,35.6692 390.2919,35.6692 Z M687.4892,35.6692 C673.1012,35.6692 667.9032,48.8472 667.9032,59.2442 C667.9032,69.7632 673.1012,82.8202 687.4892,82.8202 C701.7552,82.8202 707.0752,69.7632 707.0752,59.2442 C707.0752,48.8472 701.7552,35.6692 687.4892,35.6692 Z M615.1934,59.97 L605.1584,59.97 L605.1584,71.819 C605.1584,79.677 606.0034,81.006 612.5334,81.006 L615.1934,81.006 C622.0844,81.006 625.3474,76.29 625.3474,70.609 C625.3474,64.926 622.0844,59.97 615.1934,59.97 Z M911.0282,45.2195 L903.0482,63.7175 L919.0072,63.7175 L911.0282,45.2195 Z M25.0724,37.482 L18.1814,37.482 L18.1814,58.518 L25.0724,58.518 C31.8424,58.518 34.9864,53.804 34.9864,48.121 C34.9864,42.319 31.8424,37.482 25.0724,37.482 Z M167.8456,37.4819 L160.9546,37.4819 L160.9546,58.5179 L167.8456,58.5179 C174.6156,58.5179 177.7596,53.8039 177.7596,48.1209 C177.7596,42.3189 174.6156,37.4819 167.8456,37.4819 Z M764.7411,37.4819 L757.8511,37.4819 L757.8511,58.5179 L764.7411,58.5179 C771.5121,58.5179 774.6551,53.8039 774.6551,48.1209 C774.6551,42.3189 771.5121,37.4819 764.7411,37.4819 Z M612.5334,37.482 L605.1584,37.482 L605.1584,55.497 L612.5334,55.497 C618.2154,55.497 620.9954,51.387 620.9954,46.671 C620.9954,41.834 618.2154,37.482 612.5334,37.482 Z M500.330211,18.8973725 L500.3419,18.9513362 L472.4484,39.2184 C453.0147,22.62501 465.560683,1.3398813 465.813546,0.915838065 L465.8174,0.9094 C492.05008,-3.05402 499.806307,16.7431077 500.330211,18.8973725 Z M540.0964,0.7668 C551.97114,24.48815 535.541726,37.9828579 533.655418,39.1462998 L533.6049,39.1763362 L505.7124,18.9098 C515.5854,-4.9382 540.0964,0.7668 540.0964,0.7668 Z M913.2052,4.1135 C918.7642,4.1135 923.2372,8.5865 923.2372,14.1485 C923.2372,19.7105 918.7642,24.0625 913.2052,24.0625 C907.7632,24.0625 903.2912,19.7105 903.2912,14.1485 C903.2912,8.5865 907.7632,4.1135 913.2052,4.1135 Z M913.2052,8.5865 C910.1802,8.5865 907.7632,11.1255 907.7632,14.1485 C907.7632,17.1715 910.1802,19.7105 913.2052,19.7105 C916.2252,19.7105 918.7642,17.1715 918.7642,14.1485 C918.7642,11.1255 916.2252,8.5865 913.2052,8.5865 Z" fill="currentColor"></path> </g> </svg> <span class="sr-only">Porvoo – Siirry kotisivulle</span> </a> </div> <div class="grid md:grid-cols-4 gap-2 md:gap-10"> <nav class="mt-double-gutter"> <h2 class="font-heading-2 font-semibold text-xl md:text-2xl mb-6">Yhteystiedot</h2> <ul class="flex flex-wrap text-left space-y-3"> <li class="w-full"> <a href="https://www.porvoo.fi/yhteystietohakemisto/" class="hover:text-yellow-ochre whitespace-normal text-center leading-tight"> <span aria-hidden="true"> <svg class="h-5 mr-2 w-auto mx-auto inline text-bright-green" aria-hidden="true" class="address-book-light_svg__svg-inline--fa address-book-light_svg__fa-address-book address-book-light_svg__fa-w-14" data-icon="address-book" data-prefix="fal" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M436 160c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-20V64c0-35.3-28.7-64-64-64H64C28.7 0 0 28.7 0 64v384c0 35.3 28.7 64 64 64h288c35.3 0 64-28.7 64-64v-32h20c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-20v-64h20c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-20v-64h20zm-52 288c0 17.6-14.4 32-32 32H64c-17.6 0-32-14.4-32-32V64c0-17.6 14.4-32 32-32h288c17.6 0 32 14.4 32 32v384zM208 272c44.2 0 80-35.8 80-80s-35.8-80-80-80-80 35.8-80 80 35.8 80 80 80zm0-128c26.5 0 48 21.5 48 48s-21.5 48-48 48-48-21.5-48-48 21.5-48 48-48zm46.8 144c-19.5 0-24.4 7-46.8 7s-27.3-7-46.8-7c-21.2 0-41.8 9.4-53.8 27.4C100.2 326.1 96 339 96 352.9V392c0 4.4 3.6 8 8 8h16c4.4 0 8-3.6 8-8v-39.1c0-7 2.1-13.8 6-19.6 5.6-8.3 15.8-13.2 27.3-13.2 12.4 0 20.8 7 46.8 7 25.9 0 34.3-7 46.8-7 11.5 0 21.7 5 27.3 13.2 3.9 5.8 6 12.6 6 19.6V392c0 4.4 3.6 8 8 8h16c4.4 0 8-3.6 8-8v-39.1c0-13.9-4.2-26.8-11.4-37.5-12.3-18-32.9-27.4-54-27.4z"/> </svg> </span> Yhteystietohakemisto </a> </li> <li class="w-full"> <a href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/neuvonta-ja-asiointi/porvoo-info/" class="hover:text-yellow-ochre whitespace-normal text-center leading-tight"> <span aria-hidden="true"> <svg class="h-5 mr-2 w-auto mx-auto inline text-bright-green" aria-hidden="true" class="comment-light_svg__svg-inline--fa comment-light_svg__fa-comment comment-light_svg__fa-w-16" data-icon="comment" data-prefix="fal" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M256 64c123.5 0 224 79 224 176S379.5 416 256 416c-28.3 0-56.3-4.3-83.2-12.8l-15.2-4.8-13 9.2c-23 16.3-58.5 35.3-102.6 39.6 12-15.1 29.8-40.4 40.8-69.6l7.1-18.7-13.7-14.6C47.3 313.7 32 277.6 32 240c0-97 100.5-176 224-176m0-32C114.6 32 0 125.1 0 240c0 47.6 19.9 91.2 52.9 126.3C38 405.7 7 439.1 6.5 439.5c-6.6 7-8.4 17.2-4.6 26 3.8 8.8 12.4 14.5 22 14.5 61.5 0 110-25.7 139.1-46.3 29 9.1 60.2 14.3 93 14.3 141.4 0 256-93.1 256-208S397.4 32 256 32z"/> </svg> </span> Porvoo-info </a> </li> <li class="w-full"> <a href="tel:+35819520211" class="hover:text-yellow-ochre whitespace-normal text-center leading-tight"> <span aria-hidden="true"> <svg class="h-5 mr-2 w-auto mx-auto inline text-bright-green" aria-hidden="true" class="phone-rotary-regular_svg__svg-inline--fa phone-rotary-regular_svg__fa-phone-rotary phone-rotary-regular_svg__fa-w-16" data-icon="phone-rotary" data-prefix="far" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M370.43 192.25A64 64 0 0 0 314.86 160H197.14a64 64 0 0 0-55.57 32.25L36.22 376.62A32 32 0 0 0 32 392.5V448a32 32 0 0 0 32 32h384a32 32 0 0 0 32-32v-55.5a32 32 0 0 0-4.22-15.88zM432 432H80v-35.25l103.25-180.69a16 16 0 0 1 13.89-8.06h117.72a16 16 0 0 1 13.89 8.06L432 396.75zM256 256a64 64 0 1 0 64 64 64 64 0 0 0-64-64zm250.18-133C436.76 65 347.38 32 256 32S75.24 65 5.82 123A16.45 16.45 0 0 0 0 135.64V192a16 16 0 0 0 16 16h70.11a16 16 0 0 0 14.31-8.85L128 128c39.9-17.28 83.2-24 128-24 44.77 0 88.07 6.72 128 24l27.58 71.15a16 16 0 0 0 14.31 8.85H496a16 16 0 0 0 16-16v-56.36a16.45 16.45 0 0 0-5.82-12.64z"/> </svg> </span> Kaupungin vaihde: 019 520 211 </a> </li> <li class="w-full"> <a href="https://www.eporvoo.fi/fi-FI/" class="hover:text-yellow-ochre whitespace-normal text-center leading-tight"> <span aria-hidden="true"> <svg class="h-5 mr-2 w-auto mx-auto inline text-bright-green" aria-hidden="true" class="desktop-light_svg__svg-inline--fa desktop-light_svg__fa-desktop desktop-light_svg__fa-w-18" data-icon="desktop" data-prefix="fal" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M528 0H48C21.5 0 0 21.5 0 48v288c0 26.5 21.5 48 48 48h192l-24 96h-72c-8.8 0-16 7.2-16 16s7.2 16 16 16h288c8.8 0 16-7.2 16-16s-7.2-16-16-16h-72l-24-96h192c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zM249 480l16-64h46l16 64h-78zm295-144c0 8.8-7.2 16-16 16H48c-8.8 0-16-7.2-16-16V48c0-8.8 7.2-16 16-16h480c8.8 0 16 7.2 16 16v288z"/> </svg> </span> Sähköinen asiointi </a> </li> <li class="w-full"> <a href="https://verkkokauppa.porvoo.fi/" class="hover:text-yellow-ochre whitespace-normal text-center leading-tight"> <span aria-hidden="true"> <svg class="h-5 mr-2 w-auto mx-auto inline text-bright-green" aria-hidden="true" class="desktop-light_svg__svg-inline--fa desktop-light_svg__fa-desktop desktop-light_svg__fa-w-18" data-icon="desktop" data-prefix="fal" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M528 0H48C21.5 0 0 21.5 0 48v288c0 26.5 21.5 48 48 48h192l-24 96h-72c-8.8 0-16 7.2-16 16s7.2 16 16 16h288c8.8 0 16-7.2 16-16s-7.2-16-16-16h-72l-24-96h192c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zM249 480l16-64h46l16 64h-78zm295-144c0 8.8-7.2 16-16 16H48c-8.8 0-16-7.2-16-16V48c0-8.8 7.2-16 16-16h480c8.8 0 16 7.2 16 16v288z"/> </svg> </span> Verkkokauppa </a> </li> <li class="w-full"> <a href="https://www.porvoo.fi/asuminen-ymparisto/tontit-ja-rakentaminen/kartat-ja-paikkatiedot/" class="hover:text-yellow-ochre whitespace-normal text-center leading-tight"> <span aria-hidden="true"> <svg class="h-5 mr-2 w-auto mx-auto inline text-bright-green" aria-hidden="true" class="map-marked-alt-regular_svg__svg-inline--fa map-marked-alt-regular_svg__fa-map-marked-alt map-marked-alt-regular_svg__fa-w-18" data-icon="map-marked-alt" data-prefix="far" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M344 126c0-13.3-10.7-24-24-24s-24 10.7-24 24c0 13.2 10.7 24 24 24s24-10.8 24-24zm-24 226c5 0 10-2 13.5-6.1 35.3-40 127.3-150.1 127.3-210.6C460.8 60.6 397.8 0 320 0S179.2 60.6 179.2 135.3c0 60.4 92 170.6 127.3 210.6C310 350 315 352 320 352zm0-304c51.2 0 92.8 39.2 92.8 87.3 0 21.4-31.8 79.1-92.8 152.6-61-73.5-92.8-131.2-92.8-152.6 0-48.1 41.6-87.3 92.8-87.3zm240 112c-2 0-4 .4-6 1.2l-73.5 27.2c-8.2 20.4-20.2 42-34.2 63.8L528 222v193l-128 44.5V316.3c-13.7 17.3-27.9 34.3-42.5 50.8-1.7 1.9-3.6 3.5-5.5 5.1v81.4l-128-45.2v-113c-18.1-24.1-34.8-48.8-48-72.8v180.2l-.6.2L48 450V257l123.6-43c-8-15.4-14.1-30.3-18.3-44.5L20.1 216C8 220.8 0 232.6 0 245.7V496c0 9.2 7.5 16 16 16 2 0 4-.4 6-1.2L192 448l172 60.7c13 4.3 27 4.4 40 .2L555.9 456c12.2-4.9 20.1-16.6 20.1-29.7V176c0-9.2-7.5-16-16-16z"/> </svg> </span> Kartat ja paikkatiedot </a> </li> <li class="w-full"> <a href="https://porvoo.mediaflowportal.com/" class="hover:text-yellow-ochre whitespace-normal text-center leading-tight"> <span aria-hidden="true"> <svg class="h-5 mr-2 w-auto mx-auto inline text-bright-green" aria-hidden="true" class="image-regular_svg__svg-inline--fa image-regular_svg__fa-image image-regular_svg__fa-w-16" data-icon="image" data-prefix="far" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 336H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v276a6 6 0 0 1-6 6zM128 152c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zM96 352h320v-80l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L192 304l-39.515-39.515c-4.686-4.686-12.284-4.686-16.971 0L96 304v48z"/> </svg> </span> Kuvapankki </a> </li> </ul> </nav> <div class="mt-double-gutter"> <h2 class="font-heading-2 font-semibold text-xl md:text-2xl mb-6">Somessa</h2> <ul class="block space-y-3"> <li> <a target="_blank" href="https://www.instagram.com/porvoonkaupunki_borgastad/" class="text-bright-green flex space-x-2"> <svg class="h-5 justify-center" aria-hidden="true" class="instagram-brands_svg__svg-inline--fa instagram-brands_svg__fa-instagram instagram-brands_svg__fa-w-14" data-icon="instagram" data-prefix="fab" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/> </svg> <span class="sr-only">Seuraa Instagram</span> <span class="text-white hover:text-yellow-ochre">Instagram</span> </a> </li> <li> <a target="_blank" href="https://www.facebook.com/porvoonkaupunki" class="text-bright-green flex space-x-2"> <svg class="h-5 justify-center" aria-hidden="true" class="facebook-f-brands_svg__svg-inline--fa facebook-f-brands_svg__fa-facebook-f facebook-f-brands_svg__fa-w-10" data-icon="facebook-f" data-prefix="fab" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m279.14 288 14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/> </svg> <span class="sr-only">Seuraa Facebook</span> <span class="text-white hover:text-yellow-ochre">Facebook</span> </a> </li> <li> <a target="_blank" href="https://www.linkedin.com/company/city-of-porvoo/" class="text-bright-green flex space-x-2"> <svg class="h-5 justify-center" aria-hidden="true" class="linkedin-in-brands_svg__svg-inline--fa linkedin-in-brands_svg__fa-linkedin-in linkedin-in-brands_svg__fa-w-14" data-icon="linkedin-in" data-prefix="fab" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"/> </svg> <span class="sr-only">Seuraa LinkedIn</span> <span class="text-white hover:text-yellow-ochre">LinkedIn</span> </a> </li> <li> <a target="_blank" href="https://www.youtube.com/user/PorvooKaupunki" class="text-bright-green flex space-x-2"> <svg class="h-5 justify-center" aria-hidden="true" class="youtube-brands_svg__svg-inline--fa youtube-brands_svg__fa-youtube youtube-brands_svg__fa-w-18" data-icon="youtube" data-prefix="fab" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/> </svg> <span class="sr-only">Seuraa YouTube</span> <span class="text-white hover:text-yellow-ochre">YouTube</span> </a> </li> </ul> </div> <nav class="mt-double-gutter"> <h2 class="font-heading-2 font-semibold text-xl md:text-2xl mb-6">Katso myös sivustot</h2> <ul class="block text-left space-y-3"> <li class="w-full"> <a href="https://businessporvoo.fi/" class="hover:text-yellow-ochre whitespace-normal leading-tight"> <span aria-hidden="true"> <svg class="h-5 mr-2 w-auto mx-auto inline text-bright-green" aria-hidden="true" class="external-link-regular_svg__svg-inline--fa external-link-regular_svg__fa-external-link external-link-regular_svg__fa-w-16" data-icon="external-link" data-prefix="far" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M497.6 0 334.4.17a14.4 14.4 0 0 0-14.4 14.4v33.31a14.4 14.4 0 0 0 14.69 14.4l73.63-2.72 2.06 2.06-278.86 278.87a12 12 0 0 0 0 17l23 23a12 12 0 0 0 17 0l278.86-278.87 2.06 2.06-2.72 73.63a14.4 14.4 0 0 0 14.4 14.69h33.31a14.4 14.4 0 0 0 14.4-14.4L512 14.4A14.4 14.4 0 0 0 497.6 0ZM432 288h-16a16 16 0 0 0-16 16v154a6 6 0 0 1-6 6H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h154a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V304a16 16 0 0 0-16-16Z"/> </svg> </span> Business Porvoo </a> </li> <li class="w-full"> <a href="https://itauusimaa.fi/" class="hover:text-yellow-ochre whitespace-normal leading-tight"> <span aria-hidden="true"> <svg class="h-5 mr-2 w-auto mx-auto inline text-bright-green" aria-hidden="true" class="external-link-regular_svg__svg-inline--fa external-link-regular_svg__fa-external-link external-link-regular_svg__fa-w-16" data-icon="external-link" data-prefix="far" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M497.6 0 334.4.17a14.4 14.4 0 0 0-14.4 14.4v33.31a14.4 14.4 0 0 0 14.69 14.4l73.63-2.72 2.06 2.06-278.86 278.87a12 12 0 0 0 0 17l23 23a12 12 0 0 0 17 0l278.86-278.87 2.06 2.06-2.72 73.63a14.4 14.4 0 0 0 14.4 14.69h33.31a14.4 14.4 0 0 0 14.4-14.4L512 14.4A14.4 14.4 0 0 0 497.6 0ZM432 288h-16a16 16 0 0 0-16 16v154a6 6 0 0 1-6 6H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h154a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V304a16 16 0 0 0-16-16Z"/> </svg> </span> Itä-Uudenmaan hyvinvointialue </a> </li> <li class="w-full"> <a href="https://www.porvoo.fi/ateria-ja-puhtauspalvelut/" class="hover:text-yellow-ochre whitespace-normal leading-tight"> <span aria-hidden="true"> <svg class="h-5 mr-2 w-auto mx-auto inline text-bright-green" aria-hidden="true" class="external-link-regular_svg__svg-inline--fa external-link-regular_svg__fa-external-link external-link-regular_svg__fa-w-16" data-icon="external-link" data-prefix="far" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M497.6 0 334.4.17a14.4 14.4 0 0 0-14.4 14.4v33.31a14.4 14.4 0 0 0 14.69 14.4l73.63-2.72 2.06 2.06-278.86 278.87a12 12 0 0 0 0 17l23 23a12 12 0 0 0 17 0l278.86-278.87 2.06 2.06-2.72 73.63a14.4 14.4 0 0 0 14.4 14.69h33.31a14.4 14.4 0 0 0 14.4-14.4L512 14.4A14.4 14.4 0 0 0 497.6 0ZM432 288h-16a16 16 0 0 0-16 16v154a6 6 0 0 1-6 6H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h154a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V304a16 16 0 0 0-16-16Z"/> </svg> </span> Porvoon ateria- ja puhtauspalvelut </a> </li> <li class="w-full"> <a href="https://porvoonseudunmusiikkiopisto.fi/" class="hover:text-yellow-ochre whitespace-normal leading-tight"> <span aria-hidden="true"> <svg class="h-5 mr-2 w-auto mx-auto inline text-bright-green" aria-hidden="true" class="external-link-regular_svg__svg-inline--fa external-link-regular_svg__fa-external-link external-link-regular_svg__fa-w-16" data-icon="external-link" data-prefix="far" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M497.6 0 334.4.17a14.4 14.4 0 0 0-14.4 14.4v33.31a14.4 14.4 0 0 0 14.69 14.4l73.63-2.72 2.06 2.06-278.86 278.87a12 12 0 0 0 0 17l23 23a12 12 0 0 0 17 0l278.86-278.87 2.06 2.06-2.72 73.63a14.4 14.4 0 0 0 14.4 14.69h33.31a14.4 14.4 0 0 0 14.4-14.4L512 14.4A14.4 14.4 0 0 0 497.6 0ZM432 288h-16a16 16 0 0 0-16 16v154a6 6 0 0 1-6 6H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h154a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V304a16 16 0 0 0-16-16Z"/> </svg> </span> Porvoonseudun musiikkiopisto </a> </li> <li class="w-full"> <a href="https://porvoonvesi.fi/" class="hover:text-yellow-ochre whitespace-normal leading-tight"> <span aria-hidden="true"> <svg class="h-5 mr-2 w-auto mx-auto inline text-bright-green" aria-hidden="true" class="external-link-regular_svg__svg-inline--fa external-link-regular_svg__fa-external-link external-link-regular_svg__fa-w-16" data-icon="external-link" data-prefix="far" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M497.6 0 334.4.17a14.4 14.4 0 0 0-14.4 14.4v33.31a14.4 14.4 0 0 0 14.69 14.4l73.63-2.72 2.06 2.06-278.86 278.87a12 12 0 0 0 0 17l23 23a12 12 0 0 0 17 0l278.86-278.87 2.06 2.06-2.72 73.63a14.4 14.4 0 0 0 14.4 14.69h33.31a14.4 14.4 0 0 0 14.4-14.4L512 14.4A14.4 14.4 0 0 0 497.6 0ZM432 288h-16a16 16 0 0 0-16 16v154a6 6 0 0 1-6 6H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h154a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V304a16 16 0 0 0-16-16Z"/> </svg> </span> Porvoon vesi </a> </li> <li class="w-full"> <a href="https://porvoonymparistoterveydenhuolto.fi/" class="hover:text-yellow-ochre whitespace-normal leading-tight"> <span aria-hidden="true"> <svg class="h-5 mr-2 w-auto mx-auto inline text-bright-green" aria-hidden="true" class="external-link-regular_svg__svg-inline--fa external-link-regular_svg__fa-external-link external-link-regular_svg__fa-w-16" data-icon="external-link" data-prefix="far" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M497.6 0 334.4.17a14.4 14.4 0 0 0-14.4 14.4v33.31a14.4 14.4 0 0 0 14.69 14.4l73.63-2.72 2.06 2.06-278.86 278.87a12 12 0 0 0 0 17l23 23a12 12 0 0 0 17 0l278.86-278.87 2.06 2.06-2.72 73.63a14.4 14.4 0 0 0 14.4 14.69h33.31a14.4 14.4 0 0 0 14.4-14.4L512 14.4A14.4 14.4 0 0 0 497.6 0ZM432 288h-16a16 16 0 0 0-16 16v154a6 6 0 0 1-6 6H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h154a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V304a16 16 0 0 0-16-16Z"/> </svg> </span> Porvoon ympäristöterveydenhuolto </a> </li> <li class="w-full"> <a href="https://www.taidetehdas.fi" class="hover:text-yellow-ochre whitespace-normal leading-tight"> <span aria-hidden="true"> <svg class="h-5 mr-2 w-auto mx-auto inline text-bright-green" aria-hidden="true" class="external-link-regular_svg__svg-inline--fa external-link-regular_svg__fa-external-link external-link-regular_svg__fa-w-16" data-icon="external-link" data-prefix="far" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M497.6 0 334.4.17a14.4 14.4 0 0 0-14.4 14.4v33.31a14.4 14.4 0 0 0 14.69 14.4l73.63-2.72 2.06 2.06-278.86 278.87a12 12 0 0 0 0 17l23 23a12 12 0 0 0 17 0l278.86-278.87 2.06 2.06-2.72 73.63a14.4 14.4 0 0 0 14.4 14.69h33.31a14.4 14.4 0 0 0 14.4-14.4L512 14.4A14.4 14.4 0 0 0 497.6 0ZM432 288h-16a16 16 0 0 0-16 16v154a6 6 0 0 1-6 6H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h154a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V304a16 16 0 0 0-16-16Z"/> </svg> </span> Taidetehdas </a> </li> <li class="w-full"> <a href="https://www.visitporvoo.fi/" class="hover:text-yellow-ochre whitespace-normal leading-tight"> <span aria-hidden="true"> <svg class="h-5 mr-2 w-auto mx-auto inline text-bright-green" aria-hidden="true" class="external-link-regular_svg__svg-inline--fa external-link-regular_svg__fa-external-link external-link-regular_svg__fa-w-16" data-icon="external-link" data-prefix="far" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M497.6 0 334.4.17a14.4 14.4 0 0 0-14.4 14.4v33.31a14.4 14.4 0 0 0 14.69 14.4l73.63-2.72 2.06 2.06-278.86 278.87a12 12 0 0 0 0 17l23 23a12 12 0 0 0 17 0l278.86-278.87 2.06 2.06-2.72 73.63a14.4 14.4 0 0 0 14.4 14.69h33.31a14.4 14.4 0 0 0 14.4-14.4L512 14.4A14.4 14.4 0 0 0 497.6 0ZM432 288h-16a16 16 0 0 0-16 16v154a6 6 0 0 1-6 6H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h154a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V304a16 16 0 0 0-16-16Z"/> </svg> </span> Visit Porvoo </a> </li> </ul> </nav> <nav class="mt-double-gutter md:col-start-4"> <h2 class="font-heading-2 font-semibold text-xl md:text-2xl mb-6">Hyvä tietää</h2> <ul class="flex-wrap block items-center justify-center space-y-3"> <li class="w-full sm:w-auto"> <a href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/neuvonta-ja-asiointi/tietosuoja/" class="inline-block hover:text-yellow-ochre"> <span aria-hidden="true"> <svg class="h-5 mr-2 w-auto mx-auto inline text-bright-green" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> Tietosuoja </a> </li> <li class="w-full sm:w-auto"> <a href="https://www.porvoo.fi/tietoa-evasteista/" class="inline-block hover:text-yellow-ochre"> <span aria-hidden="true"> <svg class="h-5 mr-2 w-auto mx-auto inline text-bright-green" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> Tietoa evästeistä </a> </li> <li class="w-full sm:w-auto"> <a href="https://www.porvoo.fi/saavutettavuusseloste/" class="inline-block hover:text-yellow-ochre"> <span aria-hidden="true"> <svg class="h-5 mr-2 w-auto mx-auto inline text-bright-green" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> Saavutettavuusseloste </a> </li> <li class="w-full sm:w-auto"> <a href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/talous-ja-hankinnat/laskutusosoitteet-ja-ohjeet/" class="inline-block hover:text-yellow-ochre"> <span aria-hidden="true"> <svg class="h-5 mr-2 w-auto mx-auto inline text-bright-green" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> Laskutusosoitteet ja -ohjeet </a> </li> <li class="w-full sm:w-auto"> <a href="https://www.porvoo.fi/asiointi-ja-paatoksenteko/viestinta-ja-markkinointi/visuaalinen-ilme-ja-vaakuna/" class="inline-block hover:text-yellow-ochre"> <span aria-hidden="true"> <svg class="h-5 mr-2 w-auto mx-auto inline text-bright-green" aria-hidden="true" class="long-arrow-alt-right-regular_svg__svg-inline--fa long-arrow-alt-right-regular_svg__fa-long-arrow-alt-right long-arrow-alt-right-regular_svg__fa-w-14" data-icon="long-arrow-alt-right" data-prefix="far" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="m340.485 366 99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z"/> </svg> </span> Visuaalinen ilme ja vaakuna </a> </li> </ul> </nav> </div> <div class="mt-double-gutter"> <ul class="flex flex-wrap gap-8"> <li> <a href="https://www.eporvoo.fi/fi-FI/neuvonta-palaute/" class="perspective-0 text-md group p-0 font-heading-2 rounded-full inline-block overflow-hidden bg-dark-blue text-white !bg-yellow-ochre !text-near-black-blue text-sm font-semibold"> <span class="flex items-center py-3 px-7 transform transition-transform hover:translate-x-7"> <span class="-ml-7 opacity-0 transition-opacity group-hover:opacity-100"> <svg class="w-3 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L364.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l340.1 0L231.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168z"/></svg> </span> <span class="mx-3">Neuvonta ja palaute</span> <span class="transition-opacity duration-100 group-hover:opacity-0"> <svg class="w-3 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L364.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l340.1 0L231.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168z"/></svg> </span> </span> </a> </li> </ul> </div> </div> </div> </footer> </div> </div> <script src="https://www.porvoo.fi/app/plugins/accordion-blocks/js/accordion-blocks.min.js?ver=3984229023" id="pb-accordion-blocks-frontend-script-js"></script> <script src="https://www.porvoo.fi/app/plugins/ics-calendar/assets/script.min.js?ver=3675449817" id="ics-calendar-js"></script> <script id="ics-calendar-js-after"> var r34ics_ajax_obj = {"ajaxurl":"https:\/\/www.porvoo.fi\/wp-admin\/admin-ajax.php","r34ics_nonce":"68b04af6f9"}; var ics_calendar_i18n = {"hide_past_events":"Piilota menneet tapahtumat","show_past_events":"N\u00e4yt\u00e4 aiemmat tapahtumat"}; var r34ics_days_of_week_map = {"sunnuntai":"su","maanantai":"ma","tiistai":"ti","keskiviikko":"ke","torstai":"to","perjantai":"pe","lauantai":"la"}; var r34ics_transients_expiration_ms = 3600000; var r34ics_ajax_interval; </script> <script id="sage/app.js-js-extra"> var sageTranslations = {"swiperMoveToSlide":"Siirry diaan","swiperNextSlide":"Seuraava dia","swiperPrevSlide":"Edellinen dia","juicerLoadMore":"Lataa lis\u00e4\u00e4","juicerReadMore":"\u2026Lue lis\u00e4\u00e4","algoliaAppId":"BCAXJGXVWJ","algoliaApiKey":"a3488f704485c9a2729ebdda22b88d10"}; </script> <script src="https://www.porvoo.fi/app/themes/porvoo/public/scripts/app.js?id=8f6c9dfa4314d5f457c2" id="sage/app.js-js"></script> <script src="https://www.porvoo.fi/wp-includes/js/jquery/ui/core.min.js?ver=1112728167" id="jquery-ui-core-js"></script> <script src="https://www.porvoo.fi/wp-includes/js/jquery/ui/datepicker.min.js?ver=1112728167" id="jquery-ui-datepicker-js"></script> <script id="jquery-ui-datepicker-js-after"> jQuery(function(jQuery){jQuery.datepicker.setDefaults({"closeText":"Sulje","currentText":"T\u00e4n\u00e4\u00e4n","monthNames":["tammikuu","helmikuu","maaliskuu","huhtikuu","toukokuu","kes\u00e4kuu","hein\u00e4kuu","elokuu","syyskuu","lokakuu","marraskuu","joulukuu"],"monthNamesShort":["tammi","helmi","maalis","huhti","touko","kes\u00e4","hein\u00e4","elo","syys","loka","marras","joulu"],"nextText":"Seuraava","prevText":"Edellinen","dayNames":["sunnuntai","maanantai","tiistai","keskiviikko","torstai","perjantai","lauantai"],"dayNamesShort":["su","ma","ti","ke","to","pe","la"],"dayNamesMin":["su","ma","ti","ke","to","pe","la"],"dateFormat":"dd.mm.yy","firstDay":1,"isRTL":false});}); </script>  <script type="text/plain" data-cookieconsent="statistics"> var _saq = _saq || [];(function() { var account = "porvoo_uusi"; var snbpagename = ""; var snbsection = ""; var snbcookies = "session"; var anchors= "1"; var snbscript = document.createElement("script"); snbscript.type = "text/javascript"; snbscript.async= true; snbscript.src = "https://eu2.snoobi.com/?account=" + account + "&page_name=" + snbpagename + "&section=" + snbsection + "&anchors=" + anchors + "&cookies=" + snbcookies; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(snbscript, s); })(); </script> </body> </html>

CINXE.COM

Porvoon Taidetehtaan rantakorttelin avoin taidekilpailu - Porvoo