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.