PageSourceSearch

https://inrego.fi/motivaattorimme

html inrego.fi collected 2026-10-03 20:02:20 UTC 101,179 bytes, 2,151 lines download raw bytes

1<!doctype html>
2<html lang="fi">
3
4<head>
5    <meta charset="utf-8">
6    <meta content="IE=edge" http-equiv="X-UA-Compatible">
7    <meta content="width=device-width, initial-scale=1, viewport-fit=cover" name="viewport">
8    <meta content="#ffffff" name="theme-color">
9
10
11    
12    <title>Motivaattorimme | Inrego</title>
13    <meta name="description" content="Meit&auml; motivoi ilmastotavoitteiden saavuttaminen ja maailmanlaajuisesti kiert&auml;v&auml; IT.">
14    <link rel="canonical" href="https://inrego.fi/motivaattorimme">
15    <meta property="og:url" content="https://inrego.fi/motivaattorimme">
16        <link rel='alternate' href="https://inrego.se/var-drivkraft" hreflang="x-default" >
17        <link rel='alternate' href="https://inrego.se/var-drivkraft" hreflang="sv" >
18        <link rel='alternate' href="https://inrego.com/our-purpose" hreflang="en" >
19        <link rel='alternate' href="https://inrego.fi/motivaattorimme" hreflang="fi" >
20<link rel="shortcut icon" href="https://inrego.fi/assets/graphics-and-logotypes/inrego-logo/g_dark_blue2.png">
21    <meta property="og:site_name" content="Inrego">
22    <meta property="og:title" content="Motivaattorimme | Inrego">
23    <meta property="og:description" content="Meit&auml; motivoi ilmastotavoitteiden saavuttaminen ja maailmanlaajuisesti kiert&auml;v&auml; IT.">
24    <meta property="og:type" content="website">
25    <meta property="og:locale" content="fi">
26    <meta name="twitter:card" content="summary">
27<script>
vendor: 356 bytes, line 27
27(function (w, d, s, l, i){w[l]=w[l] || []; w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'}); var f=d.getElementsByTagName(s)[0], j=d.createElement(s), dl=l !='dataLayer' ? '&l=' + l : ''; j.async=true; j.src='https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);})(window, document, 'script', 'dataLayer', '
27GTM-P9G6T48
vendor: 3 bytes, line 27
27');
27</script>
vendor: 1 bytes, line 27
27
28<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","name":"Inrego","logo":{"@type":"ImageObject","url":"https://inrego.fi/assets/graphics-and-logotypes/inrego-logo/inrego-logo.png","width":500,"height":93},"@id":"https://inrego.fi#site-owner","url":"https://inrego.fi"},{"@type":"WebSite","url":"https://inrego.fi","publisher":{"@id":"https://inrego.fi#site-owner"},"@id":"https://inrego.fi#website","name":"Inrego"},{"@type":"WebPage","@id":"https://inrego.fi#web_page","url":"https://inrego.fi/motivaattorimme","name":"","isPartOf":{"@id":"https://inrego.fi#website"},"inLanguage":"fi","datePublished":"2022-12-02T00:00:00+00:00","dateModified":"2022-12-02T00:00:00+00:00","breadcrumb":{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"Thing","name":"Kiertotalouden ja vastuullisen IT:n asiantuntija","id":"https://inrego.fi/"}},{"@type":"ListItem","position":2,"item":{"@type":"Thing","name":"Motivaattorimme","id":"https://inrego.fi/motivaattorimme"}}]}}]}</script>
28
29
30    <meta name="facebook-domain-verification" content="uiwayow4ang6g2f3kxe4pdrh13y8sp" />
31<script type='text/javascript' src='https://vine.eu/track/t.js?sg=440502025' data-cookieconsent='ignore'></script>
vendor: 99 bytes, lines 31-32
31
32<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback" async defer></script>
33<script>
34  function onloadCallback() {
35	function renderCaptcha(id) {
36      grecaptcha.render(id, {
37        sitekey: '6LdhlGspAAAAAKrSY0t1Mg_-rxGtEvFA1Wf0pngg',
38      });
39    }
40
41	// Form captcha
42	var recaptchaElement = document.getElementById('g-recaptcha');
43    if (recaptchaElement) {
44      renderCaptcha('g-recaptcha');
45    }
46
47	// Footer captcha
48    var recaptchaElement2 = document.getElementById('g-recaptcha-2');
49    if (recaptchaElement2) {
50      renderCaptcha('g-recaptcha-2');
51    }
52  }
53  document.addEventListener("d365mkt-afterformload", onloadCallback);
54</script>
54
55
56    <!-- TIPPY -->
57    
57<script defer src="https://unpkg.com/@popperjs/core@2"></script>
57
58    
58<script defer src="https://unpkg.com/tippy.js@6"></script>
58
59
60    <style>
61        [x-cloak] {
62            display: none !important;
63        }
64    </style>
65
66    
66<script defer src="https://cdn.jsdelivr.net/npm/aos@next/dist/aos.js"></script>
66
67
68    <link rel="preload" as="style" href="https://inrego.fi/build/assets/tailwind-C8syButn.css" /><link rel="stylesheet" href="https://inrego.fi/build/assets/tailwind-C8syButn.css" data-navigate-track="reload" />
69    <link rel="preload" as="style" href="https://inrego.fi/build/assets/aos-C7Hfvspv.css" /><link rel="stylesheet" href="https://inrego.fi/build/assets/aos-C7Hfvspv.css" data-navigate-track="reload" />
70    <link rel="stylesheet" href="/fontawesome/fontawesome.css">
71    <link rel="stylesheet" href="/fontawesome/light.css">
72    <link rel="stylesheet" href="/fontawesome/solid.css">
73    <link rel="stylesheet" href="/fontawesome/brands.css">
74
75    <link rel="preload" as="style" href="https://inrego.fi/build/assets/site-CJqtdket.css" /><link rel="modulepreload" as="script" href="https://inrego.fi/build/assets/site-D_trUfd8.js" /><link rel="stylesheet" href="https://inrego.fi/build/assets/site-CJqtdket.css" data-navigate-track="reload" />
75<script type="module" src="https://inrego.fi/build/assets/site-D_trUfd8.js" data-navigate-track="reload"></script>
75
76    
76<script src="/vendor/statamic/frontend/js/helpers.js"></script>
76
77    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
78</head>
79
80<body x-data="inregoData"
81    class="font-sans font-normal leading-normal center bg-gray-dark overscroll-none text-grey-800">
vendor: 73 bytes, lines 81-83
81
82    
83<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
83GTM-P9G6T48
vendor: 94 bytes, lines 83-87
83" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
84
85
86    
87    
87<div x-data="dropdown" class="relative z-50 text-sm leading-none text-white border-b border-gray-900/50 bg-gray-dark">
88    <div class="max-w-[1500px] mx-auto space-x-1 sm:space-x-2 px-4 flex items-center justify-end sm:px-6 lg:px-8">
89        
90
91        
92        
93        
94
95        
96        
97
98        
99
100        
101
102        
103
104        
105
106        
107
108        
109
110        
111
112        
113        
114        
115
116        
117
118        <div class="relative lg:hidden">
119            <select name="" id="" onchange="window.location = this.value" class="absolute w-full h-full opacity-0 ">
120                <option value="" disabled selected>Inrego</option>
121                
122                
123                
124                <option value="https://inrego.se">Sweden</option>
125                
126                
127                
128                
129                <option value="https://inrego.com">International</option>
130                
131                
132                
133                
134                
135            </select>
136            <div class="relative flex items-center space-x-2 py-2.5 px-2 pointer-events-none 
137                text-white">
138                <div class="relative flex items-center justify-center w-4 h-3 rounded-sm ">
139                    
140                    <img src="/flags/fi.svg"
141                        class="absolute inset-0 object-cover object-center w-full h-full " aria-hidden="true">
142                    
143                </div>
144                <span>Inrego</span>
145                <i class="text-[10px] opacity-70 fal fa-angle-down"></i>
146            </div>
147        </div>
148
149        <div class="relative hidden group lg:block ">
150            <button @click="toggle('inrego')" class=" relative transition py-2.5 px-2 hover:text-white
151                     text-white ">
152
153                <div class="flex items-center space-x-2">
154                    
155                    <div class="relative flex items-center justify-center w-4 h-3 rounded-sm ">
156                        
157                        <img src="/flags/fi.svg"
158                            class="absolute inset-0 object-cover object-center w-full h-full "
159                            alt="fi flag">
160                        
161                    </div>
162                    
163                    <p class="mt-px">
164                        Inrego
165                    </p>
166                    <i class="text-[10px] opacity-70 fal fa-angle-down"></i>
167                </div>
168            </button>
169            <div x-cloak x-transition.opacity.scale.origin.top x-on:click.outside="open = ''"
170                x-show="open == 'inrego'"
171                class="absolute rounded shadow right-0 flex flex-col items-start py-1 bg-gray-900 top-[calc(100%+6px)]">
172                
173                
174                
175                <a href="https://inrego.se">
176                    <div class="flex items-center px-3 py-1.5 space-x-2 transition text-xs hover:opacity-70">
177                        <div class="relative flex items-center justify-center w-4 h-3 overflow-hidden rounded-sm ">
178                            
179                            <img src="/flags/se.svg"
180                                class="absolute inset-0 object-cover object-center w-full h-full "
181                                alt="fi flag">
182                            
183                        </div>
184                        <p>Sweden</p>
185                    </div>
186                </a>
187                
188                
189                
190                
191                <a href="https://inrego.com">
192                    <div class="flex items-center px-3 py-1.5 space-x-2 transition text-xs hover:opacity-70">
193                        <div class="relative flex items-center justify-center w-4 h-3 overflow-hidden rounded-sm ">
194                            
195                            <img src="/flags/gb.svg"
196                                class="absolute inset-0 object-cover object-center w-full h-full "
197                                alt="fi flag">
198                            
199                        </div>
200                        <p>International</p>
201                    </div>
202                </a>
203                
204                
205                
206                
207                
208            </div>
209        </div>
210
211
212        
213        
214
215        
216        
217        
218
219        
220        <a href="https://stocklists.inrego.com" class=" group  relative py-2.5 px-2    text-gray-400
221                hover:text-white transition ">
222            <div class="flex items-center space-x-2">
223                <div class="relative flex items-center justify-center w-4 h-3 rounded-sm ">
224                    
225                    <i class="fa text-sm fa-light fa-globe" aria-hidden="true"></i>
226                    
227                </div>
228                <span>Stocklists</span>
229
230            </div>
231        </a>
232        
233        
234    </div>
235    
235<script>
236        document.addEventListener('alpine:init', () => {
237            Alpine.data('dropdown', () => ({
238                open: "",
239                toggle(string) {
240                    this.open = this.open ? "" : string;
241                },
242            }))
243        })
244    </script>
244
245</div>
246
247<header :class="isSticky ? 'top-0' : '-top-full'" class="sticky z-40 w-full transition-all duration-500" id="nav"
248    x-data="navComponent" x-on:scroll.window="
249    if(window.pageYOffset < 1 || window.pageYOffset > lastScrollOffset + 100) {
250        lastScrollOffset = window.pageYOffset
251        isSticky = false            
252    } else if (window.pageYOffset > 700 && window.pageYOffset < lastScrollOffset - 100) {
253        lastScrollOffset = window.pageYOffset
254        isSticky = true
255    }
256
257">
258    <div :class="isSticky ? 'bg-white' : ''" class="relative z-20 transition-colors duration-500"
259        x-data="{ flyoutOpen: '' }" x-init="$watch('isSticky', value => !value ? flyoutOpen = false : null)"
260        x-trap.noscroll="flyoutOpen">
261        <div aria-hidden="true" class="fixed inset-0 bg-black/40" x-cloak x-on:click="flyoutOpen = ''"
262            x-show="flyoutOpen" x-transition.opacity.duration.300ms></div>
263        <div :class="{ 'shadow-md shadow-gray-500/5': isSticky}" @mouseleave="flyoutOpen = ''"
264            class="relative transition duration-300 lg:py-5">
265            <div
266                class="max-w-[1500px] mx-auto  px-4 h-[72px] flex items-center justify-between sm:px-6 lg:h-[56px] lg:px-8 lg:justify-start lg:space-x-10">
267                <div class="relative z-40 flex items-center justify-between w-full lg:w-auto">
268                    <div class="relative z-40 ">
269                        <a x-on:mouseenter="flyoutOpen = ''" href="https://inrego.fi"
270                            class="flex focus:outline-none focus:shadow-none"
271                            :class="flyoutOpen || isSticky || showMobileNav ? 'text-gray-dark' : 'text-white'">
272                            <span class="sr-only">Inrego</span>
273                            <svg class="w-[120px] h-6 fill-current" xmlns="http://www.w3.org/2000/svg" width="500" height="93" viewBox="0 0 500 93" fill="#12182B"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H19.2308V92.2551H0V0ZM98.5726 56.7771L53.9305 0H34.6154V92.2551H55.2736V33.6205L101.451 92.2551H119.231V0H98.5726V56.7771ZM208.716 30.4628V30.7104C208.716 45.5703 200.564 54.9816 188.712 59.3157L211.538 92.2551H187.521L167.516 62.7211H151.337V92.2551H130.769V0H173.474C185.326 0 194.544 3.28156 200.689 9.34934C205.894 14.4884 208.716 21.7945 208.716 30.4628ZM172.157 44.8273C182.19 44.8273 187.897 39.5644 187.897 31.763H187.959V31.5153C187.959 22.7852 181.814 18.3272 171.781 18.3272H151.337V44.8273H172.157ZM242.979 54.7958H284.798V36.7782H242.979V18.0795H291.697V0H223.077V92.2551H292.307V74.1756H242.979V54.7958ZM353.847 61.7225V47.8006H396.154V90.7614H381.463V77.5564C372.951 86.5191 360.53 92.2551 346.028 92.2551C316.961 92.2551 296.154 71.5814 296.154 46.1276C296.154 20.6738 317.277 0 346.28 0C367.781 0 384.742 11.2929 392.119 27.3658L371.879 34.0579C367.466 24.2588 357.251 17.9252 346.028 18.0447C329.319 18.0447 317.781 30.5326 317.781 45.8288C317.781 61.4835 329.635 74.0909 346.28 74.0909C356.747 74.0909 365.133 69.1913 369.988 61.7225H353.847ZM403.846 46.1276C403.846 20.7874 424.121 0 452.044 0C479.907 0 499.939 20.5477 500 45.828V46.0677C500 71.4678 479.725 92.2551 451.802 92.2551C423.878 92.2551 403.846 71.7673 403.846 46.3672V46.1276ZM452.044 74.2234C468.07 74.2234 479.179 61.7031 479.179 46.4271V46.1875C479.179 30.9115 467.827 18.1515 451.802 18.1515C435.776 18.1515 424.667 30.6718 424.667 45.9478V46.1875C424.667 61.4635 436.019 74.2234 452.044 74.2234Z"/></svg>
274                        </a>
275                    </div>
276                    <div class="relative flex space-x-2 items-center -my-2 -mr-2 lg:hidden">
277                        <template x-if="!showMobileNav">
278                            <a href="https://shop.inrego.fi"
279                                :class="flyoutOpen || isSticky ? 'text-gray-400' : 'text-white'"
280                                class="inline-flex items-center justify-center p-2 rounded-md hover:text-opacity-75 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-gray-700"
281                                type="button">
282                                <span class="sr-only">Open Webshop</span>
283                                <i class="text-xl fal fa-cart-shopping"></i>
284                            </a>
285                        </template>
286                        <template x-if="!showMobileNav">
287                            <button :class="flyoutOpen || isSticky ? 'text-gray-400' : 'text-white'"
288                                aria-expanded="false"
289                                class="inline-flex items-center justify-center p-2 rounded-md hover:text-opacity-75 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-gray-700"
290                                type="button" x-on:click="openModal('mobile-nav')">
291                                <span class="sr-only">Open menu</span>
292                                <i class="text-2xl fal fa-bars"></i>
293                            </button>
294                        </template>
295                        <template x-if="showMobileNav">
296                            <button
297                                class="inline-flex items-center justify-center p-2 text-gray-400 rounded-md hover:text-opacity-75 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-gray-700"
298                                type="button" x-on:click="closeModal">
299                                <span class="sr-only">Close menu</span>
300                                <i class="text-2xl fal fa-times"></i>
301                            </button>
302
303                        </template>
304                    </div>
305
306                </div>
307                <div class="items-center justify-between flex-1 hidden lg:flex">
308    <nav x-cloak class="flex flex-1 space-x-1 lg:space-x-2 2xl:space-x-6">
309        <div class="flex flex-wrap space-x-1 lg:space-x-2 2xl:space-x-4">
310
311            
312                
313                    
314                        <div x-data="{ show: false }" x-on:mouseenter="show = true; flyoutOpen = ''"
315                            x-on:mouseleave="show = false" class="relative">
316                            <div :class="{ 
317                        'text-gray-800':isSticky, 
318                        'text-white':!isSticky, 
319                        'bg-gray-500/10': show,
320                        'text-gray-800':flyoutOpen || isSticky,
321                        'text-white': !(flyoutOpen || isSticky),
322                        'cursor-default': !'' 
323                    }" class="relative z-20 inline-flex items-center h-full px-3 py-1 text-sm font-normal transition rounded whitespace-nowrap group 2xl:text-base"
324                                aria-expanded="false">
325                                <span>Maailmamme</span>
326                                <i class="ml-2 text-xs fas fa-angle-down group-hover:text-opacity-75"></i>
327                                </div>
328                                
329                                
330                                    
331                                        
332                                    
333                                
334                                    
335                                        
336                                    
337                                
338                                <div x-show="show" x-cloak x-transition
339                                    class="absolute bg-white text-base min-w-[180px] w-[max-content] rounded-md shadow">
340                                    
341                                        <div class="flex divide-x divide-gray-500/20">
342                                            
343                                                <div class="max-w-xs p-2">
344                                                    <a href="/motivaattorimme"  :class="{ 
345                                'hover:opacity-70': !!'/motivaattorimme'
346                            }" class="px-3 block transition py-1.5 w-full text-xs text-gray-600 rounded ">
347                                                        <p class="tracking-wide uppercase">
348                                                            Motivaattorimme
349                                                        </p>
350                                                        
351                                                        </a>
352                                                        
353                                                        
354                                                        <div>
355                                                            
356                                                                <a href="/motivaattorimme/kiertava-it" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10
357    items-center">
358    
359    <div>
360        <p>IT:n kiertotalous</p>
361        
362    </div>
363</a>
364
365                                                            
366                                                                <a href="/motivaattorimme/ilmastotavoitteiden-saavuttaminen" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10
367    items-center">
368    
369    <div>
370        <p>Ilmastotavoitteiden saavuttaminen!</p>
371        
372    </div>
373</a>
374
375                                                            
376                                                                <a href="/motivaattorimme/kiertava-it/yk-n-kestavan-kehityksen-tavoitteet-2030" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10
377    items-center">
378    
379    <div>
380        <p>YK:n kestävän kehityksen tavoitteet - 2030</p>
381        
382    </div>
383</a>
384
385                                                            
386                                                        </div>
387                                                </div>
388                                            
389                                                <div class="max-w-xs p-2">
390                                                    <a href="/toimintalupauksemme"  :class="{ 
391                                'hover:opacity-70': !!'/toimintalupauksemme'
392                            }" class="px-3 block transition py-1.5 w-full text-xs text-gray-600 rounded ">
393                                                        <p class="tracking-wide uppercase">
394                                                            Toimintalupauksemme
395                                                        </p>
396                                                        
397                                                        </a>
398                                                        
399                                                        
400                                                        <div>
401                                                            
402                                                                <a href="/toimintalupauksemme" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10
403    ">
404    
405    <div>
406        <p>Turvallisuus</p>
407        
408        <p class="text-xs text-gray-500">Olemme asettaneet korkeat vaatimukset turvallisuudelle, laitteiden jäljitettävyydelle sekä logistiikalle.</p>
409        
410    </div>
411</a>
412
413                                                            
414                                                                <a href="/toimintalupauksemme" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10
415    ">
416    
417    <div>
418        <p>Seuranta</p>
419        
420        <p class="text-xs text-gray-500">Olemme asettaneet korkeat vaatimukset turvallisuudelle, laitteiden jäljitettävyydelle sekä logistiikalle.</p>
421        
422    </div>
423</a>
424
425                                                            
426                                                                <a href="/toimintalupauksemme" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10
427    ">
428    
429    <div>
430        <p>Talous</p>
431        
432        <p class="text-xs text-gray-500">Olemme asettaneet korkeat vaatimukset turvallisuudelle, laitteiden jäljitettävyydelle sekä logistiikalle.</p>
433        
434    </div>
435</a>
436
437                                                            
438                                                                <a href="/toimintalupauksemme" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10
439    ">
440    
441    <div>
442        <p>Logistiikka</p>
443        
444        <p class="text-xs text-gray-500">Olemme asettaneet korkeat vaatimukset turvallisuudelle, laitteiden jäljitettävyydelle sekä logistiikalle.</p>
445        
446    </div>
447</a>
448
449                                                            
450                                                        </div>
451                                                </div>
452                                            
453                                        </div>
454                                    
455                                </div>
456                        </div>
457                    
458                
459            
460                
461                    
462                        <div x-data="{ show: false }" x-on:mouseenter="show = true; flyoutOpen = ''"
463                            x-on:mouseleave="show = false" class="relative">
464                            <div :class="{ 
465                        'text-gray-800':isSticky, 
466                        'text-white':!isSticky, 
467                        'bg-gray-500/10': show,
468                        'text-gray-800':flyoutOpen || isSticky,
469                        'text-white': !(flyoutOpen || isSticky),
470                        'cursor-default': !'' 
471                    }" class="relative z-20 inline-flex items-center h-full px-3 py-1 text-sm font-normal transition rounded whitespace-nowrap group 2xl:text-base"
472                                aria-expanded="false">
473                                <span>Palvelumme</span>
474                                <i class="ml-2 text-xs fas fa-angle-down group-hover:text-opacity-75"></i>
475                                </div>
476                                
477                                
478                                    
479                                
480                                    
481                                
482                                    
483                                
484                                    
485                                
486                                    
487                                
488                                    
489                                
490                                    
491                                
492                                    
493                                
494                                <div x-show="show" x-cloak x-transition
495                                    class="absolute bg-white text-base min-w-[180px] w-[max-content] rounded-md shadow">
496                                    
497                                        <div class="p-1">
498                                            
499                                                <a href="/palvelumme/yhteistyokumppaneille" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10
500    ">
501    
502    <div>
503        <p>Yhteistyökumppaneille</p>
504        
505        <p class="text-xs text-gray-500">Tule kumppaniksemme</p>
506        
507    </div>
508</a>
509
510                                            
511                                                <a href="/palvelumme/ostamme-it-laitteita/palvelumalli" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10
512    ">
513    
514    <div>
515        <p>Palvelumallimme</p>
516        
517        <p class="text-xs text-gray-500">Näin käsittelemme IT-laitteet uudelleenkäyttöön</p>
518        
519    </div>
520</a>
521
522                                            
523                                                <a href="https://inrego.fi/palvelumme/ostamme-it-laitteita" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10
524    ">
525    
526    <div>
527        <p>Ostamme IT-laitteita</p>
528        
529        <p class="text-xs text-gray-500">Ostamme käytöstä poistetut IT-laitteet organisaatioilta</p>
530        
531    </div>
532</a>
533
534                                            
535                                                <a href="https://inrego.fi/palvelumme/myymme-it-laitteita" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10
536    ">
537    
538    <div>
539        <p>Myymme IT-laitteita</p>
540        
541        <p class="text-xs text-gray-500">Kunnostetut IT-laitteet kaikkiin tarpeisiin</p>
542        
543    </div>
544</a>
545
546                                            
547                                                <a href="/palvelumme/ostamme-it-laitteita/refresh-palvelulla-laitteet-kukoistamaan" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10
548    ">
549    
550    <div>
551        <p>Refresh palvelulla laitteet kukoistamaan</p>
552        
553        <p class="text-xs text-gray-500">IT-laitteiden käyttöikää voi pidentää huomattavasti kunnostamalla laitteita säännöllisesti. Lähetä laitteenne meille Refreshiin.</p>
554        
555    </div>
556</a>
557
558                                            
559                                                <a href="/palvelumme/it-laitekannnan-vastuullisuuskartoitus" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10
560    ">
561    
562    <div>
563        <p>IT-laitekannan vastuullisuuskartoitus</p>
564        
565        <p class="text-xs text-gray-500">Inregon vastuullisuuskartoituksen avulla selvität IT-laitekantanne CO2-vaikutukset.</p>
566        
567    </div>
568</a>
569
570                                            
571                                                <a href="/co2" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10
572    items-center">
573    
574    <div>
575        <p>CO2-laskentamalli - uusi standardi</p>
576        
577    </div>
578</a>
579
580                                            
581                                                <a href="https://inrego.fi/laiterekisteri" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10
582    ">
583    
584    <div>
585        <p>Laiterekisteri</p>
586        
587        <p class="text-xs text-gray-500">
587Laiterekisteri säästää aikaa ja rahaa</p>
588        
589    </div>
590</a>
591
592                                            
593                                        </div>
594                                    
595                                </div>
596                        </div>
597                    
598                
599            
600                
601                    
602                        <div x-data="{ show: false }" x-on:mouseenter="show = true; flyoutOpen = ''"
603                            x-on:mouseleave="show = false" class="relative">
604                            <a href="/tietoa-meista"  :class="{ 
605                        'text-gray-800':isSticky, 
606                        'text-white':!isSticky, 
607                        'bg-gray-500/10': show,
608                        'text-gray-800':flyoutOpen || isSticky,
609                        'text-white': !(flyoutOpen || isSticky),
610                        'cursor-default': !'/tietoa-meista' 
611                    }" class="relative z-20 inline-flex items-center h-full px-3 py-1 text-sm font-normal transition rounded whitespace-nowrap group 2xl:text-base"
612                                aria-expanded="false">
613                                <span>Meistä</span>
614                                <i class="ml-2 text-xs fas fa-angle-down group-hover:text-opacity-75"></i>
615                                </a>
616                                
617                                
618                                    
619                                
620                                    
621                                
622                                    
623                                
624                                <div x-show="show" x-cloak x-transition
625                                    class="absolute bg-white text-base min-w-[180px] w-[max-content] rounded-md shadow">
626                                    
627                                        <div class="p-1">
628                                            
629                                                <a href="/tietoa-meista/tiimimme" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10
630    ">
631    
632    <div>
633        <p>Tiimimme</p>
634        
635        <p class="text-xs text-gray-500">Tutustu tiimiimme!
636Millaista Inregolla on olla töissä? Klikkaa ja lue esittelymme.</p>
637        
638    </div>
639</a>
640
641                                            
642                                                <a href="/tietoa-meista/compliance" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10
643    ">
644    
645    <div>
646        <p>Compliance – vastuullista ja sääntöjenmukaista toimintaa</p>
647        
648        <p class="text-xs text-gray-500">Toimintaamme ohjaavat säädökset ja standardit, joita noudatamme kaikessa liiketoiminnassa.</p>
649        
650    </div>
651</a>
652
653                                            
654                                                <a href="/tietoa-meista/tule-meille-toihin" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10
655    ">
656    
657    <div>
658        <p>Tule meille töihin</p>
659        
660        <p class="text-xs text-gray-500">Haluatko sinäkin tehdä työtä ympäristön ja yhteiskunnan hyväksi? Tule osaksi Inregon tiimiä!</p>
661        
662    </div>
663</a>
664
665                                            
666                                        </div>
667                                    
668                                </div>
669                        </div>
670                    
671                
672            
673                
674                    
675                        <div x-data="{ show: false }" x-on:mouseenter="show = true; flyoutOpen = ''"
676                            x-on:mouseleave="show = false" class="relative">
677                            <a href="/uutiset"  :class="{ 
678                        'text-gray-800':isSticky, 
679                        'text-white':!isSticky, 
680                        'bg-gray-500/10': show,
681                        'text-gray-800':flyoutOpen || isSticky,
682                        'text-white': !(flyoutOpen || isSticky),
683                        'cursor-default': !'/uutiset' 
684                    }" class="relative z-20 inline-flex items-center h-full px-3 py-1 text-sm font-normal transition rounded whitespace-nowrap group 2xl:text-base"
685                                aria-expanded="false">
686                                <span>Uutiset</span>
687                                <i class="ml-2 text-xs fas fa-angle-down group-hover:text-opacity-75"></i>
688                                </a>
689                                
690                                
691                                    
692                                
693                                    
694                                
695                                    
696                                
697                                    
698                                
699                                <div x-show="show" x-cloak x-transition
700                                    class="absolute bg-white text-base min-w-[180px] w-[max-content] rounded-md shadow">
701                                    
702                                        <div class="p-1">
703                                            
704                                                <a href="/uutiset" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10
705    items-center">
706    
707    <div>
708        <p>Uutiset</p>
709        
710    </div>
711</a>
712
713                                            
714                                                <a href="/uutiset/mediamaininnat" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10
715    items-center">
716    
717    <div>
718        <p>Mediamaininnat</p>
719        
720    </div>
721</a>
722
723                                            
724                                                <a href="/circular-tech-talk" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10
725    items-center">
726    
727    <div>
728        <p>Circular Tech Talk - kiertotaloustapahtumia</p>
729        
730    </div>
731</a>
732
733                                            
734                                                <a href="/uutiset/kokemuksia-inregosta" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10
735    items-center">
736    
737    <div>
738        <p>Kokemuksia Inregosta</p>
739        
740    </div>
741</a>
742
743                                            
744                                        </div>
745                                    
746                                </div>
747                        </div>
748                    
749                
750            
751                
752                    <a x-on:mouseenter="flyoutOpen =
753                ''" href="/case"
754                        :class="{
755                    'text-gray-800': (flyoutOpen || isSticky), 
756                    'text-white': !(flyoutOpen || isSticky)
757                }" class="relative z-20 flex items-center px-3 py-1 text-sm text-white transition rounded whitespace-nowrap 2xl:text-base hover:bg-gray-500/10">
758                        Asiakastarinat
759                    </a>
760                
761            
762                
763                    <a x-on:mouseenter="flyoutOpen =
764                ''" href="/yhteystiedot"
765                        :class="{
766                    'text-gray-800': (flyoutOpen || isSticky), 
767                    'text-white': !(flyoutOpen || isSticky)
768                }" class="relative z-20 flex items-center px-3 py-1 text-sm text-white transition rounded whitespace-nowrap 2xl:text-base hover:bg-gray-500/10">
769                        Ota yhteyttä
770                    </a>
771                
772            
773        </div>
774        <div class="z-20 flex items-center justify-end flex-1 ml-auto space-x-5">
775            
776                
777            
778
779            
780<button x-on:click="toggleOperationStatusModal(false)" :class="{ 
781        'lg:text-gray-800': flyoutOpen || isSticky,
782        'lg:text-white': !(flyoutOpen || isSticky)
783    }" class="relative whitespace-nowrap z-20 text-sm font-thin text-gray-800 2xl:font-normal 2xl:text-base hover:text-opacity-75 ">
784    
785    <span>Kirjaudu sisään</span>
786</button>
787
788
789            
790
791                <a href="https://myy-it-laitteet.inrego.fi/"
792                    class="rounded py-1.5 px-3 minw text-sm  border min-w-16 text-center transition-colors "
793                    
794                        :class="{
795                        'text-gray-800 border-gray-400 hover:bg-gray-50 bg-white': (flyoutOpen || isSticky),
796                        'text-white border-white/50 hover:bg-white/10': !(flyoutOpen || isSticky)
797                        }"
798                    >
799                    Sell
800                </a>
801            
802
803                <a href="https://shop.inrego.fi"
804                    class="rounded py-1.5 px-3 minw text-sm  border min-w-16 text-center transition-colors bg-gray-dark hover:bg-gray-900 border-gray-900 text-white"
805                    >
806                    Shop
807                </a>
808            
809
810
811        </div>
812    </nav>
813</div>
814
815                <div x-show="showMobileNav" x-cloak x-transition.opacity.duration.300ms x-on:click="showMobileNav = ''"
816    class="fixed inset-0 bg-black/20 lg:hidden" aria-hidden="true"></div>
817<div x-show="showMobileNav" x-cloak x-trap.noscroll="showMobileNav"
818    x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 translate-y-5"
819    x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-out duration-200"
820    x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-5"
821    class="fixed inset-0 z-30 p-0 lg:hidden">
822    <div class="relative h-full flex flex-col pt-[106px] bg-white divide-y divide-gray-100 shadow-lg">
823        <div class="flex-1 pb-6 overflow-auto">
824            <nav class="grid text-lg gap-y-1" x-data="{ active: null }">
825                
826                    
827                        <div>
828                            <div x-data="{
829                                id: 1,
830                                toggleExpanded(){
831                                    active != this.id ? active = this.id : active = null;
832                                }
833                               
834                            }" role="region" class="">
835                                <div class="flex h-12">
836                                    
837                                        <button x-on:click="toggleExpanded()" :aria-expanded="active === id"
838                                            class="flex items-center justify-between w-full h-full px-4 space-x-3 rounded-md focus:outline-none focus:ring-0">
839                                            <span class="font-normal text-gray-900 ">
840                                                
841                                                    Maailmamme
842                                                
843                                            </span>
844                                            <i class="transition fal fa-arrow-right-long"
845                                                :class="active === id ? 'rotate-90 text-fire-800':'rotate-0'"></i>
846                                        </button>
847                                    
848                                </div>
849
850                                <div x-show="active === id" x-collapse class="bg-gray-50/50">
851                                    <div class="py-3">
852                                        
853                                            
854                                                <div class="mt-3 first:mt-0">
855                                                    <a href="/motivaattorimme"
856                                                        class="block py-2 pl-8 pr-4 text-sm text-gray-600 uppercase">
857                                                        Motivaattorimme
858                                                    </a>
859                                                    
860                                                        <a href="/motivaattorimme/kiertava-it" class="block py-2 pl-8 pr-4">
861                                                            
862                                                            <span>
863                                                                IT:n kiertotalous
864                                                            </span>
865                                                        </a>
866                                                    
867                                                        <a href="/motivaattorimme/ilmastotavoitteiden-saavuttaminen" class="block py-2 pl-8 pr-4">
868                                                            
869                                                            <span>
870                                                                Ilmastotavoitteiden saavuttaminen!
871                                                            </span>
872                                                        </a>
873                                                    
874                                                        <a href="/motivaattorimme/kiertava-it/yk-n-kestavan-kehityksen-tavoitteet-2030" class="block py-2 pl-8 pr-4">
875                                                            
876                                                            <span>
877                                                                YK:n kestävän kehityksen tavoitteet - 2030
878                                                            </span>
879                                                        </a>
880                                                    
881                                                </div>
882                                            
883                                        
884                                            
885                                                <div class="mt-3 first:mt-0">
886                                                    <a href="/toimintalupauksemme"
887                                                        class="block py-2 pl-8 pr-4 text-sm text-gray-600 uppercase">
888                                                        Toimintalupauksemme
889                                                    </a>
890                                                    
891                                                        <a href="/toimintalupauksemme" class="block py-2 pl-8 pr-4">
892                                                            
893                                                            <span>
894                                                                Turvallisuus
895                                                            </span>
896                                                        </a>
897                                                    
898                                                        <a href="/toimintalupauksemme" class="block py-2 pl-8 pr-4">
899                                                            
900                                                            <span>
901                                                                Seuranta
902                                                            </span>
903                                                        </a>
904                                                    
905                                                        <a href="/toimintalupauksemme" class="block py-2 pl-8 pr-4">
906                                                            
907                                                            <span>
908                                                                Talous
909                                                            </span>
910                                                        </a>
911                                                    
912                                                        <a href="/toimintalupauksemme" class="block py-2 pl-8 pr-4">
913                                                            
914                                                            <span>
915                                                                Logistiikka
916                                                            </span>
917                                                        </a>
918                                                    
919                                                </div>
920                                            
921                                        
922                                    </div>
923                                </div>
924                            </div>
925                        </div>
926                    
927                
928                    
929                        <div>
930                            <div x-data="{
931                                id: 2,
932                                toggleExpanded(){
933                                    active != this.id ? active = this.id : active = null;
934                                }
935                               
936                            }" role="region" class="">
937                                <div class="flex h-12">
938                                    
939                                        <button x-on:click="toggleExpanded()" :aria-expanded="active === id"
940                                            class="flex items-center justify-between w-full h-full px-4 space-x-3 rounded-md focus:outline-none focus:ring-0">
941                                            <span class="font-normal text-gray-900 ">
942                                                
943                                                    Palvelumme
944                                                
945                                            </span>
946                                            <i class="transition fal fa-arrow-right-long"
947                                                :class="active === id ? 'rotate-90 text-fire-800':'rotate-0'"></i>
948                                        </button>
949                                    
950                                </div>
951
952                                <div x-show="active === id" x-collapse class="bg-gray-50/50">
953                                    <div class="py-3">
954                                        
955                                            
956                                                <a href="/palvelumme/yhteistyokumppaneille"
957                                                    class="block py-2 pl-8 pr-4">
958                                                    
959                                                    Yhteistyökumppaneille
960                                                </a>
961                                            
962                                        
963                                            
964                                                <a href="/palvelumme/ostamme-it-laitteita/palvelumalli"
965                                                    class="block py-2 pl-8 pr-4">
966                                                    
967                                                    Palvelumallimme
968                                                </a>
969                                            
970                                        
971                                            
972                                                <a href="https://inrego.fi/palvelumme/ostamme-it-laitteita"
973                                                    class="block py-2 pl-8 pr-4">
974                                                    
975                                                    Ostamme IT-laitteita
976                                                </a>
977                                            
978                                        
979                                            
980                                                <a href="https://inrego.fi/palvelumme/myymme-it-laitteita"
981                                                    class="block py-2 pl-8 pr-4">
982                                                    
983                                                    Myymme IT-laitteita
984                                                </a>
985                                            
986                                        
987                                            
988                                                <a href="/palvelumme/ostamme-it-laitteita/refresh-palvelulla-laitteet-kukoistamaan"
989                                                    class="block py-2 pl-8 pr-4">
990                                                    
991                                                    Refresh palvelulla laitteet kukoistamaan
992                                                </a>
993                                            
994                                        
995                                            
996                                                <a href="/palvelumme/it-laitekannnan-vastuullisuuskartoitus"
997                                                    class="block py-2 pl-8 pr-4">
998                                                    
999                                                    IT-laitekannan vastuullisuuskartoitus
1000                                                </a>
1001                                            
1002                                        
1003                                            
1004                                                <a href="/co2"
1005                                                    class="block py-2 pl-8 pr-4">
1006                                                    
1007                                                    CO2-laskentamalli - uusi standardi
1008                                                </a>
1009                                            
1010                                        
1011                                            
1012                                                <a href="https://inrego.fi/laiterekisteri"
1013                                                    class="block py-2 pl-8 pr-4">
1014                                                    
1015                                                    Laiterekisteri
1016                                                </a>
1017                                            
1018                                        
1019                                    </div>
1020                                </div>
1021                            </div>
1022                        </div>
1023                    
1024                
1025                    
1026                        <div>
1027                            <div x-data="{
1028                                id: 3,
1029                                toggleExpanded(){
1030                                    active != this.id ? active = this.id : active = null;
1031                                }
1032                               
1033                            }" role="region" class="">
1034                                <div class="flex h-12">
1035                                    
1036                                        <a href="/tietoa-meista"
1037                                            class="flex items-center flex-1 h-full px-4">Meistä</a>
1038                                        <button class="flex items-center justify-end flex-1 h-full px-4"
1039                                            x-on:click="toggleExpanded()" :aria-expanded="active === id">
1040                                            <i class="transition fal fa-arrow-right-long"
1041                                                :class="active === id ? 'rotate-90 text-fire-800':'rotate-0'"></i>
1042                                        </button>
1043                                    
1044                                </div>
1045
1046                                <div x-show="active === id" x-collapse class="bg-gray-50/50">
1047                                    <div class="py-3">
1048                                        
1049                                            
1050                                                <a href="/tietoa-meista/tiimimme"
1051                                                    class="block py-2 pl-8 pr-4">
1052                                                    
1053                                                    Tiimimme
1054                                                </a>
1055                                            
1056                                        
1057                                            
1058                                                <a href="/tietoa-meista/compliance"
1059                                                    class="block py-2 pl-8 pr-4">
1060                                                    
1061                                                    Compliance – vastuullista ja säÃ
1061¤ntöjenmukaista toimintaa
1062                                                </a>
1063                                            
1064                                        
1065                                            
1066                                                <a href="/tietoa-meista/tule-meille-toihin"
1067                                                    class="block py-2 pl-8 pr-4">
1068                                                    
1069                                                    Tule meille töihin
1070                                                </a>
1071                                            
1072                                        
1073                                    </div>
1074                                </div>
1075                            </div>
1076                        </div>
1077                    
1078                
1079                    
1080                        <div>
1081                            <div x-data="{
1082                                id: 4,
1083                                toggleExpanded(){
1084                                    active != this.id ? active = this.id : active = null;
1085                                }
1086                               
1087                            }" role="region" class="">
1088                                <div class="flex h-12">
1089                                    
1090                                        <a href="/uutiset"
1091                                            class="flex items-center flex-1 h-full px-4">Uutiset</a>
1092                                        <button class="flex items-center justify-end flex-1 h-full px-4"
1093                                            x-on:click="toggleExpanded()" :aria-expanded="active === id">
1094                                            <i class="transition fal fa-arrow-right-long"
1095                                                :class="active === id ? 'rotate-90 text-fire-800':'rotate-0'"></i>
1096                                        </button>
1097                                    
1098                                </div>
1099
1100                                <div x-show="active === id" x-collapse class="bg-gray-50/50">
1101                                    <div class="py-3">
1102                                        
1103                                            
1104                                                <a href="/uutiset"
1105                                                    class="block py-2 pl-8 pr-4">
1106                                                    
1107                                                    Uutiset
1108                                                </a>
1109                                            
1110                                        
1111                                            
1112                                                <a href="/uutiset/mediamaininnat"
1113                                                    class="block py-2 pl-8 pr-4">
1114                                                    
1115                                                    Mediamaininnat
1116                                                </a>
1117                                            
1118                                        
1119                                            
1120                                                <a href="/circular-tech-talk"
1121                                                    class="block py-2 pl-8 pr-4">
1122                                                    
1123                                                    Circular Tech Talk - kiertotaloustapahtumia
1124                                                </a>
1125                                            
1126                                        
1127                                            
1128                                                <a href="/uutiset/kokemuksia-inregosta"
1129                                                    class="block py-2 pl-8 pr-4">
1130                                                    
1131                                                    Kokemuksia Inregosta
1132                                                </a>
1133                                            
1134                                        
1135                                    </div>
1136                                </div>
1137                            </div>
1138                        </div>
1139                    
1140                
1141                    
1142                        <a href="/case"
1143                            class="flex items-center h-12 px-4 roun
1143ded-md focus:outline-none focus:ring-0">
1144
1145                            <span class="font-normal text-gray-900"> Asiakastarinat </span>
1146                        </a>
1147                    
1148                
1149                    
1150                        <a href="/yhteystiedot"
1151                            class="flex items-center h-12 px-4 rounded-md focus:outline-none focus:ring-0">
1152
1153                            <span class="font-normal text-gray-900"> Ota yhteyttä </span>
1154                        </a>
1155                    
1156                
1157            </nav>
1158        </div>
1159
1160        <div class="px-5 py-6 space-y-6">
1161            <div class="flex items-center self-center justify-center">
1162                <div class="flex items-center gap-x-4 flex-wrap">
1163                    
1164                        
1165                    
1166
1167                    
1168<button x-on:click="toggleOperationStatusModal(false)" :class="{ 
1169        'lg:text-gray-800': flyoutOpen || isSticky,
1170        'lg:text-white': !(flyoutOpen || isSticky)
1171    }" class="relative whitespace-nowrap z-20 text-sm font-thin text-gray-800 2xl:font-normal 2xl:text-base hover:text-opacity-75 py-1.5">
1172    
1173    <span>Kirjaudu sisään</span>
1174</button>
1175
1176
1177                    
1178    
1179                        <a href="https://myy-it-laitteet.inrego.fi/" class="rounded py-1.5 px-3 minw text-sm  border min-w-16 text-center transition-colors 
1180                            bg-white border-gray-400 text-gray-800 hover:bg-gray-50 
1181                        ">
1182                            Sell
1183                        </a>
1184                    
1185    
1186                        <a href="https://shop.inrego.fi" class="rounded py-1.5 px-3 minw text-sm  border min-w-16 text-center transition-colors 
1187                            bg-gray-dark hover:bg-gray-900 border-gray-900 text-white
1188                        ">
1189                            Shop
1190                        </a>
1191                    
1192                </div>
1193
1194            </div>
1195        </div>
1196    </div>
1197</div>
1198
1199                <template x-teleport="body">
1200    <div x-data="customerPortalModal" x-show="isOpen" style="display: none" x-on:keydown.escape.prevent.stop="close"
1201        role="dialog" aria-modal="true" x-id="['customer-portal-modal']" :aria-labelledby="$id('customer-portal-modal')"
1202        class="fixed inset-0 z-50 overflow-y-auto">
1203        <!-- Overlay -->
1204        <div x-show="isOpen" x-transition.opacity class="fixed inset-0 bg-black bg-opacity-50"></div>
1205
1206        <!-- Panel -->
1207        <div x-show="isOpen" x-transition x-on:click="close"
1208            class="relative flex items-center justify-center min-h-screen p-4">
1209            <div x-on:click.stop x-trap.noscroll.inert="isOpen"
1210                class="relative w-full max-w-lg px-10 py-16 overflow-y-auto bg-white rounded shadow-lg">
1211                <div class="absolute top-0 right-0">
1212                    <button type="button" x-on:click="close" class="grid content-center w-10 h-10">
1213                        <i class="fal fa-times"></i>
1214                    </button>
1215                </div>
1216                
1217                <template x-if="loading">
1218                    <div>
1219                        <div class="flex justify-center">
1220                            <i class="text-4xl fal animate-spin fa-spinner-third opacity-40"></i>
1221                        </div>
1222                        <p class="mt-6 text-sm text-center ">
1223                            Öppnar kundsportal...
1224                        </p>
1225                    </div>
1226
1227                </template>
1228                <template x-if="!loading && temporaryMalfunction">
1229                    <div>
1230                        <div class="flex justify-center">
1231                            <i class="fal text-4xl fa-exclamation-triangle text-[#DF8600]"></i>
1232                        </div>
1233                        <div class="mt-6 text-sm prose text-center prose-p:text-black/70 prose-p:leading-normal prose-p:my-1 prose-strong:text-black "
1234                            :id="$id('customer-portal-modal')">
1235                            <p><strong>Kundportalen har en tillfällig driftstörning</strong></p><p>Försök igen vid ett senare tillfälle. Ni kan även kontakta oss för hjälp med era ärenden.</p>
1236                        </div>
1237                    </div>
1238                </template>
1239                
1240            </div>
1241        </div>
1242    </div>
1243</template>
1244<script>
1245    document.addEventListener('alpine:init', () => {
1246        Alpine.data('customerPortalModal', () => ({
1247            get isOpen() {
1248                return this.modal === 'operation-status'
1249            },
1250            close() {
1251                this.modal = ""
1252            },
1253        }))
1254    })
1255</script>
1255
1256
1257            </div>
1258        </div>
1259    </div>
1260
1261</header>
1262<script>
1263    document.addEventListener('alpine:init', () => {
1264        Alpine.data('navComponent', () => ({
1265            loading: false,
1266            temporaryMalfunction: false,
1267            lastScrollOffset: 0,
1268            isSticky: false,
1269            async toggleOperationStatusModal(scheduled_maintenance) {
1270                this.isOpen("operation-status") ? this.closeModal() : this.openModal(
1271                    "operation-status")
1272                if (this.modal === "operation-status" && !scheduled_maintenance) {
1273                    this.checkPortalStatus()
1274                }
1275            },
1276            async checkPortalStatus() {
1277                this.loading = true;
1278                this.temporaryMalfunction = false;
1279                return await fetch("/api/check-portal-status").then(response => response.text())
1280                    .then(status => {
1281                        if (status == "200") {
1282                            window.location = "https://kundportal.inrego.se/";
1283                            this.temporaryMalfunction = false;
1284                            this.modal = '';
1285                            return;
1286                        }
1287                        this.loading = false;
1288                        this.temporaryMalfunction = true;
1289                        return;
1290                    })
1291                    .catch(error => console.log(error));
1292            },
1293            get showMobileNav() {
1294                return this.modal === "mobile-nav"
1295            },
1296            init() {
1297                // Should this be here?
1298                this.$watch('isSticky', value => {
1299                    this.$dispatch('sticky-nav-toggle', {
1300                        inView: value
1301                    })
1302                })
1303            }
1304        }))
1305    })
1306</script>
1306
1307
1308    
1309    
1310    <main x-data="main" class="bg-white">
1311        
1312
1313
1314
1315
1316<section class="-mt-24">
1317    <div class="relative -mt-24 overflow-hidden h-[300px] md:h-[500px] xl:h-[600px]">
1318    <div class="absolute inset-0 w-full h-full bg-gray-50 ">
1319        
1320
1321
1322
1323<picture>
1324    <img 
1325        src="/img/containers/assets/content/headerbilder/var-drivkraft.jpg/4ef4f11b7673b7fb330c7184bcfe9bd2/var-drivkraft.jpg"
1326        alt="Vår drivkraft på Inrego." 
1327        class="object-cover object-center w-full h-full "
1328        loading="lazy"
1329     />
1330</picture>
1331
1332
1333    </div>
1334    
1335    <div class="absolute inset-0 w-full h-full overflow-y-auto">
1336        <div class="absolute inset-0 " style="background-color: #000000; opacity:
1337                0.4">
1338    </div>
1339
1340    <div class="absolute inset-x-0 bottom-0 pt-12 lg:overflow-hidden" data-aos="fade-in">
1341        <div class="mx-auto max-w-7xl">
1342            
1343<div
1344    class="dynamic-container  w-full px-4 mx-auto  max-w-7xl  md:px-8  ">
1345    <div class="pb-8">
1346                <h1
1347                    class="mt-4 text-3xl font-thin tracking-tight text-white xl:leading-tight sm:mt-5 sm:text-4xl lg:mt-6 xl:text-5xl">
1348                    Motivaattorimme
1349                </h1>
1350                
1351                <div class="mt-3 text-white bold-prose sm:mt-5 sm:text-lg xl:text-xl">
1352                    <p></p>
1353                </div>
1354                
1355
1356                
1357            </div>
1358</div>
1359
1360
1361        </div>
1362    </div>
1363    </div>
1364    
1365</div>
1366
1367</section>
1368
1369
1370
1371<section class="py-12 border-t border-gray-100 lg:py-24">
1372    
1373    <div
1374    class="dynamic-container  w-full px-4 mx-auto  max-w-7xl  md:px-8  py-12 -my-12 lg:py-24 lg:-my-24 ">
1375    <div class="" data-aos="fade-in">
1376    <div class=" md:mx-auto md:text-center
1377         max-w-2xl
1378        
1379        
1380    ">
1381        
1382        <h2 class="text-3xl font-bold text-inrego-dark max-w-4xl md:mx-auto">
1383            Haluamme muutta maailman IT-kulutuksen kestäväksi, askel askeleelta
1384        </h2>
1385        
1386        <div
1387            class=" mt-4 space-y-5 sm:space-y-6 text-gray-700 sm:text-lg   mx-auto  max-w-full">
1388
1389            
1390            
1391            <div
1392                class="inrego-prose prose-p:max-w-4xl prose-h2:max-w-4xl prose-h3:max-w-4xl  mx-auto prose-p:mx-auto prose-h2:mx-auto prose-h3:mx-auto">
1393                <p>Elektroniikkajäte on maailman nopeimmin kasvava jätemuoto, jolla on merkittävät vaikutukset ympäristöön ja ilmastoon. Kannustamme yhä useampia yrityksiä osaksi kiertotaloutta hyödyntämällä käytettyä ja kunnostettua IT:tä sekä saavuttamaan näin omat&nbsp;ympäristötavoitteensa.</p>
1394            </div>
1395            
1396            
1397        </div>
1398    </div>
1399</div>
1400</div>
1401
1402
1403
1404    
1405    
1406<div
1407    class="dynamic-container  w-full px-4 mx-auto  max-w-7xl  md:px-8  py-12 -my-12 lg:py-24 lg:-my-24 ">
1408    <div>
1409    <div class="relative space-y-12 md:space-y-20">
1410        
1411        
1412        
1413        
1414
1415
1416        <div id=""
1417            class="relative md:grid md:grid-cols-2  scroll-mt-10 md:gap-20 md:items-center md:grid-flow-row-dense"
1418            data-aos="fade-in">
1419            <div class="mb-6 relative md:mb-0  md:order-first "
1420                aria-hidden="true">
1421                
1422
1423
1424
1425<picture>
1426    <img 
1427        src="/img/containers/assets/photographs/general-inrego-photos/repairing-2.jpg/4dab79994784aa9b2d5e1690fd6b87e7/repairing-2.jpg"
1428        alt="mecka med datorer på Inrego." 
1429        class="object-cover w-full h-full"
1430        loading="lazy"
1431     />
1432</picture>
1433
1434
1435            </div>
1436            <div
1437                class="relative  md:order-last ">
1438                <div class="w-full ">
1439                    <p class="text-xs font-bold text-gray-600 uppercase">Mihin pyrimme?</p>
1440
1441                    <h3 class="mt-3 text-xl font-bold tracking-tight text-gray-dark sm:text-2xl">
1442                        Kiertävä IT
1443                    </h3>
1444                    
1445                    <div class="mt-3 prose text-gray-700">
1446                        <p>Toimistomme ja tuotantotilamme sijaitsevat Ruotsissa ja Suomessa, joista toimitamme kunnostettuja IT-laitteita yli 90 maahan. Maailmalaajuisesti kiertävää elektroniikkaa. Mutta mitä kiertävä IT oikeastaan tarkoittaa?</p>
1447                    </div>
1448                    
1449                    
1450                    <div class="mt-6">
1451
1452                        <a href="/motivaattorimme/kiertava-it" class="inline-flex items-center px-5 py-2 text-sm font-normal transition-colors border focus:ring-2 focus:outline-none rounded-full group
1453    
1454    focus:ring-gray-200 border-gray-600 text-gray-dark hover:bg-gray-50
1455    ">
1456    Lue lisää
1457    <i class="fa-light fa-arrow-right-long ml-2 -mr-1 transition-transform group-hover:translate-x-0.5"></i>
1458</a>
1459
1460                    </div>
1461                    
1462                </div>
1463            </div>
1464
1465        </div>
1466        
1467        
1468        
1469        
1470
1471
1472        <div id=""
1473            class="relative md:grid md:grid-cols-2  scroll-mt-10 md:gap-20 md:items-center "
1474            data-aos="fade-in">
1475            <div class="mb-6 relative md:mb-0  md:order-last"
1476                aria-hidden="true">
1477                
1478
1479
1480
1481<picture>
1482    <img 
1483        src="/img/containers/assets/photographs/general-inrego-photos/aterbruksbesparing.jpg/a5c73e5fb6fa485b8a72dad4fbbeceb9/aterbruksbesparing.jpg"
1484        alt="återbruksbesparing på Inrego, dator i skogen." 
1485        class="object-cover w-full h-full"
1486        loading="lazy"
1487     />
1488</picture>
1489
1490
1491            </div>
1492            <div
1493                class="relative  md:order-first">
1494                <div class="w-full ">
1495                    <p class="text-xs font-bold text-gray-600 uppercase">Mihin pyrimme?</p>
1496
1497                    <h3 class="mt-3 text-xl font-bold tracking-tight text-gray-dark sm:text-2xl">
1498                        Ilmastotavoitteiden saavuttaminen
1499                    </h3>
1500                    
1501                    <div class="mt-3 prose text-gray-700">
1502                        <p>Autamme asiakkaitamme saavuttamaan ilmastotavoitteensa ja olemaan osa kiertotaloutta.</p>
1503                    </div>
1504                    
1505                    
1506                    <div class="mt-6">
1507
1508                        <a href="/motivaattorimme/ilmastotavoitteiden-saavuttaminen" class="inline-flex items-center px-5 py-2 text-sm font-normal transition-colors border focus:ring-2 focus:outline-none rounded-full group
1509    
1510    focus:ring-gray-200 border-gray-600 text-gray-dark hover:bg-gray-50
1511    ">
1512    Lue lisää
1513    <i class="fa-light fa-arrow-right-long ml-2 -mr-1 transition-transform group-hover:translate-x-0.5"></i>
1514</a>
1515
1516                    </div>
1517                    
1518                </div>
1519            </div>
1520
1521        </div>
1522        
1523    </div>
1524</div>
1525</div>
1526
1527
1528</section>
1529
1530    </main>
1531
1532    
1533    
1534    <footer>
1535    
1536<div
1537    class="dynamic-container  w-full px-4 mx-auto  max-w-7xl  md:px-8  ">
1538    <div class="text-base font-normal text-white bg-inrego-blue" aria-labelledby="footer-heading">
1539            <h2 id="footer-heading" class="sr-only">Footer</h2>
1540            <div class="pt-12 lg:pt-16 ">
1541                <div class="xl:grid xl:grid-cols-3 xl:gap-8">
1542                    <div class=" xl:col-span-1">
1543                        <div class="antialiased font-normal text-md">
1544    <a href="/" class="text-xl">
1545        
1546            <div class="w-[140px] h-auto">
1547                <span class="sr-only">Inrego</span>
1548                <svg width="120" height="23" viewBox="0 0 120 23" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
1549<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H4.61538V22.1538H0V0ZM23.6574 13.6343L12.9433 0H8.30769V22.1538H13.2657V8.07351L24.3482 22.1538H28.6154V0H23.6574V13.6343ZM50.0919 7.31523V7.3747C50.0919 10.9431 48.1354 13.2031 45.2909 14.2439L50.7691 22.1538H45.0049L40.2039 15.0616H36.321V22.1538H31.3845V0H41.6337C44.4782 0 46.6905 0.788023 48.1655 2.24512C49.4146 3.47919 50.0919 5.23366 50.0919 7.31523ZM41.3176 10.7647C43.7257 10.7647 45.0952 9.50088 45.0952 7.62746H45.1103V7.56799C45.1103 5.47155 43.6354 4.40103 41.2273 4.40103H36.321V10.7647H41.3176ZM58.3149 13.1585H68.3516V8.8318H58.3149V4.34156H70.0072V0H53.5384V22.1538H70.1538V17.8123H58.3149V13.1585ZM84.9232 14.8218V11.4787H95.077V21.7951H91.5511V18.6242C89.5083 20.7764 86.5272 22.1538 83.0467 22.1538C76.0707 22.1538 71.077 17.1893 71.077 11.0769C71.077 4.96453 76.1464 0 83.1073 0C88.2674 0 92.338 2.71184 94.1085 6.57154L89.251 8.17856C88.1917 5.82543 85.7403 4.3045 83.0467 4.3332C79.0366 4.3332 76.2674 7.332 76.2674 11.0052C76.2674 14.7644 79.1123 17.7919 83.1073 17.7919C85.6192 17.7919 87.6319 16.6154 88.7971 14.8218H84.9232ZM96.9231 11.0769C96.9231 4.99181 101.789 0 108.491 0C115.178 0 119.985 4.93427 120 11.005V11.0625C120 17.162 115.134 22.1538 108.432 22.1538C101.731 22.1538 96.9231 17.234 96.9231 11.1345V11.0769ZM108.491 17.8238C112.337 17.8238 115.003 14.8172 115.003 11.1489V11.0913C115.003 7.42298 112.279 4.35884 108.432 4.35884C104.586 4.35884 101.92 7.36544 101.92 11.0338V11.0913C101.92 14.7596 104.645 17.8238 108.491 17.8238Z" fill="currentColor"/>
1550</svg>
1551
1552            </div>
1553        
1554        
1555    </a>
1556</div>
1557                        <p class="max-w-sm mt-4 text-gray-50">
1558                            Tavoitteenamme on muuttaa maailman IT-kulutus kestävämmäksi.
1559                        </p>
1560
1561                        <div class="flex flex-col items-start my-8">
1562                            <a href="mailto:[email protected]"
1563                                class="block text-gray-50 hover:text-opacity-75">[email protected]</a>
1564                            <a href="tel:"
1565                                class="block text-gray-50 hover:text-opacity-75"></a>
1566                        </div>
1567
1568                        <div class="flex space-x-4">
1569    
1570    <a href="https://www.linkedin.com/company/inrego" class="transition-colors duration-300 hover:text-fire-800" target="_blank">
1571        <span class="sr-only">Motivaattorimme</span>
1572        <svg class="h-8 w-8 fill-current" xmlns="http://www.w3.org/2000/svg" width="32" height="33" viewBox="0 0 32 33" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 32.1538C24.8366 32.1538 32 24.9904 32 16.1538C32 7.31725 24.8366 0.153809 16 0.153809C7.16344 0.153809 0 7.31725 0 16.1538C0 24.9904 7.16344 32.1538 16 32.1538ZM11.6406 12.6421V23.1538H8.37109V12.6421H11.6406ZM11.8867 9.30225C11.8867 10.3569 11.043 11.2358 9.98828 11.2358C8.96875 11.2358 8.125 10.3569 8.125 9.30225C8.125 8.28271 8.96875 7.43896 9.98828 7.43896C11.043 7.43896 11.8867 8.28271 11.8867 9.30225ZM23.875 23.1538H23.8398H20.6055V18.0562C20.6055 16.8257 20.5703 15.2788 18.8828 15.2788C17.1953 15.2788 16.9492 16.5796 16.9492 17.9507V23.1538H13.6797V12.6421H16.8086V14.0835H16.8438C17.3008 13.2749 18.3555 12.396 19.9375 12.396C23.2422 12.396 23.875 14.5757 23.875 17.3882V23.1538Z" fill="currentColor"/></svg>
1573    </a>
1574    
1575</div>
1576                    </div>
1577                    <div class="grid flex-1 mt-12 gap-y-8 sm:grid-cols-2 md:grid-cols-4 xl:mt-0 xl:col-span-2">
1578                        
1579                            <div class="pr-8 ">
1580                                <a href="/motivaattorimme"
1581                                    class="text-sm font-bold tracking-wider uppercase">Motivaattorimme</a>
1582                                <ul role="list" class="mt-4 space-y-4">
1583                                    
1584                                        <li>
1585                                            <a href="/motivaattorimme/kiertava-it"
1586                                                class="text-base text-gray-100 hover:text-opacity-75">
1587                                                IT:n kiertotalous
1588                                            </a>
1589                                        </li>
1590                                    
1591                                        <li>
1592                                            <a href="/motivaattorimme/ilmastotavoitteiden-saavuttaminen"
1593                                                class="text-base text-gray-100 hover:text-opacity-75">
1594                                                Ilmastotavoitteiden saavuttaminen!
1595                                            </a>
1596                                        </li>
1597                                    
1598                                </ul>
1599                            </div>
1600                        
1601                            <div class="pr-8 ">
1602                                <a href="/palvelumme"
1603                                    class="text-sm font-bold tracking-wider up
1603percase">Palvelumme</a>
1604                                <ul role="list" class="mt-4 space-y-4">
1605                                    
1606                                        <li>
1607                                            <a href="/palvelumme/ostamme-it-laitteita"
1608                                                class="text-base text-gray-100 hover:text-opacity-75">
1609                                                Ostamme IT-laitteita
1610                                            </a>
1611                                        </li>
1612                                    
1613                                        <li>
1614                                            <a href="/palvelumme/myymme-it-laitteita"
1615                                                class="text-base text-gray-100 hover:text-opacity-75">
1616                                                Myymme IT-laitteita
1617                                            </a>
1618                                        </li>
1619                                    
1620                                        <li>
1621                                            <a href="https://inrego.fi/yleiset-ehdot"
1622                                                class="text-base text-gray-100 hover:text-opacity-75">
1623                                                Yleiset ehdot
1624                                            </a>
1625                                        </li>
1626                                    
1627                                </ul>
1628                            </div>
1629                        
1630                            <div class="pr-8 ">
1631                                <a href="/tietoa-meista"
1632                                    class="text-sm font-bold tracking-wider uppercase">Meistä</a>
1633                                <ul role="list" class="mt-4 space-y-4">
1634                                    
1635                                        <li>
1636                                            <a href="https://inrego.fi/tietoa-meista/yritysvastuu/#Ilmiannot"
1637                                                class="text-base text-gray-100 hover:text-opacity-75">
1638                                                Whistleblowing
1639                                            </a>
1640                                        </li>
1641                                    
1642                                        <li>
1643                                            <a href="/tietoa-meista/tule-meille-toihin"
1644                                                class="text-base text-gray-100 hover:text-opacity-75">
1645                                                Tule meille töihin
1646                                            </a>
1647                                        </li>
1648                                    
1649                                        <li>
1650                                            <a href="/tietoa-meista/mista-kaikki-alkoi"
1651                                                class="text-base text-gray-100 hover:text-opacity-75">
1652                                                IT:n uusiokäytön historia
1653                                            </a>
1654                                        </li>
1655                                    
1656                                        <li>
1657                                            <a href="/tietoa-meista/yritysvastuu"
1658                                                class="text-base text-gray-100 hover:text-opacity-75">
1659                                                Yritysvastuu
1660                                            </a>
1661                                        </li>
1662                                    
1663                                        <li>
1664                                            <a href="/tietoa-meista/tiimimme"
1665                                                class="text-base text-gray-100 hover:text-opacity-75">
1666                                                Tiimimme
1667                                            </a>
1668                                        </li>
1669                                    
1670                                </ul>
1671                            </div>
1672                        
1673                        <div class="space-y-2 md:col-start-4">
1674                            
1675                                
1676                                    
1677                                        <a href="https://inrego.se"
1678    class=" bg-gray-900 hover:bg-gray-800 clear-focus focus:ring-2 focus:ring-gray-700 transition ring-offset-2 ring-offset-gray-dark rounded-sm text-sm px-3 py-2.5 w-full flex items-center space-x-3 ">
1679    <div class=" overflow-hidden relative h-4 w-[22px] rounded-sm flex items-center justify-center">
1680        
1681        <img src="/flags/se.svg" class="absolute inset-0 object-cover object-center w-full h-full "
1682            aria-hidden="true">
1683        
1684    </div>
1685    <p class=" whitespace-nowrap">Inrego Sweden</p>
1686</a>
1687
1688                                    
1689                                        <a href="https://inrego.com"
1690    class=" bg-gray-900 hover:bg-gray-800 clear-focus focus:ring-2 focus:ring-gray-700 transition ring-offset-2 ring-offset-gray-dark rounded-sm text-sm px-3 py-2.5 w-full flex items-center space-x-3 ">
1691    <div class=" overflow-hidden relative h-4 w-[22px] rounded-sm flex items-center justify-center">
1692        
1693        <img src="/flags/gb.svg" class="absolute inset-0 object-cover object-center w-full h-full "
1694            aria-hidden="true">
1695        
1696    </div>
1697    <p class=" whitespace-nowrap">Inrego International</p>
1698</a>
1699
1700                                    
1701                                        <a href="https://inrego.fi"
1702    class=" bg-gray-900 hover:bg-gray-800 clear-focus focus:ring-2 focus:ring-gray-700 transition ring-offset-2 ring-offset-gray-dark rounded-sm text-sm px-3 py-2.5 w-full flex items-center space-x-3 ">
1703    <div class=" overflow-hidden relative h-4 w-[22px] rounded-sm flex items-center justify-center">
1704        
1705        <img src="/flags/fi.svg" class="absolute inset-0 object-cover object-center w-full h-full "
1706            aria-hidden="true">
1707        
1708    </div>
1709    <p class=" whitespace-nowrap">Inrego Finland</p>
1710</a>
1711
1712                                    
1713                                
1714                            
1715                                
1716                                    <a href="https://stocklists.inrego.com"
1717    class=" bg-gray-900 hover:bg-gray-800 clear-focus focus:ring-2 focus:ring-gray-700 transition ring-offset-2 ring-offset-gray-dark rounded-sm text-sm px-3 py-2.5 w-full flex items-center space-x-3 ">
1718    <div class=" overflow-hidden relative h-4 w-[22px] rounded-sm flex items-center justify-center">
1719        
1720        <i class="fa text-base fa-light fa-globe" aria-hidden="true"></i>
1721        
1722    </div>
1723    <p class=" whitespace-nowrap">
1723Inrego Stocklists</p>
1724</a>
1725
1726                                
1727                            
1728
1729                        </div>
1730                    </div>
1731
1732                </div>
1733                
1734                
1735                    <div class="py-8 mt-8 border-gray-900 border-y lg:flex lg:items-center lg:justify-between">
1736                        
1737                            <div class="w-full dynamics-newsletter overflow-x-hidden">
1738                                <div
1739        data-form-id='3385f643-35fb-ee11-a1fe-002248a1245a'
1740        data-form-api-url='https://public-eur.mkt.dynamics.com/api/v1.0/orgs/f431ad4a-fcb5-ee11-9073-000d3ab39a7c/landingpageforms'
1741        data-cached-form-url='https://assets-eur.mkt.dynamics.com/f431ad4a-fcb5-ee11-9073-000d3ab39a7c/digitalassets/forms/3385f643-35fb-ee11-a1fe-002248a1245a' ></div>
1742        
1742<script src = 'https://cxppusa1formui01cdnsa01-endpoint.azureedge.net/eur/FormLoader/FormLoader.bundle.js' ></script>
1742
1743                            </div>
1744                        
1745                    </div>
1746                
1747                
1748                
1749                    <div class="flex flex-wrap items-start justify-center gap-8 mt-8 sm:justify-start">
1750                        
1751                            <div class="flex flex-col items-center space-y-3">
1752                                <div class="flex items-center justify-center w-24 h-24">
1753                                    
1754
1755
1756
1757<picture>
1758    <img 
1759        src="/img/containers/assets/logos/mar.png/12c332c0074d31993533f2aae5fb1e42/mar.png"
1760        alt="" 
1761        class="relative max-w-full max-h-full "
1762        loading="lazy"
1763     />
1764</picture>
1765
1766
1767                                </div>
1768                                <div class="text-xs text-center max-w-[150px] ">
1769                                    <p class="font-bold text-gray-500 ">Microsoft</p>
1770                                    <p class="text-gray-700 ">
1771                                        Authorized refurbisher
1772                                    </p>
1773                                </div>
1774                            </div>
1775                        
1776                            <div class="flex flex-col items-center space-y-3">
1777                                <div class="flex items-center justify-center w-24 h-24">
1778                                    
1779
1780
1781
1782<picture>
1783    <img 
1784        src="/img/containers/assets/logos/blancco.png/85de2bce6d12afd616474651cdab0b13/blancco.png"
1785        alt="" 
1786        class="relative max-w-full max-h-full "
1787        loading="lazy"
1788     />
1789</picture>
1790
1791
1792                                </div>
1793                                <div class="text-xs text-center max-w-[150px] ">
1794                                    <p class="font-bold text-gray-500 ">Blancco</p>
1795                                    <p class="text-gray-700 ">
1796                                        Gold ITAD Partner
1797                                    </p>
1798                                </div>
1799                            </div>
1800                        
1801                            <div class="flex flex-col items-center space-y-3">
1802                                <div class="flex items-center justify-center w-24 h-24">
1803                                    
1804
1805
1806
1807<picture>
1808    <img 
1809        src="/img/containers/assets/logos/iso27001.png/ecacd1e4fbfd405e394e17580b5b40a2/iso27001.png"
1810        alt="" 
1811        class="relative max-w-full max-h-full "
1812        loading="lazy"
1813     />
1814</picture>
1815
1816
1817                                </div>
1818                                <div class="text-xs text-center max-w-[150px] ">
1819                                    <p class="font-bold text-gray-500 ">ISO 27001</p>
1820                                    <p class="text-gray-700 ">
1821                                        Data security
1822                                    </p>
1823                                </div>
1824                            </div>
1825                        
1826                            <div class="flex flex-col items-center space-y-3">
1827                                <div class="flex items-center justify-center w-24 h-24">
1828                                    
1829
1830
1831
1832<picture>
1833    <img 
1834        src="/img/containers/assets/logos/iso9001-.png/c238078e6f75b8b263404a2f3beed670/iso9001-.png"
1835        alt="" 
1836        class="relative max-w-full max-h-full "
1837        loading="lazy"
1838     />
1839</picture>
1840
1841
1842                                </div>
1843                                <div class="text-xs text-center max-w-[150px] ">
1844                                    <p class="font-bold text-gray-500 ">ISO 9001/ISO 14001/ISO 45001</p>
1845                                    <p class="text-gray-700 ">
1846                                        Quality/Environment/Health & safety
1847                                    </p>
1848                                </div>
1849                            </div>
1850                        
1851                            <div class="flex flex-col items-center space-y-3">
1852                                <div class="flex items-center justify-center w-24 h-24">
1853                                    
1854
1855
1856
1857<picture>
1858    <img 
1859        src="/img/containers/assets/logos/luotettava-kumppani.png/97fcd27afab2a85a660383630532b375/luotettava-kumppani.png"
1860        alt="" 
1861        class="relative max-w-full max-h-full "
1862        loading="lazy"
1863     />
1864</picture>
1865
1866
1867                                </div>
1868                                <div class="text-xs text-center max-w-[150px] ">
1869                                    <p class="font-bold text-gray-500 ">Vastuu Group</p>
1870                                    <p class="text-gray-700 ">
1871                                        Luotettava kumppani
1872                                    </p>
1873                                </div>
1874                            </div>
1875                        
1876                            <div class="flex flex-col items-center space-y-3">
1877                                <div class="flex items-center justify-center w-24 h-24">
1878                                    
1879
1880
1881
1882<picture>
1883    <img 
1884        src="/img/containers/assets/logos/live.png/c937616ef73ef4184dddfe01c952b519/live.png"
1885        alt="" 
1886        class="relative max-w-full max-h-full "
1887        loading="lazy"
1888     />
1889</picture>
1890
1891
1892                                </div>
1893                                <div class="text-xs text-center max-w-[150px] ">
1894                                    <p class="font-bold text-gray-500 ">Live-säätiö</p>
1895                                    <p class="text-gray-700 ">
1896                                        Suomen inhimillisimmät työpaikat
1897                                    </p>
1898                                </div>
1899                            </div>
1900                        
1901                            <div class="flex flex-col items-center space-y-3">
1902                                <div class="flex items-center justify-center w-24 h-24">
1903                                    
1904
1905
1906
1907<picture>
1908    <img 
1909        src="/img/containers/assets/logos/suomen-vahvimmat.png/dd11e9a6be7e253f6bd9dc4e0b06b189/suomen-vahvimmat.png"
1910        alt="" 
1911        class="relative max-w-full max-h-full "
1912        loading="lazy"
1913     />
1914</picture>
1915
1916
1917                                </div>
1918                                <div class="text-xs text-center max-w-[150px] ">
1919                                    <p class="font-bold text-gray-500 ">Asiakastieto</p>
1920                                    <p class="text-gray-700 ">
1921                                        Suomen Vahvimmat
1922                                    </p>
1923                                </div>
1924                            </div>
1925                        
1926                    </div>
1927                
1928                
1929                <div class="flex flex-col-reverse justify-between gap-4 py-8 mt-3 text-sm sm:flex-row">
1930                    <p class="text-sm text-gray-400 xl:text-center">
1930Copyright &copy; Inrego AB
1931                        2026
1932                    </p>
1933                    <div class="flex flex-wrap text-gray-200">
1934                        
1935                            <a href="/rekisteriseloste"
1936                                class="block mr-4 underline transition hover:text-gray-300">Rekisteriseloste</a>
1937                        
1938                            <a href="/cookies"
1939                                class="block mr-4 underline transition hover:text-gray-300">Evästeet</a>
1940                        
1941                            <a href="/co2"
1942                                class="block mr-4 underline transition hover:text-gray-300">CO2-laskentamalli - uusi standardi</a>
1943                        
1944                    </div>
1945                </div>
1946            </div>
1947        </div>
1948</div>
1949
1950
1951
1952</footer>
1953
1954    
1955    
1956
1957
1958
1959
1960
1961    
1962    
1963    
1964
1965
1966    
1966<script src="/livewire/livewire.min.js?id=6d832aed"   data-csrf="t3vuEmXsRH0NMmRJwD3WrYzXCOgDGj8eY0IZ6OBu" data-update-uri="/livewire/update" data-navigate-once="true"></script>
1966
1967</body>
1968
1969<script>
1970    document.addEventListener('alpine:init', () => {
1971        Alpine.directive("tooltip", (el, {
1972            expression
1973        }) => {
1974            tippy(el, {
1975                content: expression,
1976                followCursor: el.classList.contains("land")
1977            });
1978        });
1979        Alpine.data('main', () => ({}));
1980        Alpine.data('inregoData', () => ({
1981            modal: "",
1982            isOpen(modal) {
1983                return this.modal === modal
1984            },
1985            closeModal() {
1986                this.modal = ""
1987            },
1988            openModal(modal) {
1989                this.modal = modal;
1990            },
1991            getItem(key) {
1992                let cookies = document.cookie.split(";");
1993                for (let i = 0; i < cookies.length; i++) {
1994                    let cookie = cookies[i].split("=");
1995                    if (key == cookie[0].trim()) {
1996                        return decodeURIComponent(cookie[1]);
1997                    }
1998                }
1999                return null;
2000            },
2001        }))
2002    })
2003
2004    function carousel(size) {
2005        return {
2006            atBeginning: false,
2007            atEnd: false,
2008            index: 0,
2009            length: size,
2010            gridWidth: 0,
2011            init() {
2012                this.setGridWidth();
2013                window.onresize = () => {
2014                    this.setGridWidth();
2015                    this.scroll()
2016                };
2017
2018                this.$refs.slider.addEventListener('scroll', () => {
2019                    this.setGuideOffset()
2020                });
2021            },
2022            setGuideOffset() {
2023                if (this.$refs.guideContainer && this.$refs.guide && this.$refs.slider) {
2024                    let slider = this.$refs.slider
2025                    const SLIDER_SPACING = 20
2026                    let sliderWidth = this.$refs.slider.offsetWidth
2027                    let offset = slider.firstElementChild.getBoundingClientRect().width
2028                    let scrollLeft = this.$refs.slider.scrollLeft
2029                    let containerInnerWidth = (size + 1) * offset + (size) * SLIDER_SPACING
2030                    let guide = this.$refs.guide
2031                    let guideContainerWidth = this.$refs.guideContainer.getBoundingClientRect().width
2032                    let guideWidth = guide.getBoundingClientRect().width
2033                    let guideOffset = (guideContainerWidth - guideWidth) * (scrollLeft / (containerInnerWidth -
2034                        sliderWidth));
2035                    if (guide) {
2036                        guide.style.transform = "translateX(" + guideOffset + "px)"
2037                    }
2038
2039                }
2040            },
2041            setGridWidth() {
2042                if (window.innerWidth < 640) {
2043                    this.gridWidth = 1
2044                }
2045                if (window.innerWidth >= 640 && window.innerWidth < 1024) {
2046                    this.gridWidth = 2
2047                }
2048                if (window.innerWidth >= 1024) {
2049                    this.gridWidth = 3
2050                }
2051            },
2052            gridNext() {
2053                let slider = this.$refs.slider
2054
2055                let scrollTo = window.outerWidth > 640 ? this.$refs.slider.scrollLeft + this.$refs.slider
2056                    .firstElementChild
2057                    .getBoundingClientRect().width * 2 : this.$refs.slider.scrollLeft + this.$refs.slider
2058                    .firstElementChild
2059                    .getBoundingClientRect().width
2060                slider.scrollTo({
2061                    left: scrollTo,
2062                    behavior: 'smooth'
2063                })
2064            },
2065            gridPrev() {
2066                let slider = this.$refs.slider
2067                let scrollTo = window.outerWidth > 640 ? this.$refs.slider.scrollLeft - this.$refs.slider
2068                    .firstElementChild
2069                    .getBoundingClientRect().width * 2 : this.$refs.slider.scrollLeft - this.$refs.slider
2070                    .firstElementChild
2071                    .getBoundingClientRect().width
2072                slider.scrollTo({
2073                    left: scrollTo,
2074                    behavior: 'smooth'
2075                })
2076            },
2077            next() {
2078
2079                if (this.index == size) {
2080                    return;
2081                }
2082                this.index++
2083                this.scroll()
2084            },
2085            prev() {
2086
2087                if (this.index == 0) {
2088                    return;
2089                }
2090                this.index--
2091                this.scroll()
2092            },
2093            setIndex(index) {
2094                this.index = index
2095                this.scroll()
2096            },
2097            scroll() {
2098                let slider = this.$refs.slider
2099                let offset = slider.firstElementChild.getBoundingClientRect().width
2100                slider.scrollTo({
2101                    left: this.index * offset,
2102                    behavior: 'smooth'
2103                })
2104                /*let guide = this.$refs.guide
2105                if (guide) {
2106                    guide.style.transform = "translateX(" + guide.getBoundingClientRect().width * this.index + "px)"
2107                }*/
2108            },
2109            focusableWhenVisible: {
2110                'x-intersect:enter'() {
2111                    this.$el.removeAttribute('tabindex')
2112                },
2113                'x-intersect:leave'() {
2114                    this.$el.setAttribute('tabindex', '-1')
2115                },
2116            },
2117            toggleIndex: {
2118                'x-intersect:enter.threshold.51'() {
2119                    this.index = this.$el.dataset.index;
2120                }
2121            },
2122            disableNextAndPreviousButtons: {
2123                'x-intersect:enter.threshold.50'() {
2124                    let slideEls = this.$el.parentElement.children
2125
2126                    // If this is the first slide.
2127                    if (slideEls[0] === this.$el) {
2128                        this.atBeginning = true
2129                        // If this is the last slide.
2130                    } else if (slideEls[slideEls.length - 1] === this.$el) {
2131                        this.atEnd = true
2132                    }
2133                },
2134                'x-intersect:leave.threshold.50'() {
2135                    let slideEls = this.$el.parentElement.children
2136
2137                    // If this is the first slide.
2138                    if (slideEls[0] === this.$el) {
2139                        this.atBeginning = false
2140                        // If this is the last slide.
2141                    } else if (slideEls[slideEls.length - 1] === this.$el) {
2142                        this.atEnd = false
2143                    }
2144                },
2145            },
2146        }
2147    }
2148</script>
2148
2149</body>
2150
2151</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.