1<!doctype html><html class="hs-skip-lang-url-rewrite" lang="fi"><head> 2 <meta charset="utf-8"> 3 <title>Yhteystiedot | Grano</title> 4 <link rel="shortcut icon" href="https://www.grano.fi/hubfs/Identity/grano-favicon-yellow-black.png"> 5 <meta name="description" content="Granon palvelut ovat saatavilla 21 eri paikkakunnalla Helsingistä Rovaniemelle. Pääkonttori sijaitsee Helsingissä. "> 6 7 8 9 <link rel="stylesheet" href="https://use.typekit.net/wcf8imn.css"> 10 11 <style class="aa-css-vars"> 12 13 14 :root { 15 --secondary: #75E6FF; 16 --secondary-rgb: 117, 230, 255; 17 --secondary-bg-text: #0A2540; 18 --secondary-bg-accent: #635bff; 19 --secondary-bg-link: #0A2540; 20 --light: #F3F6FA; 21 --light-rgb: 243, 246, 250; 22 --light-bg-text: inherit; 23 --light-bg-accent: #635bff; 24 --light-bg-link: #635BFF; 25 --dark: #000000; 26 --dark-rgb: 0, 0, 0; 27 --dark-bg-text: #FFFFFF; 28 --dark-bg-accent: #75e6ff; 29 --dark-bg-link: #635BFF; 30 --complementary: #0A2540; 31 --complementary-rgb: 10, 37, 64; 32 --complementary-bg-text: #FFFFFF; 33 --complementary-bg-accent: #75e6ff; 34 --complementary-bg-link: #635BFF; 35 --primary: #635BFF; 36 --primary-rgb: 99, 91, 255; 37 --primary-bg-text: #FFFFFF; 38 --primary-bg-accent: #75E6FF; 39 --primary-bg-link: #75E6FF; 40 --text-dark: #000000; 41 --text-light: #FFFFFF; 42 --body-color: #000000; 43 --heading-color: ; 44 --accent: #635bff; 45 46 --h2-font-family: 'IBM Plex Sans', sans-serif; 47 --h2-font-style: normal; 48 --h2-font-weight: 500; 49 --h2-text-decoration: none; 50 51 52 --h5-font-family: 'IBM Plex Sans', sans-serif; 53 --h5-font-style: normal; 54 --h5-font-weight: 300; 55 --h5-text-decoration: none; 56 57 58 --body-font-family: 'IBM Plex Sans', sans-serif; 59 --body-font-style: normal; 60 --body-font-weight: 300; 61 --body-text-decoration: none; 62 63 64 --h1-font-family: 'IBM Plex Sans', sans-serif; 65 --h1-font-style: normal; 66 --h1-font-weight: 500; 67 --h1-text-decoration: none; 68 69 70 --button-font-family: 'IBM Plex Sans', sans-serif; 71 --button-font-style: normal; 72 --button-font-weight: 700; 73 --button-text-decoration: none; 74 75 76 --h6-font-family: 'IBM Plex Sans', sans-serif; 77 --h6-font-style: normal; 78 --h6-font-weight: 500; 79 --h6-text-decoration: none; 80 81 82 --h3-font-family: 'IBM Plex Sans', sans-serif; 83 --h3-font-style: normal; 84 --h3-font-weight: 300; 85 --h3-text-decoration: none; 86 87 88 --h4-font-family: 'IBM Plex Sans', sans-serif; 89 --h4-font-style: normal; 90 --h4-font-weight: normal; 91 --h4-text-decoration: none; 92 93 94 --link-color: #635BFF; 95 --link-color-hover: #918CFF; 96 --link-text-decoration: underline; 97 98 99 100 101 102 103 104 105 106 --button-2-text-color: #0A2540; 107 --button-2-text-color-hover: #0A2540; 108 --button-2-background-color: rgba(99, 91, 255,0.0); 109 --button-2-background-color-hover: rgba(99, 91, 255,0.2); 110 --button-2-border-color: #635BFF; 111 --button-2-border-color-hover: #635BFF; 112 --button-2-border-width: 1px; 113 --button-2-border-radius: 0px; 114 --button-2-padding: 15px 30px; 115 116 117 118 119 --button-1-text-color: #FFFFFF; 120 --button-1-text-color-hover: #FFFFFF; 121 --button-1-background-color: #635BFF; 122 --button-1-background-color-hover: #635BFF; 123 --button-1-border-color: #635BFF; 124 --button-1-border-color-hover: #635BFF; 125 --button-1-border-width: 1px; 126 --button-1-border-radius: 0px; 127 --button-1-padding: 15px 30px; 128 129 130 131 132 --button-4-text-color: #75E6FF; 133 --button-4-text-color-hover: #75E6FF; 134 --button-4-background-color: rgba(117, 230, 255,0.0); 135 --button-4-background-color-hover: rgba(117, 230, 255,0.2); 136 --button-4-border-color: #75E6FF; 137 --button-4-border-color-hover: #75E6FF; 138 --button-4-border-width: 1px; 139 --button-4-border-radius: 0px; 140 --button-4-padding: 15px 30px; 141 142 143 144 145 --button-3-text-color: #0A2540; 146 --button-3-text-color-hover: #0A2540; 147 --button-3-background-color: #75E6FF; 148 --button-3-background-color-hover: #75E6FF; 149 --button-3-border-color: #75E6FF; 150 --button-3-border-color-hover: #75E6FF; 151 --button-3-border-width: 1px; 152 --button-3-border-radius: 0px; 153 --button-3-padding: 15px 30px; 154 155 156 157 158 --button-form-text-color: #FFFFFF; 159 --button-form-text-color-hover: #FFFFFF; 160 --button-form-background-color: #635BFF; 161 --button-form-background-color-hover: #635BFF; 162 --button-form-border-color: #635BFF; 163 --button-form-border-color-hover: #635BFF; 164 --button-form-border-width: 1px; 165 --button-form-border-radius: 0px; 166 --button-form-padding: 15px 30px; 167 168 169 --form-title-background-color: transparent; 170 --form-error-color: #DB5461; 171 --form-title-text-color: #000000; 172 --form-background-color: transparent; 173 --form-border-color: transparent; 174 --form-fields-border-color: #635BFF; 175 } 176 177 .hs-form { 178 border-color: ; 179 } 180 181 .grano-shop-added { 182 min-width: 235px; 183 width: auto; 184 max-width: 100%; 185 } 186 </style> 187 188 189 190 191 192 193 194 <meta name="viewport" content="width=device-width, initial-scale=1"> 195 196 197 198 <meta property="og:description" content="Granon palvelut ovat saatavilla 21 eri paikkakunnalla Helsingistä Rovaniemelle. Pääkonttori sijaitsee Helsingissä. "> 199 <meta property="og:title" content="Yhteystiedot | Grano"> 200 <meta name="twitter:description" content="Granon palvelut ovat saatavilla 21 eri paikkakunnalla Helsingistä Rovaniemelle. Pääkonttori sijaitsee Helsingissä. "> 201 <meta name="twitter:title" content="Yhteystiedot | Grano"> 202 203 204 205 206 <style> 207a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'âº';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px} 208</style> 209 210<link rel="stylesheet" href="https://www.grano.fi/hubfs/hub_generated/template_assets/1/90709344935/1789991249836/template_autoComplete.min.css"> 211<link rel="stylesheet" href="https://www.grano.fi/hubfs/hub_generated/template_assets/1/82874812467/1789991248717/template_style.min.css"> 212<link rel="stylesheet" href="https://www.grano.fi/hubfs/hub_generated/module_assets/1/102025749207/1766419293074/module_search-input.min.css"> 213 214<style> 215 #hs_cos_wrapper_module_17664028976507 .hs-search-field__bar>form {} 216 217#hs_cos_wrapper_module_17664028976507 .hs-search-field__bar>form>label {} 218 219#hs_cos_wrapper_module_17664028976507 .hs-search-field__bar>form>.hs-search-field__input { 220 padding-top:15px; 221 padding-right:20px; 222 padding-bottom:15px; 223 padding-left:20px; 224 color:#000000; 225 font-size:18px; 226 border:1px solid #767676; 227 border-right:none; 228} 229 230#hs_cos_wrapper_module_17664028976507 .hs-search-field__button { 231 background-color:#FFFFFF; 232 border:1px solid #767676; 233 border-left:none; 234 padding:20px; 235} 236 237#hs_cos_wrapper_module_17664028976507 .hs-search-field__button:hover, 238#hs_cos_wrapper_module_17664028976507 .hs-search-field__button:focus { border-left:none; } 239 240#hs_cos_wrapper_module_17664028976507 .hs-search-field__button:active { border-left:none; } 241 242#hs_cos_wrapper_module_17664028976507 .hs-search-field--open .hs-search-field__suggestions { 243 padding:20px; 244 margin-top:-1px; 245 border:1px solid #767676; 246 color:#000000; 247 font-size:16px; 248} 249 250#hs_cos_wrapper_module_17664028976507 .hs-search-field--open .hs-search-field__suggestions a { 251 color:#000000; 252 font-size:16px; 253} 254 255#hs_cos_wrapper_module_17664028976507 .hs-search-field--open .hs-search-field__suggestions a:hover {} 256 257</style> 258 259<link rel="stylesheet" href="https://www.grano.fi/hubfs/hub_generated/template_assets/1/82873820723/1789991247618/template_splide.min.css"> 260
261<script data-search_input-config="config_module_17664028976507" type="application/json"> 262{ 263 "autosuggest_results_message": "Tulokset haulle \"[[search_term]]\"", 264 "autosuggest_no_results_message": "Automaattisen ehdotuksen tuloksia termille \"[[search_term]]\" ei ole", 265 "sr_empty_search_field_message": "Ehdotuksia ei ole, koska hakukentt\u00E4 on tyhj\u00E4.", 266 "sr_autosuggest_results_message": "T\u00E4ll\u00E4 hetkell\u00E4 on [[number_of_results]] automaattisesti ehdotettua tulosta haulle [[search_term]]. Siirry tulosluetteloon painamalla alanuolin\u00E4pp\u00E4int\u00E4 tai paina Palaa hakeaksesi kaikkia tuloksia.", 267 "sr_search_field_aria_label": "T\u00E4m\u00E4 on hakukentt\u00E4, johon on liitetty automaattinen ehdotus.", 268 "sr_search_button_aria_label": "Haku" 269} 270</script>
270 271 272 273 274 <link rel="canonical" href="https://www.grano.fi/yhteystiedot"> 275 276<meta name="facebook-domain-verification" content="wnugezakiyqs1hyy028g5ipdzq8gxh"> 277<meta name="google-site-verification" content="GtJU_SEbpjk_Ci54VNZN_lme5OKxdPoJWP7ZMtLi3Sw"> 278<meta name="google-site-verification" content="_RQVU8sG9-jsSuzM18iBya11XwQ_-Vg1oUWQiH1HE20"> 279<meta name="msvalidate.01" content="05B35D4C11D9C32A05DD95E78F076B2D"> 280<meta name="p:domain_verify" content="943c6ffcf865c8bbc98517b53cec8183"> 281 282<!-- Leadoo core features, no consent check required -->
283<script type="text/javascript" async src="https://bot.leadoo.com/bot/dynamic.js?company=lWsjtsy"></script>
283 284 285<!-- Leadoo, enables trackers when statistics consent is given (10-10-23 1523) -->
286<script type="text/javascript" data-cookieconsent="ignore"> 287 window.addEventListener('CookiebotOnAccept', function (e) { 288 if (!Cookiebot.consent.statistics) return; 289 { 290 if (!window.ldanalytics) window.ldanalytics = []; 291 window.ldanalytics.push(function(a) { 292 a.toggleTracking(true, false); 293 }); 294 } 295 }, false); 296</script>
296 297 298<!-- Google Consent Mode -->
299<script data-cookieconsent="ignore"> 300 window.dataLayer = window.dataLayer || []; 301 function gtag() { 302 dataLayer.push(arguments) 303 } 304 gtag("consent", "default", { 305 ad_personalization: "denied", 306 ad_storage: "denied", 307 ad_user_data: "denied", 308 analytics_storage: "denied", 309 functionality_storage: "denied", 310 personalization_storage: "denied", 311 security_storage: "granted", 312 wait_for_update: 500 313 }); 314 gtag("set", "ads_data_redaction", true); 315 gtag("set", "url_passthrough", false); 316</script>
316 317<!-- End Google Consent Mode--> 318 319<!-- Google Tag Manager -->
320<script data-cookieconsent="ignore">
vendor: 321 bytes, lines 320-324
320(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 321new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 322j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 323'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 324})(window,document,'script','dataLayer','
324GTM-WNG3ZF
vendor: 3 bytes, line 324
324');
324</script>
324 325<!-- End Google Tag Manager --> 326 327 328
328<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="4f0863f1-2366-41a2-95dc-b67685405896" data-culture="fi" data-blockingmode="auto" data-consentmode-defaults="disabled" type="text/javascript"></script>
328 329 330 331 332 333 334<meta property="og:image" content="https://www.grano.fi/hubfs/Images/Grano%20logo/Yhteystiedot_featured_image.jpg"> 335<meta property="og:image:width" content="300"> 336<meta property="og:image:height" content="300"> 337<meta property="og:image:alt" content="Palvelemme sinua parhaalla mahdollisella tavalla, valitsemallasi palvelukanavalla."> 338<meta name="twitter:image" content="https://www.grano.fi/hubfs/Images/Grano%20logo/Yhteystiedot_featured_image.jpg"> 339<meta name="twitter:image:alt" content="Palvelemme sinua parhaalla mahdollisella tavalla, valitsemallasi palvelukanavalla."> 340 341<meta property="og:url" content="https://www.grano.fi/yhteystiedot"> 342<meta name="twitter:card" content="summary_large_image"> 343<meta http-equiv="content-language" content="fi"> 344<link rel="alternate" hreflang="en" href="https://www.grano.fi/en/contact-information"> 345<link rel="alternate" hreflang="fi" href="https://www.grano.fi/yhteystiedot"> 346<link rel="alternate" hreflang="sv" href="https://www.grano.fi/sv/kontakt"> 347 348 349 350 351 352<meta name="addsearch-boost" content="200"> 353 <meta name="generator" content="HubSpot"></head> 354 <body> 355 <div class="body-wrapper hs-content-id-4982342876 hs-site-page page "> 356 <div class="aa-site-wrapper"> 357 358 359 <div data-global-resource-path="G2022-Theme/templates/partials/header.html">
359<script charset="utf-8" type="text/javascript" data-hs-allowed="true" data-cookieconsent="ignore" src="/_hcms/forms/v2.js"></script>
359 360 361<a href="#main" class="aa-skip-navigation hs-search-hidden"> 362 Siirry suoraan sisältöön 363</a> 364 365<header class="aa-site-header hs-search-hidden" aria-label="Sivuston ylätunniste"> 366 <div class="aa-site-header__top hidden-lg-down"> 367 <div class="aa-navigation-container"> 368 <div class="aa-site-header__inner"> 369 <nav class="aa-navigation aa-navigation--secondary" aria-label="Toissijainen valikko"> 370 <div id="hs_menu_wrapper_secondary_navigation_menu_header_secondary" class="hs-menu-wrapper active-branch no-flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="Secondary menu" data-menu-id="82875752114" aria-label="Navigation Menu"> 371 <ul role="menu" class="active-branch"> 372 <li class="hs-menu-item hs-menu-depth-1 active active-branch" role="none"><a href="https://www.grano.fi/yhteystiedot" role="menuitem"><span class="hidden-mobile">Yhteystiedot</span></a></li> 373 <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">Vastuullisuus</a> 374 <ul role="menu" class="hs-menu-children-wrapper"> 375 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus" role="menuitem">Vastuullisuus Granolla</a></li> 376 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/ymparistovastuu" role="menuitem">Ympäristövastuu</a></li> 377 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/sosiaalinen-vastuu" role="menuitem">Sosiaalinen vastuu</a></li> 378 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/taloudellinen-vastuu" role="menuitem">Taloudellinen vastuu</a></li> 379 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/asiakasvastuu" role="menuitem">Asiakasvastuu</a></li> 380 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/eettinen-ohjeistus" role="menuitem">Eettinen ohjeistus</a></li> 381 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/toimittajien-eettiset-ohjeet" role="menuitem">Toimittajien eettiset ohjeet</a></li> 382 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/kotimaisuus-ja-avainlippu" role="menuitem">Kotimaisuus ja Avainlippu</a></li> 383 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/laatu-ja-turvallisuus" role="menuitem">Laatu ja turvallisuus</a></li> 384 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/tietosuoja-ja-tietoturva" role="menuitem">Tietosuoja ja tietoturva</a></li> 385 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/yk-global-compact" role="menuitem">YK Global Compact</a></li> 386 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/grano-whistleblowing" role="menuitem">Whistleblowing-ilmoituskanava</a></li> 387 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/hiilitiekartta" role="menuitem">Hiilitiekartta</a></li> 388 </ul></li> 389 <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="https://www.grano.fi/yritys" aria-haspopup="true" aria-expanded="false" role="menuitem">Yritys</a> 390 <ul role="menu" class="hs-menu-children-wrapper"> 391 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/yritys" role="menuitem">Grano yrityksenä</a></li> 392 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/rekry" role="menuitem">Grano työnantajana</a></li> 393 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/yritys/grano-magazine" role="menuitem">Grano Magazine</a></li> 394 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/yritys/asiakastyytyvaisyys" role="menuitem">Asiakastyytyväisyys</a></li> 395 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://markkinointi.emmi.fi/l/7GsjZCbNgQ5s" role="menuitem">Medialle</a></li> 396 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/painotalo" role="menuitem">Painotalo</a></li> 397 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/ajankohtaista/topic/tiedote" role="menuitem">Tiedotteet</a></li> 398 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/laskutus" role="menuitem">Laskutustiedot</a></li> 399 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/yritys/rekisteriseloste" role="menuitem">Tietosuojaseloste</a></li> 400 </ul></li> 401 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.grano.fi/aineisto-ohjeet" role="menuitem">Aineisto-ohjeet</a></li> 402 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.grano.fi/usein-kysytyt-kysymykset" role="menuitem">UKK</a></li> 403 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.grano.fi/kirjaudu" role="menuitem">Kirjaudu</a></li> 404 </ul> 405</div> 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 559 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620 621 622 623<div class="aa-language"> 624 <ul id="aa-language__wrapper-915" role="menu"> 625 <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"> 626 <button aria-expanded="false" aria-haspopup="true" aria-controls="aa-language__popup-915" aria-label="Avaa kielivalikko"> 627 FI 628 </button> 629 <ul id="aa-language__popup-915" class="hs-menu-children-wrapper" aria-label="Kieli-alivalikko" role="menu"> 630 631 632 <li class="hs-menu-item hs-menu-depth-2" role="none"> 633 <a href="https://www.grano.fi/en/contact-information" role="menuitem"> 634 EN 635 </a> 636 </li> 637 638 639 <li class="hs-menu-item hs-menu-depth-2" role="none"> 640 <a href="https://www.grano.fi/sv/kontakt" role="menuitem"> 641 SV 642 </a> 643 </li> 644 645 </ul> 646 </li> 647 </ul> 648</div> 649 </nav> 650 </div> 651 </div> 652 </div> 653 <div class="aa-site-header__inner"> 654 <div class="aa-branding"> 655 <a href="/" aria-label="Palaa etusivulle"> 656 <!--?xml version="1.0" encoding="utf-8"?--> 657 <!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> 658 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 238.2 89.4" style="enable-background:new 0 0 238.2 89.4;" xml:space="preserve" alt="Grano logo"> 659 <style type="text/css"> 660 .st0{fill:#131718;} 661 .st1{fill:none;} 662 </style> 663 <g> 664 <g> 665 <polygon class="st0" points="189.8,9.6 189.8,0.9 142.5,9.6 142.5,0.9 95.3,9.6 95.3,0.9 48.1,9.6 48.1,0.9 0.8,9.6 0.8,18.3 666 48.1,9.6 48.1,18.3 95.3,9.6 95.3,18.3 142.5,9.6 142.5,18.3 189.8,9.6 189.8,18.3 237,9.6 237,0.9 " /> 667 <polygon class="st0" points="189.8,70.7 142.5,79.4 142.5,70.7 95.3,79.4 95.3,70.7 48.1,79.4 48.1,70.7 0.8,79.4 0.8,88.1 668 48.1,79.4 48.1,88.1 95.3,79.4 95.3,88.1 142.5,79.4 142.5,88.1 189.8,79.4 189.8,88.1 237,79.4 237,70.7 189.8,79.4 " /> 669 <path class="st0" d="M90.8,34.3v-0.1c0-4.1-1.9-7.6-4.5-9.7c-2.9-2.3-6.9-3.2-12.4-2.2l-19.4,3.6v43.6l9.6-1.8V54l7.5-1.4 670 l9.2,12.1l11.2-2.1L81.3,49.1C87.1,46.2,90.8,41.3,90.8,34.3z M80.8,36.2c0,3.7-3,6.6-7.6,7.4L64,45.3V32.8l9.3-1.7 671 c4.7-0.9,7.5,0.8,7.5,4.9V36.2z" /> 672 <path class="st0" d="M127.4,56l2.9,8.2l10.2-1.9l-15.7-4
6720.7L111.8,24L97.3,70.3l10.4-1.9l2.9-9.3L127.4,56z M118.8,31.8l5.8,16 673 l-11.3,2.1L118.8,31.8z" /> 674 <polygon class="st0" points="176.7,64.4 184.8,62.8 184.8,19.2 175.2,21 175.2,47.6 156.4,24.5 147.4,26.1 147.4,69.8 157,68 675 157,40.3 " /> 676 <path class="st0" d="M213.9,67c12.9-2.5,20.4-13.5,20.4-25.8V41c0-12.4-8.7-21.4-21.6-19c-12.9,2.5-20.4,13.8-20.4,26.2v0.1 677 C192.4,60.8,201,69.4,213.9,67z M202.2,47v-0.1c0-7.3,4.6-14.3,10.6-15.7c7.4-1.7,11.7,4,11.7,11.3v0.1 678 c-0.1,6.7-5.1,14.3-10.9,15.4C206.4,59.3,202.2,54.3,202.2,47z" /> 679 <path class="st0" d="M25.4,30.6c4.9-0.9,7.8,0.2,11,2.3l5.8-8.3c-4-2.8-9.8-4.3-17.4-2.8c-13.4,2.6-21,13.6-21,26V48 680 c0,12.9,9.2,21.2,22.4,18.7c8.5-1.6,13.8-5.4,17.9-10.3v-18l-18.6,3.4v8.5l9.2-1.7v4.9c-2.1,2.2-5.2,3.9-8.6,4.5 681 c-7.5,1.4-12.6-3.2-12.6-11.2v-0.1C13.5,39.3,18.6,31.9,25.4,30.6z" /> 682 </g> 683 <rect x="-43.1" y="-44.4" class="st1" width="325.5" height="177.5" /> 684 </g> 685 </svg> 686 </a> 687 </div> 688 689 <div class="aa-navigation-container hidden-lg-down"> 690 <nav class="aa-navigation aa-navigation--primary" aria-label="Päävalikko"> 691 <div id="hs_menu_wrapper_navigation_menu_header_primary" class="hs-menu-wrapper active-branch no-flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="Default" data-menu-id="82875756663" aria-label="Navigation Menu"> 692 <ul role="menu" class="active-branch"> 693 <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet" aria-haspopup="true" aria-expanded="false" role="menuitem">Ratkaisut ja tuotteet</a> 694 <ul role="menu" class="hs-menu-children-wrapper"> 695 <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet#markkinoinnin-tuotantopalvelut" role="menuitem">Markkinoinnin tuotantopalvelut</a> 696 <ul role="menu" class="hs-menu-children-wrapper"> 697 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/markkinointimateriaalien-suunnittelu-ja-tuotanto" role="menuitem">Markkinointimateriaalien suunnittelu ja tuotanto</a></li> 698 </ul></li> 699 <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet#kokonaisratkaisut" role="menuitem">Kokonaisratkaisut</a> 700 <ul role="menu" class="hs-menu-children-wrapper"> 701 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/kaupan-ala" role="menuitem">Kaupan alan palvelut</a></li> 702 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/teollisuus" role="menuitem">Teollisuuden palvelut</a></li> 703 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/toimitilat" role="menuitem">Toimitilat</a></li> 704 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/messut-ja-tapahtumat" role="menuitem">Messut ja tapahtumat</a></li> 705 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/rakentaminen-ja-kiinteistonhallinta" role="menuitem">Rakentaminen ja kiinteistönhallinta</a></li> 706 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/pakkaukset-teollisuuteen" role="menuitem">Pakkaukset ja etiketit teollisuuteen</a></li> 707 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/nakyvyysratkaisut" role="menuitem">Näkyvyysratkaisut</a></li> 708 </ul></li> 709 <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet#markkinointimateriaalit" role="menuitem">Markkinointimateriaalit</a> 710 <ul role="menu" class="hs-menu-children-wrapper"> 711 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/painotuotteet" role="menuitem">Painotuotteet</a></li> 712 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/pakkaukset-ja-etiketit" role="menuitem">
712Pakkaukset ja etiketit</a></li> 713 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/mainosteippaukset" role="menuitem">Teippaukset ja tarrat</a></li> 714 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/valomainokset" role="menuitem">Valomainokset</a></li> 715 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/digitaaliset-tuotteet" role="menuitem">Digitaaliset tuotteet</a></li> 716 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/kaannospalvelut" role="menuitem">Kieli- ja käännöspalvelut</a></li> 717 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/nayttoratkaisut" role="menuitem">Näyttöratkaisut</a></li> 718 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/suurkuvatulosteet" role="menuitem">Suurkuvatulosteet</a></li> 719 </ul></li> 720 <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet#brandin-ja-materiaalinhallinta" role="menuitem">Brändin- ja materiaalinhallinta</a> 721 <ul role="menu" class="hs-menu-children-wrapper"> 722 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/aineisto-ja-mediapankki-emmi" role="menuitem">EMMi Aineistonhallinta</a></li> 723 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/mygrano-tilausjarjestelma" role="menuitem">My Grano -tilauskanava</a></li> 724 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/digitointi-dokumentinhallinta" role="menuitem">Digitointi</a></li> 725 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/logistiikan-palvelut" role="menuitem">Logistiikan palvelut</a></li> 726 </ul></li> 727 <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet#digitaalinen-markkinointi-ja-uusasiakashankinta" role="menuitem">Digitaalinen markkinointi ja uusasiakashankinta</a> 728 <ul role="menu" class="hs-menu-children-wrapper"> 729 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/suoramarkkinointi" role="menuitem">Suoramarkkinointi</a></li> 730 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/kohderyhmat" role="menuitem">Kohderyhmät</a></li> 731 </ul></li> 732 </ul></li> 733 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.grano.fi/referenssit" role="menuitem">Referenssit</a></li> 734 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.grano.fi/ajankohtaista/topic/uutiset-ja-tiedotteet" role="menuitem">Uutiset</a></li> 735 <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">Tietopankki</a> 736 <ul role="menu" class="hs-menu-children-wrapper"> 737 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/ajankohtaista/topic/artikkelit" role="menuitem">Artikkelit</a></li> 738 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/oppaat" role="menuitem">Oppaat</a></li> 739 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/webinaarit" role="menuitem">Webinaarit</a></li> 740 </ul></li> 741 <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="https://www.grano.fi/tilaa-tai-pyyda-tarjous" aria-haspopup="true" aria-expanded="false" role="menuitem">Tilaa tai pyydä tarjous</a> 742 <ul role="menu" class="hs-menu-children-wrapper"> 743 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/tilaa-tai-pyyda-tarjous#kirjaudu-granon-tilausjarjestelmiin" role="menuitem">
743Kirjaudu Granon tilausjärjestelmiin</a></li> 744 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://granoshop.fi" role="menuitem" target="_blank" rel="noopener">Tilaa verkkokaupasta</a></li> 745 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/aineisto-ohjeet" role="menuitem">Aineisto-ohjeet</a></li> 746 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/yhteystiedot/myynti" role="menuitem">Myynnin yhteystiedot</a></li> 747 </ul></li> 748 <li class="hs-menu-item hs-menu-depth-1 active active-branch" role="none"><a href="https://www.grano.fi/yhteystiedot" role="menuitem"><span class="hidden-desktop">Yhteystiedot</span></a></li> 749 </ul> 750</div> 751 752<template id="nav-contact-information"> 753 <div class="nav-contact-info"> 754 <p>Täällä ollaan, sinua varten â ota yhteyttä Granon asiakaspalveluun<br><a href="https://www.grano.fi/asiakaspalvelu" rel="noopener" target="_blank">grano.fi/asiakaspalvelu</a> <br><a href="mailto:[email protected]">[email protected] </a><br><a href="tel:029-1800-400" rel="noopener">029 1800 400</a> <br>(arkisin 8.00-16.00) â 0,088 â¬/min + pvm</p> 755 </div> 756</template> 757 758<template id="nav-contact-form"> 759 <div class="nav-contact-form aa-form-button aa-form-button--1"> 760 761 <div class="nav-contact-form__header"> 762 763 764 765 <button class="aa-button aa-button--1" type="button" data-filter="nav-contact-form-container--1"> 766 Pyydä tarjous 767 </button> 768 769 770 771 <button class="aa-button aa-button--2 aa-button--2--dark" type="button" data-filter="nav-contact-form-container--2"> 772 Tilaa 773 </button> 774 775 776 777 <button class="aa-button aa-button--2 aa-button--2--dark" type="button" data-filter="nav-contact-form-container--3"> 778 Tilaa rakennuspiirustuksia 779 </button> 780 781 782 783 </div> 784 785 <div class="nav-contact-form__body"> 786 787 <div class="nav-contact-form-container nav-contact-form-container--1"> 788 789 <p class="h3">Pyydä tarjous</p> 790 791 792
792<script> 793 hbspt.forms.create({ 794 region: "na1", 795 portalId: "524565", 796 formId: "70691719-5b20-4d7c-b823-44e863251d77", 797 798 redirectUrl: "", 799 800 onFormReady: function($form) { 801 const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input"); 802 const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input"); 803 const files = $form.querySelectorAll('.hs-fieldtype-file .input'); 804 805 // Custom button to provide better UX for clearing file input fields 806 if(files) { 807 808 files.forEach(el => { 809 const pageLang = document.querySelector('html').getAttribute('lang'); 810 811 let customFileBtn = document.createElement('input'); 812 customFileBtn.setAttribute('type', 'button'); 813 customFileBtn.setAttribute('class', 'aa-button'); 814 customFileBtn.classList.add('aa-button--5'); 815 if (pageLang == "en") { 816 customFileBtn.setAttribute('value', 'Choose file'); 817 } else if (pageLang == "sv") { 818 customFileBtn.setAttribute('value', 'Välj fil'); 819 } else { 820 customFileBtn.setAttribute('value', 'Valitse tiedosto'); 821 } 822 customFileBtn.addEventListener('click', addFile); 823 el.appendChild(customFileBtn); 824 825 let customFileText = document.createElement('span'); 826 el.appendChild(customFileText); 827 828 let clearFilesBtn = document.createElement('div'); 829 clearFilesBtn.classList.add('aa-clear-button'); 830 if (pageLang == "en") { 831 clearFilesBtn.innerHTML = "Remove the file"; 832 } else if (pageLang == "sv") { 833 clearFilesBtn.innerHTML = "Ta bort filen"; 834 } else { 835 clearFilesBtn.innerHTML = "Poista tiedosto"; 836 } 837 clearFilesBtn.addEventListener('click', clearFileInput); 838 839 el.appendChild(clearFilesBtn); 840 841 el.querySelector('input[type="file"]').addEventListener('change', function() { 842 let fileName = el.querySelector('input[type="file"]').files[0]; 843 el.querySelector('span').innerHTML = fileName.name; 844 }); 845 }); 846 847 function addFile(event) { 848 let parent = event.target.parentNode; 849 let fileInput = parent.querySelector('input[type="file"]'); 850 851 fileInput.click(); 852 } 853 854 function clearFileInput(event) { 855 let parent = event.target.parentNode; 856 let fileInput = parent.querySelector('input[type="file"]'); 857 858 fileInput.value = ""; 859 860 parent.querySelector('span').innerHTML = ""; 861 } 862 863 } 864 865 selectInputs.forEach(element => { 866 element.insertAdjacentHTML( 867 "beforeend", 868 '<svg width="16" height="10" viewBox="0 0 16 10" xmlns="http://www.w3.org/2000/svg"><path d="M2.28571 0L8 5.71429L13.7143 0L16 1.14286L8 9.14286L0 1.14286L2.28571 0Z"/></svg>' 869 ); 870 }); 871 872 dateInputs.forEach(element => { 873 element.setAttribute("placeholder", "YY-MM-DD"); 874 }); 875 } 876 }); 877 </script>
877 878 </div> 879 880 <div class="nav-contact-form-container nav-contact-form-container--2 nav-contact-form-container--hidden"> 881 882 <p class="h3">Tilaa lomakkeella</p> 883 884 885
885<script> 886 hbspt.forms.create({ 887 region: "na1", 888 portalId: "524565", 889 formId: "4401d818-ce7b-4228-b61b-109af5f5516c", 890 891 redirectUrl: "", 892 893 onFormReady: function($form) { 894 const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input"); 895 const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input"); 896 const files = $form.querySelectorAll('.hs-fieldtype-file .input'); 897 898 // Custom button to provide better UX for clearing file input fields 899 if(files) { 900 901 files.forEach(el => { 902 const pageLang = document.querySelector('html').getAttribute('lang'); 903 904 let customFileBtn = document.createElement('input'); 905 customFileBtn.setAttribute('type', 'button'); 906 customFileBtn.setAttribute('class', 'aa-button'); 907 customFileBtn.classList.add('aa-button--5'); 908 if (pageLang == "en") { 909 customFileBtn.setAttribute('value', 'Choose file'); 910 } else if (pageLang == "sv") { 911 customFileBtn.setAttribute('value', 'Välj fil'); 912 } else { 913 customFileBtn.setAttribute('value', 'Valitse tiedosto'); 914 } 915 customFileBtn.addEventListener('click', addFile); 916 el.appendChild(customFileBtn); 917 918 let customFileText = document.createElement('span'); 919 el.appendChild(customFileText); 920 921 let clearFilesBtn = document.createElement('div'); 922 clearFilesBtn.classList.add('aa-clear-button'); 923 if (pageLang == "en") { 924 clearFilesBtn.innerHTML = "Remove the file"; 925 } else if (pageLang == "sv") { 926 clearFilesBtn.innerHTML = "Ta bort filen"; 927 } else { 928 clearFilesBtn.innerHTML = "Poista tiedosto"; 929 } 930 clearFilesBtn.addEventListener('click', clearFileInput); 931 932 el.appendChild(clearFilesBtn); 933 934 el.querySelector('input[type="file"]').addEventListener('change', function() { 935 let fileName = el.querySelector('input[type="file"]').files[0]; 936 el.querySelector('span').innerHTML = fileName.name; 937 }); 938 }); 939 940 function addFile(event) { 941 let parent = event.target.parentNode; 942 let fileInput = parent.querySelector('input[type="file"]'); 943 944 fileInput.click(); 945 } 946 947 function clearFileInput(event) { 948 let parent = event.target.parentNode; 949 let fileInput = parent.querySelector('input[type="file"]'); 950 951 fileInput.value = ""; 952 953 parent.querySelector('span').innerHTML = ""; 954 } 955 956 } 957 958 selectInputs.forEach(element => { 959 element.insertAdjacentHTML( 960 "beforeend", 961 '<svg width="16" height="10" viewBox="0 0 16 10" xmlns="http://www.w3.org/2000/svg"><path d="M2.28571 0L8 5.71429L13.7143 0L16 1.14286L8 9.14286L0 1.14286L2.28571 0Z"/></svg>' 962 ); 963 }); 964 965 dateInputs.forEach(element => { 966 element.setAttribute("placeholder", "YY-MM-DD"); 967 }); 968 } 969 }); 970 </script>
970 971 </div> 972 973 <div class="nav-contact-form-container nav-contact-form-container--3 nav-contact-form-container--hidden"> 974 975 <p class="h3">Tilaa rakennuspiirustuksia</p> 976 977 978
978<script> 979 hbspt.forms.create({ 980 region: "na1", 981 portalId: "524565", 982 formId: "7ee572a2-8502-46aa-90ad-23e91473a256", 983 984 redirectUrl: "", 985 986 onFormReady: function($form) { 987 const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input"); 988 const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input"); 989 const files = $form.querySelectorAll('.hs-fieldtype-file .input'); 990 991 // Custom button to provide better UX for clearing file input fields 992 if(files) { 993 994 files.forEach(el => { 995 const pageLang = document.querySelector('html').getAttribute('lang'); 996 997 let customFileBtn = document.createElement('input'); 998 customFileBtn.setAttribute('type', 'button'); 999 customFileBtn.setAttribute('class', 'aa-button'); 1000 customFileBtn.classList.add('aa-button--5'); 1001 if (pageLang == "en") { 1002 customFileBtn.setAttribute('value', 'Choose file'); 1003 } else if (pageLang == "sv") { 1004 customFileBtn.setAttribute('value', 'Välj fil'); 1005 } else { 1006 customFileBtn.setAttribute('value', 'Valitse tiedosto'); 1007 } 1008 customFileBtn.addEventListener('click', addFile); 1009 el.appendChild(customFileBtn); 1010 1011 let customFileText = document.createElement('span'); 1012 el.appendChild(customFileText); 1013 1014 let clearFilesBtn = document.createElement('div'); 1015 clearFilesBtn.classList.add('aa-clear-button'); 1016 if (pageLang == "en") { 1017 clearFilesBtn.innerHTML = "Remove the file"; 1018 } else if (pageLang == "sv") { 1019 clearFilesBtn.innerHTML = "Ta bort filen"; 1020 } else { 1021 clearFilesBtn.innerHTML = "Poista tiedosto"; 1022 } 1023 clearFilesBtn.addEventListener('click', clearFileInput); 1024 1025 el.appendChild(clearFilesBtn); 1026 1027 el.querySelector('input[type="file"]').addEventListener('change', function() { 1028 let fileName = el.querySelector('input[type="file"]').files[0]; 1029 el.querySelector('span').innerHTML = fileName.name; 1030 }); 1031 }); 1032 1033 function addFile(event) { 1034 let parent = event.target.parentNode; 1035 let fileInput = parent.querySelector('input[type="file"]'); 1036 1037 fileInput.click(); 1038 } 1039 1040 function clearFileInput(event) { 1041 let parent = event.target.parentNode; 1042 let fileInput = parent.querySelector('input[type="file"]'); 1043 1044 fileInput.value = ""; 1045 1046 parent.querySelector('span').innerHTML = ""; 1047 } 1048 1049 } 1050 1051 selectInputs.forEach(element => { 1052 element.insertAdjacentHTML( 1053 "beforeend", 1054 '<svg width="16" height="10" viewBox="0 0 16 10" xmlns="http://www.w3.org/2000/svg"><path d="M2.28571 0L8 5.71429L13.7143 0L16 1.14286L8 9.14286L0 1.14286L2.28571 0Z"/></svg>' 1055 ); 1056 }); 1057 1058 dateInputs.forEach(element => { 1059 element.setAttribute("placeholder", "YY-MM-DD"); 1060 }); 1061 } 1062 }); 1063 </script>
1063 1064 </div> 1065 1066 </div> 1067 </div> 1068</template> 1069 1070 1071<template id="nav-contact-form-mobile"> 1072 <div class="nav-contact-form aa-form-button aa-form-button--1"> 1073 1074 <div class="nav-contact-form__header"> 1075 1076 1077 1078 <button class="aa-button aa-button--2 aa-button--2--dark" type="button" data-filter="nav-contact-form-container-mobile--1"> 1079 Pyydä tarjous 1080 </button> 1081 1082 1083 1084 <button class="aa-button aa-button--2 aa-button--2--dark" type="button" data-filter="nav-contact-form-container-mobile--2"> 1085 Tilaa 1086 </button> 1087 1088 1089 1090 <button class="aa-button aa-button--2 aa-button--2--dark" type="button" data-filter="nav-contact-form-container-mobile--3"> 1091 Tilaa rakennuspiirustuksia 1092 </button> 1093 1094 1095 1096 </div> 1097 1098 <div class="nav-contact-form__body"> 1099 1100 <div class="nav-contact-form-container nav-contact-form-container-mobile--1"> 1101 1102 <p class="h3">Pyydä tarjous</p> 1103 1104 1105
1105<script> 1106 hbspt.forms.create({ 1107 region: "na1", 1108 portalId: "524565", 1109 formId: "70691719-5b20-4d7c-b823-44e863251d77", 1110 1111 redirectUrl: "", 1112 1113 onFormReady: function($form) { 1114 const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input"); 1115 const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input"); 1116 const files = $form.querySelectorAll('.hs-fieldtype-file .input'); 1117 1118 // Custom button to provide better UX for clearing file input fields 1119 if(files) { 1120 1121 files.forEach(el => { 1122 const pageLang = document.querySelector('html').getAttribute('lang'); 1123 1124 let customFileBtn = document.createElement('input'); 1125 customFileBtn.setAttribute('type', 'button'); 1126 customFileBtn.setAttribute('class', 'aa-button'); 1127 customFileBtn.classList.add('aa-button--5'); 1128 if (pageLang == "en") { 1129 customFileBtn.setAttribute('value', 'Choose file'); 1130 } else if (pageLang == "sv") { 1131 customFileBtn.setAttribute('value', 'Välj fil'); 1132 } else { 1133 customFileBtn.setAttribute('value', 'Valitse tiedosto'); 1134 } 1135 customFileBtn.addEventListener('click', addFile); 1136 el.appendChild(customFileBtn); 1137 1138 let customFileText = document.createElement('span'); 1139 el.appendChild(customFileText); 1140 1141 let clearFilesBtn = document.createElement('div'); 1142 clearFilesBtn.classList.add('aa-clear-button'); 1143 if (pageLang == "en") { 1144 clearFilesBtn.innerHTML = "Remove the file"; 1145 } else if (pageLang == "sv") { 1146 clearFilesBtn.innerHTML = "Ta bort filen"; 1147 } else { 1148 clearFilesBtn.innerHTML = "Poista tiedosto"; 1149 } 1150 clearFilesBtn.addEventListener('click', clearFileInput); 1151 1152 el.appendChild(clearFilesBtn); 1153 1154 el.querySelector('input[type="file"]').addEventListener('change', function() { 1155 let fileName = el.querySelector('input[type="file"]').files[0]; 1156 el.querySelector('span').innerHTML = fileName.name; 1157 }); 1158 }); 1159 1160 function addFile(event) { 1161 let parent = event.target.parentNode; 1162 let fileInput = parent.querySelector('input[type="file"]'); 1163 1164 fileInput.click(); 1165 } 1166 1167 function clearFileInput(event) { 1168 let parent = event.target.parentNode; 1169 let fileInput = parent.querySelector('input[type="file"]'); 1170 1171 fileInput.value = ""; 1172 1173 parent.querySelector('span').innerHTML = ""; 1174 } 1175 1176 } 1177 1178 selectInputs.forEach(element => { 1179 element.insertAdjacentHTML( 1180 "beforeend", 1181 '<svg width="16" height="10" viewBox="0 0 16 10" xmlns="http://www.w3.org/2000/svg"><path d="M2.28571 0L8 5.71429L13.7143 0L16 1.14286L8 9.14286L0 1.14286L2.28571 0Z"/></svg>' 1182 ); 1183 }); 1184 1185 dateInputs.forEach(element => { 1186 element.setAttribute("placeholder", "YY-MM-DD"); 1187 }); 1188 } 1189 }); 1190 </script>
1190 1191 </div> 1192 1193 <div class="nav-contact-form-container nav-contact-form-container-mobile--2 nav-contact-form-container--hidden"> 1194 1195 <p class="h3">Tilaa lomakkeella</p> 1196 1197 1198
1198<script> 1199 hbspt.forms.create({ 1200 region: "na1", 1201 portalId: "524565", 1202 formId: "4401d818-ce7b-4228-b61b-109af5f5516c", 1203 1204 redirectUrl: "", 1205 1206 onFormReady: function($form) { 1207 const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input"); 1208 const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input"); 1209 const files = $form.querySelectorAll('.hs-fieldtype-file .input'); 1210 1211 // Custom button to provide better UX for clearing file input fields 1212 if(files) { 1213 1214 files.forEach(el => { 1215 const pageLang = document.querySelector('html').getAttribute('lang'); 1216 1217 let customFileBtn = document.createElement('input'); 1218 customFileBtn.setAttribute('type', 'button'); 1219 customFileBtn.setAttribute('class', 'aa-button'); 1220 customFileBtn.classList.add('aa-button--5'); 1221 if (pageLang == "en") { 1222 customFileBtn.setAttribute('value', 'Choose file'); 1223 } else if (pageLang == "sv") { 1224 customFileBtn.setAttribute('value', 'Välj fil'); 1225 } else { 1226 customFileBtn.setAttribute('value', 'Valitse tiedosto'); 1227 } 1228 customFileBtn.addEventListener('click', addFile); 1229 el.appendChild(customFileBtn); 1230 1231 let customFileText = document.createElement('span'); 1232 el.appendChild(customFileText); 1233 1234 let clearFilesBtn = document.createElement('div'); 1235 clearFilesBtn.classList.add('aa-clear-button'); 1236 if (pageLang == "en") { 1237 clearFilesBtn.innerHTML = "Remove the file"; 1238 } else if (pageLang == "sv") { 1239 clearFilesBtn.innerHTML = "Ta bort filen"; 1240 } else { 1241 clearFilesBtn.innerHTML = "Poista tiedosto"; 1242 } 1243 clearFilesBtn.addEventListener('click', clearFileInput); 1244 1245 el.appendChild(clearFilesBtn); 1246 1247 el.querySelector('input[type="file"]').addEventListener('change', function() { 1248 let fileName = el.querySelector('input[type="file"]').files[0]; 1249 el.querySelector('span').innerHTML = fileName.name; 1250 }); 1251 }); 1252 1253 function addFile(event) { 1254 let parent = event.target.parentNode; 1255 let fileInput = parent.querySelector('input[type="file"]'); 1256 1257 fileInput.click(); 1258 } 1259 1260 function clearFileInput(event) { 1261 let parent = event.target.parentNode; 1262 let fileInput = parent.querySelector('input[type="file"]'); 1263 1264 fileInput.value = ""; 1265 1266 parent.querySelector('span').innerHTML = ""; 1267 } 1268 1269 } 1270 1271 selectInputs.forEach(element => { 1272 element.insertAdjacentHTML( 1273 "beforeend", 1274 '<svg width="16" height="10" viewBox="0 0 16 10" xmlns="http://www.w3.org/2000/svg"><path d="M2.28571 0L8 5.71429L13.7143 0L16 1.14286L8 9.14286L0 1.14286L2.28571 0Z"/></svg>' 1275 ); 1276 }); 1277 1278 dateInputs.forEach(element => { 1279 element.setAttribute("placeholder", "YY-MM-DD"); 1280 }); 1281 } 1282 }); 1283 </script>
1283 1284 </div> 1285 1286 <div class="nav-contact-form-container nav-contact-form-container-mobile--3 nav-contact-form-container--hidden"> 1287 1288 <p class="h3">Tilaa rakennuspiirustuksia</p> 1289 1290 1291
1291<script> 1292 hbspt.forms.create({ 1293 region: "na1", 1294 portalId: "524565", 1295 formId: "7ee572a2-8502-46aa-90ad-23e91473a256", 1296 1297 redirectUrl: "", 1298 1299 onFormReady: function($form) { 1300 const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input"); 1301 const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input"); 1302 const files = $form.querySelectorAll('.hs-fieldtype-file .input'); 1303 1304 // Custom button to provide better UX for clearing file input fields 1305 if(files) { 1306 1307 files.forEach(el => { 1308 const pageLang = document.querySelector('html').getAttribute('lang'); 1309 1310 let customFileBtn = document.createElement('input'); 1311 customFileBtn.setAttribute('type', 'button'); 1312 customFileBtn.setAttribute('class', 'aa-button'); 1313 customFileBtn.classList.add('aa-button--5'); 1314 if (pageLang == "en") { 1315 customFileBtn.setAttribute('value', 'Choose file'); 1316 } else if (pageLang == "sv") { 1317 customFileBtn.setAttribute('value', 'Välj fil'); 1318 } else { 1319 customFileBtn.setAttribute('value', 'Valitse tiedosto'); 1320 } 1321 customFileBtn.addEventListener('click', addFile); 1322 el.appendChild(customFileBtn); 1323 1324 let customFileText = document.createElement('span'); 1325 el.appendChild(customFileText); 1326 1327 let clearFilesBtn = document.createElement('div'); 1328 clearFilesBtn.classList.add('aa-clear-button'); 1329 if (pageLang == "en") { 1330 clearFilesBtn.innerHTML = "Remove the file"; 1331 } else if (pageLang == "sv") { 1332 clearFilesBtn.innerHTML = "Ta bort filen"; 1333 } else { 1334 clearFilesBtn.innerHTML = "Poista tiedosto"; 1335 } 1336 clearFilesBtn.addEventListener('click', clearFileInput); 1337 1338 el.appendChild(clearFilesBtn); 1339 1340 el.querySelector('input[type="file"]').addEventListener('change', function() { 1341 let fileName = el.querySelector('input[type="file"]').files[0]; 1342 el.querySelector('span').innerHTML = fileName.name; 1343 }); 1344 }); 1345 1346 function addFile(event) { 1347 let parent = event.target.parentNode; 1348 let fileInput = parent.querySelector('input[type="file"]'); 1349 1350 fileInput.click(); 1351 } 1352 1353 function clearFileInput(event) { 1354 let parent = event.target.parentNode; 1355 let fileInput = parent.querySelector('input[type="file"]'); 1356 1357 fileInput.value = ""; 1358 1359 parent.querySelector('span').innerHTML = ""; 1360 } 1361 1362 } 1363 1364 selectInputs.forEach(element => { 1365 element.insertAdjacentHTML( 1366 "beforeend", 1367 '<svg width="16" height="10" viewBox="0 0 16 10" xmlns="http://www.w3.org/2000/svg"><path d="M2.28571 0L8 5.71429L13.7143 0L16 1.14286L8 9.14286L0 1.14286L2.28571 0Z"/></svg>' 1368 ); 1369 }); 1370 1371 dateInputs.forEach(element => { 1372 element.setAttribute("placeholder", "YY-MM-DD"); 1373 }); 1374 } 1375 }); 1376 </script>
1376 1377 </div> 1378 1379 </div> 1380 </div> 1381</template> 1382 1383 1384<template id="all-products-text"> 1385 <div class="all-products-text"> 1386 Katso kaikki ratkaisut ja tuotteet <a href="https://www.grano.fi/ratkaisut-ja-tuotteet/listaus" rel="noopener">täältä</a> 1387 </div> 1388</template> 1389 </nav> 1390 </div> 1391 1392 1393 <button id="open-search-popup" class="search-icon-btn" aria-expanded="false" aria-haspopup="true" aria-controls="nav-search-popup" aria-label="Avaa haku"> 1394 <svg width="73" height="73" viewbox="0 0 73 73" fill="none" xmlns="http://www.w3.org/2000/svg" alt="Avaa haku"> 1395 <path d="M71.29 66.9668L51.4736 46.9648C55.3516 42.1035 57.6895 35.9434 57.6895 29.2451C57.6895 13.5664 44.9795 0.856445 29.2822 0.856445C13.585 0.856445 0.875 13.585 0.875 29.2637C0.875 44.9424 13.585 57.6523 29.2822 57.6523C36.0732 57.6523 42.2891 55.2773 47.1875 51.3066L66.874 71.1787C67.4678 71.8096 68.2842 72.125 69.082 72.125C69.8428 72.125 70.6035 71.8467 71.1787 71.29C72.4033 70.1211 72.4404 68.1914 71.29 66.9668ZM29.2822 51.5479C23.3262 51.5479
139517.7227 49.2285 13.5107 45.0166C9.29883 40.8047 6.97949 35.2012 6.97949 29.2637C6.97949 23.3076 9.29883 17.7041 13.5107 13.5107C17.7227 9.29883 23.3262 6.97949 29.2822 6.97949C35.2383 6.97949 40.8418 9.29883 45.0537 13.5107C49.2656 17.7227 51.585 23.3262 51.585 29.2637C51.585 35.2197 49.2656 40.8232 45.0537 45.0166C40.8418 49.2285 35.2383 51.5479 29.2822 51.5479Z" fill=""></path> 1396 </svg> 1397 </button> 1398 1399 <div class="nav-search-popup fi-search"> 1400 <div class="gsc-control-cse" style="width: 100%;"> 1401 <div class="gsc-input-box"> 1402 <span class="h3">Hae sivustolta</span> 1403 1404 <div id="hs_cos_wrapper_module_17664028976507" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> 1405 1406 1407 1408 1409 1410 1411 1412 1413 1414 1415 1416 1417 1418 1419 1420 1421 1422 1423 1424 1425<div class="hs-search-field"> 1426 <div class="hs-search-field__bar hs-search-field__bar--button-inline "> 1427 <form data-hs-do-not-collect="true" class="hs-search-field__form" action="https://www.grano.fi/search"> 1428 1429 <label class="hs-search-field__label show-for-sr" for="module_17664028976507-input">Tämä on hakukenttä, johon on liitetty automaattinen ehdotus.</label> 1430 1431 <input role="combobox" aria-expanded="false" aria-controls="autocomplete-results" aria-label="Tämä on hakukenttä, johon on liitetty automaattinen ehdotus." type="search" class="hs-search-field__input" id="module_17664028976507-input" name="q" autocomplete="off" aria-autocomplete="list" placeholder="Haku"> 1432 1433 <input type="hidden" name="limit" value="10"> 1434 1435 1436 <input type="hidden" name="type" value="SITE_PAGE"> 1437 1438 1439 1440 <input type="hidden" name="type" value="BLOG_POST"> 1441 1442 1443 1444 <input type="hidden" name="lang" value="fi"> 1445 1446 1447 1448 1449 <button class="hs-search-field__button " aria-label="Haku"> 1450 <span id="hs_cos_wrapper_module_17664028976507_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" aria-hidden="true"><g id="search1_layer"><path d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z" /></g></svg></span> 1451 </button> 1452 <div class="hs-search-field__suggestions-container "> 1453 <ul id="autocomplete-results" role="listbox" aria-label="term" class="hs-search-field__suggestions"> 1454 1455 <li role="option" tabindex="-1" aria-posinset="1" aria-setsize="0" class="results-for show-for-sr">Ehdotuksia ei ole, koska hakukenttä on tyhjä.</li> 1456 1457 </ul> 1458 </div> 1459 </form> 1460 </div> 1461 <div id="sr-messenger" class="hs-search-sr-message-container show-for-sr" role="status" aria-live="polite" aria-atomic="true"> 1462 </div> 1463</div> 1464 1465</div> 1466 1467 </div> 1468 1469 <p> 1470 1471 </p> 1472 1473 <button class="close-search-popup" aria-expanded="false" aria-haspopup="true" aria-controls="nav-search-popup" aria-label="Sulje haku"> 1474 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 352 512"><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z" /></svg> 1475 </button> 1476 </div> 1477 </div> 1478 1479 <button class="aa-site-header__hamburger js-hamburger-toggle hidden-xl-up" aria-expanded="false" aria-haspopup="true" aria-controls="aa-navigation--mobile" aria-label="Avaa valikko">
1480 <span class="screen-reader-text">Avaa mobiilinavigaatio</span> 1481 <div class="aa-hamburger"> 1482 <span></span> 1483 </div> 1484 </button> 1485 1486 </div> 1487</header> 1488 1489<nav class="aa-navigation aa-navigation--mobile hidden-xl-up hs-search-hidden" aria-label="Päävalikko"> 1490 <div id="hs_menu_wrapper_navigation_menu_header_primary" class="hs-menu-wrapper active-branch no-flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="Default" data-menu-id="82875756663" aria-label="Navigation Menu"> 1491 <ul role="menu" class="active-branch"> 1492 <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet" aria-haspopup="true" aria-expanded="false" role="menuitem">Ratkaisut ja tuotteet</a> 1493 <ul role="menu" class="hs-menu-children-wrapper"> 1494 <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet#markkinoinnin-tuotantopalvelut" role="menuitem">Markkinoinnin tuotantopalvelut</a> 1495 <ul role="menu" class="hs-menu-children-wrapper"> 1496 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/markkinointimateriaalien-suunnittelu-ja-tuotanto" role="menuitem">Markkinointimateriaalien suunnittelu ja tuotanto</a></li> 1497 </ul></li> 1498 <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet#kokonaisratkaisut" role="menuitem">Kokonaisratkaisut</a> 1499 <ul role="menu" class="hs-menu-children-wrapper"> 1500 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/kaupan-ala" role="menuitem">Kaupan alan palvelut</a></li> 1501 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/teollisuus" role="menuitem">Teollisuuden palvelut</a></li> 1502 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/toimitilat" role="menuitem">Toimitilat</a></li> 1503 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/messut-ja-tapahtumat" role="menuitem">Messut ja tapahtumat</a></li> 1504 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/rakentaminen-ja-kiinteistonhallinta" role="menuitem">Rakentaminen ja kiinteistönhallinta</a></li> 1505 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/pakkaukset-teollisuuteen" role="menuitem">Pakkaukset ja etiketit teollisuuteen</a></li> 1506 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/nakyvyysratkaisut" role="menuitem">Näkyvyysratkaisut</a></li> 1507 </ul></li> 1508 <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet#markkinointimateriaalit" role="menuitem">Markkinointimateriaalit</a> 1509 <ul role="menu" class="hs-menu-children-wrapper"> 1510 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/painotuotteet" role="menuitem">Painotuotteet</a></li> 1511 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/pakkaukset-ja-etiketit" role="menuitem">Pakkaukset ja etiketit</a></li> 1512 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/mainosteippaukset" role="menuitem">Teippaukset ja tarrat</a></li> 1513 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/valomainokset" role="menuitem">Valomainokset</a></li> 1514 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/digitaaliset-tuotteet" role="menuitem">Digitaaliset tuotteet</a></li> 1515 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/kaannospalvelut" role="menuitem">Kieli- ja käännöspalvelut</a></li> 1516 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/nayttoratkaisut" role="menuitem">Näyttöratkaisut</a></li> 1517 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/suurkuvatulosteet" role="menuitem">Suurkuvatulosteet</a></li> 1518 </ul></li> 1519 <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet#brandin-ja-materiaalinhallinta" role="menuitem">Brändin- ja materiaalinhallinta</a> 1520 <ul role="menu" class="hs-menu-children-wrapper"> 1521 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/aineisto-ja-mediapankki-emmi" role="menuitem">EMMi Aineistonhallinta</a></li> 1522 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/mygrano-tilausjarjestelma" role="menuitem">My Grano -tilauskanava</a></li> 1523 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/digitointi-dokumentinhallinta" role="menuitem">Digitointi</a></li> 1524 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/logistiikan-palvelut" role="menuitem">Logistiikan palvelut</a></li> 1525 </ul></li> 1526 <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet#digitaalinen-markkinointi-ja-uusasiakashankinta" role="menuitem">Digitaalinen markkinointi ja uusasiakashankinta</a> 1527 <ul role="menu" class="hs-menu-children-wrapper"> 1528 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/suoramarkkinointi" role="menuitem">Suoramarkkinointi</a></li> 1529 <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/kohderyhmat" role="menuitem">Kohderyhmät</a></li> 1530 </ul></li> 1531 </ul></li> 1532 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.grano.fi/referenssit" role="menuitem">Referenssit</a></li> 1533 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.grano.fi/ajankohtaista/topic/uutiset-ja-tiedotteet" role="menuitem">Uutiset</a></li> 1534 <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">Tietopankki</a> 1535 <ul role="menu" class="hs-menu-children-wrapper"> 1536 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/ajankohtaista/topic/artikkelit" role="menuitem">Artikkelit</a></li> 1537 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/oppaat" role="menuitem">Oppaat</a></li> 1538 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/webinaarit" role="menuitem">Webinaarit</a></li> 1539 </ul></li> 1540 <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="https://www.grano.fi/tilaa-tai-pyyda-tarjous" aria-haspopup="true" aria-expanded="false" role="menuitem">Tilaa tai pyydä tarjous</a> 1541 <ul role="menu" class="hs-menu-children-wrapper"> 1542 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/tilaa-tai-pyyda-tarjous#kirjaudu-granon-tilausjarjestelmiin" role="menuitem">
1542Kirjaudu Granon tilausjärjestelmiin</a></li> 1543 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://granoshop.fi" role="menuitem" target="_blank" rel="noopener">Tilaa verkkokaupasta</a></li> 1544 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/aineisto-ohjeet" role="menuitem">Aineisto-ohjeet</a></li> 1545 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/yhteystiedot/myynti" role="menuitem">Myynnin yhteystiedot</a></li> 1546 </ul></li> 1547 <li class="hs-menu-item hs-menu-depth-1 active active-branch" role="none"><a href="https://www.grano.fi/yhteystiedot" role="menuitem"><span class="hidden-desktop">Yhteystiedot</span></a></li> 1548 </ul> 1549</div> 1550 1551<template id="nav-contact-information"> 1552 <div class="nav-contact-info"> 1553 <p>Täällä ollaan, sinua varten â ota yhteyttä Granon asiakaspalveluun<br><a href="https://www.grano.fi/asiakaspalvelu" rel="noopener" target="_blank">grano.fi/asiakaspalvelu</a> <br><a href="mailto:[email protected]">[email protected] </a><br><a href="tel:029-1800-400" rel="noopener">029 1800 400</a> <br>(arkisin 8.00-16.00) â 0,088 â¬/min + pvm</p> 1554 </div> 1555</template> 1556 1557<template id="nav-contact-form"> 1558 <div class="nav-contact-form aa-form-button aa-form-button--1"> 1559 1560 <div class="nav-contact-form__header"> 1561 1562 1563 1564 <button class="aa-button aa-button--1" type="button" data-filter="nav-contact-form-container--1"> 1565 Pyydä tarjous 1566 </button> 1567 1568 1569 1570 <button class="aa-button aa-button--2 aa-button--2--dark" type="button" data-filter="nav-contact-form-container--2"> 1571 Tilaa 1572 </button> 1573 1574 1575 1576 <button class="aa-button aa-button--2 aa-button--2--dark" type="button" data-filter="nav-contact-form-container--3"> 1577 Tilaa rakennuspiirustuksia 1578 </button> 1579 1580 1581 1582 </div> 1583 1584 <div class="nav-contact-form__body"> 1585 1586 <div class="nav-contact-form-container nav-contact-form-container--1"> 1587 1588 <p class="h3">Pyydä tarjous</p> 1589 1590 1591
1591<script> 1592 hbspt.forms.create({ 1593 region: "na1", 1594 portalId: "524565", 1595 formId: "70691719-5b20-4d7c-b823-44e863251d77", 1596 1597 redirectUrl: "", 1598 1599 onFormReady: function($form) { 1600 const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input"); 1601 const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input"); 1602 const files = $form.querySelectorAll('.hs-fieldtype-file .input'); 1603 1604 // Custom button to provide better UX for clearing file input fields 1605 if(files) { 1606 1607 files.forEach(el => { 1608 const pageLang = document.querySelector('html').getAttribute('lang'); 1609 1610 let customFileBtn = document.createElement('input'); 1611 customFileBtn.setAttribute('type', 'button'); 1612 customFileBtn.setAttribute('class', 'aa-button'); 1613 customFileBtn.classList.add('aa-button--5'); 1614 if (pageLang == "en") { 1615 customFileBtn.setAttribute('value', 'Choose file'); 1616 } else if (pageLang == "sv") { 1617 customFileBtn.setAttribute('value', 'Välj fil'); 1618 } else { 1619 customFileBtn.setAttribute('value', 'Valitse tiedosto'); 1620 } 1621 customFileBtn.addEventListener('click', addFile); 1622 el.appendChild(customFileBtn); 1623 1624 let customFileText = document.createElement('span'); 1625 el.appendChild(customFileText); 1626 1627 let clearFilesBtn = document.createElement('div'); 1628 clearFilesBtn.classList.add('aa-clear-button'); 1629 if (pageLang == "en") { 1630 clearFilesBtn.innerHTML = "Remove the file"; 1631 } else if (pageLang == "sv") { 1632 clearFilesBtn.innerHTML = "Ta bort filen"; 1633 } else { 1634 clearFilesBtn.innerHTML = "Poista tiedosto"; 1635 } 1636 clearFilesBtn.addEventListener('click', clearFileInput); 1637 1638 el.appendChild(clearFilesBtn); 1639 1640 el.querySelector('input[type="file"]').addEventListener('change', function() { 1641 let fileName = el.querySelector('input[type="file"]').files[0]; 1642 el.querySelector('span').innerHTML = fileName.name; 1643 }); 1644 }); 1645 1646 function addFile(event) { 1647 let parent = event.target.parentNode; 1648 let fileInput = parent.querySelector('input[type="file"]'); 1649 1650 fileInput.click(); 1651 } 1652 1653 function clearFileInput(event) { 1654 let parent = event.target.parentNode; 1655 let fileInput = parent.querySelector('input[type="file"]'); 1656 1657 fileInput.value = ""; 1658 1659 parent.querySelector('span').innerHTML = ""; 1660 } 1661 1662 } 1663 1664 selectInputs.forEach(element => { 1665 element.insertAdjacentHTML( 1666 "beforeend", 1667 '<svg width="16" height="10" viewBox="0 0 16 10" xmlns="http://www.w3.org/2000/svg"><path d="M2.28571 0L8 5.71429L13.7143 0L16 1.14286L8 9.14286L0 1.14286L2.28571 0Z"/></svg>' 1668 ); 1669 }); 1670 1671 dateInputs.forEach(element => { 1672 element.setAttribute("placeholder", "YY-MM-DD"); 1673 }); 1674 } 1675 }); 1676 </script>
1676 1677 </div> 1678 1679 <div class="nav-contact-form-container nav-contact-form-container--2 nav-contact-form-container--hidden"> 1680 1681 <p class="h3">Tilaa lomakkeella</p> 1682 1683 1684
1684<script> 1685 hbspt.forms.create({ 1686 region: "na1", 1687 portalId: "524565", 1688 formId: "4401d818-ce7b-4228-b61b-109af5f5516c", 1689 1690 redirectUrl: "", 1691 1692 onFormReady: function($form) { 1693 const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input"); 1694 const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input"); 1695 const files = $form.querySelectorAll('.hs-fieldtype-file .input'); 1696 1697 // Custom button to provide better UX for clearing file input fields 1698 if(files) { 1699 1700 files.forEach(el => { 1701 const pageLang = document.querySelector('html').getAttribute('lang'); 1702 1703 let customFileBtn = document.createElement('input'); 1704 customFileBtn.setAttribute('type', 'button'); 1705 customFileBtn.setAttribute('class', 'aa-button'); 1706 customFileBtn.classList.add('aa-button--5'); 1707 if (pageLang == "en") { 1708 customFileBtn.setAttribute('value', 'Choose file'); 1709 } else if (pageLang == "sv") { 1710 customFileBtn.setAttribute('value', 'Välj fil'); 1711 } else { 1712 customFileBtn.setAttribute('value', 'Valitse tiedosto'); 1713 } 1714 customFileBtn.addEventListener('click', addFile); 1715 el.appendChild(customFileBtn); 1716 1717 let customFileText = document.createElement('span'); 1718 el.appendChild(customFileText); 1719 1720 let clearFilesBtn = document.createElement('div'); 1721 clearFilesBtn.classList.add('aa-clear-button'); 1722 if (pageLang == "en") { 1723 clearFilesBtn.innerHTML = "Remove the file"; 1724 } else if (pageLang == "sv") { 1725 clearFilesBtn.innerHTML = "Ta bort filen"; 1726 } else { 1727 clearFilesBtn.innerHTML = "Poista tiedosto"; 1728 } 1729 clearFilesBtn.addEventListener('click', clearFileInput); 1730 1731 el.appendChild(clearFilesBtn); 1732 1733 el.querySelector('input[type="file"]').addEventListener('change', function() { 1734 let fileName = el.querySelector('input[type="file"]').files[0]; 1735 el.querySelector('span').innerHTML = fileName.name; 1736 }); 1737 }); 1738 1739 function addFile(event) { 1740 let parent = event.target.parentNode; 1741 let fileInput = parent.querySelector('input[type="file"]'); 1742 1743 fileInput.click(); 1744 } 1745 1746 function clearFileInput(event) { 1747 let parent = event.target.parentNode; 1748 let fileInput = parent.querySelector('input[type="file"]'); 1749 1750 fileInput.value = ""; 1751 1752 parent.querySelector('span').innerHTML = ""; 1753 } 1754 1755 } 1756 1757 selectInputs.forEach(element => { 1758 element.insertAdjacentHTML( 1759 "beforeend", 1760 '<svg width="16" height="10" viewBox="0 0 16 10" xmlns="http://www.w3.org/2000/svg"><path d="M2.28571 0L8 5.71429L13.7143 0L16 1.14286L8 9.14286L0 1.14286L2.28571 0Z"/></svg>' 1761 ); 1762 }); 1763 1764 dateInputs.forEach(element => { 1765 element.setAttribute("placeholder", "YY-MM-DD"); 1766 }); 1767 } 1768 }); 1769 </script>
1769 1770 </div> 1771 1772 <div class="nav-contact-form-container nav-contact-form-container--3 nav-contact-form-container--hidden"> 1773 1774 <p class="h3">Tilaa rakennuspiirustuksia</p> 1775 1776 1777
1777<script> 1778 hbspt.forms.create({ 1779 region: "na1", 1780 portalId: "524565", 1781 formId: "7ee572a2-8502-46aa-90ad-23e91473a256", 1782 1783 redirectUrl: "", 1784 1785 onFormReady: function($form) { 1786 const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input"); 1787 const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input"); 1788 const files = $form.querySelectorAll('.hs-fieldtype-file .input'); 1789 1790 // Custom button to provide better UX for clearing file input fields 1791 if(files) { 1792 1793 files.forEach(el => { 1794 const pageLang = document.querySelector('html').getAttribute('lang'); 1795 1796 let customFileBtn = document.createElement('input'); 1797 customFileBtn.setAttribute('type', 'button'); 1798 customFileBtn.setAttribute('class', 'aa-button'); 1799 customFileBtn.classList.add('aa-button--5'); 1800 if (pageLang == "en") { 1801 customFileBtn.setAttribute('value', 'Choose file'); 1802 } else if (pageLang == "sv") { 1803 customFileBtn.setAttribute('value', 'Välj fil'); 1804 } else { 1805 customFileBtn.setAttribute('value', 'Valitse tiedosto'); 1806 } 1807 customFileBtn.addEventListener('click', addFile); 1808 el.appendChild(customFileBtn); 1809 1810 let customFileText = document.createElement('span'); 1811 el.appendChild(customFileText); 1812 1813 let clearFilesBtn = document.createElement('div'); 1814 clearFilesBtn.classList.add('aa-clear-button'); 1815 if (pageLang == "en") { 1816 clearFilesBtn.innerHTML = "Remove the file"; 1817 } else if (pageLang == "sv") { 1818 clearFilesBtn.innerHTML = "Ta bort filen"; 1819 } else { 1820 clearFilesBtn.innerHTML = "Poista tiedosto"; 1821 } 1822 clearFilesBtn.addEventListener('click', clearFileInput); 1823 1824 el.appendChild(clearFilesBtn); 1825 1826 el.querySelector('input[type="file"]').addEventListener('change', function() { 1827 let fileName = el.querySelector('input[type="file"]').files[0]; 1828 el.querySelector('span').innerHTML = fileName.name; 1829 }); 1830 }); 1831 1832 function addFile(event) { 1833 let parent = event.target.parentNode; 1834 let fileInput = parent.querySelector('input[type="file"]'); 1835 1836 fileInput.click(); 1837 } 1838 1839 function clearFileInput(event) { 1840 let parent = event.target.parentNode; 1841 let fileInput = parent.querySelector('input[type="file"]'); 1842 1843 fileInput.value = ""; 1844 1845 parent.querySelector('span').innerHTML = ""; 1846 } 1847 1848 } 1849 1850 selectInputs.forEach(element => { 1851 element.insertAdjacentHTML( 1852 "beforeend", 1853 '<svg width="16" height="10" viewBox="0 0 16 10" xmlns="http://www.w3.org/2000/svg"><path d="M2.28571 0L8 5.71429L13.7143 0L16 1.14286L8 9.14286L0 1.14286L2.28571 0Z"/></svg>' 1854 ); 1855 }); 1856 1857 dateInputs.forEach(element => { 1858 element.setAttribute("placeholder", "YY-MM-DD"); 1859 }); 1860 } 1861 }); 1862 </script>
1862 1863 </div> 1864 1865 </div> 1866 </div> 1867</template> 1868 1869 1870<template id="nav-contact-form-mobile"> 1871 <div class="nav-contact-form aa-form-button aa-form-button--1"> 1872 1873 <div class="nav-contact-form__header"> 1874 1875 1876 1877 <button class="aa-button aa-button--2 aa-button--2--dark" type="button" data-filter="nav-contact-form-container-mobile--1"> 1878 Pyydä tarjous 1879 </button> 1880 1881 1882 1883 <button class="aa-button aa-button--2 aa-button--2--dark" type="button" data-filter="nav-contact-form-container-mobile--2"> 1884 Tilaa 1885 </button> 1886 1887 1888 1889 <button class="aa-button aa-button--2 aa-button--2--dark" type="button" data-filter="nav-contact-form-container-mobile--3"> 1890 Tilaa rakennuspiirustuksia 1891 </button> 1892 1893 1894 1895 </div> 1896 1897 <div class="nav-contact-form__body"> 1898 1899 <div class="nav-contact-form-container nav-contact-form-container-mobile--1"> 1900 1901 <p class="h3">Pyydä tarjous</p> 1902 1903 1904
1904<script> 1905 hbspt.forms.create({ 1906 region: "na1", 1907 portalId: "524565", 1908 formId: "70691719-5b20-4d7c-b823-44e863251d77", 1909 1910 redirectUrl: "", 1911 1912 onFormReady: function($form) { 1913 const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input"); 1914 const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input"); 1915 const files = $form.querySelectorAll('.hs-fieldtype-file .input'); 1916 1917 // Custom button to provide better UX for clearing file input fields 1918 if(files) { 1919 1920 files.forEach(el => { 1921 const pageLang = document.querySelector('html').getAttribute('lang'); 1922 1923 let customFileBtn = document.createElement('input'); 1924 customFileBtn.setAttribute('type', 'button'); 1925 customFileBtn.setAttribute('class', 'aa-button'); 1926 customFileBtn.classList.add('aa-button--5'); 1927 if (pageLang == "en") { 1928 customFileBtn.setAttribute('value', 'Choose file'); 1929 } else if (pageLang == "sv") { 1930 customFileBtn.setAttribute('value', 'Välj fil'); 1931 } else { 1932 customFileBtn.setAttribute('value', 'Valitse tiedosto'); 1933 } 1934 customFileBtn.addEventListener('click', addFile); 1935 el.appendChild(customFileBtn); 1936 1937 let customFileText = document.createElement('span'); 1938 el.appendChild(customFileText); 1939 1940 let clearFilesBtn = document.createElement('div'); 1941 clearFilesBtn.classList.add('aa-clear-button'); 1942 if (pageLang == "en") { 1943 clearFilesBtn.innerHTML = "Remove the file"; 1944 } else if (pageLang == "sv") { 1945 clearFilesBtn.innerHTML = "Ta bort filen"; 1946 } else { 1947 clearFilesBtn.innerHTML = "Poista tiedosto"; 1948 } 1949 clearFilesBtn.addEventListener('click', clearFileInput); 1950 1951 el.appendChild(clearFilesBtn); 1952 1953 el.querySelector('input[type="file"]').addEventListener('change', function() { 1954 let fileName = el.querySelector('input[type="file"]').files[0]; 1955 el.querySelector('span').innerHTML = fileName.name; 1956 }); 1957 }); 1958 1959 function addFile(event) { 1960 let parent = event.target.parentNode; 1961 let fileInput = parent.querySelector('input[type="file"]'); 1962 1963 fileInput.click(); 1964 } 1965 1966 function clearFileInput(event) { 1967 let parent = event.target.parentNode; 1968 let fileInput = parent.querySelector('input[type="file"]'); 1969 1970 fileInput.value = ""; 1971 1972 parent.querySelector('span').innerHTML = ""; 1973 } 1974 1975 } 1976 1977 selectInputs.forEach(element => { 1978 element.insertAdjacentHTML( 1979 "beforeend", 1980 '<svg width="16" height="10" viewBox="0 0 16 10" xmlns="http://www.w3.org/2000/svg"><path d="M2.28571 0L8 5.71429L13.7143 0L16 1.14286L8 9.14286L0 1.14286L2.28571 0Z"/></svg>' 1981 ); 1982 }); 1983 1984 dateInputs.forEach(element => { 1985 element.setAttribute("placeholder", "YY-MM-DD"); 1986 }); 1987 } 1988 }); 1989 </script>
1989 1990 </div> 1991 1992 <div class="nav-contact-form-container nav-contact-form-container-mobile--2 nav-contact-form-container--hidden"> 1993 1994 <p class="h3">Tilaa lomakkeella</p> 1995 1996 1997
1997<script> 1998 hbspt.forms.create({ 1999 region: "na1", 2000 portalId: "524565", 2001 formId: "4401d818-ce7b-4228-b61b-109af5f5516c", 2002 2003 redirectUrl: "", 2004 2005 onFormReady: function($form) { 2006 const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input"); 2007 const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input"); 2008 const files = $form.querySelectorAll('.hs-fieldtype-file .input'); 2009 2010 // Custom button to provide better UX for clearing file input fields 2011 if(files) { 2012 2013 files.forEach(el => { 2014 const pageLang = document.querySelector('html').getAttribute('lang'); 2015 2016 let customFileBtn = document.createElement('input'); 2017 customFileBtn.setAttribute('type', 'button'); 2018 customFileBtn.setAttribute('class', 'aa-button'); 2019 customFileBtn.classList.add('aa-button--5'); 2020 if (pageLang == "en") { 2021 customFileBtn.setAttribute('value', 'Choose file'); 2022 } else if (pageLang == "sv") { 2023 customFileBtn.setAttribute('value', 'Välj fil'); 2024 } else { 2025 customFileBtn.setAttribute('value', 'Valitse tiedosto'); 2026 } 2027 customFileBtn.addEventListener('click', addFile); 2028 el.appendChild(customFileBtn); 2029 2030 let customFileText = document.createElement('span'); 2031 el.appendChild(customFileText); 2032 2033 let clearFilesBtn = document.createElement('div'); 2034 clearFilesBtn.classList.add('aa-clear-button'); 2035 if (pageLang == "en") { 2036 clearFilesBtn.innerHTML = "Remove the file"; 2037 } else if (pageLang == "sv") { 2038 clearFilesBtn.innerHTML = "Ta bort filen"; 2039 } else { 2040 clearFilesBtn.innerHTML = "Poista tiedosto"; 2041 } 2042 clearFilesBtn.addEventListener('click', clearFileInput); 2043 2044 el.appendChild(clearFilesBtn); 2045 2046 el.querySelector('input[type="file"]').addEventListener('change', function() { 2047 let fileName = el.querySelector('input[type="file"]').files[0]; 2048 el.querySelector('span').innerHTML = fileName.name; 2049 }); 2050 }); 2051 2052 function addFile(event) { 2053 let parent = event.target.parentNode; 2054 let fileInput = parent.querySelector('input[type="file"]'); 2055 2056 fileInput.click(); 2057 } 2058 2059 function clearFileInput(event) { 2060 let parent = event.target.parentNode; 2061 let fileInput = parent.querySelector('input[type="file"]'); 2062 2063 fileInput.value = ""; 2064 2065 parent.querySelector('span').innerHTML = ""; 2066 } 2067 2068 } 2069 2070 selectInputs.forEach(element => { 2071 element.insertAdjacentHTML( 2072 "beforeend", 2073 '<svg width="16" height="10" viewBox="0 0 16 10" xmlns="http://www.w3.org/2000/svg"><path d="M2.28571 0L8 5.71429L13.7143 0L16 1.14286L8 9.14286L0 1.14286L2.28571 0Z"/></svg>' 2074 ); 2075 }); 2076 2077 dateInputs.forEach(element => { 2078 element.setAttribute("placeholder", "YY-MM-DD"); 2079 }); 2080 } 2081 }); 2082 </script>
2082 2083 </div> 2084 2085 <div class="nav-contact-form-container nav-contact-form-container-mobile--3 nav-contact-form-container--hidden"> 2086 2087 <p class="h3">Tilaa rakennuspiirustuksia</p> 2088 2089 2090
2090<script> 2091 hbspt.forms.create({ 2092 region: "na1", 2093 portalId: "524565", 2094 formId: "7ee572a2-8502-46aa-90ad-23e91473a256", 2095 2096 redirectUrl: "", 2097 2098 onFormReady: function($form) { 2099 const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input"); 2100 const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input"); 2101 const files = $form.querySelectorAll('.hs-fieldtype-file .input'); 2102 2103 // Custom button to provide better UX for clearing file input fields 2104 if(files) { 2105 2106 files.forEach(el => { 2107 const pageLang = document.querySelector('html').getAttribute('lang'); 2108 2109 let customFileBtn = document.createElement('input'); 2110 customFileBtn.setAttribute('type', 'button'); 2111 customFileBtn.setAttribute('class', 'aa-button'); 2112 customFileBtn.classList.add('aa-button--5'); 2113 if (pageLang == "en") { 2114 customFileBtn.setAttribute('value', 'Choose file'); 2115 } else if (pageLang == "sv") { 2116 customFileBtn.setAttribute('value', 'Välj fil'); 2117 } else { 2118 customFileBtn.setAttribute('value', 'Valitse tiedosto'); 2119 } 2120 customFileBtn.addEventListener('click', addFile); 2121 el.appendChild(customFileBtn); 2122 2123 let customFileText = document.createElement('span'); 2124 el.appendChild(customFileText); 2125 2126 let clearFilesBtn = document.createElement('div'); 2127 clearFilesBtn.classList.add('aa-clear-button'); 2128 if (pageLang == "en") { 2129 clearFilesBtn.innerHTML = "Remove the file"; 2130 } else if (pageLang == "sv") { 2131 clearFilesBtn.innerHTML = "Ta bort filen"; 2132 } else { 2133 clearFilesBtn.innerHTML = "Poista tiedosto"; 2134 } 2135 clearFilesBtn.addEventListener('click', clearFileInput); 2136 2137 el.appendChild(clearFilesBtn); 2138 2139 el.querySelector('input[type="file"]').addEventListener('change', function() { 2140 let fileName = el.querySelector('input[type="file"]').files[0]; 2141 el.querySelector('span').innerHTML = fileName.name; 2142 }); 2143 }); 2144 2145 function addFile(event) { 2146 let parent = event.target.parentNode; 2147 let fileInput = parent.querySelector('input[type="file"]'); 2148 2149 fileInput.click(); 2150 } 2151 2152 function clearFileInput(event) { 2153 let parent = event.target.parentNode; 2154 let fileInput = parent.querySelector('input[type="file"]'); 2155 2156 fileInput.value = ""; 2157 2158 parent.querySelector('span').innerHTML = ""; 2159 } 2160 2161 } 2162 2163 selectInputs.forEach(element => { 2164 element.insertAdjacentHTML( 2165 "beforeend", 2166 '<svg width="16" height="10" viewBox="0 0 16 10" xmlns="http://www.w3.org/2000/svg"><path d="M2.28571 0L8 5.71429L13.7143 0L16 1.14286L8 9.14286L0 1.14286L2.28571 0Z"/></svg>' 2167 ); 2168 }); 2169 2170 dateInputs.forEach(element => { 2171 element.setAttribute("placeholder", "YY-MM-DD"); 2172 }); 2173 } 2174 }); 2175 </script>
2175 2176 </div> 2177 2178 </div> 2179 </div> 2180</template> 2181 2182 2183<template id="all-products-text"> 2184 <div class="all-products-text"> 2185 Katso kaikki ratkaisut ja tuotteet <a href="https://www.grano.fi/ratkaisut-ja-tuotteet/listaus" rel="noopener">täältä</a> 2186 </div> 2187</template> 2188 <div id="hs_menu_wrapper_secondary_navigation_menu_header_secondary" class="hs-menu-wrapper active-branch no-flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="Secondary menu" data-menu-id="82875752114" aria-label="Navigation Menu"> 2189 <ul role="menu" class="active-branch"> 2190 <li class="hs-menu-item hs-menu-depth-1 active active-branch" role="none"><a href="https://www.grano.fi/yhteystiedot" role="menuitem"><span class="hidden-mobile">Yhteystiedot</span></a></li> 2191 <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">Vastuullisuus</a> 2192 <ul role="menu" class="hs-menu-children-wrapper"> 2193 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus" role="menuitem">Vastuullisuus Granolla</a></li> 2194 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/ymparistovastuu" role="menuitem">Ympäristövastuu</a></li> 2195 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/sosiaalinen-vastuu" role="menuitem">Sosiaalinen vastuu</a></li> 2196 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/taloudellinen-vastuu" role="menuitem">Taloudellinen vastuu</a></li> 2197 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/asiakasvastuu" role="menuitem">Asiakasvastuu</a></li> 2198 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/eettinen-ohjeistus" role="menuitem">Eettinen ohjeistus</a></li> 2199 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/toimittajien-eettiset-ohjeet" role="menuitem">Toimittajien eettiset ohjeet</a></li> 2200 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/kotimaisuus-ja-avainlippu" role="menuitem">Kotimaisuus ja Avainlippu</a></li> 2201 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/laatu-ja-turvallisuus" role="menuitem">Laatu ja turvallisuus</a></li> 2202 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/tietosuoja-ja-tietoturva" role="menuitem">Tietosuoja ja tietoturva</a></li> 2203 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/yk-global-compact" role="menuitem">YK Global Compact</a></li> 2204 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/grano-whistleblowing" role="menuitem">Whistleblowing-ilmoituskanava</a></li> 2205 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/hiilitiekartta" role="menuitem">Hiilitiekartta</a></li> 2206 </ul></li> 2207 <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="https://www.grano.fi/yritys" aria-haspopup="true" aria-expanded="false" role="menuitem">Yritys</a> 2208 <ul role="menu" class="hs-menu-children-wrapper"> 2209 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/yritys" role="menuitem">Grano yrityksenä</a></li> 2210 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/rekry" role="menuitem">Grano työnantajana</a></li> 2211 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/yritys/grano-magazine" role="menuitem">Grano Magazine</a></li> 2212 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/yritys/asiakastyytyvaisyys" role="menuitem">Asiakastyytyväisyys</a></li> 2213 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://markkinointi.emmi.fi/l/7GsjZCbNgQ5s" role="menuitem">Medialle</a></li> 2214 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/painotalo" role="menuitem">Painotalo</a></li> 2215 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/ajankohtaista/topic/tiedote" role="menuitem">Tiedotteet</a></li> 2216 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/laskutus" role="menuitem">Laskutustiedot</a></li> 2217 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/yritys/rekisteriseloste" role="menuitem">Tietosuojaseloste</a></li> 2218 </ul></li> 2219 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.grano.fi/aineisto-ohjeet" role="menuitem">Aineisto-ohjeet</a></li> 2220 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.grano.fi/usein-kysytyt-kysymykset" role="menuitem">UKK</a></li> 2221 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.grano.fi/kirjaudu" role="menuitem">Kirjaudu</a></li> 2222 </ul> 2223</div> 2224 2225 2226 2227 2228 2229 2230 2231 2232 2233 2234 2235 2236 2237 2238 2239 2240 2241 2242 2243 2244 2245 2246 2247 2248 2249 2250 2251 2252 2253 2254 2255 2256 2257 2258 2259 2260 2261 2262 2263 2264 2265 2266 2267 2268 2269 2270 2271 2272 2273 2274 2275 2276 2277 2278 2279 2280 2281 2282 2283 2284 2285 2286 2287 2288 2289 2290 2291 2292 2293 2294 2295 2296 2297 2298 2299 2300 2301 2302 2303 2304 2305 2306 2307 2308 2309 2310 2311 2312 2313 2314 2315 2316 2317 2318 2319 2320 2321 2322 2323 2324 2325 2326 2327 2328 2329 2330 2331 2332 2333 2334 2335 2336 2337 2338 2339 2340 2341 2342 2343 2344 2345 2346 2347 2348 2349 2350 2351 2352 2353 2354 2355 2356 2357 2358 2359 2360 2361 2362 2363 2364 2365 2366 2367 2368 2369 2370 2371 2372 2373 2374 2375 2376 2377 2378 2379 2380 2381 2382 2383 2384 2385 2386 2387 2388 2389 2390 2391 2392 2393 2394 2395 2396 2397 2398 2399 2400 2401 2402 2403 2404 2405 2406 2407 2408 2409 2410 2411 2412 2413 2414 2415 2416 2417 2418 2419 2420 2421 2422 2423 2424 2425 2426 2427 2428 2429 2430 2431 2432 2433 2434 2435 2436 2437 2438 2439 2440 2441<div class="aa-language"> 2442 <ul id="aa-language__wrapper-715" role="menu"> 2443 <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"> 2444 <button aria-expanded="false" aria-haspopup="true" aria-controls="aa-language__popup-715" aria-label="Avaa kielivalikko"> 2445 FI 2446 </button> 2447 <ul id="aa-language__popup-715" class="hs-menu-children-wrapper" aria-label="Kieli-alivalikko" role="menu"> 2448 2449 2450 <li class="hs-menu-item hs-menu-depth-2" role="none"> 2451 <a href="https://www.grano.fi/en/contact-information" role="menuitem"> 2452 EN 2453 </a> 2454 </li> 2455 2456 2457 <li class="hs-menu-item hs-menu-depth-2" role="none"> 2458 <a href="https://www.grano.fi/sv/kontakt" role="menuitem"> 2459 SV 2460 </a> 2461 </li> 2462 2463 </ul> 2464 </li> 2465 </ul> 2466</div> 2467 <button class="aa-close-mobile-nav"></button> 2468</nav> 2469 2470<template id="main-menu-grahoshop-link"> 2471 2472 <div class="hidden-lg-down hs-search-hidden"> 2473 <!--HubSpot Call-to-Action Code --><span class="hs-cta-wrapper" id="hs-cta-wrapper-fcfb4391-a911-4b72-ad10-a0a703ccff9e"><span class="hs-cta-node hs-cta-fcfb4391-a911-4b72-ad10-a0a703ccff9e" id="hs-cta-fcfb4391-a911-4b72-ad10-a0a703ccff9e"><!--[if lte IE 8]><div id="hs-cta-ie-element"></div><![endif]--><a href="https://hubspot-cta-redirect-eu1-prod.s3.amazonaws.com/cta/redirect/524565/fcfb4391-a911-4b72-ad10-a0a703ccff9e"><img class="hs-cta-img" id="hs-cta-img-fcfb4391-a911-4b72-ad10-a0a703ccff9e" style="border-width:0px;" src="https://hubspot-no-cache-eu1-prod.s3.amazonaws.com/cta/default/524565/fcfb4391-a911-4b72-ad10-a0a703ccff9e.png" alt="Verkkokauppaan"></a></span>
2473<script charset="utf-8" src="/hs/cta/cta/current.js"></script>
2473<script type="text/javascript"> hbspt.cta._relativeUrls=true;hbspt.cta.load(524565, 'fcfb4391-a911-4b72-ad10-a0a703ccff9e', {"useNewLoader":"true","region":"eu1"}); </script>
2473</span><!-- end HubSpot Call-to-Action Code --> 2474 </div> 2475 <div class="hidden-xl-up hs-search-hidden"> 2476 <!--HubSpot Call-to-Action Code --><span class="hs-cta-wrapper" id="hs-cta-wrapper-893440de-0bfd-4b0b-8c78-02e991771c96"><span class="hs-cta-node hs-cta-893440de-0bfd-4b0b-8c78-02e991771c96" id="hs-cta-893440de-0bfd-4b0b-8c78-02e991771c96"><!--[if lte IE 8]><div id="hs-cta-ie-element"></div><![endif]--><a href="https://hubspot-cta-redirect-eu1-prod.s3.amazonaws.com/cta/redirect/524565/893440de-0bfd-4b0b-8c78-02e991771c96"><img class="hs-cta-img" id="hs-cta-img-893440de-0bfd-4b0b-8c78-02e991771c96" style="border-width:0px;" src="https://hubspot-no-cache-eu1-prod.s3.amazonaws.com/cta/default/524565/893440de-0bfd-4b0b-8c78-02e991771c96.png" alt="Verkkokauppaan"></a></span>
2476<script charset="utf-8" src="/hs/cta/cta/current.js"></script>
2476<script type="text/javascript"> hbspt.cta._relativeUrls=true;hbspt.cta.load(524565, '893440de-0bfd-4b0b-8c78-02e991771c96', {"useNewLoader":"true","region":"eu1"}); </script>
2476</span><!-- end HubSpot Call-to-Action Code --> 2477 </div> 2478 2479</template> 2480 2481<template id="main-menu-product-search-template"> 2482 <div class="product-search-autocomplete hs-search-hidden"> 2483 <div class="autoComplete_wrapper"> 2484 <input aria-label="Tuotehaku" class="autoCompleteMenu" type="search" dir="ltr" spellcheck="false" autocorrect="off" autocomplete="off" autocapitalize="off"> 2485 </div> 2486 </div> 2487</template></div> 2488 2489 2490 2491 2492 2493 <main id="main" class="aa-webpage"> 2494 2495 <div class="container-fluid"> 2496<div class="row-fluid-wrapper"> 2497<div class="row-fluid"> 2498<div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12"> 2499 2500<div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-section"> 2501<div class="row-fluid "> 2502<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 2503 2504<div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-row"> 2505<div class="row-fluid "> 2506<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2507<div id="hs_cos_wrapper_widget_1717747419125" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"></div> 2508 2509</div><!--end widget-span --> 2510</div><!--end row--> 2511</div><!--end row-wrapper --> 2512 2513</div><!--end widget-span --> 2514</div><!--end row--> 2515</div><!--end row-wrapper --> 2516 2517<div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-section"> 2518<div class="row-fluid "> 2519<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 2520 2521<div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-row"> 2522<div class="row-fluid "> 2523<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2524<div id="hs_cos_wrapper_widget_1666675753860" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> 2525 2526 2527 2528 2529 2530 2531 2532 <section class=" 2533 aa-hero 2534 aa-hero-body 2535 aa-hero-body--widget_1666675753860 2536 aa-hero--default 2537 2538 aa-module 2539 aa-module-width--full 2540 aa-module-height--fit 2541 aa-module-spacing-top--small 2542 aa-module-spacing-bottom--small 2543 aa-bg-complementary 2544 aa-content-color--default 2545 "> 2546 2547 <div class=" 2548 aa-inner 2549 aa-content-position--center 2550 aa-content-alignment--left 2551 "> 2552 <div class="aa-content aa-content-width--full 2553 "> 2554 <div class="aa-hero__header"> 2555 2556 <h1 class="aa-title aa-heading-size--big"> 2557 Yhteystiedot 2558 </h1> 2559 2560 </div> 2561 2562 <div class="aa-hero__body"> 2563 <div class="aa-hero-column aa-hero-column--text"> 2564 <div class="aa-text-size--large"> 2565 <p><span>Palvelemme sinua parhaalla mahdollisella tavalla, valitsemallasi palvelukanavalla: puhelimessa, sähköpostilla, verkkosivuilla, chatissa tai toimipisteessämme. Haluamme ratkaista haasteesi yhden yhteydenoton aikana, ystävällisesti ja helposti.</span><span></span></p> 2566<p><span>Yksityisasiakkaita palvelemme paikallisesti, alta löydät sinulle sopivimman toimipaikkamme yhteystiedot.</span></p> 2567 </div> 2568 2569 2570 2571 2572 2573
2574 <a href="#toimipisteet" class="aa-button aa-button--1"> 2575 Paikalliset yhteystiedot 2576 </a> 2577 2578 2579 2580 </div> 2581 <div class="aa-hero-column aa-hero-column--image"> 2582 2583 2584 2585 </div> 2586 </div> 2587 2588 </div> 2589 </div> 2590 </section> 2591 2592 2593 2594 2595 2596 2597 2598</div> 2599 2600</div><!--end widget-span --> 2601</div><!--end row--> 2602</div><!--end row-wrapper --> 2603 2604</div><!--end widget-span --> 2605</div><!--end row--> 2606</div><!--end row-wrapper --> 2607 2608<div class="row-fluid-wrapper row-depth-1 row-number-5 dnd-section"> 2609<div class="row-fluid "> 2610<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 2611 2612<div class="row-fluid-wrapper row-depth-1 row-number-6 dnd-row"> 2613<div class="row-fluid "> 2614<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2615<div id="hs_cos_wrapper_module_16764469312783" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><section id="module_16764469312783" class=" 2616 aa-custom-columns 2617 aa-custom-columns--layout2 2618 aa-module-width--page 2619 none 2620 aa-content-color--default 2621 2622 2623 aa-bg-none 2624 2625 2626 "> 2627 2628 <div class="aa-custom-columns__inner aa-module-spacing-top--small aa-module-spacing-bottom--none aa-custom-columns__inner--bg "> 2629 <div class="aa-custom-columns__wrapper"> 2630 <div class="aa-custom-columns__body aa-inner aa-content-position--center aa-content-alignment--left"> 2631 <div class="aa-custom-columns__body__inner aa-content aa-content--center aa-content-width--wide aa-content-position--center"> 2632 <div class="aa-custom-columns__items row aa-custom-columns__items--start"> 2633 <div class="aa-custom-columns__item 2634 2635 2636 2637 aa-custom-columns__item--align-top aa-module-spacing-bottom--smallest aa-module-spacing-top--smallest 2638 col-sm-12 col-md-6 2639 2640 2641 "> 2642 2643 2644 2645 2646 2647 <div class="aa-custom-columns__item__inner aa-custom-columns--bg aa-bg-primary"> 2648 2649 2650 2651 <div class="aa-custom-columns__content aa-custom-columns__content--text aa-module-spacing-bottom--smallest aa-custom-columns__row clearfix"> 2652 <div class="aa-custom-columns__content__inner aa-content-color--default"><div class="aa-custom-columns__text"> 2653 <h2>Etsitkö myynnin yhteystietoja?</h2> 2654 </div> 2655 </div> 2656 </div> 2657 <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest aa-custom-columns__row clearfix"> 2658 <div class="aa-custom-columns__content__inner aa-content-color--default"><div class="aa-button-group"> 2659 <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/myynti"> 2660 <span>Onko sinulla jo nimetty yhteyshenkilö? Katso täältä</span> 2661 </a> 2662 2663 2664 </div> 2665 </div> 2666 </div> 2667 <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest aa-custom-columns__row clearfix"> 2668 <div class="aa-custom-columns__content__inner aa-content-color--default"><div class="aa-button-group"> 2669 <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/myynti?content=new-customers"> 2670 <span>Asioitko meillä ensimmäistä kertaa? Aloita tästä</span> 2671 </a> 2672 2673 2674 </div> 2675 </div> 2676 </div></div> 2677 </div> 2678 <div class="aa-custom-columns__item 2679 2680 2681 2682 aa-custom-columns__item--align-top aa-module-spacing-bottom--smallest aa-module-spacing-top--smallest 2683 col-sm-12 col-md-6 2684 2685 2686 "> 2687 2688 2689 2690 2691 2692 <div class="aa-custom-columns__item__inner aa-custom-columns--bg aa-bg-secondary"> 2693 2694 2695 2696 <div class="aa-custom-columns__content aa-custom-columns__content--text aa-module-spacing-bottom--smallest aa-custom-columns__row clearfix"> 2697 <div class="aa-custom-columns__content__inner aa-content-color--default"><div class="aa-custom-columns__text"> 2698 <h2>Etsitkö tuotannon yhteystietoja?</h2> 2699 </div> 2700 </div> 2701 </div> 2702 <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest aa-custom-columns__row clearfix"> 2703 <div class="aa-custom-columns__content__inner aa-content-color--default"><div class="aa-button-group"> 2704 <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/tuotanto">
2705 <span>Katso tuotannon yhteystiedot täältä</span> 2706 </a> 2707 2708 2709 </div> 2710 </div> 2711 </div></div> 2712 </div></div> 2713 </div> 2714 </div></div> 2715 </div> 2716 </section></div> 2717 2718</div><!--end widget-span --> 2719</div><!--end row--> 2720</div><!--end row-wrapper --> 2721 2722</div><!--end widget-span --> 2723</div><!--end row--> 2724</div><!--end row-wrapper --> 2725 2726<div class="row-fluid-wrapper row-depth-1 row-number-7 dnd-section"> 2727<div class="row-fluid "> 2728<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 2729 2730<div class="row-fluid-wrapper row-depth-1 row-number-8 dnd-row"> 2731<div class="row-fluid "> 2732<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2733<div id="hs_cos_wrapper_widget_1666675796726" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="aa-anchor"><span id="toimipisteet"></span></div><section id="widget_1666675796726" class=" 2734 aa-custom-columns 2735 aa-custom-columns--layout3 2736 aa-module-width--full 2737 none 2738 aa-content-color--default 2739 2740 2741 aa-bg-none 2742 2743 2744 "> 2745 2746 <div class="aa-custom-columns__inner aa-module-spacing-top--small aa-module-spacing-bottom--none aa-custom-columns__inner--bg "> 2747 <div class="aa-custom-columns__wrapper"> 2748 <div class="aa-custom-columns__body aa-inner aa-content-position--center aa-content-alignment--left"> 2749 <div class="aa-custom-columns__body__inner aa-content aa-content--center aa-content-width--wide aa-content-position--center"> 2750 <div class="aa-custom-columns__items row aa-custom-columns__items--start"> 2751 <div class="aa-custom-columns__item 2752 2753 2754 2755 aa-custom-columns__item--align-top aa-module-spacing-bottom--smallest aa-module-spacing-top--smallest 2756 col-sm-12 col-md-6 col-lg-6 2757 2758 2759 "> 2760 2761 2762 2763 2764 2765 <div class="aa-custom-columns__item__inner "> 2766 2767 2768 2769 <div class="aa-custom-columns__content aa-custom-columns__content--text aa-module-spacing-bottom--smallest aa-custom-columns__row clearfix"> 2770 <div class="aa-custom-columns__content__inner aa-content-color--default"><div class="aa-custom-columns__text"> 2771 <h2>Paikkakuntakohtaiset yhteystiedot</h2> 2772<p>Granon palvelut ovat saatavilla Suomessa 20 eri paikkakunnalla. Pääkonttori sijaitsee <a href="/yhteystiedot/vantaa/koivuhaka-paakonttori" rel="noopener">Vantaalla</a>. Löydät paikkakuntakohtaiset yhteystiedot viereisistä linkeistä.</p> 2773 </div> 2774 </div> 2775 </div></div> 2776 </div> 2777 <div class="aa-custom-columns__item 2778 2779 2780 2781 aa-custom-columns__item--align-top aa-module-spacing-bottom--smallest aa-module-spacing-top--smallest 2782 col-sm-12 col-md-6 col-lg-3 2783 2784 2785 "> 2786 2787 2788 2789 2790 2791 <div class="aa-custom-columns__item__inner "> 2792 2793 2794 2795 <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest aa-custom-columns__row clearfix"> 2796 <div class="aa-custom-columns__content__inner aa-content-color--default"><div class="aa-button-group"> 2797 <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/espoo">
2798 <span>Espoo</span> 2799 </a> 2800 2801 2802 </div> 2803 </div> 2804 </div> 2805 <div class="aa-custom-columns__content aa-custom-columns__content--drop_down aa-module-spacing-bottom--smallest aa-custom-columns__row clearfix"> 2806 <div class="aa-custom-columns__content__inner aa-content-color--default"> 2807 <div class="aa-button-group aa-button-group--drop-down"> 2808 <button class="aa-button aa-button--4 aa-button--drop-down"> 2809 <span>Helsinki</span> 2810 </button> 2811 <div class="aa-button-drop-down"> 2812 <a class="aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/helsinki/uudenmaankatu-pikapaino"> 2813 Uudenmaankatu Pikapaino 2814 </a> 2815 <a class="aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/helsinki/kuortaneenkatu"> 2816 Kuortaneenkatu 2817 </a> 2818 2819 </div> 2820 </div> 2821 2822 2823 </div> 2824 </div> 2825 <div class="aa-custom-columns__content aa-custom-columns__content--drop_down aa-module-spacing-bottom--smallest aa-custom-columns__row clearfix"> 2826 <div class="aa-custom-columns__content__inner aa-content-color--default"> 2827 <div class="aa-button-group aa-button-group--drop-down"> 2828 <button class="aa-button aa-button--4 aa-button--drop-down"> 2829 <span>Vantaa</span> 2830 </button> 2831 <div class="aa-button-drop-down"> 2832 <a class="aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/vantaa/koivuhaka-paakonttori"> 2833 Koivuhaka (Pääkonttori) 2834 </a> 2835 <a class="aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/vantaa/postitus-ja-logistiikka"> 2836 Postitus- ja logistiikka 2837 </a> 2838 <a class="aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/vantaa/pakkaukset-ja-etiketit"> 2839 Pakkaukset ja etiketit 2840 </a> 2841 2842 </div> 2843 </div> 2844 2845 2846 </div> 2847 </div> 2848 <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest aa-custom-columns__row clearfix"> 2849 <div class="aa-custom-columns__content__inner aa-content-color--default"><div class="aa-button-group"> 2850 <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/hameenlinna"> 2851 <span>Hämeenlinna</span> 2852 </a> 2853 2854 2855 </div> 2856 </div> 2857 </div> 2858 <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest aa-custom-columns__row clearfix"> 2859 <div class="aa-custom-columns__content__inner aa-content-color--default"><div class="aa-button-group"> 2860 <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/joensuu"> 2861 <span>Joensuu</span> 2862 </a> 2863 2864 2865 </div> 2866 </div> 2867 </div> 2868 <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest aa-custom-columns__row clearfix"> 2869 <div class="aa-custom-columns__content__inner aa-content-color--default"><div class="aa-button-group"> 2870 <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/jyvaskyla">
2871 <span>Jyväskylä</span> 2872 </a> 2873 2874 2875 </div> 2876 </div> 2877 </div> 2878 <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest aa-custom-columns__row clearfix"> 2879 <div class="aa-custom-columns__content__inner aa-content-color--default"><div class="aa-button-group"> 2880 <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/kotka"> 2881 <span>Kotka</span> 2882 </a> 2883 2884 2885 </div> 2886 </div> 2887 </div> 2888 <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest aa-custom-columns__row clearfix"> 2889 <div class="aa-custom-columns__content__inner aa-content-color--default"><div class="aa-button-group"> 2890 <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/kouvola"> 2891 <span>Kouvola</span> 2892 </a> 2893 2894 2895 </div> 2896 </div> 2897 </div> 2898 <div class="aa-custom-columns__content aa-custom-columns__content--drop_down aa-module-spacing-bottom--smallest aa-custom-columns__row clearfix"> 2899 <div class="aa-custom-columns__content__inner aa-content-color--default"> 2900 <div class="aa-button-group aa-button-group--drop-down"> 2901 <button class="aa-button aa-button--4 aa-button--drop-down"> 2902 <span>Kuopio</span> 2903 </button> 2904 <div class="aa-button-drop-down"> 2905 <a class="aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/kuopio/itkonniemenkatu"> 2906 Itkonniemenkatu 2907 </a> 2908 <a class="aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/kuopio/lukkosalmentie"> 2909 Lukkosalmentie (valomainosmyynti) 2910 </a> 2911 2912 </div> 2913 </div> 2914 2915 2916 </div> 2917 </div> 2918 <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest aa-custom-columns__row clearfix"> 2919 <div class="aa-custom-columns__content__inner aa-content-color--default"><div class="aa-button-group"> 2920 <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/lahti"> 2921 <span>Lahti</span> 2922 </a> 2923 2924 2925 </div> 2926 </div> 2927 </div> 2928 <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest aa-custom-columns__row clearfix"> 2929 <div class="aa-custom-columns__content__inner aa-content-color--default"><div class="aa-button-group"> 2930 <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/lappeenranta"> 2931 <span>Lappeenranta</span> 2932 </a> 2933 2934 2935 </div> 2936 </div> 2937 </div></div> 2938 </div> 2939 <div class="aa-custom-columns__item 2940 2941 2942 2943 aa-custom-columns__item--align-top aa-module-spacing-bottom--smallest aa-module-spacing-top--smallest 2944 col-sm-12 col-md-6 col-lg-3 2945 2946 2947 "> 2948 2949 2950 2951 2952 2953 <div class="aa-custom-columns__item__inner "> 2954 2955 2956 2957 <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest aa-custom-columns__row clearfix"> 2958 <div class="aa-custom-columns__content__inner aa-content-color--default"><div class="aa-button-group"> 2959 <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/mikkeli">
2960 <span>Mikkeli</span> 2961 </a> 2962 2963 2964 </div> 2965 </div> 2966 </div> 2967 <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest aa-custom-columns__row clearfix"> 2968 <div class="aa-custom-columns__content__inner aa-content-color--default"><div class="aa-button-group"> 2969 <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/oulu"> 2970 <span>Oulu</span> 2971 </a> 2972 2973 2974 </div> 2975 </div> 2976 </div> 2977 <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest aa-custom-columns__row clearfix"> 2978 <div class="aa-custom-columns__content__inner aa-content-color--default"><div class="aa-button-group"> 2979 <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/rauma"> 2980 <span>Rauma</span> 2981 </a> 2982 2983 2984 </div> 2985 </div> 2986 </div> 2987 <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest aa-custom-columns__row clearfix"> 2988 <div class="aa-custom-columns__content__inner aa-content-color--default"><div class="aa-button-group"> 2989 <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/rovaniemi"> 2990 <span>Rovaniemi</span> 2991 </a> 2992 2993 2994 </div> 2995 </div> 2996 </div> 2997 <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest aa-custom-columns__row clearfix"> 2998 <div class="aa-custom-columns__content__inner aa-content-color--default"><div class="aa-button-group"> 2999 <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/seinajoki"> 3000 <span>Seinäjoki</span> 3001 </a> 3002 3003 3004 </div> 3005 </div> 3006 </div> 3007 <div class="aa-custom-columns__content aa-custom-columns__content--drop_down aa-module-spacing-bottom--smallest aa-custom-columns__row clearfix"> 3008 <div class="aa-custom-columns__content__inner aa-content-color--default"> 3009 <div class="aa-button-group aa-button-group--drop-down"> 3010 <button class="aa-button aa-button--4 aa-button--drop-down"> 3011 <span>Tampere</span> 3012 </button> 3013 <div class="aa-button-drop-down"> 3014 <a class="aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/tampere/viinikankatu"> 3015 Viinikankatu 3016 </a> 3017 <a class="aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/tampere/kaannospalvelut"> 3018 Kieli- ja käännöspalvelut 3019 </a> 3020 3021 </div> 3022 </div> 3023 3024 3025 </div> 3026 </div> 3027 <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest aa-custom-columns__row clearfix"> 3028 <div class="aa-custom-columns__content__inner aa-content-color--default"><div class="aa-button-group"> 3029 <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/turku">
3030 <span>Turku</span> 3031 </a> 3032 3033 3034 </div> 3035 </div> 3036 </div> 3037 <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest aa-custom-columns__row clearfix"> 3038 <div class="aa-custom-columns__content__inner aa-content-color--default"><div class="aa-button-group"> 3039 <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/vaasa"> 3040 <span>Vaasa</span> 3041 </a> 3042 3043 3044 </div> 3045 </div> 3046 </div> 3047 <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest aa-custom-columns__row clearfix"> 3048 <div class="aa-custom-columns__content__inner aa-content-color--default"><div class="aa-button-group"> 3049 <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/varkaus"> 3050 <span>Varkaus</span> 3051 </a> 3052 3053 3054 </div> 3055 </div> 3056 </div></div> 3057 </div></div> 3058 </div> 3059 </div></div> 3060 </div> 3061 </section></div> 3062 3063</div><!--end widget-span --> 3064</div><!--end row--> 3065</div><!--end row-wrapper --> 3066 3067</div><!--end widget-span --> 3068</div><!--end row--> 3069</div><!--end row-wrapper --> 3070 3071<div class="row-fluid-wrapper row-depth-1 row-number-9 dnd-section"> 3072<div class="row-fluid "> 3073<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 3074 3075<div class="row-fluid-wrapper row-depth-1 row-number-10 dnd-row"> 3076<div class="row-fluid "> 3077<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 3078<div id="hs_cos_wrapper_body_dnd_area-module-1" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><section id="body_dnd_area-module-1" class=" 3079 aa-custom-columns 3080 aa-custom-columns--layout2 3081 aa-module-width--page 3082 none 3083 aa-content-color--default 3084 3085 3086 aa-bg-none 3087 3088 3089 "> 3090 3091 <div class="aa-custom-columns__inner aa-module-spacing-top--small aa-module-spacing-bottom--none aa-custom-columns__inner--bg "> 3092 <div class="aa-custom-columns__wrapper"> 3093 <div class="aa-custom-columns__body aa-inner aa-content-position--center aa-content-alignment--left"> 3094 <div class="aa-custom-columns__body__inner aa-content aa-content--center aa-content-width--wide aa-content-position--center"> 3095 <div class="aa-custom-columns__items row no-gutters aa-custom-columns__items--center"> 3096 <div class="aa-custom-columns__item 3097 3098 3099 3100 aa-custom-columns__item--align-top reduce-bottom-margin aa-module-spacing-bottom--smallest aa-module-spacing-top--smallest 3101 col-sm-12 col-md-4 3102 3103 3104 "> 3105 3106 3107 3108 3109 3110 <div class="aa-custom-columns__item__inner aa-custom-columns--bg aa-bg-primary"> 3111 3112 3113 3114 <div class="aa-custom-columns__content aa-custom-columns__content--text aa-module-spacing-bottom--smallest aa-custom-columns__row clearfix"> 3115 <div class="aa-custom-columns__content__inner aa-content-color--default"><div class="aa-custom-columns__text"> 3116 <h3 style="max-width: 400px;"><span>Granon yleinen puhelinvaihde</span></h3> 3117 </div> 3118 </div> 3119 </div></div> 3120 </div> 3121 <div class="aa-custom-columns__item 3122 3123 3124 3125 aa-custom-columns__item--align-top reduce-bottom-margin aa-module-spacing-bottom--smallest aa-module-spacing-top--smallest 3126 col-sm-12 col-md-4 3127 3128 3129 "> 3130 3131 3132 3133 3134 3135 <div class="aa-custom-columns__item__inner aa-custom-columns--bg aa-bg-primary"> 3136 3137 3138 3139 <div class="aa-custom-columns__content aa-custom-columns__content--text aa-module-spacing-bottom--smallest aa-custom-columns__row clearfix"> 3140 <div class="aa-custom-columns__content__inner aa-content-color--default"><div class="aa-custom-columns__text">
3141 <span class="h3"><img src="https://www.grano.fi/hubfs/Identity/Ikonit/Puhelin.svg" alt="Puhelin" width="52" height="52" loading="lazy" style="height: auto; max-width: 1.2em; width: 52px; max-height: 1.2em; float: left;"> <strong><a href="tel:+358-29-1800-400" rel="noopener" target="_blank" data-hs-event-213708181="1">029 1800 400</a> </strong></span> 3142<p><br>(arkisin 8â16) 0,088 â¬/min + pvm.</p> 3143 </div> 3144 </div> 3145 </div></div> 3146 </div></div> 3147 </div> 3148 </div></div> 3149 </div> 3150 </section></div> 3151 3152</div><!--end widget-span --> 3153</div><!--end row--> 3154</div><!--end row-wrapper --> 3155 3156</div><!--end widget-span --> 3157</div><!--end row--> 3158</div><!--end row-wrapper --> 3159 3160<div class="row-fluid-wrapper row-depth-1 row-number-11 dnd-section"> 3161<div class="row-fluid "> 3162<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 3163 3164<div class="row-fluid-wrapper row-depth-1 row-number-12 dnd-row"> 3165<div class="row-fluid "> 3166<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 3167<div id="hs_cos_wrapper_widget_1666675785393" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><section id="widget_1666675785393" class=" 3168 aa-custom-columns 3169 aa-custom-columns--layout1 3170 aa-module-width--full 3171 large 3172 aa-content-color--default 3173 3174 3175 aa-bg-none 3176 3177 3178 "> 3179 3180 <div class="aa-custom-columns__inner aa-module-spacing-top--small aa-module-spacing-bottom--large aa-custom-columns__inner--bg "> 3181 <div class="aa-custom-columns__wrapper"> 3182 <div class="aa-custom-columns__body aa-inner aa-content-position--center aa-content-alignment--left"> 3183 <div class="aa-custom-columns__body__inner aa-content aa-content--center aa-content-width--wide aa-content-position--center"> 3184 <div class="aa-custom-columns__items row aa-custom-columns__items--start"> 3185 <div class="aa-custom-columns__item 3186 3187 3188 3189 aa-custom-columns__item--align-top aa-module-spacing-bottom--smallest aa-module-spacing-top--smallest aa-custom-columns__item--align-left 3190 col-sm-12 col-md-6 3191 3192 3193 "> 3194 3195 3196 3197 3198 3199 <div class="aa-custom-columns__item__inner "> 3200 3201 3202 3203 <div class="aa-custom-columns__content aa-custom-columns__content--text aa-module-spacing-bottom--smallest aa-custom-columns__row clearfix"> 3204 <div class="aa-custom-columns__content__inner aa-content-color--default"><div class="aa-custom-columns__text"> 3205 <h2>Muut yhteystiedot</h2> 3206 </div> 3207 </div> 3208 </div> 3209 <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest aa-custom-columns__row clearfix"> 3210 <div class="aa-custom-columns__content__inner aa-content-color--default"><div class="aa-button-group"> 3211 <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/johtoryhma"> 3212 <span>Johtoryhmä</span> 3213 </a> 3214 3215 3216 </div> 3217 </div> 3218 </div> 3219 <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest aa-custom-columns__row clearfix"> 3220 <div class="aa-custom-columns__content__inner aa-content-color--default"><div class="aa-button-group"> 3221 <a class=" aa-button aa-button--4" href="https://www.grano.fi/laskutus">
3222 <span>Laskutus</span> 3223 </a> 3224 3225 3226 </div> 3227 </div> 3228 </div> 3229 <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest aa-custom-columns__row clearfix"> 3230 <div class="aa-custom-columns__content__inner aa-content-color--default"><div class="aa-button-group"> 3231 <a class=" aa-button aa-button--4" href="https://www.granodiesel.fi/yhteystiedot/" target="_blank"> 3232 <span>Grano Diesel </span> 3233 </a> 3234 3235 3236 </div> 3237 </div> 3238 </div> 3239 <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest aa-custom-columns__row clearfix"> 3240 <div class="aa-custom-columns__content__inner aa-content-color--default"><div class="aa-button-group"> 3241 <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/tuotantojohto"> 3242 <span>Tuotantojohto</span> 3243 </a> 3244 3245 3246 </div> 3247 </div> 3248 </div> 3249 <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest aa-custom-columns__row clearfix"> 3250 <div class="aa-custom-columns__content__inner aa-content-color--default"><div class="aa-button-group"> 3251 <a class=" aa-button aa-button--4" href="https://markkinointi.emmi.fi/l/7GsjZCbNgQ5s" target="_blank"> 3252 <span>Medialle</span> 3253 </a> 3254 3255 3256 </div> 3257 </div> 3258 </div></div> 3259 </div></div> 3260 </div> 3261 </div></div> 3262 </div> 3263 </section></div> 3264 3265</div><!--end widget-span --> 3266</div><!--end row--> 3267</div><!--end row-wrapper --> 3268 3269</div><!--end widget-span --> 3270</div><!--end row--> 3271</div><!--end row-wrapper --> 3272 3273<div class="row-fluid-wrapper row-depth-1 row-number-13 dnd-section"> 3274<div class="row-fluid "> 3275<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 3276 3277<div class="row-fluid-wrapper row-depth-1 row-number-14 dnd-row"> 3278<div class="row-fluid "> 3279<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 3280<div id="hs_cos_wrapper_widget_1724667705759" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> 3281 3282 3283 3284 3285 3286 <section id="pyyda-tarjous" class=" 3287 aa-form aa-form-multi aa-form-multi--recaptcha 3288 aa-module 3289 aa-module-width--full 3290 aa-form--one 3291 aa-module-spacing-top--medium 3292 aa-module-spacing-bottom--medium 3293 aa-bg-light 3294 aa-content-color--default 3295 "> 3296 3297 <div class="aa-inner aa-content-position--center aa-content-alignment--center"> 3298 <div class="aa-content aa-content-width--normal"> 3299 3300 3301 3302 <div class="aa-form__header"> 3303 3304 3305 <h2 class="aa-title"> 3306 Tilaa tai pyydä tarjous 3307 </h2> 3308 3309 </div> 3310 3311 3312 3313 3314 3315 <div class="aa-form__footer 3316 aa-form-button aa-form-button--1 3317 "> 3318 <div class="aa-form__footer__header"> 3319 3320 <button class="aa-button aa-button--1" type="button" data-filter="aa-form-container--1"> 3321 Pyydä tarjous 3322 </button> 3323 3324 <button class="aa-button aa-button--2 aa-button--2--dark" type="button" data-filter="aa-form-container--2"> 3325 Tilaa 3326 </button> 3327 3328 <button class="aa-button aa-button--2 aa-button--2--dark" type="button" data-filter="aa-form-container--3"> 3329 Ota yhteyttä 3330 </button> 3331 3332 </div> 3333 <div class="aa-form__footer__body"> 3334 3335 <div class="aa-form-container aa-form-container--multi-step aa-form-container--1"> 3336 3337 3338 <span id="hs_cos_wrapper_widget_1724667705759_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_form" style="" data-hs-cos-general-type="widget" data-hs-cos-type="form"><h3 id="hs_cos_wrapper_form_432974265_title" class="hs_cos_wrapper form-title" data-hs-cos-general-type="widget_field" data-hs-cos-type="text"></h3> 3339 3340<div id="hs_form_target_form_432974265"></div> 3341 3342 3343 3344 3345 3346 3347 3348 3349 3350</span> 3351 </div> 3352 3353 <div class="aa-form-container aa-form-container--multi-step aa-form-container--2 aa-form-container--hidden"> 3354 3355 3356 <span id="hs_cos_wrapper_widget_1724667705759_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_form" style="" data-hs-cos-general-type="widget" data-hs-cos-type="form"><h3 id="hs_cos_wrapper_form_730107335_title" class="hs_cos_wrapper form-title" data-hs-cos-general-type="widget_field" data-hs-cos-type="text"></h3> 3357 3358<div id="hs_form_target_form_730107335"></div> 3359 3360 3361 3362 3363 3364 3365 3366 3367 3368</span> 3369 </div> 3370 3371 <div class="aa-form-container aa-form-container--3 aa-form-container--hidden"> 3372 3373 3374 <span id="hs_cos_wrapper_widget_1724667705759_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_form" style="" data-hs-cos-general-type="widget" data-hs-cos-type="form"><h3 id="hs_cos_wrapper_form_361636741_title" class="hs_cos_wrapper form-title" data-hs-cos-general-type="widget_field" data-hs-cos-type="text"></h3> 3375 3376<div id="hs_form_target_form_361636741"></div> 3377 3378 3379 3380 3381 3382 3383 3384 3385 3386</span> 3387 </div> 3388 3389 </div> 3390 </div> 3391 3392 3393 3394 3395 </div> 3396 </div> 3397 3398 </section> 3399 3400 3401 3402 3403 3404 3405 <div style="display: none;" id="form-data"> 3406 [{target_value=Espoo, text_field=Nouto Espoosta, lähetti tai postitus. <br>Toimipaikan osoite: <br>Vesikuja 4, 02200 Espoo.}, {delivery_options=[Nouto, Postitus], target_value=Helsinki, text_field=Nouto Espoosta tai postitus. <br>Toimipaikan osoite: <br>Vesikuja 4, 02200 Espoo.}, {delivery_options=[Nouto, Postitus], target_value=Vantaa, text_field=Nouto Espoosta tai postitus. <br>Toimipaikan osoite: <br>Vesikuja 4, 02200 Espoo.}, {delivery_options=[Nouto, Lähetti, Postitus], target_value=Hämeenlinna, text_field=Nouto Hämeenlinnasta, lähetti tai postitus. <br>Toimipaikan osoite: <br>Paroistentie 2, 13600 Hämeenlinna.}, {delivery_options=[Nouto, Lähetti, Postitus], target_value=Joensuu, text_field=Nouto Joensuusta, lähetti tai postitus. <br>Toimipaikan osoite: <br>Voimatie 12, 80100 Joensuu.}, {delivery_options=[Nouto, Lähetti, Postitus], target_value=Jyväskylä, text_field=Nouto Jyväskylästä, lähetti tai postitus. <br>Toimipaikan osoite: <br>Vehkakatu 1, 40700 Jyväskylä.}, {target_value=Kotka, text_field=Nouto Kotkasta, lähetti tai postitus. <br>Toimipaikan osoite: <br>Ruotsinsalmenkatu 19, 48100 Kotka.}, {delivery_options=[Nouto, Postitus], target_value=Kouvola, text_field=Nouto Kotkasta tai postitus. <br>Toimipaikan osoite: <br>Ruotsinsalmenkatu 19, 48100 Kotka.}, {target_value=Kuopio, text_field=Nouto Kuopiosta, lähetti tai postitus. <br>Toimipaikan osoite: <br>Jynkänkatu 8, 70620 Kuopio.}, {target_value=Lahti, text_field=Nouto Lahdesta, lähetti tai postitus. <br>Toimipaikan osoite: <br>Laatukatu 7, 15680 Lahti.}, {delivery_options=[Nouto, Postitus], target_value=Lappeenranta, text_field=Nouto Kotkasta tai postitus. <br>Toimipaikan osoite: <br>Ruotsinsalmenkatu 19, 48100 Kotka.}, {target_value=Mikkeli, text_field=Nouto Mikkelistä, lähetti tai postitus. <br>Toimipaikan osoite: <br>Karikontie 1, 50600 Mikkeli.}, {target_value=Oulu, text_field=Nouto Oulusta, lähetti tai postitus. <br>Toimipaikan osoite: <br>Ilmarinkatu 16, 90400 Oulu.}, {target_value=Rauma, text_field=Nouto Raumasta, lähetti tai postitus. <br>Toimipaikan osoite: <br>Valtakatu 6, 26100 Rauma.}, {target_value=Rovaniemi, text_field=Nouto Rovaniemeltä, lähetti tai postitus. <br>Toimipaikan osoite: <br>Suosiolantie 5, 96320 Rovaniemi.}, {target_value=Seinäjoki, text_field=Nouto Seinäjoelta, lähetti tai postitus. <br>Toimipaikan osoite: <br>Päivölänkatu 40, 60120 Seinäjoki.}, {target_value=Tampere, text_field=Nouto Tampereelta, lähetti tai postitus. <br>Toimipaikan osoite: <br>Mäntyhaantie 1-3, 33800 Tampere.}, {target_value=Turku, text_field=Nouto Turusta, lähetti tai postitus. <br>Toimipaikan osoite: <br>Lemminkäisenkatu 50, 20520 Turku.}, {target_value=Vaasa, text_field=Nouto Vaasasta, lähetti tai postitus. <br>Toimipaikan osoite: <br>Meijerinkatu 2-4, 65100 Vaasa.}, {target_value=Varkaus, text_field=Nouto Varkaudesta, lähetti tai postitus. <br>Toimipaikan osoite: <br>Relanderinkatu 2, 78200 Varkaus.}] 3407 </div> 3408 3409 3410 3411</div> 3412 3413</div><!--end widget-span --> 3414</div><!--end row--> 3415</div><!--end row-wrapper --> 3416 3417</div><!--end widget-span --> 3418</div><!--end row--> 3419</div><!--end row-wrapper --> 3420 3421</div><!--end widget-span --> 3422</div> 3423</div> 3424</div> 3425 3426 </main> 3427 3428 3429 3430 <div data-global-resource-path="G2022-Theme/templates/partials/footer.html"> 3431 3432 3433 3434<footer class="aa-site-footer hs-search-hidden">
3435 <div class="aa-site-footer__inner"> 3436 3437 <div class="aa-site-footer__branding"> 3438 <div class="aa-branding"> 3439 <span id="hs_cos_wrapper_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="logo"><a href="//www.grano.fi" id="hs-link-" style="border-width:0px;border:0px;"><img src="https://www.grano.fi/hs-fs/hubfs/Identity/Logot/grano_logo.png?width=104&height=39&name=grano_logo.png" class="hs-image-widget " height="39" style="height: auto;width:104px;border-width:0px;border:0px;" width="104" alt="grano_logo" title="grano_logo" srcset="https://www.grano.fi/hs-fs/hubfs/Identity/Logot/grano_logo.png?width=52&height=20&name=grano_logo.png 52w, https://www.grano.fi/hs-fs/hubfs/Identity/Logot/grano_logo.png?width=104&height=39&name=grano_logo.png 104w, https://www.grano.fi/hs-fs/hubfs/Identity/Logot/grano_logo.png?width=156&height=59&name=grano_logo.png 156w, https://www.grano.fi/hs-fs/hubfs/Identity/Logot/grano_logo.png?width=208&height=78&name=grano_logo.png 208w, https://www.grano.fi/hs-fs/hubfs/Identity/Logot/grano_logo.png?width=260&height=98&name=grano_logo.png 260w, https://www.grano.fi/hs-fs/hubfs/Identity/Logot/grano_logo.png?width=312&height=117&name=grano_logo.png 312w" sizes="(max-width: 104px) 100vw, 104px"></a></span> 3440 </div> 3441 </div> 3442 3443 <div class="aa-site-footer__primary"> 3444 <div class="aa-site-footer__primary__inner"> 3445 <div class="aa-site-footer__primary__header"> 3446 <p><strong>GRANO</strong></p> 3447<p>Tarjoamme asiakkaillemme graafisen alan parhaan osaamisen ja huipputeknologian Pohjoismaiden monipuolisimmissa tuotantolaitoksissa. Tehtävänämme on toteuttaa pintoja, jotka maksimoivat asiakkaidemme viestien vaikuttavuuden. Palvelemme valtakunnallisesti 20 toimipisteessä Suomessa.<br><br></p> 3448<p><strong>Kuulumme Suomen vahvimpiin! </strong><strong><img src="https://www.grano.fi/hubfs/Suomen-vahvimmat-valkoinen-teksti.svg" width="0" loading="lazy" alt="Suomen-vahvimmat-valkoinen-teksti" style="width: 320px; height: auto; max-width: 100%; margin: 7px auto 0px; display: block;"></strong></p> 3449<p> </p> 3450 </div> 3451 3452 <div class="aa-site-footer__primary__body"> 3453 <p><strong>YHTEYSTIEDOT</strong></p> 3454<p><a href="tel:0291800400" rel="noopener">029 1800 400</a><br>(arkisin 8.00 - 16.00)<br>0,088 â¬/min + pvm</p> 3455<p><a href="https://www.grano.fi/yhteystiedot" rel="noopener">Kaikki yhteystiedot</a><br><a href="https://www.grano.fi/aineisto-ohjeet" rel="noopener">Aineisto-ohjeet</a><br><a href="https://www.grano.fi/jata-palautetta" rel="noopener">Jätä palautetta</a></p> 3456<p>Y-tunnus 2197935-0</p> 3457 </div> 3458 3459 <div class="aa-site-footer__primary__footer"> 3460 <span id="hs_cos_wrapper_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_form" style="" data-hs-cos-general-type="widget" data-hs-cos-type="form"><h3 id="hs_cos_wrapper_form_570125651_title" class="hs_cos_wrapper form-title" data-hs-cos-general-type="widget_field" data-hs-cos-type="text"></h3> 3461 3462<div id="hs_form_target_form_570125651"></div> 3463 3464 3465 3466 3467 3468 3469 3470 3471 3472</span> 3473 </div> 3474 </div> 3475 </div> 3476 3477 <div class="aa-site-footer__some"> 3478 3479 <div id="hs_cos_wrapper_footer_social" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="aa-social-links"> 3480 3481 3482 3483 3484 3485 3486 <a href="https://www.facebook.com/granosuomi" class="aa-social-links__link" target="_blank"> 3487 3488 <span id="hs_cos_wrapper_footer_social_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon aa-social-links__icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 264 512" aria-labelledby="facebook-f2" role="img"><title id="facebook-f2">Follow us on Facebook</title><g id="facebook-f2_layer"><path d="M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229" /></g></svg></span> 3489 3490 </a> 3491 3492 3493 3494 3495 3496 3497 <a href="https://www.linkedin.com/company/grano/" class="aa-social-links__link" target="_blank"> 3498
3499 <span id="hs_cos_wrapper_footer_social_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon aa-social-links__icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-labelledby="linkedin-in3" role="img"><title id="linkedin-in3">Follow us on LinkedIn</title><g id="linkedin-in3_layer"><path d="M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z" /></g></svg></span> 3500 3501 </a> 3502 3503 3504 3505 3506 3507 3508 <a href="https://www.instagram.com/granovirallinen/" class="aa-social-links__link" target="_blank"> 3509 3510 <span id="hs_cos_wrapper_footer_social_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon aa-social-links__icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-labelledby="instagram4" role="img"><title id="instagram4">Follow us on Instagram</title><g id="instagram4_layer"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" /></g></svg></span> 3511 3512 </a> 3513 3514 3515 3516 3517 3518 3519 <a href="https://www.tiktok.com/@granosuomi" class="aa-social-links__link" target="_blank"> 3520 3521 <span id="hs_cos_wrapper_footer_social_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon aa-social-links__icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"> 3522 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" aria-labelledby="tiktok4" role="img"> 3523 <title id="tiktok4">Follow us on TikTok</title> 3524 <g id="tiktok4_layer"> 3525 <path d="M19.589 6.686a4.793 4.793 0 0 1-3.77-4.245V2h-3.445v13.672a2.896 2.896 0 0 1-5.201 1.743l-.002-.001.002.001a2.895 2.895 0 0 1 3.183-4.51v-3.5a6.329 6.329 0 0 0-5.394 10.692 6.33 6.33 0 0 0 10.857-4.424V8.687a8.182 8.182 0 0 0 4.773 1.526V6.79a4.831 4.831 0 0 1-1.003-.104z" /> 3526 </g> 3527 </svg> 3528 </span> 3529 3530 </a> 3531 3532 3533 3534 3535 3536 3537 <a href="https://www.youtube.com/@granovirallinen" class="aa-social-links__link" target="_blank"> 3538 3539 <span id="hs_cos_wrapper_footer_social_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon aa-social-links__icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512" aria-labelledby="youtube5" role="img"><title id="youtube5">Seuraa meitä YouTubessa</title><g id="youtube5_layer"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z" /></g></svg></span> 3540 3541 </a> 3542 3543</div></div> 3544 3545 </div> 3546 3547 <div class="aa-site-footer__secondary"> 3548 <div class="aa-site-footer__secondary__inner"> 3549 <div class="aa-site-footer__secondary__body"> 3550 <a href="https://www.grano.fi/evastepolitiikka">Evästepolitiikka</a> 3551 <a href="https://www.grano.fi/rekisteriseloste">Tietosuojaseloste</a> 3552 </div> 3553 </div> 3554 </div> 3555
3556 <div class="footer__copyright"> 3557 3558 <div class="footer__copyright__inner"> 3559 © 2026 All rights reserved. 3560 </div> 3561 3562 </div> 3563 3564 </div> 3565 3566</footer> 3567 3568</div> 3569 3570 </div> 3571 3572 3573<!-- HubSpot performance collection script -->
3574<script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script>
vendor: 1 bytes, line 3574
3574
3575<script> 3576var hsVars = hsVars || {}; hsVars['language'] = 'fi'; 3577</script>
3577 3578
3579<script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js"></script>
3579 3580 3581
3581<script src="https://www.grano.fi/hubfs/hub_generated/template_assets/1/82874842036/1789991247187/template_autoComplete.min.js" data-cookieconsent="ignore"></script>
3581 3582
3582<script src="https://www.grano.fi/hubfs/hub_generated/template_assets/1/82873802004/1789991251897/template_app.min.js" data-cookieconsent="ignore"></script>
vendor: 1 bytes, line 3582
3582
3583<script src="https://www.grano.fi/hubfs/hub_generated/module_assets/1/102025749207/1766419293074/module_search-input.min.js"></script>
3583 3584 3585
3585<script> 3586 document.addEventListener("DOMContentLoaded", function() { 3587 var acc = document.getElementsByClassName("aa-button--drop-down"); 3588 var i; 3589 for (i = 0; i < acc.length; i++) { 3590 acc[i].addEventListener("click", function() { 3591 this.classList.toggle("active"); 3592 var panel = this.nextElementSibling; 3593 if (panel.style.maxHeight) { 3594 panel.style.maxHeight = null; 3595 } else { 3596 panel.style.maxHeight = panel.scrollHeight + "px"; 3597 } 3598 }); 3599 } 3600 }); 3601 </script>
3601 3602
3603<script src="https://www.grano.fi/hubfs/hub_generated/module_assets/1/113346420204/1760523989802/module_form-second--global.min.js"></script>
3603 3604 3605 <!--[if lte IE 8]> 3606
3606<script charset="utf-8" src="https://js-eu1.hsforms.net/forms/v2-legacy.js"></script>
3606 3607 <![endif]--> 3608
3609<script data-hs-allowed="true" src="/_hcms/forms/v2.js"></script>
3609 3610 3611
3611<script data-hs-allowed="true"> 3612 var options = { 3613 portalId: '524565', 3614 formId: '70691719-5b20-4d7c-b823-44e863251d77', 3615 formInstanceId: '9146', 3616 3617 pageId: '4982342876', 3618 3619 region: 'eu1', 3620 3621 3622 3623 3624 pageName: "Yhteystiedot | Grano", 3625 3626 3627 redirectUrl: "https:\/\/www.grano.fi\/kiitos-sivu", 3628 3629 3630 3631 3632 3633 css: '', 3634 target: '#hs_form_target_form_432974265', 3635 3636 3637 3638 3639 3640 3641 3642 contentType: "standard-page", 3643 3644 3645 3646 formsBaseUrl: '/_hcms/forms/', 3647 3648 3649 3650 formData: { 3651 cssClass: 'hs-form stacked hs-custom-form' 3652 } 3653 }; 3654 3655 options.getExtraMetaDataBeforeSubmit = function() { 3656 var metadata = {}; 3657 3658 3659 if (hbspt.targetedContentMetadata) { 3660 var count = hbspt.targetedContentMetadata.length; 3661 var targetedContentData = []; 3662 for (var i = 0; i < count; i++) { 3663 var tc = hbspt.targetedContentMetadata[i]; 3664 if ( tc.length !== 3) { 3665 continue; 3666 } 3667 targetedContentData.push({ 3668 definitionId: tc[0], 3669 criterionId: tc[1], 3670 smartTypeId: tc[2] 3671 }); 3672 } 3673 metadata["targetedContentMetadata"] = JSON.stringify(targetedContentData); 3674 } 3675 3676 return metadata; 3677 }; 3678 3679 hbspt.forms.create(options); 3680 </script>
3680 3681 3682 3683
3683<script data-hs-allowed="true"> 3684 var options = { 3685 portalId: '524565', 3686 formId: '4401d818-ce7b-4228-b61b-109af5f5516c', 3687 formInstanceId: '7135', 3688 3689 pageId: '4982342876', 3690 3691 region: 'eu1', 3692 3693 3694 3695 3696 pageName: "Yhteystiedot | Grano", 3697 3698 3699 redirectUrl: "https:\/\/www.grano.fi\/kiitos-sivu", 3700 3701 3702 3703 3704 3705 css: '', 3706 target: '#hs_form_target_form_730107335', 3707 3708 3709 3710 3711 3712 3713 3714 contentType: "standard-page", 3715 3716 3717 3718 formsBaseUrl: '/_hcms/forms/', 3719 3720 3721 3722 formData: { 3723 cssClass: 'hs-form stacked hs-custom-form' 3724 } 3725 }; 3726 3727 options.getExtraMetaDataBeforeSubmit = function() { 3728 var metadata = {}; 3729 3730 3731 if (hbspt.targetedContentMetadata) { 3732 var count = hbspt.targetedContentMetadata.length; 3733 var targetedContentData = []; 3734 for (var i = 0; i < count; i++) { 3735 var tc = hbspt.targetedContentMetadata[i]; 3736 if ( tc.length !== 3) { 3737 continue; 3738 } 3739 targetedContentData.push({ 3740 definitionId: tc[0], 3741 criterionId: tc[1], 3742 smartTypeId: tc[2] 3743 }); 3744 } 3745 metadata["targetedContentMetadata"] = JSON.stringify(targetedContentData); 3746 } 3747 3748 return metadata; 3749 }; 3750 3751 hbspt.forms.create(options); 3752 </script>
3752 3753 3754 3755
3755<script data-hs-allowed="true"> 3756 var options = { 3757 portalId: '524565', 3758 formId: 'ca9ad0db-3a92-40fc-a1fb-1f80b1a8d39a', 3759 formInstanceId: '9527', 3760 3761 pageId: '4982342876', 3762 3763 region: 'eu1', 3764 3765 3766 3767 3768 pageName: "Yhteystiedot | Grano", 3769 3770 3771 redirectUrl: "https:\/\/www.grano.fi\/kiitos-sivu", 3772 3773 3774 3775 3776 3777 css: '', 3778 target: '#hs_form_target_form_361636741', 3779 3780 3781 3782 3783 3784 3785 3786 contentType: "standard-page", 3787 3788 3789 3790 formsBaseUrl: '/_hcms/forms/', 3791 3792 3793 3794 formData: { 3795 cssClass: 'hs-form stacked hs-custom-form' 3796 } 3797 }; 3798 3799 options.getExtraMetaDataBeforeSubmit = function() { 3800 var metadata = {}; 3801 3802 3803 if (hbspt.targetedContentMetadata) { 3804 var count = hbspt.targetedContentMetadata.length; 3805 var targetedContentData = []; 3806 for (var i = 0; i < count; i++) { 3807 var tc = hbspt.targetedContentMetadata[i]; 3808 if ( tc.length !== 3) { 3809 continue; 3810 } 3811 targetedContentData.push({ 3812 definitionId: tc[0], 3813 criterionId: tc[1], 3814 smartTypeId: tc[2] 3815 }); 3816 } 3817 metadata["targetedContentMetadata"] = JSON.stringify(targetedContentData); 3818 } 3819 3820 return metadata; 3821 }; 3822 3823 hbspt.forms.create(options); 3824 </script>
3824 3825 3826 3827
3827<script> 3828 3829 3830 3831 3832 const formFilter = () => { 3833 const formButtons = document.querySelectorAll(".aa-form__footer__header button"); 3834 formButtons.forEach(element => { 3835 element.addEventListener("click", function() { 3836 formButtons.forEach(item => { 3837 item.classList.add('aa-button--2'); 3838 item.classList.add('aa-button--2--dark'); 3839 item.classList.remove('aa-button--1'); 3840 }); 3841 element.classList.remove('aa-button--2'); 3842 element.classList.remove('aa-button--2--dark'); 3843 element.classList.add('aa-button--1'); 3844 filterForm(element); 3845 }); 3846 }); 3847 function filterForm(element) { 3848 const forms = document.querySelectorAll(".aa-form-container"); 3849 let filter = element.dataset.filter; 3850 forms.forEach(form => { 3851 if (form.classList.contains(filter)) { 3852 form.classList.remove('aa-form-container--hidden'); 3853 } else { 3854 form.classList.add('aa-form-container--hidden'); 3855 } 3856 }); 3857 }; 3858 }; 3859 document.addEventListener("DOMContentLoaded", formFilter); 3860 3861 </script>
3861 3862 3863 3864
3864<script data-hs-allowed="true"> 3865 var options = { 3866 portalId: '524565', 3867 formId: '7f21d6bc-09a7-4464-85e6-5c53364db526', 3868 formInstanceId: '3613', 3869 3870 pageId: '4982342876', 3871 3872 region: 'eu1', 3873 3874 3875 3876 3877 pageName: "Yhteystiedot | Grano", 3878 3879 3880 redirectUrl: "https:\/\/www.grano.fi\/kiitos-uutiskirje", 3881 3882 3883 3884 3885 3886 css: '', 3887 target: '#hs_form_target_form_570125651', 3888 3889 3890 3891 3892 3893 3894 3895 contentType: "standard-page", 3896 3897 3898 3899 formsBaseUrl: '/_hcms/forms/', 3900 3901 3902 3903 formData: { 3904 cssClass: 'hs-form stacked hs-custom-form' 3905 } 3906 }; 3907 3908 options.getExtraMetaDataBeforeSubmit = function() { 3909 var metadata = {}; 3910 3911 3912 if (hbspt.targetedContentMetadata) { 3913 var count = hbspt.targetedContentMetadata.length; 3914 var targetedContentData = []; 3915 for (var i = 0; i < count; i++) { 3916 var tc = hbspt.targetedContentMetadata[i]; 3917 if ( tc.length !== 3) { 3918 continue; 3919 } 3920 targetedContentData.push({ 3921 definitionId: tc[0], 3922 criterionId: tc[1], 3923 smartTypeId: tc[2] 3924 }); 3925 } 3926 metadata["targetedContentMetadata"] = JSON.stringify(targetedContentData); 3927 } 3928 3929 return metadata; 3930 }; 3931 3932 hbspt.forms.create(options); 3933 </script>
3933 3934 3935 3936<!-- Start of HubSpot Analytics Code -->
3937<script type="text/javascript"> 3938var _hsq = _hsq || []; 3939_hsq.push(["setContentType", "standard-page"]); 3940_hsq.push(["setCanonicalUrl", "https:\/\/www.grano.fi\/yhteystiedot"]); 3941_hsq.push(["setPageId", "4982342876"]); 3942_hsq.push(["setContentMetadata", { 3943 "contentPageId": 4982342876, 3944 "legacyPageId": "4982342876", 3945 "contentFolderId": null, 3946 "contentGroupId": null, 3947 "abTestId": null, 3948 "languageVariantId": 4982342876, 3949 "languageCode": "fi", 3950 3951 3952}]); 3953</script>
3953 3954
3955<script type="text/javascript"> 3956var hbspt = hbspt || {}; 3957(hbspt.targetedContentMetadata = hbspt.targetedContentMetadata || []).push(...[]); 3958 3959var _hsq = _hsq || []; 3960_hsq.push(["setTargetedContentMetadata", hbspt.targetedContentMetadata]); 3961</script>
vendor: 1 bytes, line 3961
3961
3962<script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/524565.js"></script>
3962 3963<!-- End of HubSpot Analytics Code --> 3964 3965
3966<script type="text/javascript"> 3967var hsVars = { 3968 render_id: "ea8a83db-3809-483e-8264-7a7e4c444004", 3969 ticks: 1790855845634, 3970 page_id: 4982342876, 3971 3972 content_group_id: 0, 3973 portal_id: 524565, 3974 app_hs_base_url: "https://app-eu1.hubspot.com", 3975 cp_hs_base_url: "https://cp-eu1.hubspot.com", 3976 language: "fi", 3977 analytics_page_type: "standard-page", 3978 scp_content_type: "", 3979 3980 analytics_page_id: "4982342876", 3981 category_id: 1, 3982 folder_id: 0, 3983 is_hubspot_user: false 3984} 3985</script>
3985 3986 3987
3988<script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.640/js/index.js"></script>
3988 3989 3990 3991 3992 3993 3994 3995 3996 </div> 3997 3998
3998<script data-cookieconsent="ignore"> 3999 // Detect IE11 4000 if (window.document.documentMode) { 4001 document.body.classList.add('ie'); 4002 4003 // Add IE support for CSS variables 4004 var ieCssVarsScript = document.createElement('script'); 4005 ieCssVarsScript.src = "//524565.fs1.hubspotusercontent-eu1.net/hubfs/524565/hub_generated/template_assets/1/82874842038/1789991251028/template_css-vars-ponyfill.min.js" 4006 document.head.appendChild(ieCssVarsScript); 4007 4008 ieCssVarsScript.onload = function() { 4009 cssVars({}); 4010 }; 4011 } 4012 </script>
4012 4013 4014</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.