{"id":39353,"date":"2026-02-10T12:48:55","date_gmt":"2026-02-10T12:48:55","guid":{"rendered":"https:\/\/www.elomatic.com\/?page_id=39353"},"modified":"2026-10-15T11:59:17","modified_gmt":"2026-10-15T11:59:17","slug":"sovellus-ja-kayttoliittymakehitys","status":"publish","type":"page","link":"https:\/\/www.elomatic.com\/fi\/data-digital\/sovellus-ja-kayttoliittymakehitys\/","title":{"rendered":"Sovellus- ja k\u00e4ytt\u00f6liittym\u00e4kehitys"},"content":{"rendered":"\r\n<div id=\"\" data-sectionname=\"\" data-sectionid=\"elomatic-section-block_9913f8aaf50c8028d6f3fb99371c6a91\"\r\n     class=\"elomatic-section wp-elements-f12e343bdf37a4baee67090c4ee50301 sectionTypo-normal sectionHasBackgroundImage has-valkoinen-color has-navy-blue-20-background-color has-none-gradient-background sectionBG-position-center align-items-end sectionHeightMin100VH_defunc sectionHeightMin100VH normalPadding  startShapesFromBottom   pageSection container-fluid Xd-sm-flex d-flex   positionRelative coverBackground \" style=\"background-image: url('https:\/\/www.elomatic.com\/wp-content\/uploads\/2025\/12\/1.6-sovellus-ja-kayttoliittymakehitys.jpg');\" data-gradient=\"none\">\r\n\r\n\r\n    \r\n\r\n    <div data-backgroundcolor=\"navy-blue-20\" data-textcolor=\"valkoinen\" class=\"sectionBackgroundColorVeil has-navy-blue-20-background-color \"><\/div>\r\n\r\n\r\n    <div class=\"sectionGridWrapper\" data-fill=\"white\"\r\n         data-koodi=\"\" data-testikoodi=\"\">\r\n        <div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div>    <\/div>\r\n\r\n    <div class=\"sectionGridWrapperExtension\"><\/div>\r\n    <div class=\"container-sm sectionContent\">\r\n        <div class=\"row widthMedium\">\r\n            <div class=\"col-12 p-0\">\r\n                \n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h1 style=\"text-align: center;\">Sovellus- ja k\u00e4ytt\u00f6liittym\u00e4kehitys<\/h1>\n<p class=\"EBase sectionIngres\" style=\"text-align: center;\">Suunnittelemme ja toteutamme \u00e4lykk\u00e4it\u00e4 sovelluksia teollisuuden tarpeisiin.<\/p>\n<\/div>\n<\/div>\n\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n        \r\n        <div class=\"elomaticScrollDown   scroll-align-center  \"><i class=\"fa-solid fa-chevron-down\"><\/i><\/div>\r\n    \r\n<\/div>\r\n\r\n\n\n\r\n<div id=\"\"  data-sectionnameX=\"\" data-sectionidX=\"elomatic-section-block_d2852c8ef7155cc09e1f1d3f0f4e9d7f\"\r\n     class=\"elomatic-section sectionTypo-normal noBackgroundImage has-none-color has-none-background-color align-items-start sectionHeightMin100VH_defunc natural-height noPadding  normalShapes  pageSection container-fluid p-0 Xd-sm-flex d-flex   positionRelative coverBackground \"  style=\"background-image: url('');\">\r\n    <div data-backgroundcolor=\"none\" data-textcolor=\"none\" class=\"sectionBackgroundColorVeil has-none-background-color \"><\/div>\r\n    <div class=\"sectionGridWrapper\" data-fill=\"white\"\r\n         data-koodi=\"\" data-testikoodi=\"\">\r\n        <div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"0.4\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.4\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.4\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"0.4\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"0.4\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.4\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.8\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"0.4\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.4\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"0.4\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.4\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"0.4\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"0.4\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.4\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.4\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"0.8\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.4\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.4\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.8\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div>    <\/div>\r\n\r\n    <div class=\"sectionGridWrapperExtension\"><\/div>\r\n    <div class=\"container-fluid sectionContent\">\r\n        <div class=\"row \">\r\n            <div class=\"col-12 p-0\">\r\n                \n\r\n<div id=\"sovellus-ja-kayttoliittymakehitys\" data-sectionname=\"Sovellus- ja k\u00e4ytt\u00f6liittym\u00e4kehitys\" data-sectionid=\"elomatic-section-block_899759b8fe1f64ff036ac3299d7339f1\"\r\n     class=\"elomatic-section sectionTypo-normal noBackgroundImage has-none-color has-none-background-color has-none-gradient-background sectionBG-position-center align-items-start sectionHeightMin100VH_defunc natural-height lightPadding  normalShapes   pageSection container-fluid Xd-sm-flex d-flex   positionRelative coverBackground \" style=\"background-image: url('');\" data-gradient=\"none\">\r\n\r\n\r\n    \r\n\r\n    <div data-backgroundcolor=\"none\" data-textcolor=\"none\" class=\"sectionBackgroundColorVeil has-none-background-color \"><\/div>\r\n\r\n\r\n    <div class=\"sectionGridWrapper\" data-fill=\"white\"\r\n         data-koodi=\"\" data-testikoodi=\"\">\r\n            <\/div>\r\n\r\n    <div class=\"sectionGridWrapperExtension\"><\/div>\r\n    <div class=\"container-sm sectionContent\">\r\n        <div class=\"row widthNarrow\">\r\n            <div class=\"col-12 p-0\">\r\n                \n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"sectionIngres\">Suunnittelemme ja toteutamme sovelluksia maa- ja meriteollisuuden monipuolisiin tarpeisiin \u2013 huollon ja kunnossapidon tueksi, markkinoinnin ja myynnin ty\u00f6kaluksi sek\u00e4 datalla johtamisen v\u00e4lineiksi.<\/p>\n<p>Elomaticin 3D-suunnittelu- ja -visualisointiprosessit tuottavat laadukasta aineistoa, jota voidaan hy\u00f6dynt\u00e4\u00e4 AR- ja VR-applikaatioiden sek\u00e4 PC- ja mobiilisovellusten kehityksess\u00e4. T\u00e4m\u00e4 tekee kehityksest\u00e4 nopeaa ja kustannustehokasta.<\/p>\n<p>Jalostamme data-analytiikkapalveluistamme k\u00e4ytt\u00e4j\u00e4yst\u00e4v\u00e4llisi\u00e4 sovelluksia, joiden avulla toimintaa voidaan ohjata selke\u00e4sti, tehokkaasti ja reaaliaikaisesti. Suunnittelemme k\u00e4ytt\u00f6liittymi\u00e4 my\u00f6s olemassa oleviin dataty\u00f6kaluihin, jotta niiden hy\u00f6dynt\u00e4minen olisi mahdollisimman sujuvaa ja mielek\u00e4st\u00e4. Tavoitteenamme on luoda ratkaisuja, jotka tukevat teollisuuden arkea ja parantavat p\u00e4\u00e4t\u00f6ksentekoa kaikilla tasoilla.<\/p>\n<p>Suunnittelemme sovellukset aina loppuk\u00e4ytt\u00e4j\u00e4 edell\u00e4. Kun ymm\u00e4rr\u00e4mme k\u00e4ytt\u00e4j\u00e4n tarpeet ja haasteet, voimme luoda helppok\u00e4ytt\u00f6isi\u00e4, turvallisia ja tehokkaita ratkaisuja, jotka tukevat teollisuuden prosesseja ja parantavat ty\u00f6n laatua.<\/p>\n<\/div>\n<\/div>\n\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n<\/div>\r\n\r\n\n\n\r\n<div id=\"\" data-sectionname=\"\" data-sectionid=\"elomatic-section-block_9cbf1c26402d74f1a114f0cf6d1125aa\"\r\n     class=\"elomatic-section sectionTypo-normal noBackgroundImage has-none-color has-none-background-color has-none-gradient-background sectionBG-position-center align-items-start sectionHeightMin100VH_defunc natural-height noPadding  normalShapes   pageSection container-fluid Xd-sm-flex d-flex   positionRelative coverBackground \" style=\"background-image: url('');\" data-gradient=\"none\">\r\n\r\n\r\n    \r\n\r\n    <div data-backgroundcolor=\"none\" data-textcolor=\"none\" class=\"sectionBackgroundColorVeil has-none-background-color \"><\/div>\r\n\r\n\r\n    <div class=\"sectionGridWrapper\" data-fill=\"white\"\r\n         data-koodi=\"\" data-testikoodi=\"\">\r\n            <\/div>\r\n\r\n    <div class=\"sectionGridWrapperExtension\"><\/div>\r\n    <div class=\"container-sm sectionContent\">\r\n        <div class=\"row widthNarrow\">\r\n            <div class=\"col-12 p-0\">\r\n                \n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-style-elomatic-extra-padding has-valkoinen-color has-navy-blue-background-color has-text-color has-background has-link-color wp-elements-60703e77c557e3c04560f08155d58aca is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"elomatic-noTopMargin\">Sovellusesimerkkej\u00e4<\/h4>\n<ul class=\"columnCount2\">\n<li><strong>VR-koulutusymp\u00e4rist\u00f6<\/strong>, jossa k\u00e4ytt\u00e4j\u00e4t voivat harjoitella laitteen huoltamista turvallisesti.<\/li>\n<li><strong>Myynnin ja markkinoinnin esityssovellus<\/strong>, jossa asiakas voi tutkia ja tehd\u00e4 haluttua toimintoa interaktiivisesti tabletilla tai VR-laseilla.<\/li>\n<li><strong>Paikkatietoj\u00e4rjestelm\u00e4<\/strong> maanalaisen kaukol\u00e4mp\u00f6putkien sijainnin ja rakennushistorian tarkkaan seuraamiseen.<\/li>\n<li><strong>PC- ja mobiilipohjainen seuranta-alusta<\/strong>, joka n\u00e4ytt\u00e4\u00e4 projektin etenemisen 3D-mallissa.<\/li>\n<li><strong>AR-sovellus<\/strong>, joka n\u00e4ytt\u00e4\u00e4 huolto-ohjeet reaalimaailman p\u00e4\u00e4lle.<\/li>\n<li><strong>Huollon ty\u00f6kalu<\/strong>, jolla k\u00e4ytt\u00e4j\u00e4t voivat nopeasti tunnistaa viallisen komponentin ja sen tarkan sijainnin 3D-mallista jalostetussa n\u00e4kym\u00e4ss\u00e4.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-style-elomatic-extra-padding has-valkoinen-color has-navy-blue-background-color has-text-color has-background has-link-color wp-elements-c55530b0c7052e7f42675f7316137756 is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"elomatic-noTopMargin\">Esimerkkej\u00e4 hy\u00f6dyist\u00e4<\/h4>\n<ul class=\"columnCount2\">\n<li><strong>Suunnitteluvaihe:<\/strong> <br \/>sovellukset tukevat mallien esittely\u00e4, tarkastelua ja p\u00e4\u00e4t\u00f6ksentekoa.<\/li>\n<li><strong>Rakentamisvaihe:<\/strong> <br \/>mobiili- ja PC-sovellukset helpottavat ty\u00f6maan koordinointia ja logistiikkaa.<\/li>\n<li><strong>K\u00e4ytt\u00f6vaihe:<\/strong> <br \/>tukevat huoltoa ja operointia v\u00e4hent\u00e4m\u00e4ll\u00e4 virheit\u00e4 ja parantamalla turvallisuutta.<\/li>\n<li><strong>Perehdytys ja koulutus: <br \/><\/strong>Tehokkaampi koulutus ja nopeampi k\u00e4ytt\u00f6\u00f6notto ilman tuotannon keskeytyksi\u00e4<\/li>\n<li><strong>Myynti ja markkinointi:<br \/><\/strong>interaktiiviset sovellukset tekev\u00e4t tuotteet ja ratkaisut el\u00e4viksi ja helposti havainnollistettaviksi messuilla, asiakastapaamisissa ja et\u00e4n\u00e4. N\u00e4ytt\u00e4v\u00e4t ja vuorovaikutteiset esitykset lis\u00e4\u00e4v\u00e4t asiakasymm\u00e4rryst\u00e4, helpottavat p\u00e4\u00e4t\u00f6ksentekoa ja parantavat kaupallista vaikuttavuutta.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n<\/div>\r\n\r\n\n\n\r\n<div id=\"ui-ja-ux-suunnittelu\" data-sectionname=\"UI- ja UX-suunnittelu\" data-sectionid=\"elomatic-section-block_c03eb5aa99434fac5acbce52e2df993d\"\r\n     class=\"elomatic-section sectionTypo-normal noBackgroundImage has-none-color has-none-background-color has-none-gradient-background sectionBG-position-center align-items-start sectionHeightMin100VH_defunc natural-height noPadding  normalShapes   pageSection container-fluid Xd-sm-flex d-flex   positionRelative coverBackground \" style=\"background-image: url('');\" data-gradient=\"none\">\r\n\r\n\r\n    \r\n\r\n    <div data-backgroundcolor=\"none\" data-textcolor=\"none\" class=\"sectionBackgroundColorVeil has-none-background-color \"><\/div>\r\n\r\n\r\n    <div class=\"sectionGridWrapper\" data-fill=\"white\"\r\n         data-koodi=\"\" data-testikoodi=\"\">\r\n            <\/div>\r\n\r\n    <div class=\"sectionGridWrapperExtension\"><\/div>\r\n    <div class=\"container-sm sectionContent\">\r\n        <div class=\"row widthNarrow\">\r\n            <div class=\"col-12 p-0\">\r\n                \n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"elomatic-noTopMargin\">UI- ja UX-suunnittelu<\/h2>\n<p class=\"sectionIngres\">Toimiva k\u00e4ytt\u00f6liittym\u00e4 (User Interface) on menestyv\u00e4n tuotteen avaintekij\u00e4, johon hyv\u00e4 k\u00e4ytt\u00e4j\u00e4kokemus (User eXperience) luo lis\u00e4arvoa.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-style-elomatic-extra-padding has-valkoinen-color has-navy-blue-background-color has-text-color has-background has-link-color wp-elements-d84c63852d356a4b564ff88a51ce0a04 is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"elomatic-noTopMargin\">Tarjoamme UI- ja UX-suunnittelua muun muassa seuraaviin kohteisiin:\u00a0<\/h4>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul class=\"columnCount2\">\n<li><strong>Virtuaaliset k\u00e4ytt\u00f6liittym\u00e4t (VR, AR ja MR)\u00a0<\/strong><\/li>\n<li><strong>HMI-k\u00e4ytt\u00f6liittym\u00e4t (laitteet ja liikkuvat koneet)\u00a0<\/strong><\/li>\n<li><strong>Ty\u00f6kalut ja koneet\u00a0<\/strong><\/li>\n<li><strong>Mobiililaitteet\u00a0<\/strong><\/li>\n<li><strong>Ohjelmistot ja verkkosovellukset\u00a0<\/strong><\/li>\n<li><strong>Pelit\u00a0<\/strong><\/li>\n<li><strong>Prosessik\u00e4ytt\u00f6liittym\u00e4t (laitokset, tuotantolinjat ja valvomot)\u00a0<\/strong><\/li>\n<li><strong>Julkiset tilat\u00a0<\/strong><\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>K\u00e4ytt\u00e4j\u00e4kokemus on onnistunut silloin, kun k\u00e4ytt\u00f6liittym\u00e4\u00e4 ei edes huomaa eli kun kaikki yksinkertaisesti toimii kuten pit\u00e4\u00e4kin. Sellaisen k\u00e4ytt\u00f6liittym\u00e4n suunnittelu vaatii k\u00e4ytt\u00e4j\u00e4n tarpeiden, tavoitteiden ja haasteiden ymm\u00e4rt\u00e4mist\u00e4.<\/p>\n<p>Olemme suunnitelleet k\u00e4ytett\u00e4vyytt\u00e4 ja k\u00e4ytt\u00f6liittymi\u00e4 yli 15 vuotta. Hy\u00f6dynn\u00e4mme suunnittelussa muun muassa k\u00e4ytt\u00e4j\u00e4haastatteluja, virtuaalimalleja, prototyyppej\u00e4 ja VR-teknologiaa, jotta onnistumme kehitt\u00e4m\u00e4\u00e4n aidosti k\u00e4ytt\u00e4j\u00e4n tarpeita vastaavan ratkaisun.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n<\/div>\r\n\r\n\n\n\r\n<div id=\"hyodyt\" data-sectionname=\"Hy\u00f6dyt\" data-sectionid=\"elomatic-section-block_66bd390c1de8d328520bc6d375b3bf01\"\r\n     class=\"elomatic-section sectionTypo-normal noBackgroundImage has-none-color has-none-background-color has-none-gradient-background sectionBG-position-center align-items-start sectionHeightMin100VH_defunc natural-height lightPadding  normalShapes   pageSection container-fluid Xd-sm-flex d-flex   positionRelative coverBackground \" style=\"background-image: url('');\" data-gradient=\"none\">\r\n\r\n\r\n    \r\n\r\n    <div data-backgroundcolor=\"none\" data-textcolor=\"none\" class=\"sectionBackgroundColorVeil has-none-background-color \"><\/div>\r\n\r\n\r\n    <div class=\"sectionGridWrapper\" data-fill=\"white\"\r\n         data-koodi=\"\" data-testikoodi=\"\">\r\n            <\/div>\r\n\r\n    <div class=\"sectionGridWrapperExtension\"><\/div>\r\n    <div class=\"container-sm sectionContent\">\r\n        <div class=\"row widthNarrow\">\r\n            <div class=\"col-12 p-0\">\r\n                \n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-style-elomatic-extra-padding has-valkoinen-color has-navy-blue-background-color has-text-color has-background has-link-color wp-elements-dda42150b6f283886283db94071d67cd is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"EBase elomatic-noTopMargin\">Toimivan k\u00e4ytt\u00f6liittym\u00e4n ja hyvin suunnitellun k\u00e4ytt\u00e4j\u00e4kokemuksen hy\u00f6dyt<\/h4>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\r\n\r\n\r\n\r\n<div id=\"elomatic-section-block_3c1d30d04d9f52c43d15d9a791bf8198\" class=\"elomatic-phases container-fluid phaseContainer\">\r\n    <div class=\"row phaseRow row-cols-sm-1 row-cols-lg-2 row-cols-xxl-2\">\r\n                        <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>1.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Helppok\u00e4ytt\u00f6inen<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Helppo oppia ja opastaa k\u00e4ytt\u00e4j\u00e4\u00e4.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>2.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Turvallinen<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Virheiden ja vahinkojen m\u00e4\u00e4r\u00e4 pienenee.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>3.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Tehokas<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Ylim\u00e4\u00e4r\u00e4iset vaiheet ja siirtym\u00e4t karsitaan pois, toimenpiteet tukevat tavoitteeseen p\u00e4\u00e4sy\u00e4.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>4.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Miellytt\u00e4v\u00e4<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Kun suunnitelma ja rakenne on selke\u00e4 ja yksinkertainen, k\u00e4ytt\u00e4j\u00e4 ei turhaudu.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>5.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Virheet\u00f6n<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Suunniteltu toiminta vastaa k\u00e4ytt\u00e4j\u00e4n mentaalisia malleja.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>6.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Halutunlainen mielikuva<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Tukee yrityksen br\u00e4nditavoitteita.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>7.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Yhten\u00e4inen<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Visuaalinen ulkoasu ja elementit ovat yhten\u00e4isi\u00e4 ja toteutus on linjakas.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>8.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Tyylik\u00e4s<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Yrityksen designin mukainen, t\u00e4ydennettyn\u00e4 uusimmalla teknologialla.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n            \r\n\r\n    <\/div>\r\n<\/div>\r\n<\/div>\n<\/div>\n\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n<\/div>\r\n\r\n\n\n\r\n<div id=\"\" data-sectionname=\"\" data-sectionid=\"elomatic-section-block_35da1866c5e6a51e7bc8a1f51287a696\"\r\n     class=\"elomatic-section sectionTypo-normal noBackgroundImage has-none-color has-none-background-color has-none-gradient-background sectionBG-position-center align-items-start sectionHeightMin100VH_defunc natural-height lightPadding  normalShapes   pageSection container-fluid Xd-sm-flex d-flex   positionRelative coverBackground \" style=\"background-image: url('');\" data-gradient=\"none\">\r\n\r\n\r\n    \r\n\r\n    <div data-backgroundcolor=\"none\" data-textcolor=\"none\" class=\"sectionBackgroundColorVeil has-none-background-color \"><\/div>\r\n\r\n\r\n    <div class=\"sectionGridWrapper\" data-fill=\"white\"\r\n         data-koodi=\"\" data-testikoodi=\"\">\r\n            <\/div>\r\n\r\n    <div class=\"sectionGridWrapperExtension\"><\/div>\r\n    <div class=\"container-sm sectionContent\">\r\n        <div class=\"row widthNarrow\">\r\n            <div class=\"col-12 p-0\">\r\n                \n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-style-elomatic-extra-padding has-valkoinen-color has-navy-blue-background-color has-text-color has-background has-link-color wp-elements-bf07a30e7df7ce480cea95643cef3b20 is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"elomatic-noTopMargin\">Toteutusesimerkki k\u00e4ytt\u00f6liittym\u00e4kehityksest\u00e4<\/h4>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\r\n\r\n\r\n\r\n<div id=\"elomatic-section-block_f0c8d77d1e30c19746149f51f41fe572\" class=\"elomatic-phases container-fluid phaseContainer\">\r\n    <div class=\"row phaseRow row-cols-sm-1 row-cols-lg-2 row-cols-xxl-2\">\r\n                        <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>1.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Esiselvitys<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Kartoitetaan k\u00e4ytt\u00e4j\u00e4tarpeet ja projektin tavoitteet, jotta suunnittelulle saadaan yhteinen selke\u00e4 suunta.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>2.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>K\u00e4ytett\u00e4vyyden arviointi ja testaus<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>K\u00e4ytt\u00f6liittym\u00e4n helppok\u00e4ytt\u00f6isyytt\u00e4 ja intuitiivisuutta arvioidaan k\u00e4ytt\u00e4j\u00e4testein ja analysoidaan tulokset parannuksia varten.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>3.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Mock-up prototestaus<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Luodaan yksinkertaistettu malliversio k\u00e4ytt\u00f6liittym\u00e4st\u00e4, jolla voidaan testata rakenne ja toimintojen logiikka.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>4.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Visuaalinen tyyli, elementit ja niiden asemointi<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>M\u00e4\u00e4ritell\u00e4\u00e4n n\u00e4ytt\u00e4v\u00e4 v\u00e4rimaailma, typografia ja graafiset elementit, jotka tukevat br\u00e4ndi\u00e4 ja parantavat k\u00e4ytt\u00f6kokemusta.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>5.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Digitaalinen prototyyppi<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Rakennetaan interaktiivinen malli k\u00e4ytt\u00f6liittym\u00e4st\u00e4, jota voidaan testata eri laitteilla ja k\u00e4ytt\u00f6tilanteissa.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>6.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Toiminnallisten elementtien suunnittelu<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Suunnitellaan painikkeiden, valikoiden ja muiden vuorovaikutteisten osien toiminta ja animaatiot.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>7.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Graafinen ohje<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Kootaan visuaalinen ohjeistus, joka varmistaa yhten\u00e4isen k\u00e4ytt\u00f6liittym\u00e4n toteutuksen ja yll\u00e4pidon eri kehitysvaiheissa.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n            \r\n\r\n    <\/div>\r\n<\/div>\r\n<\/div>\n<\/div>\n\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n<\/div>\r\n\r\n\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n<\/div>\r\n\r\n\n\n\r\n<div id=\"\" data-sectionname=\"\" data-sectionid=\"elomatic-section-block_602384d50d91f619dcc43a69619b9d0b\"\r\n     class=\"elomatic-section wp-elements-a5fa466491312461c392150ff86f08ec sectionTypo-normal noBackgroundImage has-valkoinen-color has-none-background-color has-none-gradient-background sectionBG-position-center align-items-start sectionHeightMin100VH_defunc natural-height noPadding  normalShapes   pageSection container-fluid Xd-sm-flex d-flex   positionRelative coverBackground \" style=\"background-image: url('');\" data-gradient=\"none\">\r\n\r\n\r\n    \r\n\r\n    <div data-backgroundcolor=\"none\" data-textcolor=\"valkoinen\" class=\"sectionBackgroundColorVeil has-none-background-color \"><\/div>\r\n\r\n\r\n    <div class=\"sectionGridWrapper\" data-fill=\"white\"\r\n         data-koodi=\"\" data-testikoodi=\"\">\r\n            <\/div>\r\n\r\n    <div class=\"sectionGridWrapperExtension\"><\/div>\r\n    <div class=\"container-sm sectionContent\">\r\n        <div class=\"row widthMedium\">\r\n            <div class=\"col-12 p-0\">\r\n                \n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\r\n\r\n<div id=\"elomatic-section-block_5bb88262d1a4be780a3a2eeae9b143b4\" class=\"elomatic-phases container-fluid\">\r\n    <div class=\"row \">\r\n\r\n\r\n        \r\n\r\n                <div class=\"col-sm-12    col-lg-12 cta-ext-wrapper \">\r\n                    <div class=\"   cta-ext-innerW  CTAtitlebar has-menthe-blue-background-color cta-x-ts-icon\" style=\"background-image: url('https:\/\/www.elomatic.com\/wp-content\/uploads\/2022\/11\/Elomatic_teollisuus-scaled-1.jpg')\">\r\n                        <a class=\"cta-ext-linkC\" href=\"https:\/\/www.elomatic.com\/top-engineer\/the-power-of-partnership-view-tool-reinvents-spare-part-hunting\/\" target=\"_blank\"><\/a>\r\n                        <div class=\"cta-ext-titleWrapper\">\r\n                            <div class=\"cta-ext-titleBUiconEffect has-menthe-blue-background-color\"><\/div>\r\n                            <div class=\"cta-ext-titleBUicon has-menthe-blue-background-color cta-x-ts-icon\"><\/div>\r\n                            <div class=\"cta-ext-titleWrapperBGcolor has-menthe-blue-background-color\"><\/div>\r\n                            <div class=\"cta-ext-titleText\">View tool reinvents spare part hunting<\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"cta-ext-textContainerWrapper\">\r\n                            <p>Lightweight, visual, and easy to use, Elomatic\u2019s View application brings clarity to complex engineering data. For Valmet customers, that means faster spare part searches, smoother maintenance, and better collaboration.<\/p>\n                        <\/div>\r\n                        <div class=\"cta-ext-linkArrow has-menthe-blue-background-color\"><i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            \r\n\r\n    <\/div>\r\n<\/div>\r\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n<\/div>\r\n\r\n\n\n\r\n<div id=\"ota-yhteytta\" data-sectionname=\"Ota yhteytt\u00e4\" data-sectionid=\"elomatic-section-block_c5ed8ef29f8a8c8690e6f70d13f19a9c\"\r\n     class=\"elomatic-section wp-elements-d610bebb48d237945c81f87a1f0c2350 sectionTypo-normal noBackgroundImage has-valkoinen-color has-navy-blue-background-color has-none-gradient-background sectionBG-position-center align-items-start sectionHeightMin100VH_defunc natural-height noPadding  normalShapes   pageSection container-fluid Xd-sm-flex d-flex   positionRelative coverBackground \" style=\"background-image: url('');\" data-gradient=\"none\">\r\n\r\n\r\n    \r\n\r\n    <div data-backgroundcolor=\"navy-blue\" data-textcolor=\"valkoinen\" class=\"sectionBackgroundColorVeil has-navy-blue-background-color \"><\/div>\r\n\r\n\r\n    <div class=\"sectionGridWrapper\" data-fill=\"white\"\r\n         data-koodi=\"\" data-testikoodi=\"\">\r\n            <\/div>\r\n\r\n    <div class=\"sectionGridWrapperExtension\"><\/div>\r\n    <div class=\"container-sm sectionContent\">\r\n        <div class=\"row widthMedium\">\r\n            <div class=\"col-12 p-0\">\r\n                \n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"elomatic-noTopMargin\">Ota yhteytt\u00e4<\/h3>\n<\/div>\n<\/div>\n\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n<\/div>\r\n\r\n\n\n\r\n<div id=\"\"  data-sectionnameX=\"\" data-sectionidX=\"elomatic-section-block_6b6aea8a27d05217756ef4aa36e77782\"\r\n     class=\"elomatic-section sectionTypo-normal noBackgroundImage has-none-color has-menthe-blue-20-background-color align-items-start sectionHeightMin100VH_defunc natural-height noPadding  normalShapes  pageSection container-fluid p-0 Xd-sm-flex d-flex   positionRelative coverBackground \"  style=\"background-image: url('');\">\r\n    <div data-backgroundcolor=\"menthe-blue-20\" data-textcolor=\"none\" class=\"sectionBackgroundColorVeil has-menthe-blue-20-background-color \"><\/div>\r\n    <div class=\"sectionGridWrapper\" data-fill=\"white\"\r\n         data-koodi=\"\" data-testikoodi=\"\">\r\n        <div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.5\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"0.5\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"0.5\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.5\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0.5\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"0.5\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"0.5\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.5\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.5\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.5\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div>    <\/div>\r\n\r\n    <div class=\"sectionGridWrapperExtension\"><\/div>\r\n    <div class=\"container-fluid sectionContent\">\r\n        <div class=\"row \">\r\n            <div class=\"col-12 p-0\">\r\n                \n\r\n<div id=\"\" data-sectionname=\"\" data-sectionid=\"elomatic-section-block_a76268d9d1c06fa7552bfecda1cc7840\"\r\n     class=\"elomatic-section sectionTypo-normal noBackgroundImage has-none-color has-none-background-color has-none-gradient-background sectionBG-position-center align-items-start sectionHeightMin100VH_defunc natural-height noPadding  normalShapes   pageSection container-fluid Xd-sm-flex d-flex   positionRelative coverBackground \" style=\"background-image: url('');\" data-gradient=\"none\">\r\n\r\n\r\n    \r\n\r\n    <div data-backgroundcolor=\"none\" data-textcolor=\"none\" class=\"sectionBackgroundColorVeil has-none-background-color \"><\/div>\r\n\r\n\r\n    <div class=\"sectionGridWrapper\" data-fill=\"white\"\r\n         data-koodi=\"\" data-testikoodi=\"\">\r\n            <\/div>\r\n\r\n    <div class=\"sectionGridWrapperExtension\"><\/div>\r\n    <div class=\"container-sm sectionContent\">\r\n        <div class=\"row widthMedium\">\r\n            <div class=\"col-12 p-0\">\r\n                \n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\r\n\r\n\r\n<div id=\"elomatic-section-block_1b369fc4285f6457acc428abc5892053\" class=\"elomatic-phases container-fluid contactPersonContainer p-0\">\r\n    <div class=\"row contactPersonRow row-cols-sm-1 Xrow-cols-lg-2 Xrow-cols-xxl-2 row-cols-lg-2 row-cols-xxl-2\">\r\n\r\n        \r\n            \r\n                \r\n                <div class=\"contactPersonWrapper    largeContactImage \" data-published=\"publish\">\r\n\r\n                    <div class=\"contactPersonInner\">\r\n                                                    <div class=\"contactImage\">\r\n                                <img decoding=\"async\" src=\"https:\/\/www.elomatic.com\/wp-content\/uploads\/2023\/04\/jukka.timonen@elomatic.com_.jpg\">\r\n                            <\/div>\r\n                        \r\n                        <div class=\"contactInfo\">\r\n                            <h6>Jukka Timonen<\/h6>\r\n                            <p class=\"contactTitle\">Development Manager, Virtual Applications<\/p>\r\n                            \r\n\r\n                                \r\n                                <div class=\"salesResp hide-term-level-0  \">\r\n\r\n                                    <ul>\t<li class='term-level-0' data-category-id='1111'><span>Data &amp; Digital<\/span>\n<ul class='children'>\n\t<li class='term-level-1' data-category-id='1159'><span>Mobiiliapplikaatiot<\/span>\n<\/li>\n\t<li class='term-level-1' data-category-id='1515'><span>View<\/span>\n<\/li>\n\t<li class='term-level-1' data-category-id='1164'><span>Virtuaaliset tehtaat<\/span>\n<\/li>\n\t<li class='term-level-1' data-category-id='1165'><span>Visualisointi<\/span>\n<\/li>\n\t<li class='term-level-1' data-category-id='1513'><span>VR Hub<\/span>\n<\/li>\n\t<li class='term-level-1' data-category-id='1451'><span>XR-ratkaisut<\/span>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\r\n                                <\/div>\r\n                                                        <p>\r\n                                <a class=\"contactPhone\" href=\"tel:+358 40 1851 530\"><i class=\"fa-solid fa-phone\"><\/i>+358 40 1851 530<\/a>\r\n                                <a class=\"contactEmail\" href=\"mailto:jukka.timonen@elomatic.com\"><i class=\"fa-solid fa-paper-plane\"><\/i>jukka.timonen@elomatic.com<\/a>\r\n\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            \r\n            \r\n                \r\n                <div class=\"contactPersonWrapper    largeContactImage \" data-published=\"publish\">\r\n\r\n                    <div class=\"contactPersonInner\">\r\n                                                    <div class=\"contactImage\">\r\n                                <img decoding=\"async\" src=\"https:\/\/www.elomatic.com\/wp-content\/uploads\/2023\/04\/niko.ihalainen@elomatic.com_.jpg\">\r\n                            <\/div>\r\n                        \r\n                        <div class=\"contactInfo\">\r\n                            <h6>Niko Ihalainen<\/h6>\r\n                            <p class=\"contactTitle\">Design Manager, Visualization<\/p>\r\n                            \r\n\r\n                                \r\n                                <div class=\"salesResp hide-term-level-0  \">\r\n\r\n                                    <ul>\t<li class='term-level-0' data-category-id='1111'><span>Data &amp; Digital<\/span>\n<ul class='children'>\n\t<li class='term-level-1' data-category-id='1514'><span>360\u00b0 solutions<\/span>\n<\/li>\n\t<li class='term-level-1' data-category-id='1156'><span>3D-kuvatuotanto<\/span>\n<\/li>\n\t<li class='term-level-1' data-category-id='1157'><span>Animaatiot<\/span>\n<\/li>\n\t<li class='term-level-1' data-category-id='1161'><span>K\u00e4ytt\u00e4j\u00e4kokemus<\/span>\n<\/li>\n\t<li class='term-level-1' data-category-id='1452'><span>UI-suunnittelu<\/span>\n<\/li>\n\t<li class='term-level-1' data-category-id='1165'><span>Visualisointi<\/span>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\r\n                                <\/div>\r\n                                                        <p>\r\n                                <a class=\"contactPhone\" href=\"tel:+358 44 7536 943\"><i class=\"fa-solid fa-phone\"><\/i>+358 44 7536 943<\/a>\r\n                                <a class=\"contactEmail\" href=\"mailto:niko.ihalainen@elomatic.com\"><i class=\"fa-solid fa-paper-plane\"><\/i>niko.ihalainen@elomatic.com<\/a>\r\n\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            \r\n            \r\n                \r\n                <div class=\"contactPersonWrapper    largeContactImage \" data-published=\"publish\">\r\n\r\n                    <div class=\"contactPersonInner\">\r\n                                                    <div class=\"contactImage\">\r\n                                <img decoding=\"async\" src=\"https:\/\/www.elomatic.com\/wp-content\/uploads\/2026\/02\/ville.ottelin@elomatic.com_.jpg\">\r\n                            <\/div>\r\n                        \r\n                        <div class=\"contactInfo\">\r\n                            <h6>Ville Ottelin<\/h6>\r\n                            <p class=\"contactTitle\">Product Development Manager<\/p>\r\n                            \r\n\r\n                                \r\n                                <div class=\"salesResp hide-term-level-0  \">\r\n\r\n                                    <ul>\t<li class='term-level-0' data-category-id='1111'><span>Data &amp; Digital<\/span>\n<ul class='children'>\n\t<li class='term-level-1' data-category-id='1448'><span>Data-analytiikka<\/span>\n<\/li>\n\t<li class='term-level-1' data-category-id='1449'><span>Dataratkaisut<\/span>\n<\/li>\n\t<li class='term-level-1' data-category-id='1520'><span>GroundWork<\/span>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\r\n                                <\/div>\r\n                                                        <p>\r\n                                <a class=\"contactPhone\" href=\"tel:+358 40 3556 468\"><i class=\"fa-solid fa-phone\"><\/i>+358 40 3556 468<\/a>\r\n                                <a class=\"contactEmail\" href=\"mailto:ville.ottelin@elomatic.com\"><i class=\"fa-solid fa-paper-plane\"><\/i>ville.ottelin@elomatic.com<\/a>\r\n\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            \r\n            \r\n        \r\n    <\/div>\r\n\r\n<\/div><\/div>\n<\/div>\n\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n<\/div>\r\n\r\n\n\n\r\n<div id=\"\" data-sectionname=\"\" data-sectionid=\"elomatic-section-block_a6a1d5db9bee8a45db04bfbbc72c1941\"\r\n     class=\"elomatic-section sectionTypo-normal noBackgroundImage has-none-color has-none-background-color has-none-gradient-background sectionBG-position-center align-items-start sectionHeightMin100VH_defunc natural-height lightPadding  startShapesFromBottom   pageSection container-fluid Xd-sm-flex d-flex   positionRelative coverBackground \" style=\"background-image: url('');\" data-gradient=\"none\">\r\n\r\n\r\n    \r\n\r\n    <div data-backgroundcolor=\"none\" data-textcolor=\"none\" class=\"sectionBackgroundColorVeil has-none-background-color \"><\/div>\r\n\r\n\r\n    <div class=\"sectionGridWrapper\" data-fill=\"white\"\r\n         data-koodi=\"\" data-testikoodi=\"\">\r\n            <\/div>\r\n\r\n    <div class=\"sectionGridWrapperExtension\"><\/div>\r\n    <div class=\"container-sm sectionContent\">\r\n        <div class=\"row widthMedium\">\r\n            <div class=\"col-12 p-0\">\r\n                \n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"elomatic-noTopMargin\">Haluatko tiet\u00e4\u00e4 lis\u00e4\u00e4?<\/h4>\n\n\n\r\n\r\n\r\n<div id=\"elomatic-section-block_b777da53dbbca3f1f1785fad560bd313\" class=\"elomatic-phases container-fluid cta-semiauto-list-container\">\r\n    <div class=\"row ctaCardRow Xrow-cols-sm-1 Xrow-cols-lg-2 Xrow-cols-xxl-2\">\r\n\r\n\r\n        \r\n\r\n                <!-- cta kortti  -->\r\n                <div class=\"col-12 col-md-6 ctaCardWrapper \">\r\n                    <div class=\"CTAsemiCardInnerWrapper has-navy-blue-background-color\">\r\n                        <div class=\"CTAsemiCardInnerWrapperTop\" style=\"background-image: url('https:\/\/www.elomatic.com\/wp-content\/uploads\/2020\/12\/1-valvomo.jpg');\">\r\n                            <div class=\"CTAsemiCardPostType \">\r\n                                Artikkeli                                <div class=\"CTAsemiCardPostTypeTriangle has-navy-blue-background-color\"><\/div>\r\n                            <\/div>\r\n                            <div class=\"CTAsemiCardPostTitle\">\r\n                                <h5>Tavoitteena toimiva, tehokas ja turvallinen ty\u00f6tila \u2013 uusi valvomo Boliden Kokkolan sinkkivalimolle<\/h5>\r\n                                <div class=\"CTAsemiCardPostTitleBG has-navy-blue-background-color\"><\/div>\r\n                            <\/div>\r\n                            <!-- <a class=\"CTAsemiCardLink\" href=\"\"><\/a>-->\r\n                        <\/div>\r\n                        <div class=\"CTAsemiCardInnerWrapperBottom\">\r\n                            <div class=\"CTAexcerptWrapper\">\r\n                                <p>Boliden Kokkolan sinkkivalimoon on valmistunut uusi valvomotila, joka otettiin k\u00e4ytt\u00f6\u00f6n marraskuun puoliv\u00e4liss\u00e4. Valvomon suunnittelussa haluttiin varmistaa, ett\u00e4 tehokkuuden lis\u00e4ksi my\u00f6s loppuk\u00e4ytt\u00e4jien tarpeet ja n\u00e4kemykset otettaisiin huomioon. Olimme yhteisty\u00f6kumppanina sek\u00e4 esiselvitysvaiheessa, ett\u00e4 suunnittelussa.<\/p>\n                            <\/div>\r\n\r\n                            <div class=\"CTAbottomTriangle   has-menthe-blue-background-color\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"linkButtonWrapper\">\r\n                                                            <a class=\"linkButton\" target=\"\" href=\"https:\/\/www.elomatic.com\/fi\/tavoitteena-toimiva-tehokas-ja-turvallinen-tyotila-uusi-valvomo-boliden-kokkolan-sinkkivalimolle\/\">Lue lis\u00e4\u00e4<\/a>\r\n                            \r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- \/cta kortti  -->\r\n\r\n            \r\n\r\n                <!-- cta kortti  -->\r\n                <div class=\"col-12 col-md-6 ctaCardWrapper \">\r\n                    <div class=\"CTAsemiCardInnerWrapper has-navy-blue-background-color\">\r\n                        <div class=\"CTAsemiCardInnerWrapperTop\" style=\"background-image: url('https:\/\/www.elomatic.com\/wp-content\/uploads\/2025\/05\/lempea-lampo-somejako.jpg');\">\r\n                            <div class=\"CTAsemiCardPostType \">\r\n                                Top Engineer                                <div class=\"CTAsemiCardPostTypeTriangle has-navy-blue-background-color\"><\/div>\r\n                            <\/div>\r\n                            <div class=\"CTAsemiCardPostTitle\">\r\n                                <h5>From data to heat network safety: Elomatic helps Lempe\u00e4 L\u00e4mp\u00f6 manage geospatial data<\/h5>\r\n                                <div class=\"CTAsemiCardPostTitleBG has-navy-blue-background-color\"><\/div>\r\n                            <\/div>\r\n                            <!-- <a class=\"CTAsemiCardLink\" href=\"\"><\/a>-->\r\n                        <\/div>\r\n                        <div class=\"CTAsemiCardInnerWrapperBottom\">\r\n                            <div class=\"CTAexcerptWrapper\">\r\n                                <p>When energy company Lempe\u00e4 L\u00e4mp\u00f6 set out to modernize its geospatial information system, it chose Elomatic as its partner and implemented the GroundWork platform. The new system\u2019s flexibility has made further development seamless, while significantly enhancing safety.<\/p>\n                            <\/div>\r\n\r\n                            <div class=\"CTAbottomTriangle   has-menthe-blue-background-color\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"linkButtonWrapper\">\r\n                                                            <a class=\"linkButton\" target=\"_blank\" href=\"https:\/\/www.elomatic.com\/top-engineer\/from-data-to-heat-network-safety-elomatic-helps-lempea-lampo-manage-geospatial-data\/\">Lue lis\u00e4\u00e4<\/a>\r\n                            \r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- \/cta kortti  -->\r\n\r\n            \r\n\r\n                <!-- cta kortti  -->\r\n                <div class=\"col-12 col-md-6 ctaCardWrapper \">\r\n                    <div class=\"CTAsemiCardInnerWrapper has-navy-blue-background-color\">\r\n                        <div class=\"CTAsemiCardInnerWrapperTop\" style=\"background-image: url('https:\/\/www.elomatic.com\/wp-content\/uploads\/2024\/09\/TS_hero-bg.jpg');\">\r\n                            <div class=\"CTAsemiCardPostType \">\r\n                                Palvelu                                <div class=\"CTAsemiCardPostTypeTriangle has-navy-blue-background-color\"><\/div>\r\n                            <\/div>\r\n                            <div class=\"CTAsemiCardPostTitle\">\r\n                                <h5>Visualisointi<\/h5>\r\n                                <div class=\"CTAsemiCardPostTitleBG has-navy-blue-background-color\"><\/div>\r\n                            <\/div>\r\n                            <!-- <a class=\"CTAsemiCardLink\" href=\"\"><\/a>-->\r\n                        <\/div>\r\n                        <div class=\"CTAsemiCardInnerWrapperBottom\">\r\n                            <div class=\"CTAexcerptWrapper\">\r\n                                <p>Teemme suunnitelmasi el\u00e4viksi ja tuemme markkinointiasi huippuluokan animaatioilla ja kuvilla. Elomaticin avulla tuotteesi ja palvelusi erottuvat edukseen ja vakuuttavat kohdeyleis\u00f6ns\u00e4. Kokenut tiimimme auttaa sinua tuotelanseerauksissa, konseptisuunnittelussa sek\u00e4 koulutusten ja tapahtumamateriaalien suunnittelussa ja toteutuksessa.<\/p>\n                            <\/div>\r\n\r\n                            <div class=\"CTAbottomTriangle   has-menthe-blue-background-color\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"linkButtonWrapper\">\r\n                                                            <a class=\"linkButton\" target=\"\" href=\"https:\/\/www.elomatic.com\/fi\/data-digital\/visualisointi\/\">Lue lis\u00e4\u00e4<\/a>\r\n                            \r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- \/cta kortti  -->\r\n\r\n            \r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n<\/div>\n<\/div>\n\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n<\/div>\r\n\r\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n<\/div>\r\n\r\n","protected":false},"excerpt":{"rendered":"<p>Elomaticin 3D-suunnittelu- ja -visualisointiprosessit tuottavat laadukasta aineistoa, jota voidaan hy\u00f6dynt\u00e4\u00e4 AR- ja VR-applikaatioiden sek\u00e4 PC- ja mobiilisovellusten kehityksess\u00e4. T\u00e4m\u00e4 tekee kehityksest\u00e4 nopeaa ja kustannustehokasta.<\/p>\n","protected":false},"author":3,"featured_media":39423,"parent":39039,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"business-unit":[],"insight-theme":[],"industryx":[],"class_list":["post-39353","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.6 (Yoast SEO v28.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Sovellus- ja k\u00e4ytt\u00f6liittym\u00e4kehitys - Elomatic<\/title>\n<meta name=\"description\" content=\"Elomaticin 3D-suunnittelu- ja -visualisointiprosessit tuottavat laadukasta aineistoa, jota voidaan hy\u00f6dynt\u00e4\u00e4 AR- ja VR-applikaatioiden sek\u00e4 PC- ja mobiilisovellusten kehityksess\u00e4. T\u00e4m\u00e4 tekee kehityksest\u00e4 nopeaa ja kustannustehokasta.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.elomatic.com\/fi\/data-digital\/sovellus-ja-kayttoliittymakehitys\/\" \/>\n<meta property=\"og:locale\" content=\"fi_FI\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sovellus- ja k\u00e4ytt\u00f6liittym\u00e4kehitys\" \/>\n<meta property=\"og:description\" content=\"Elomaticin 3D-suunnittelu- ja -visualisointiprosessit tuottavat laadukasta aineistoa, jota voidaan hy\u00f6dynt\u00e4\u00e4 AR- ja VR-applikaatioiden sek\u00e4 PC- ja mobiilisovellusten kehityksess\u00e4. T\u00e4m\u00e4 tekee kehityksest\u00e4 nopeaa ja kustannustehokasta.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.elomatic.com\/fi\/data-digital\/sovellus-ja-kayttoliittymakehitys\/\" \/>\n<meta property=\"og:site_name\" content=\"Elomatic\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elomaticoy\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-15T11:59:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.elomatic.com\/clwrk\/wp-content\/uploads\/2025\/12\/1.6-sovellus-ja-kayttoliittymakehitys.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1536\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@ElomaticOy\" \/>\n<meta name=\"twitter:label1\" content=\"Arvioitu lukuaika\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minuuttia\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/data-digital\\\/sovellus-ja-kayttoliittymakehitys\\\/\",\"url\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/data-digital\\\/sovellus-ja-kayttoliittymakehitys\\\/\",\"name\":\"Sovellus- ja k\u00e4ytt\u00f6liittym\u00e4kehitys - Elomatic\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/data-digital\\\/sovellus-ja-kayttoliittymakehitys\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/data-digital\\\/sovellus-ja-kayttoliittymakehitys\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.elomatic.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/1.6-sovellus-ja-kayttoliittymakehitys.jpg\",\"datePublished\":\"2026-02-10T12:48:55+00:00\",\"dateModified\":\"2026-10-15T11:59:17+00:00\",\"description\":\"Elomaticin 3D-suunnittelu- ja -visualisointiprosessit tuottavat laadukasta aineistoa, jota voidaan hy\u00f6dynt\u00e4\u00e4 AR- ja VR-applikaatioiden sek\u00e4 PC- ja mobiilisovellusten kehityksess\u00e4. T\u00e4m\u00e4 tekee kehityksest\u00e4 nopeaa ja kustannustehokasta.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/data-digital\\\/sovellus-ja-kayttoliittymakehitys\\\/#breadcrumb\"},\"inLanguage\":\"fi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/data-digital\\\/sovellus-ja-kayttoliittymakehitys\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fi\",\"@id\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/data-digital\\\/sovellus-ja-kayttoliittymakehitys\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.elomatic.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/1.6-sovellus-ja-kayttoliittymakehitys.jpg\",\"contentUrl\":\"https:\\\/\\\/www.elomatic.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/1.6-sovellus-ja-kayttoliittymakehitys.jpg\",\"width\":1536,\"height\":1024,\"caption\":\"1.6 Sovellus Ja K\u00e4ytt\u00f6liittym\u00e4kehitys\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/data-digital\\\/sovellus-ja-kayttoliittymakehitys\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Etusivu\",\"item\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Data &amp; Digital\",\"item\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/data-digital\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Sovellus- ja k\u00e4ytt\u00f6liittym\u00e4kehitys\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/#website\",\"url\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/\",\"name\":\"Elomatic\",\"description\":\"Visions of Tomorrow, Engineered Today\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fi\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/#organization\",\"name\":\"Elomatic\",\"url\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fi\",\"@id\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.elomatic.com\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/Elomatic_Logo_Slogan_RGB.png\",\"contentUrl\":\"https:\\\/\\\/www.elomatic.com\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/Elomatic_Logo_Slogan_RGB.png\",\"width\":1848,\"height\":521,\"caption\":\"Elomatic\"},\"image\":{\"@id\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/elomaticoy\",\"https:\\\/\\\/x.com\\\/ElomaticOy\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/elomatic\",\"https:\\\/\\\/www.instagram.com\\\/elomaticoy\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCclTiQQtIi7d4oCK9M-fjOA\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Sovellus- ja k\u00e4ytt\u00f6liittym\u00e4kehitys - Elomatic","description":"Elomaticin 3D-suunnittelu- ja -visualisointiprosessit tuottavat laadukasta aineistoa, jota voidaan hy\u00f6dynt\u00e4\u00e4 AR- ja VR-applikaatioiden sek\u00e4 PC- ja mobiilisovellusten kehityksess\u00e4. T\u00e4m\u00e4 tekee kehityksest\u00e4 nopeaa ja kustannustehokasta.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.elomatic.com\/fi\/data-digital\/sovellus-ja-kayttoliittymakehitys\/","og_locale":"fi_FI","og_type":"article","og_title":"Sovellus- ja k\u00e4ytt\u00f6liittym\u00e4kehitys","og_description":"Elomaticin 3D-suunnittelu- ja -visualisointiprosessit tuottavat laadukasta aineistoa, jota voidaan hy\u00f6dynt\u00e4\u00e4 AR- ja VR-applikaatioiden sek\u00e4 PC- ja mobiilisovellusten kehityksess\u00e4. T\u00e4m\u00e4 tekee kehityksest\u00e4 nopeaa ja kustannustehokasta.","og_url":"https:\/\/www.elomatic.com\/fi\/data-digital\/sovellus-ja-kayttoliittymakehitys\/","og_site_name":"Elomatic","article_publisher":"https:\/\/www.facebook.com\/elomaticoy","article_modified_time":"2026-10-15T11:59:17+00:00","og_image":[{"width":1536,"height":1024,"url":"https:\/\/www.elomatic.com\/clwrk\/wp-content\/uploads\/2025\/12\/1.6-sovellus-ja-kayttoliittymakehitys.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@ElomaticOy","twitter_misc":{"Arvioitu lukuaika":"2 minuuttia"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.elomatic.com\/fi\/data-digital\/sovellus-ja-kayttoliittymakehitys\/","url":"https:\/\/www.elomatic.com\/fi\/data-digital\/sovellus-ja-kayttoliittymakehitys\/","name":"Sovellus- ja k\u00e4ytt\u00f6liittym\u00e4kehitys - Elomatic","isPartOf":{"@id":"https:\/\/www.elomatic.com\/fi\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.elomatic.com\/fi\/data-digital\/sovellus-ja-kayttoliittymakehitys\/#primaryimage"},"image":{"@id":"https:\/\/www.elomatic.com\/fi\/data-digital\/sovellus-ja-kayttoliittymakehitys\/#primaryimage"},"thumbnailUrl":"https:\/\/www.elomatic.com\/wp-content\/uploads\/2025\/12\/1.6-sovellus-ja-kayttoliittymakehitys.jpg","datePublished":"2026-02-10T12:48:55+00:00","dateModified":"2026-10-15T11:59:17+00:00","description":"Elomaticin 3D-suunnittelu- ja -visualisointiprosessit tuottavat laadukasta aineistoa, jota voidaan hy\u00f6dynt\u00e4\u00e4 AR- ja VR-applikaatioiden sek\u00e4 PC- ja mobiilisovellusten kehityksess\u00e4. T\u00e4m\u00e4 tekee kehityksest\u00e4 nopeaa ja kustannustehokasta.","breadcrumb":{"@id":"https:\/\/www.elomatic.com\/fi\/data-digital\/sovellus-ja-kayttoliittymakehitys\/#breadcrumb"},"inLanguage":"fi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.elomatic.com\/fi\/data-digital\/sovellus-ja-kayttoliittymakehitys\/"]}]},{"@type":"ImageObject","inLanguage":"fi","@id":"https:\/\/www.elomatic.com\/fi\/data-digital\/sovellus-ja-kayttoliittymakehitys\/#primaryimage","url":"https:\/\/www.elomatic.com\/wp-content\/uploads\/2025\/12\/1.6-sovellus-ja-kayttoliittymakehitys.jpg","contentUrl":"https:\/\/www.elomatic.com\/wp-content\/uploads\/2025\/12\/1.6-sovellus-ja-kayttoliittymakehitys.jpg","width":1536,"height":1024,"caption":"1.6 Sovellus Ja K\u00e4ytt\u00f6liittym\u00e4kehitys"},{"@type":"BreadcrumbList","@id":"https:\/\/www.elomatic.com\/fi\/data-digital\/sovellus-ja-kayttoliittymakehitys\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Etusivu","item":"https:\/\/www.elomatic.com\/fi\/"},{"@type":"ListItem","position":2,"name":"Data &amp; Digital","item":"https:\/\/www.elomatic.com\/fi\/data-digital\/"},{"@type":"ListItem","position":3,"name":"Sovellus- ja k\u00e4ytt\u00f6liittym\u00e4kehitys"}]},{"@type":"WebSite","@id":"https:\/\/www.elomatic.com\/fi\/#website","url":"https:\/\/www.elomatic.com\/fi\/","name":"Elomatic","description":"Visions of Tomorrow, Engineered Today","publisher":{"@id":"https:\/\/www.elomatic.com\/fi\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.elomatic.com\/fi\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fi"},{"@type":"Organization","@id":"https:\/\/www.elomatic.com\/fi\/#organization","name":"Elomatic","url":"https:\/\/www.elomatic.com\/fi\/","logo":{"@type":"ImageObject","inLanguage":"fi","@id":"https:\/\/www.elomatic.com\/fi\/#\/schema\/logo\/image\/","url":"https:\/\/www.elomatic.com\/wp-content\/uploads\/2023\/05\/Elomatic_Logo_Slogan_RGB.png","contentUrl":"https:\/\/www.elomatic.com\/wp-content\/uploads\/2023\/05\/Elomatic_Logo_Slogan_RGB.png","width":1848,"height":521,"caption":"Elomatic"},"image":{"@id":"https:\/\/www.elomatic.com\/fi\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elomaticoy","https:\/\/x.com\/ElomaticOy","https:\/\/www.linkedin.com\/company\/elomatic","https:\/\/www.instagram.com\/elomaticoy\/","https:\/\/www.youtube.com\/channel\/UCclTiQQtIi7d4oCK9M-fjOA"]}]}},"_links":{"self":[{"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/pages\/39353","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/comments?post=39353"}],"version-history":[{"count":21,"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/pages\/39353\/revisions"}],"predecessor-version":[{"id":43070,"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/pages\/39353\/revisions\/43070"}],"up":[{"embeddable":true,"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/pages\/39039"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/media\/39423"}],"wp:attachment":[{"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/media?parent=39353"}],"wp:term":[{"taxonomy":"business-unit","embeddable":true,"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/business-unit?post=39353"},{"taxonomy":"insight-theme","embeddable":true,"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/insight-theme?post=39353"},{"taxonomy":"industryx","embeddable":true,"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/industryx?post=39353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}