PageSourceSearch

https://www.itnow.it/sostenibilita.html

html itnow.it collected 2026-09-25 22:45:47 UTC 31,227 bytes, 585 lines download raw bytes

1<!DOCTYPE html>
2<html lang="it">
3<head>
4
5<link rel="icon" type="image/x-icon" href="favicon.ico">
6<link rel="icon" type="image/png" href="img/logo-favicon.png">
7
8<script defer type="text/javascript" src="config.js"></script>
vendor: 2 bytes, line 8
8
9<script defer type="text/javascript" src="https://cdn.kiprotect.com/klaro/v0.7.11/klaro.js"></script>
vendor: 178 bytes, lines 9-16
9
10
11<script 
12    type="text/plain" 
13    data-type="application/javascript" 
14    data-name="googleAnalytics" 
15    async 
16    src="https://www.googletagmanager.com/gtag/js?id=
16G-XXXXXXXX
vendor: 15 bytes, lines 16-17
16">
17</script>
18<script type="text/plain" data-type="application/javascript" data-name="googleAnalytics">
19    
vendor: 142 bytes, lines 19-22
19window.dataLayer = window.dataLayer || [];
20    function gtag(){dataLayer.push(arguments);}
21    gtag('js', new Date());
22    gtag('config', '
22G-JFVEK2MC0T
vendor: 5 bytes, line 22
22');
23</script>
23
24
25<style>
26    /* Sfondo del banner Antracite/Titanio */
27    .klaro .cookie-notice { background: #2c313c !important; color: #fff !important; }
28    /* Pulsante Accetta Blu Cobalto */
29    .klaro .cm-btn-success { background-color: #0047ab !important; border-radius: 4px !important; }
30    /* Link alla privacy */
31    .klaro .cm-link { color: #0047ab !important; }
32</style>
33
34    <meta charset="UTF-8">
35    <meta name="viewport" content="width=device-width, initial-scale=1.0">
36    
37    <title>Sostenibilità e Territorio - ITNow Marino</title>
38    <meta name="description" content="L'impegno sociale e sul territorio di I.T. Now: la collaborazione con Progetti del Cuore a Marino, il sostegno al Giro d'Italia delle Cure Palliative Pediatriche e lo sport locale.">
39    <meta name="keywords" content="ITNow, Sostenibilità, Responsabilità Sociale, Progetti del Cuore Marino, Cure Palliative Pediatriche, Sponsor MTB Castelli Romani, Impegno Sociale">
40    <meta name="author" content="I.T. Now S.r.l.">
41    <meta name="robots" content="index, follow">
42    
43    <meta property="og:title" content="Sostenibilità e Territorio - ITNow">
44    <meta property="og:description" content="Sosteniamo la comunità di Marino con iniziative di solidarietà, salute e promuoviamo lo sport locale nei Castelli Romani.">
45    <meta property="og:type" content="website">
46    <meta property="og:url" content="https://www.itnow.it/sostenibilita.html">
47
48    <link rel="preconnect" href="https://fonts.googleapis.com">
49    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
50    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Inter:wght@300;400;500&display=swap" rel="stylesheet">
51    
52    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
53    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
54    
55    <style>
56        :root {
57            --itnow-blue: #0f172a;
58            --itnow-accent: #0ea5e9;
59            --itnow-light: #f8fafc;
60            --nav-height: 90px;
61        }
62
63        html {
64            scroll-behavior: smooth;
65        }
66
67        body {
68            font-family: 'Inter', sans-serif;
69            color: #334155;
70        }
71
72        h1, h2, h3, h4, .navbar-brand {
73            font-family: 'Poppins', sans-serif;
74            font-weight: 700;
75        }
76
77        .navbar {
78            padding: 0.5rem 0;
79            background: white;
80            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
81            min-height: var(--nav-height);
82        }
83        .navbar-brand {
84            display: flex;
85            align-items: center;
86        }
87        .logo-img {
88            max-height: 75px;
89            width: auto;
90            transition: transform 0.3s ease;
91        }
92        .logo-img:hover {
93            transform: scale(1.02);
94        }
95        .nav-link {
96            font-weight: 500;
97            color: var(--itnow-blue) !important;
98            margin: 0 10px;
99        }
100
101        /* MEGA MENU BASE */
102        .nav-item.dropdown {
103            position: static;
104        }
105        .mega-menu {
106            position: absolute;
107            width: 100%;
108            left: 0;
109            top: 100%;
110            background: white;
111            border: none;
112            border-top: 3px solid var(--itnow-accent);
113            box-shadow: 0 15px 30px rgba(0,0,0,0.1);
114            display: none;
115            padding: 40px 0;
116            z-index: 1000;
117            margin-top: 0;
118        }
119
120        /* DESKTOP HOVER */
121        @media (min-width: 992px) {
122            .nav-item.dropdown {
123                padding-bottom: 25px;
124                margin-bottom: -25px;
125            }
126            .nav-item.dropdown:hover .mega-menu {
127                display: block;
128                animation: fadeIn 0.2s ease;
129            }
130            .mega-menu::before {
131                content: "";
132                position: absolute;
133                top: -35px;
134                left: 0;
135                width: 100%;
136                height: 35px;
137                background: transparent;
138            }
139        }
140
141        /* MOBILE CLICK */
142        @media (max-width: 991px) {
143            .mega-menu { 
144                position: static; 
145                display: none; 
146                box-shadow: none; 
147                padding: 20px; 
148                border-left: 3px solid var(--itnow-accent);
149                background: #f8fafc;
150                margin: 5px 0 15px 0;
151            }
152            .mega-menu.show-mobile {
153                display: block !important;
154            }
155            .logo-img { max-height: 60px; }
156            .nav-link { padding: 12px 0 !important; border-bottom: 1px solid #f1f5f9; }
157            .dropdown-toggle::after { transition: transform 0.3s; }
158            .nav-item.dropdown.active-mobile > .dropdown-toggle::after { transform: rotate(180deg); }
159        }
160
161        @keyframes fadeIn {
162            from { opacity: 0; transform: translateY(10px); }
163            to { opacity: 1; transform: translateY(0); }
164        }
165
166        .mega-menu h5 {
167            color: var(--itnow-blue);
168            font-size: 1.1rem;
169            margin-bottom: 1rem;
170            border-bottom: 2px solid var(--itnow-accent);
171            display: inline-block;
172            padding-bottom: 5px;
173        }
174
175        .partner-logo-item {
176            text-align: left;
177            padding: 15px;
178            border-radius: 12px;
179            transition: all 0.3s;
180            border: 1px solid transparent;
181            height: 100%;
182            display: flex;
183            flex-direction: column;
184        }
185        .partner-logo-item:hover {
186            background: var(--itnow-light);
187            border-color: #e2e8f0;
188        }
189        .partner-logo-item i {
190            font-size: 1.8rem;
191            color: var(--itnow-accent);
192            margin-bottom: 10px;
193            display: block;
194        }
195
196        .client-section-title {
197            font-size: 0.85rem;
198            text-transform: uppercase;
199            letter-spacing: 1px;
200            color: var(--itnow-accent);
201            font-weight: 700;
202            margin-bottom: 15px;
203            display: block;
204        }
205        
206        .stat-grid {
207            display: grid;
208            grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
209            gap: 15px;
210        }
211
212        .client-stat-mini {
213            background: var(--itnow-light);
214            padding: 15px;
215            border-radius: 12px;
216            border-left: 3px solid var(--itnow-accent);
217        }
218        .client-stat-mini .stat-val {
219            display: block;
220            font-size: 1.1rem;
221            font-weight: 700;
222            color: var(--itnow-blue);
223        }
224        .client-stat-mini .stat-desc {
225            font-size: 0.75rem;
226            color: #64748b;
227            line-height: 1.2;
228        }
229
230        /* HERO STYLE SOSTENIBILITÀ */
231        .hero {
232            padding: 120px 0;
233            background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
234            color: white;
235            position: relative;
236            overflow: hidden;
237        }
238        .hero::after {
239            content: "";
240            position: absolute;
241            top: 0; right: 0;
242            width: 50%; height: 100%;
243            background: url('https://images.unsplash.com/photo-1542601906990-b4d3fb778b09?auto=format&fit=crop&q=80&w=1000') no-repeat center center;
244            background-size: cover;
245            opacity: 0.08;
246            mask-image: linear-gradient(to left, rgba(0,0,0,1), rgba(0,0,0,0));
247        }
248        .hero h1 { font-size: 3.2rem; line-height: 1.2; margin-bottom: 1.2rem; }
249        .hero .accent { color: var(--itnow-accent); }
250
251        .section-padding { padding: 80px 0; }
252        
253        /* Grafica custom per immagini territoriali */
254        .img-decor-wrapper {
255            position: relative;
256            display: inline-block;
257            padding: 5px;
258            width: 100%;
259        }
260        .img-decor {
261            position: relative;
262            z-index: 1;
263            border-radius: 16px;
264            width: 100%;
265            height: 220px;
266            object-fit: cover;
267            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06), 0 0 0 5px rgba(255, 255, 255, 1);
268        }
269        
270        /* STILI PER IMMAGINI CLICCABILI (ZOOM LIGHTBOX) */
271        .img-zoomable {
272            cursor: pointer;
273            transition: transform 0.3s ease, box-shadow 0.3s ease;
274        }
275        .img-zoomable:hover {
276            transform: scale(1.03);
277            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15), 0 0 0 5px rgba(14, 165, 233, 0.2);
278        }
279
280        .tech-badge { display: inline-block; padding: 5px 15px; background: rgba(14, 165, 233, 0.1); color: var(--itnow-accent); border-radius: 50px; font-weight: 600; font-size: 0.8rem; margin-bottom: 15px; }
281
282        footer { background: var(--itnow-blue); color: rgba(255,255,255,0.7); padding: 40px 0 20px; }
283        .safe-email { color: inherit; text-decoration: none; }
284
285    </style>
286	
286<script type="text/javascript">
287    (function(c,l,a,r,i,t,y){
288        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
289        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
290        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
291    })(window, document, "clarity", "script", "vjin989l8d");
292</script>
292
293</head>
294<body>
295
296    <nav class="navbar navbar-expand-lg sticky-top">
297        <div class="container">
298            <a class="navbar-brand" href="index.html">
299                <img src="img/logo.png" alt="ITNow Logo" class="logo-img">
300            </a>
301            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
302                <span class="navbar-toggler-icon"></span>
303            </button>
304            <div class="collapse navbar-collapse" id="navbarNav">
305                <ul class="navbar-nav ms-auto align-items-center">
306                    <li class="nav-item"><a class="nav-link" href="index.html#soluzioni">Soluzioni</a></li>
307                    <li class="nav-item"><a class="nav-link" href="index.html#siad">SIAD Suite</a></li>
308                                        
309                    <li class="nav-item dropdown">
310                        <a class="nav-link dropdown-toggle" href="#" id="clientiDrop" data-bs-toggle="dropdown">Clienti</a>
311                        <div class="mega-menu dropdown-menu">
312                            <div class="container">
313                                <div class="row g-4">
314                                    <div class="col-lg-6 border-end">
315                                        <span class="client-section-title">Logistica 3PL</span>
316                                        <h5>Presidio Lazio & Lombardia</h5>
317                                        <p class="small text-muted mb-4">Soluzioni per operatori logistici con volumi elevati e mandanti multipli.</p>
318                                        <div class="stat-grid">
319                                            <div class="client-stat-mini"><span class="stat-val">80.000 mq</span><span class="stat-desc">Superficie coperta gestita</span></div>
320                                            <div class="client-stat-mini"><span class="stat-val">3.000</span><span class="stat-desc">Ordini processati al giorno</span></div>
321                                            <div class="client-stat-mini"><span class="stat-val">230.000 Pezzi</span><span class="stat-desc">Movimentati giornalmente</span></div>
322                                            <div class="client-stat-mini"><span class="stat-val">100+</span><span class="stat-desc">Mandanti attivi (Clienti 3PL)</span></div>
323                                        </div>
324                                    </div>
325                                    <div class="col-lg-6">
326                                        <span class="client-section-title">GDO & Retail</span>
327                                        <h5>Presidio Nazionale</h5>
328                                        <p class="small text-muted mb-4">Gestione complessa per catene distributive in Lazio, Liguria, Lombardia e Piemonte.</p>
329                                        <div class="stat-grid">
330                                            <div class="client-stat-mini"><span class="stat-val">200+</span><span class="stat-desc">Punti Vendita collegati</span></div>
331                                            <div class="client-stat-mini"><span class="stat-val">260.000 mq</span><span class="stat-desc">Superficie totale Retail</span></div>
332                                            <div class="client-stat-mini"><span class="stat-val">120.000 mq</span><span class="stat-desc">Depositi (30k refrigerati)</span></div>
333                                            <div class="client-stat-mini"><span class="stat-val">250.000 Colli</span><span class="stat-desc">Movimentati al giorno</span></div>
334                                        </div>
335                                    </div>
336                                </div>
337                            </div>
338                        </div>
339                    </li>
340
341                    <li class="nav-item dropdown">
342                        <a class="nav-link dropdown-toggle" href="#" id="partnerDrop" data-bs-toggle="dropdown">Partner</a>
343                        <div class="mega-menu dropdown-menu">
344                            <div class="container">
345                                <div class="row">
346                                    <div class="col-lg-3">
347                                        <h5>I nostri Partner</h5>
348                                        <p class="small text-muted">Sinergie strategiche per offrire il massimo della tecnologia IBM i.</p>
349                                    </div>
350                                    <div class="col-lg-9">
351                                        <div class="row g-3">
352                                            <div class="col-md-4">
353                                                <div class="partner-logo-item">
354                                                    <i class="fa-solid fa-handshake"></i>
355                                                    <h6>Tesisquare S.p.A.</h6>
356                                                    <p class="small mb-0">Sviluppo e supporto HD3 su SIAD AS400.</p>
357                                                </div>
358                                            </div>
359                                            <div class="col-md-4">
360                                                <div class="partner-logo-item">
361                                                    <i class="fa-solid fa-file-invoice"></i>
362                                                    <h6>Record Informatica</h6>
363                                                    <p class="small mb-0">Integrazione Validoc e XMLFATT.</p>
364                                                </div>
365                                            </div>
366                                            <div class="col-md-4">
367                                                <div class="partner-logo-item">
368                                                    <i class="fa-solid fa-window-restore"></i>
369                                                    <h6>BigBlue Srl</h6>
370                                                    <p class="small mb-0">Fresche Solution: Websmart e Presto.</p>
371                                                </div>
372                                            </div>
373                                        </div>
374                                    </div>
375                                </div>
376                            </div>
377                        </div>
378                    </li>
379					
380                    <li class="nav-item"><a class="nav-link" href="index.html#chi-siamo">Chi Siamo</a></li>
381                    <li class="nav-item"><a class="nav-link fw-bold text-primary" href="#" style="color: var(--itnow-accent) !important;">Sostenibilità</a></li>
382                    <li class="nav-item"><a class="nav-link" href="index.html#contatti">Contatti</a></li>
383                    <li class="nav-item"><a class="nav-link" href="index.html#lavora-con-noi">Lavora con noi</a></li>
384                </ul>
385            </div>
386        </div>
387    </nav>
388
389    <header class="hero d-flex align-items-center">
390        <div class="container position-relative" style="z-index: 2;">
391            <div class="row">
392                <div class="col-lg-8">
393                    <span class="tech-badge">Responsabilità Sociale d'Impresa</span>
394                    <h1>Sostenibilità e <span class="accent">Territorio</span>: il valore oltre il codice.</h1>
395                    <p class="lead mb-0">In I.T. Now crediamo che l'innovazione e lo sviluppo software debbano camminare di pari passo con la cura e la crescita della nostra comunità.</p>
396                </div>
397            </div>
398        </div>
399    </header>
400
401    <!-- SEZIONE 1: PROGETTI DEL CUORE -->
402    <section class="section-padding bg-white">
403        <div class="container">
404            <div class="row align-items-center mb-4">
405                <div class="col-lg-12">
406                    <span class="tech-badge">SOLIDARIETÀ & WELFARE</span>
407                    <h2 class="display-6 mb-3" style="color: var(--itnow-blue);">Al fianco di "Progetti del Cuore" per la comunità di Marino</h2>
408                    <p class="lead fw-normal mb-4">Sosteniamo il diritto alla mobilità e alla cura dei cittadini più fragili del nostro comune.</p>
409                    <p>Abbiamo scelto di offrire il nostro contributo attivo all'iniziativa di <strong>Progetti del Cuore</strong>, partecipando all'acquisto di un nuovo mezzo di trasporto attrezzato destinato alla comunità del <strong>Comune di Marino</strong>, dove si trova la nostra sede operativa. Questo veicolo speciale, gestito dai servizi sociali e dai volontari locali, offre un servizio di accompagnamento completamente gratuito e sicuro presso ospedali, centri diagnostici e strutture sanitarie per visite, cure e terapie. Per noi di I.T. Now, questo rappresenta un gesto concreto volto a garantire che nessuno sul nostro territorio venga lasciato indietro quando si parla di salute, assistenza e supporto sociale.</p>
410                </div>
411            </div>
412            <!-- Griglia a 3 Foto -->
413            <div class="row g-3">
414                <div class="col-md-4 text-center">
415                    <div class="img-decor-wrapper">
416                        <img src="img/progetti-del-cuore-1.jpg" alt="Progetti del Cuore - ITNow Marino 1" class="img-decor img-zoomable" onerror="this.src='https://images.unsplash.com/photo-1581578731548-c64695cc6952?auto=format&fit=crop&q=80&w=600'">
417                    </div>
418                </div>
419                <div class="col-md-4 text-center">
420                    <div class="img-decor-wrapper">
421                        <img src="img/progetti-del-cuore-2.jpg" alt="Progetti del Cuore - ITNow Marino 2" class="img-decor img-zoomable" onerror="this.src='https://images.unsplash.com/photo-1576765608535-5f04d1e3f289?auto=format&fit=crop&q=80&w=600'">
422                    </div>
423                </div>
424                <div class="col-md-4 text-center">
425                    <div class="img-decor-wrapper">
426                        <img src="img/progetti-del-cuore-3.jpg" alt="Progetti del Cuore - ITNow Marino 3" class="img-decor" onerror="this.src='https://images.unsplash.com/photo-1516841273335-e39b37888115?auto=format&fit=crop&q=80&w=600'">
427                    </div>
428                </div>
429            </div>
430        </div>
431    </section>
432
433    <!-- SEZIONE 2: GIRO D'ITALIA CURE PALLIATIVE PEDIATRICHE -->
434    <section class="section-padding" style="background-color: var(--itnow-light); border-top: 1px solid #e2e8f0;">
435        <div class="container">
436            <div class="row align-items-center mb-4">
437                <div class="col-lg-12">
438                    <span class="tech-badge">SALUTE & PREVENZIONE</span>
439                    <h2 class="display-6 mb-3" style="color: var(--itnow-blue);">Giro d'Italia delle Cure Palliative Pediatriche</h2>
440                    <p class="lead fw-normal mb-4">Sosteniamo la sensibilizzazione e la dignità delle cure per i piccoli pazienti.</p>
441                    <p>I.T. Now sposa con orgoglio i valori e gli scopi del <strong>Giro d'Italia delle Cure Palliative Pediatriche</strong>. Si tratta di un'importantissima initiative nazionale di sensibilizzazione volta a rompere il silenzio e a far c
441onoscere i diritti dei minori affetti da patologie inguaribili ad alta complessità assistenziale, insieme al supporto cruciale destinato alle loro famiglie. Crediamo fortemente che la responsabilità di un'azienda tecnologica moderna superi i confini dei propri sistemi informatici. Contribuire a far luce su tematiche così delicate e fondamentali a livello umano e sanitario è parte integrante del nostro modo di fare impresa, affiancando chi lavora ogni giorno sul campo per garantire dignità, sollievo e una qualità di vita migliore ai piccoli pazienti.</p>
442                </div>
443            </div>
444            <!-- Griglia a 3 Foto -->
445            <div class="row g-3">
446                <div class="col-md-4 text-center">
447                    <div class="img-decor-wrapper">
448                        <img src="img/cure-palliative-1.jpg" alt="Giro Cure Palliative Pediatriche 1" class="img-decor img-zoomable" onerror="this.src='https://images.unsplash.com/photo-1505751172876-fa1923c5c528?auto=format&fit=crop&q=80&w=600'">
449                    </div>
450                </div>
451                <div class="col-md-4 text-center">
452                    <div class="img-decor-wrapper">
453                        <img src="img/cure-palliative-2.jpg" alt="Giro Cure Palliative Pediatriche 2" class="img-decor img-zoomable" onerror="this.src='https://images.unsplash.com/photo-1584515979956-d9f6e5d09982?auto=format&fit=crop&q=80&w=600'">
454                    </div>
455                </div>
456                <div class="col-md-4 text-center">
457                    <div class="img-decor-wrapper">
458                        <img src="img/cure-palliative-3.jpg" alt="Giro Cure Palliative Pediatriche 3" class="img-decor img-zoomable" onerror="this.src='https://images.unsplash.com/photo-1579684389782-64d84b5e901a?auto=format&fit=crop&q=80&w=600'">
459                    </div>
460                </div>
461            </div>
462        </div>
463    </section>
464
465    <!-- SEZIONE 3: SPONSOR MTB -->
466    <section class="section-padding bg-white" style="border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0;">
467        <div class="container">
468            <div class="row align-items-center mb-4">
469                <div class="col-lg-12">
470                    <span class="tech-badge">SPORT, NATURA & VALORI</span>
471                    <h2 class="display-6 mb-3" style="color: var(--itnow-blue);">Sponsor Ufficiali del ciclismo MTB nei Castelli Romani</h2>
472                    <p class="lead fw-normal mb-4">Condividiamo sul territorio gli stessi principi che applichiamo nell'IT: disciplina, costanza e spirito di squadra.</p>
473                    <p>Lo sport all'aria aperta e in contesti naturalistici rappresenta per noi la massima espressione di benessere, rispetto per l'ambiente e determinazione. Per questo motivo, I.T. Now sostiene attivamente il territorio in qualità di <strong>Sponsor Ufficiali della ASD BIKE 2.0 dei Castelli Romani</strong>. Attraverso questa partnership, promuoviamo uno stile di vita dinamico, la valorizzazione e la tutela dei percorsi naturalistici e delle bellezze della nostra splendida area e l'aggregazione giovanile. Siamo fieri ed entusiasti di affiancare gli atleti in ogni singola competizione ed escursione sui sentieri del territorio, portando la passione di I.T. Now direttamente sul campo da gara.</p>
474                </div>
475            </div>
476            <!-- Griglia a 3 Foto -->
477            <div class="row g-3">
478                <div class="col-md-4 text-center">
479                    <div class="img-decor-wrapper">
480                        <img src="img/mtb-1.jpg" alt="Sponsor MTB Castelli Romani 1" class="img-decor img-zoomable" onerror="this.src='https://images.unsplash.com/photo-1544192240-4a34fed0104c?auto=format&fit=crop&q=80&w=600'">
481                    </div>
482                </div>
483                <div class="col-md-4 text-center">
484                    <div class="img-decor-wrapper">
485                        <img src="img/mtb-2.jpg" alt="Sponsor MTB Castelli Romani 2" class="img-decor img-zoomable" onerror="this.src='https://images.unsplash.com/photo-1485965120184-e220f721d03e?auto=format&fit=crop&q=80&w=600'">
486                    </div>
487                </div>
488                <div class="col-md-4 text-center">
489                    <div class="img-decor-wrapper">
490                        <img src="img/mtb-3.jpg" alt="Sponsor MTB Castelli Romani 3" 
490class="img-decor img-zoomable" onerror="this.src='https://images.unsplash.com/photo-1517649763962-0c623066013b?auto=format&fit=crop&q=80&w=600'">
491                    </div>
492                </div>
493            </div>
494        </div>
495    </section>
496
497    <!-- FRASE DI CHIUSURA ESTESA -->
498    <section class="section-padding bg-white text-center">
499        <div class="container py-4">
500            <div class="row justify-content-center">
501                <div class="col-lg-8">
502                    <i class="fa-solid fa-heart mb-3 text-info" style="font-size: 2rem;"></i>
503                    <h3 class="fw-normal text-muted italic">"Restituire valore e supporto alla comunità e al territorio che ci ospita e ci permette di crescere ogni giorno come professionisti ed ex IT manager: questa è la nostra visione di futuro e di impresa."</h3>
504                </div>
505            </div>
506        </div>
507    </section>
508
509    <!-- STRUTTURA FINESTRA MODAL DYNAMIC LIGHTBOX (COMPONENTE BOOTSTRAP NATIVO) -->
510    <div class="modal fade" id="imageLightboxModal" tabindex="-1" aria-hidden="true">
511        <div class="modal-dialog modal-dialog-centered modal-xl">
512            <div class="modal-content bg-transparent border-0">
513                <div class="modal-body p-0 text-center position-relative">
514                    <button type="button" class="btn-close btn-close-white position-absolute top-0 end-0 m-3" data-bs-shadow="none" data-bs-dismiss="modal" aria-label="Chiudi" style="z-index: 1060; filter: drop-shadow(0px 2px 4px rgba(0,0,0,0.8));"></button>
515                    <img src="" id="lightboxModalImage" class="img-fluid rounded-3" alt="Immagine Ingrandita" style="max-height: 85vh; box-shadow: 0 25px 50px rgba(0,0,0,0.5);">
516                </div>
517            </div>
518        </div>
519    </div>
520
521    <footer class="py-4">
522        <div class="container text-center">
523            <p class="small mb-1">I.T. Now S.r.l. - Via Cesare Battisti, 20 - Marino (Roma) - P.IVA: 13636211008</p>
524            <p class="small mb-0">© 2026 Sviluppo & Consulenza IBM i - Hosting su Aruba.it</p>
525        </div>
526    </footer>
527
528    
528<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
528
529    
529<script>
530        document.addEventListener("DOMContentLoaded", function() {
531            
532            // LOGICA DI INGRANDIMENTO DELLE FOTO (LIGHTBOX DINAMICO VIA MODAL)
533            const lightboxModalEl = document.getElementById('imageLightboxModal');
534            const lightboxModal = new bootstrap.Modal(lightboxModalEl);
535            const modalImage = document.getElementById('lightboxModalImage');
536
537            // Intercetta il clic su tutte le immagini con classe .img-zoomable
538            document.querySelectorAll('.img-zoomable').forEach(img => {
539                img.addEventListener('click', function() {
540                    // Imposta l'attributo src del modal usando il percorso dell'immagine cliccata
541                    modalImage.src = this.src;
542                    modalImage.alt = this.alt;
543                    // Mostra la finestra a comparsa
544                    lightboxModal.show();
545                });
546            });
547            
548            // GESTIONE MEGA MENU (Fix Hover Desktop + Click Mobile clonata dal codice originale)
549            const dropdownLinks = document.querySelectorAll('.nav-item.dropdown > .nav-link');
550            
551            dropdownLinks.forEach(link => {
552                link.addEventListener('click', function(e) {
553                    if (window.innerWidth < 992) {
554                        e.preventDefault();
555                        e.stopPropagation();
556                        
557                        const parent = this.parentElement;
558                        const menu = parent.querySelector('.mega-menu');
559                        const isAlreadyOpen = menu.classList.contains('show-mobile');
560                        
561                        document.querySelectorAll('.mega-menu').forEach(m => m.classList.remove('show-mobile'));
562                        document.querySelectorAll('.nav-item.dropdown').forEach(d => d.classList.remove('active-mobile'));
563
564                        if (!isAlreadyOpen) {
565                            menu.classList.add('show-mobile');
566                            parent.classList.add('active-mobile');
567                        }
568                    }
569                });
570            });
571
572            // PROTEZIONE EMAIL ANTI-SPAM (Sistema nativo ITNow)
573            document.querySelectorAll('.safe-email').forEach(link => {
574                const user = link.dataset.user;
575                const domain = link.dataset.domain;
576                if(user && domain) {
577                    const email = user + '@' + domain;
578                    link.href = 'mailto:' + email;
579                    link.textContent = email;
580                }
581            });
582        });
583    </script>
583
584</body>
585</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.