1<!DOCTYPE html> 2<html lang="en"> 3<head> 4<!-- Required meta tags --> 5<meta charset="utf-8"> 6<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 7<link rel="stylesheet" href="/atm-web/resources/css/bootstrap.min.css" crossorigin="anonymous"> 8<link href="https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700,900&display=swap" rel="stylesheet"> 9 <link rel="stylesheet" href="/atm-web/resources/lightgallery/css/lightgallery-bundle.min.css" /> 10<link rel="stylesheet" href="/atm-web/resources/css/custom.css?ver=0.0.1"> 11 <link rel="stylesheet" href="/atm-web/resources/flickity/flickity.css" /> 12<title>Archivio Storico ATM</title> 13 <meta property="og:url" content="https://archiviostorico.atm.it/atm-web/news-item/" /> 14 <link rel="canonical" href="https://archiviostorico.atm.it/atm-web/news-item/" /> 15 <meta property="og:image" content="https://archiviostorico.atm.it/atm-web/full/IT/ATM/CMS001/000002/IT.ATM.CMS001.000002.0252.jpg" /> 16 <meta property="og:image:url" content="https://archiviostorico.atm.it/atm-web/full/IT/ATM/CMS001/000002/IT.ATM.CMS001.000002.0252.jpg" /> 17 <meta property="og:image:type" content="image/jpeg" /> 18 <meta property="og:title" content="Archivio Storico ATM" /> 19 <meta name="twitter:card" content="summary_large_image" /> 20 <meta name="twitter:site" content="archivio.atm.it" /> 21 <meta name="twitter:creator" content="@atm_informa" /> 22 <meta name="twitter:image" content="https://archiviostorico.atm.it/atm-web/full/IT/ATM/CMS001/000002/IT.ATM.CMS001.000002.0252.jpg" /> 23 <meta name="twitter:url" content="https://archiviostorico.atm.it/atm-web/news-item/" /> 24 <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 24-25
24 25<script async src="https://www.googletagmanager.com/gtag/js?id=
25G-H5NWHBHT82
vendor: 12 bytes, line 25
25"></script>
26<script> 27
vendor: 136 bytes, lines 27-32
27window.dataLayer = window.dataLayer || []; 28 function gtag() { 29 dataLayer.push(arguments); 30 } 31 gtag('js', new Date()); 32 gtag('config', '
32G-H5NWHBHT82
vendor: 4 bytes, line 32
32');
33</script>
33 34</head> 35<body> 36 <header class="fixed-top"> 37 <div class="container"> 38 <nav class="navbar navbar-expand-lg navbar-light"> 39 <a href="/atm-web/" class="navbar-brand logo"><img src="/atm-web/resources/img/logo-archivio.svg"> 40 <h1> 41 archivio <span>storico</span> 42 </h1> </a> 43 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation"> 44 <span class="navbar-toggler-icon"></span> 45 </button> 46 <div class="collapse navbar-collapse" id="navbarTogglerDemo02"> 47 <ul class="navbar-nav ml-auto mt-2"> 48 <li class="nav-item"><a class="btn dropdown-toggle" href="#" role="button" id="dropdownMenuLink-1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">l'archivio</a> 49 <div class="dropdown-menu" aria-labelledby="dropdownMenuLink-1"> 50 <a class="dropdown-item" href="/atm-web/info/patrimonio-culturale">IL PATRIMONIO CULTURALE</a> 51 </div></li> 52 <li class="nav-item"><a class="btn dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Percorsi d'archivio</a> 53 <div class="dropdown-menu" aria-labelledby="dropdownMenuLink"> 54 <a class="dropdown-item" href="/atm-web/subject/i-mezzi">I mezzi</a> 55 <a class="dropdown-item" href="/atm-web/subject/le-vedute-milano">Le vedute di Milano</a> 56 <a class="dropdown-item" href="/atm-web/subject/le-sedi">Le sedi</a> 57 <a class="dropdown-item" href="/atm-web/subject/le-persone">Le persone</a> 58 </div></li> 59 <li class="nav-item"><a class="nav-link" href="/atm-web/#ricerca-hp" id="ckricerca-hp">Ricerca</a></li> 60 <li class="nav-item"><a class="nav-link" href="/atm-web/#mappa-hp" id="ckmappa-hp">Esplora i luoghi</a></li> 61 <li class="nav-item"><a class="nav-link" href="/atm-web/news">Approfondimenti</a></li> 62 <li class="nav-item"><a class="nav-link" href="/atm-web/contatti">Contatti</a></li> 63 </ul> 64 </div> 65 </nav> 66 </div> 67</header>
68<script type="text/javascript" src="/atm-web/resources/js/cookieconsent.min.js"></script>
68 69<link rel="stylesheet" href="/atm-web/resources/css/cookieconsent.min.css">
70<script> 71window.addEventListener("load", function(){ 72window.cookieconsent.initialise({ 73 "palette": { 74 "popup": { 75 "background": "rgba(0, 0, 0, 0.85)" 76 }, 77 "button": { 78 "background": "rgb(244, 131, 37)" 79 80 } 81 }, 82 position: "bottom", 83 "content": { 84"message": "Utilizziamo Cookies sulla nostra pagina web, per rendere la vostra visita più efficiente.<br>Cliccate per favore su \"OK\"! Potete trovare maggiori informazioni nella nostra", 85 "dismiss": "   OK   ", 86 "link": 'Privacy e Cookie Policy', 87 "href": "/atm-web/info/informativa" 88 },"cookie": { 89 "expiryDays": 1 90} 91})}); 92</script>
92 93 94<main> 95 <section class="wrap-post"> 96 <div class="container"> 97 <div class="row"> 98 <div class="col-12 col-md-8 offset-md-2"> 99 <nav aria-label="breadcrumb"> 100 <ol class="breadcrumb"> 101 <li class="breadcrumb-item"><a href="/atm-web/news">Approfondimenti</a></li> 102 </ol> 103 </nav> 104 </div> 105 </div> 106 <div class="row"> 107 <div class="col-12 col-md-8 offset-md-2"> 108 <h3 class="title-scheda">Inediti dall'Archivio per festeggiare i 95 anni di ATM</h3> 109 <p> 110 <img alt="" class="img-fluid" src="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0018.jpg"> 111 </p> 112 <p class="p-post"> 113 <p style="text-align: justify;">Novantacinque anni di storia intrecciata con quella di Milano: ATM rappresenta molto più di un'azienda di trasporto pubblico, è un vero e proprio motore della vita cittadina, capace di accompagnare l'evoluzione della metropoli e adattarsi alle sue esigenze. Un'esperienza consolidata che oggi trova riconoscimento anche a livello internazionale, con il contributo dell'Azienda alla gestione del trasporto pubblico a Copenaghen, Salonicco e Parigi.<br />Per festeggiare questo importante traguardo, pubblichiamo di seguito alcuni documenti inediti legati a momenti significativi della storia dell'Azienda, conservati in Archivio Storico e appartenenti al patrimonio ad oggi riordinato.</p></p> 114 </div> 115 </div> 116 <div class="row"> 117 <div class="col-12 col-md-8 offset-md-2"> 118 <p class="sub-title-news"><strong >Anni '30: ATM diventa Azienda Autonoma</strong></p> 119 <p class="p-post"> 120 <p style="text-align: justify;">Dopo la gestione Edison, nel 1917 l'esercizio della rete urbana viene assunto direttamente dal Comune di Milano che lo manterrà per oltre un decennio. Con la delibera del 22 maggio 1931, il podestà di Milano istituisce il servizio tranviario municipale in "Azienda Autonoma Speciale": nasce così l'Azienda Tranviaria Municipale che avrà vita, dal punto di vista amministrativo, a partire dal 1° gennaio 1932. Gli uffici dell'ATM si insediano nell'attuale sede di Foro Buonaparte 61, all'interno di un edificio risalente al 1890 e progettato dall'architetto Luigi Broggi.</p></p> 121 </div> 122 </div> 123 <div class="row"> 124 <div class="col-md-8 offset-md-2" id="dynamic-gallery"> 125 126 <div class="all-carousel" id="car-first" data-flickity='{ "lazyLoad": true, "initialIndex": 0, "prevNextButtons": true, "pageDots": true }'> 127 <div class="carousel-cell"> 128 <img class="allImages carousel-cell-image" 129 data-lg-size="2500-2303" 130 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0039.jpg" 131 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0039.jpg" 132 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0039.jpg" 133 title="Stralcio del verbale della prima seduta straordinaria della Commissione Amministratrice della neonata Azienda Tranviaria Municipale, 21 ottobre 1931, pag.1." 134 alt="Stralcio del verbale della prima seduta straordinaria della Commissione Amministratrice della neonata Azienda Tranviaria Municipale, 21 ottobre 1931, pag.1." 135 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0039.jpg" 136 > 137 </div> 138 <div class="carousel-cell"> 139 <img class="allImages carousel-cell-image" 140 data-lg-size="2500-2303" 141 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0040.jpg" 142 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0040.jpg" 143 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0040.jpg" 144 title="Stralcio del verbale della prima seduta straordinaria della Commissione Amministratrice della neonata Azienda Tranviaria Municipale, 21 ottobre 1931, pag.2." 145 alt="Stralcio del verbale della prima seduta straordinaria della Commissione Amministratrice della neonata Azienda Tranviaria Municipale, 21 ottobre 1931, pag.2." 146 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0040.jpg" 147 > 148 </div> 149 <div class="carousel-cell"> 150 <img class="allImages carousel-cell-image" 151 data-lg-size="2500-2303" 152 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0041.jpg" 153 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0041.jpg" 154 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0041.jpg" 155 title="Stralcio del verbale della prima seduta straordinaria della Commissione Amministratrice della neonata Azienda Tranviaria Municipale, 21 ottobre 1931, pag.3." 156 alt="Stralcio del verbale della prima seduta straordinaria della Commissione Amministratrice della neonata Azienda Tranviaria Municipale, 21 ottobre 1931, pag.3." 157 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0041.jpg" 158 > 159 </div> 160 <div class="carousel-cell"> 161 <img class="allImages carousel-cell-image" 162 data-lg-size="2500-2303" 163 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0042.jpg" 164 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0042.jpg" 165 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0042.jpg" 166 title="Copertina del primo numero della Rivista Mensile, aprile 1932." 167 alt="Copertina del primo numero della Rivista Mensile, aprile 1932." 168 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0042.jpg" 169 > 170 </div> 171 <div class="carousel-cell"> 172 <img class="allImages carousel-cell-image" 173 data-lg-size="2500-2303" 174 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0043.jpg" 175 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0043.jpg" 176 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0043.jpg" 177 title=""Brevi note illustrative sulla costituzione e l'ordinamento dell'Azienda Tranviaria Municipale di Milano"- Rivista Mensile, numero 1, aprile 1932, pag.3." 178 alt=""Brevi note illustrative sulla costituzione e l'ordinamento dell'Azienda Tranviaria Municipale di Milano"- Rivista Mensile, numero 1, aprile 1932, pag.3." 179 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0043.jpg" 180 > 181 </div> 182 <div class="carousel-cell"> 183 <img class="allImages carousel-cell-image" 184 data-lg-size="2500-2303" 185 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0044.jpg" 186 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0044.jpg" 187 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0044.jpg" 188 title=""Brevi note illustrative sulla costituzione e l'ordinamento dell'Azienda Tranviaria Municipale di Milano"- Rivista Mensile, numero 1, aprile 1932, pag.4." 189 alt=""Brevi note illustrative sulla costituzione e l'ordinamento dell'Azienda Tranviaria Municipale di Milano"- Rivista Mensile, numero 1, aprile 1932, pag.4." 190 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0044.jpg" 191 > 192 </div> 193 <div class="carousel-cell"> 194 <img class="allImages carousel-cell-image" 195 data-lg-size="2500-2303" 196 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0046.jpg" 197 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0046.jpg" 198 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0046.jpg" 199 title="Copertina del "Regolamento per l'Azienda Tranviaria Municipale di Milano", 1931." 200 alt="Copertina del "Regolamento per l'Azienda Tranviaria Municipale di Milano", 1931." 201 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0046.jpg" 202 > 203 </div> 204 <div class="carousel-cell"> 205 <img class="allImages carousel-cell-image" 206 data-lg-size="2500-2303" 207 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0047.jpg" 208 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0047.jpg" 209 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0047.jpg" 210 title=""Linee tranviarie e percorsi" - Rivista Mensile, numero 1, aprile 1932, pag.18." 211 alt=""Linee tranviarie e percorsi" - Rivista Mensile, numero 1, aprile 1932, pag.18." 212 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0047.jpg" 213 > 214 </div> 215 <div class="carousel-cell"> 216 <img class="allImages carousel-cell-image" 217 data-lg-size="2500-2303" 218 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0048.jpg" 219 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0048.jpg" 220 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0048.jpg" 221 title=""Linee tranviarie e percorsi" - Rivista Mensile, numero 1, aprile 1932, pag.19." 222 alt=""Linee tranviarie e percorsi" - Rivista Mensile, numero 1, aprile 1932, pag.19." 223 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0048.jpg" 224 > 225 </div> 226 </div> 227 </div> 228 </div> 229 <div class="row"> 230 <div class="col-12 col-md-8 offset-md-2"> 231 <p class="sub-title-news"><strong >Anni '40/'50: la guerra e la ricostruzione</strong></p> 232 <p class="p-post"> 233 <p><span style="text-align: justify;">Durante la Seconda guerra mondiale, nella notte tra il 12 e il 13 agosto del 1943 Milano subisce il più pesante dei bombardamenti. L'incursione aerea alleata distrugge gran parte degli impianti e delle vetture tranviarie e filoviarie urbane. Vengono danneggiati anche numerosi depositi, centri nevralgici della mobilità urbana, paral
233izzando così la città . Finita la guerra, la restituzione alla normalità del servizio di trasporto pubblico costituisce per ATM l'obiettivo prioritario per consentire a Milano di riprendere in pieno la sua attività .</span></p></p> 234 </div> 235 </div> 236 <div class="row"> 237 <div class="col-md-8 offset-md-2" id="dynamic-gallery-second"> 238 239 <div class="all-carousel" id="car-second" data-flickity='{ "lazyLoad": true, "initialIndex": 0, "prevNextButtons": true, "pageDots": true }'> 240 <div class="carousel-cell"> 241 <img class="allImagesSecond carousel-cell-image" 242 data-lg-size="2500-2303" 243 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0107.jpg" 244 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0107.jpg" 245 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0107.jpg" 246 title="Deposito Baggio bombardato" 247 alt="Deposito Baggio bombardato" 248 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0107.jpg" 249 > 250 </div> 251 <div class="carousel-cell"> 252 <img class="allImagesSecond carousel-cell-image" 253 data-lg-size="2500-2303" 254 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0108.jpg" 255 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0108.jpg" 256 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0108.jpg" 257 title="Deposito Baggio ricostruito" 258 alt="Deposito Baggio ricostruito" 259 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0108.jpg" 260 > 261 </div> 262 <div class="carousel-cell"> 263 <img class="allImagesSecond carousel-cell-image" 264 data-lg-size="2500-2303" 265 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0109.jpg" 266 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0109.jpg" 267 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0109.jpg" 268 title="Deposito Leoncavallo bombardato" 269 alt="Deposito Leoncavallo bombardato" 270 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0109.jpg" 271 > 272 </div> 273 <div class="carousel-cell"> 274 <img class="allImagesSecond carousel-cell-image" 275 data-lg-size="2500-2303" 276 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0110.jpg" 277 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0110.jpg" 278 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0110.jpg" 279 title="Deposito Leoncavallo ricostruito" 280 alt="Deposito Leoncavallo ricostruito" 281 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0110.jpg" 282 > 283 </div> 284 <div class="carousel-cell"> 285 <img class="allImagesSecond carousel-cell-image" 286 data-lg-size="2500-2303" 287 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0111.jpg" 288 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0111.jpg" 289 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0111.jpg" 290 title="Deposito Messina bombardato" 291 alt="Deposito Messina bombardato" 292 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0111.jpg" 293 > 294 </div> 295 <div class="carousel-cell"> 296 <img class="allImagesSecond carousel-cell-image" 297 data-lg-size="2500-2303" 298 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0112.jpg" 299 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0112.jpg" 300 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0112.jpg" 301 title="Deposito Messina ricostruito" 302 alt="Deposito Messina ricostruito" 303 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0112.jpg" 304 > 305 </div> 306 <div class="carousel-cell"> 307 <img class="allImagesSecond carousel-cell-image" 308 data-lg-size="2500-2303" 309 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0113.jpg" 310 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0113.jpg" 311 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0113.jpg" 312 title="Deposito Ticinese bombardato" 313 alt="Deposito Ticinese bombardato" 314 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0113.jpg" 315 > 316 </div> 317 <div class="carousel-cell"> 318 <img class="allImagesSecond carousel-cell-image" 319 data-lg-size="2500-2303" 320 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0114.jpg" 321 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0114.jpg" 322 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0114.jpg" 323 title="Deposito Ticinese ricostruito" 324 alt="Deposito Ticinese ricostruito" 325 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0114.jpg" 326 > 327 </div> 328 </div> 329 </div> 330 </div> 331 <div class="row"> 332 <div class="col-12 col-md-8 offset-md-2"> 333 <p class="sub-title-news"><strong >Anni '60: la prima metropolitana a Milano</strong></p> 334 <p class="p-post"> 335 <p><span style="text-align: justify;">Il 1° novembre 1964 viene inaugurata la prima linea della metropolitana di Milano, la "rossa" sul percorso Lotto-Sesto Marelli, per un totale di 12,3 km e 21 stazioni. Autentico simbolo di modernità , funzionalità e design, la metropolitana cambia radicalmente la mobilità milanese, diventando un modello di efficie
335nza. Nello stesso anno, con delibera del Consiglio Comunale, </span><span style="text-align: justify;">ATM </span><span style="text-align: justify;">modifica la sua denominazione in "Azienda Trasporti Municipali" in vigore a partire dal 1° gennaio 1965</span><span style="text-align: justify;">: </span><span style="text-align: justify;">cambio indicativo di un nuovo e più complesso approccio alla mobilità da parte dell'Azienda.</span></p></p> 336 </div> 337 </div> 338 <div class="row"> 339 <div class="col-md-8 offset-md-2" id="dynamic-gallery-third"> 340 341 <div class="all-carousel" id="car-third" data-flickity='{ "lazyLoad": true, "initialIndex": 0, "prevNextButtons": true, "pageDots": true }'> 342 <div class="carousel-cell"> 343 <img class="allImagesThird carousel-cell-image" 344 data-lg-size="2500-2303" 345 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0090.jpg" 346 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0090.jpg" 347 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0090.jpg" 348 title=""Inizio delle corse di prova sulla linea metropolitana N.1", ordine di servizio n. 296 del 5 agosto 1964." 349 alt=""Inizio delle corse di prova sulla linea metropolitana N.1", ordine di servizio n. 296 del 5 agosto 1964." 350 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0090.jpg" 351 > 352 </div> 353 <div class="carousel-cell"> 354 <img class="allImagesThird carousel-cell-image" 355 data-lg-size="2500-2303" 356 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0091.jpg" 357 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0091.jpg" 358 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0091.jpg" 359 title=""Apertura all'esercizio della prima linea metropolitana", ordine di servizio n. 354 del 30 ottobre 1964." 360 alt=""Apertura all'esercizio della prima linea metropolitana", ordine di servizio n. 354 del 30 ottobre 1964." 361 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0091.jpg" 362 > 363 </div> 364 <div class="carousel-cell"> 365 <img class="allImagesThird carousel-cell-image" 366 data-lg-size="2500-2303" 367 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0099.jpg" 368 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0099.jpg" 369 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0099.jpg" 370 title="Biglietto ordinario valido per una corsa semplice sulla linea metropolitana, 1964." 371 alt="Biglietto ordinario valido per una corsa semplice sulla linea metropolitana, 1964." 372 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0099.jpg" 373 > 374 </div> 375 <div class="carousel-cell"> 376 <img class="allImagesThird carousel-cell-image" 377 data-lg-size="2500-2303" 378 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0100.jpg" 379 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0100.jpg" 380 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0100.jpg" 381 title=""Come si va in metrò": articolo sul corretto uso della metropolitana pubblicato sul "Notiziario ATM" numero 91, settembre-ottobre 1964." 382 alt=""Come si va in metrò": articolo sul corretto uso della metropolitana pubblicato sul "Notiziario ATM" numero 91, settembre-ottobre 1964." 383 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0100.jpg" 384 > 385 </div> 386 <div class="carousel-cell"> 387 <img class="allImagesThird carousel-cell-image" 388 data-lg-size="2500-2303" 389 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0097.jpg" 390 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0097.jpg" 391 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0097.jpg" 392 title="Una delle prime vetture della linea 1 della metropolitana scende in galleria, 1963." 393 alt="Una delle prime vetture della linea 1 della metropolitana scende in galleria, 1963." 394 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0097.jpg" 395 > 396 </div> 397 <div class="carousel-cell"> 398 <img class="allImagesThird carousel-cell-image" 399 data-lg-size="2500-2303" 400 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0096.jpg" 401 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0096.jpg" 402 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0096.jpg" 403 title="Cambio di denominazione in "Azienda Trasporti Municipali", ordine di servizio n. 403 del 23 dicembre 1964." 404 alt="Cambio di denominazione in "Azienda Trasporti Municipali", ordine di servizio n. 403 del 23 dicembre 1964." 405 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0096.jpg" 406 > 407 </div> 408 </div> 409 </div> 410 </div> 411 <div class="row"> 412 <div class="col-12 col-md-8 offset-md-2"> 413 <p class="sub-title-news"><strong >Anni '70: nasce il marchio ATM</strong></p> 414 <p class="p-post"> 415 <p class="MsoNormal" style="margin-bottom: 0cm; text-align: justify;">
415Nel 1972 Giovanni Klaus Koenig e Roberto Segoni, due architetti e designer di fama internazionale, si dedicano a un'analisi approfondita per ideare un nuovo marchio per l'ATM. Koenig e Segoni decidono di puntare su un simbolo grafico che rappresenti l'interscambio fra i mezzi di superficie e la metropolitana e di utilizzare i colori arancio e rosso "<em>per ricordare che siamo inconfondibilmente a Milano</em>". Il frutto del pensiero dei due grandi professionisti italiani svetta ancora oggi su tutti i mezzi e i documenti dell'Azienda ed è diventato marchio storico.</p></p> 416 </div> 417 </div> 418 <div class="row"> 419 <div class="col-md-8 offset-md-2" id="dynamic-gallery-fourth"> 420 421 <div class="all-carousel" id="car-fourth" data-flickity='{ "lazyLoad": true, "initialIndex": 0, "prevNextButtons": true, "pageDots": true }'> 422 <div class="carousel-cell"> 423 <img class="allImagesFourth carousel-cell-image" 424 data-lg-size="2500-2303" 425 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0049.jpg" 426 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0049.jpg" 427 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0049.jpg" 428 title="Logo con le iniziali ATM presente nella sede storica della Direzione in Foro Buonaparte, 61." 429 alt="Logo con le iniziali ATM presente nella sede storica della Direzione in Foro Buonaparte, 61." 430 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0049.jpg" 431 > 432 </div> 433 <div class="carousel-cell"> 434 <img class="allImagesFourth carousel-cell-image" 435 data-lg-size="2500-2303" 436 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0101.jpg" 437 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0101.jpg" 438 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0101.jpg" 439 title="Relazione di Koenig e Segoni, 1972, copertina." 440 alt="Relazione di Koenig e Segoni, 1972, copertina." 441 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0101.jpg" 442 > 443 </div> 444 <div class="carousel-cell"> 445 <img class="allImagesFourth carousel-cell-image" 446 data-lg-size="2500-2303" 447 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0035.jpg" 448 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0035.jpg" 449 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0035.jpg" 450 title="Relazione di Koenig e Segoni, pag.1." 451 alt="Relazione di Koenig e Segoni, pag.1." 452 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0035.jpg" 453 > 454 </div> 455 <div class="carousel-cell"> 456 <img class="allImagesFourth carousel-cell-image" 457 data-lg-size="2500-2303" 458 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0037.jpg" 459 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0037.jpg" 460 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0037.jpg" 461 title="Relazione di Koenig e Segoni, pag.2." 462 alt="Relazione di Koenig e Segoni, pag.2." 463 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0037.jpg" 464 > 465 </div> 466 <div class="carousel-cell"> 467 <img class="allImagesFourth carousel-cell-image" 468 data-lg-size="2500-2303" 469 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0038.jpg" 470 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0038.jpg" 471 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0038.jpg" 472 title="Relazione di Koenig e Segoni, pag.3." 473 alt="Relazione di Koenig e Segoni, pag.3." 474 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0038.jpg" 475 > 476 </div> 477 <div class="carousel-cell"> 478 <img class="allImagesFourth carousel-cell-image" 479 data-lg-size="2500-2303" 480 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0061.jpg" 481 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0061.jpg" 482 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0061.jpg" 483 title="Relazione di Koenig e Segoni, pag.4." 484 alt="Relazione di Koenig e Segoni, pag.4." 485 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0061.jpg" 486 > 487 </div> 488 <div class="carousel-cell"> 489 <img class="allImagesFourth carousel-cell-image" 490 data-lg-size="2500-2303" 491 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0062.jpg" 492 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0062.jpg" 493 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0062.jpg" 494 title="Relazione di Koenig e Segoni, pag.5." 495 alt="Relazione di Koenig e Segoni, pag.5." 496 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0062.jpg" 497 > 498 </div> 499 <div class="carousel-cell"> 500 <img class="allImagesFourth carousel-cell-image" 501 data-lg-size="2500-2303" 502 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0063.jpg" 503 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0063.jpg" 504 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0063.jpg" 505 title="Relazione di Koenig e Segoni, pag.6." 506 alt="Relazione di Koenig e Segoni, pag.6." 507 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0063.jpg" 508 > 509 </div> 510 <div class="carousel-cell"> 511 <img class="allImagesFourth carousel-cell-image" 512 data-lg-size="2500-2303" 513 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0064.jpg" 514 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0064.jpg" 515 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0064.jpg" 516 title="Relazione di Koenig e Segoni, pag.7." 517 alt="Relazione di Koenig e Segoni, pag.7." 518 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0064.jpg" 519 > 520 </div> 521 <div class="carousel-cell"> 522 <img class="allImagesFourth carousel-cell-image" 523 data-lg-size="2500-2303" 524 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0065.jpg" 525 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0065.jpg" 526 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0065.jpg" 527 title="Relazione di Koenig e Segoni, pag.8." 528 alt="Relazione di Koenig e Segoni, pag.8." 529 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0065.jpg" 530 > 531 </div> 532 <div class="carousel-cell"> 533 <img class="allImagesFourth carousel-cell-image" 534 data-lg-size="2500-2303" 535 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0066.jpg" 536 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0066.jpg" 537 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0066.jpg" 538 title="Relazione di Koenig e Segoni, pag.9." 539 alt="Relazione di Koenig e Segoni, pag.9." 540 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0066.jpg" 541 > 542 </div> 543 <div class="carousel-cell"> 544 <img class="allImagesFourth carousel-cell-image" 545 data-lg-size="2500-2303" 546 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0067.jpg" 547 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0067.jpg" 548 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0067.jpg" 549 title="Relazione di Koenig e Segoni, pag.10." 550 alt="Relazione di Koenig e Segoni, pag.10." 551 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0067.jpg" 552 > 553 </div> 554 <div class="carousel-cell"> 555 <img class="allImagesFourth carousel-cell-image" 556 data-lg-size="2500-2303" 557 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0068.jpg" 558 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0068.jpg" 559 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0068.jpg" 560 title="Relazione di Koenig e Segoni, pag.11." 561 alt="Relazione di Koenig e Segoni, pag.11." 562 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0068.jpg" 563 > 564 </div> 565 <div class="carousel-cell"> 566 <img class="allImagesFourth carousel-cell-image" 567 data-lg-size="2500-2303" 568 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0069.jpg" 569 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0069.jpg" 570 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0069.jpg" 571 title="Relazione di Koenig e Segoni, pag.12." 572 alt="Relazione di Koenig e Segoni, pag.12." 573 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0069.jpg" 574 > 575 </div> 576 <div class="carousel-cell"> 577 <img class="allImagesFourth carousel-cell-image" 578 data-lg-size="2500-2303" 579 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0102.jpg" 580 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0102.jpg" 581 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0102.jpg" 582 title="Il logo ATM di Koenig e Segoni applicato su un biglietto, 1974." 583 alt="Il logo ATM di Koenig e Segoni applicato su un biglietto, 1974." 584 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0102.jpg" 585 > 586 </div> 587 </div> 588 </div> 589 </div> 590 <div class="row"> 591 <div class="col-12 col-md-8 offset-md-2"> 592 <p class="sub-title-news"><strong >Anni '80 -'90: il boom della comunicazione</strong></p> 593 <p class="p-post"> 594 <p><span style="text-align: justify;">Tra gli anni '80 e '90 la comunicazione di ATM conosce un'evoluzione significativa, passando da un linguaggio principalmente di servizio a un racconto più vicino e coinvolgente. Le campagne assumono un ruolo sempre più culturale e di promozione civile, unendo ironia, design e responsabilità sociale: è il caso di "Attilio Tranviere Milanese" che veicola messaggi comportamentali capaci di creare relazione e senso di appartenenza o di "Andar bene a scuola", che attinge al linguaggio cinematografico per avvicinarsi alle giovani generazioni.</span></p></p> 595 </div> 596 </div> 597 <div class="row"> 598 <div class="col-md-8 offset-md-2" id="dynamic-gallery-fifth"> 599
600 <div class="all-carousel" id="car-fifth" data-flickity='{ "lazyLoad": true, "initialIndex": 0, "prevNextButtons": true, "pageDots": true }'> 601 <div class="carousel-cell"> 602 <img class="allImagesFifth carousel-cell-image" 603 data-lg-size="2500-2303" 604 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0103.jpg" 605 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0103.jpg" 606 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0103.jpg" 607 title="Il personaggio di Attilio Tranviere Milanese dipinto sulla vettura Scuolaintram,1986." 608 alt="Il personaggio di Attilio Tranviere Milanese dipinto sulla vettura Scuolaintram,1986." 609 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0103.jpg" 610 > 611 </div> 612 <div class="carousel-cell"> 613 <img class="allImagesFifth carousel-cell-image" 614 data-lg-size="2500-2303" 615 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0104.jpg" 616 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0104.jpg" 617 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0104.jpg" 618 title="Uno dei bozzetti della campagna "Per Milano con tutti i mezzi" con il personaggio di Attilio Tranviere Milanese, 1986." 619 alt="Uno dei bozzetti della campagna "Per Milano con tutti i mezzi" con il personaggio di Attilio Tranviere Milanese, 1986." 620 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0104.jpg" 621 > 622 </div> 623 <div class="carousel-cell"> 624 <img class="allImagesFifth carousel-cell-image" 625 data-lg-size="2500-2303" 626 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0105.jpg" 627 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0105.jpg" 628 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0105.jpg" 629 title="Uno dei bozzetti della campagna "Per Milano con tutti i mezzi" con il personaggio di Attilio Tranviere Milanese, 1986." 630 alt="Uno dei bozzetti della campagna "Per Milano con tutti i mezzi" con il personaggio di Attilio Tranviere Milanese, 1986." 631 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0105.jpg" 632 > 633 </div> 634 <div class="carousel-cell"> 635 <img class="allImagesFifth carousel-cell-image" 636 data-lg-size="2500-2303" 637 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0106.jpg" 638 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0106.jpg" 639 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0106.jpg" 640 title="Uno dei bozzetti della campagna "Per Milano con tutti i mezzi" con il personaggio di Attilio Tranviere Milanese, 1986." 641 alt="Uno dei bozzetti della campagna "Per Milano con tutti i mezzi" con il personaggio di Attilio Tranviere Milanese, 1986." 642 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0106.jpg" 643 > 644 </div> 645 <div class="carousel-cell"> 646 <img class="allImagesFifth carousel-cell-image" 647 data-lg-size="2500-2303" 648 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0087.jpg" 649 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0087.jpg" 650 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0087.jpg" 651 title="Uno dei bozzetti della campagna "Andar bene a scuola", 1994." 652 alt="Uno dei bozzetti della campagna "Andar bene a scuola", 1994." 653 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0087.jpg" 654 > 655 </div> 656 <div class="carousel-cell"> 657 <img class="allImagesFifth carousel-cell-image" 658 data-lg-size="2500-2303" 659 data-flickity-lazyload="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0088.jpg" 660 data-original="/atm-web/image-cms-h/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0088.jpg" 661 data-thumb="/atm-web/image-cms-s/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0088.jpg" 662 title="Uno dei bozzetti della campagna "Andar bene a scuola", 1994." 663 alt="Uno dei bozzetti della campagna "Andar bene a scuola", 1994." 664 src="/atm-web/image-cms-m/IT/ATM/CMS001/000026/IT.ATM.CMS001.000026.0088.jpg" 665 > 666 </div> 667 </div> 668 </div> 669 </div>
670 </div> 671 </section> 672 </main> 673 <footer> 674 <div class="container"> 675 <div class="row"> 676 <div class="col-12 col-md-6" style="margin-top: -7px;"> 677 <p class="text-center" style="display: inline-block;"> 678 <a href="https://www.atm.it/it/Pagine/default.aspx" target="_blank" class="link-black align-middle link-atm-footer">www.atm.it</a> 679 </p> 680 <p class="row-social-footer text-right" style="display: inline-block;"> 681 <a href="https://www.instagram.com/atm_milano/" target="_blank" title="ATM Milano - instagram"><img src="/atm-web/resources/img/ig-ico.svg" alt="ATM Milano - instagram"></a> <a href="https://twitter.com/atm_informa" target="_blank" title="ATM Milano - Twitter"><img src="/atm-web/resources/img/tw-ico.svg" alt="ATM Milano - Twitter"></a> <a href="https://www.linkedin.com/company/atm-milano/" target="_blank" title="ATM Milano - Linkedin"><img src="/atm-web/resources/img/in-ico.svg" alt="ATM Milano - Linkedin"></a> 682 </p> 683 </div> 684 <div class="col-12 col-md-6 colDatiFooter"> 685 <p class="text-right"> 686 <span>P.IVA N. 12883390150 </span> <a href="/atm-web/info/informativa">Privacy e Cookie Policy</a> | <a href="/atm-web/info/copyright">Note Legali</a> | <a href="https://www.xdams.org/" target="_blank">powered by xDams</a> 687 </p> 688 </div> 689 </div> 690 <div class="row "> 691 <div class="col-md-4 offset-md-4 text-center"></div> 692 </div> 693 </div> 694</footer> 695
696<script type="text/javascript" src="/atm-web/resources/js/jquery-3.5.1.min.js"></script>
696 697
697<script type="text/javascript" src="/atm-web/resources/js/popper.min.js"></script>
697 698
698<script type="text/javascript" src="/atm-web/resources/js/bootstrap.min.js"></script>
698 699
699<script type="text/javascript" src="/atm-web/resources/js/jquery.scrollUp.min.js"></script>
699 700 701
701<script src="/atm-web/resources/lightgallery/lightgallery.min.js"></script>
701 702
702<script src="/atm-web/resources/lightgallery/plugins/thumbnail/lg-thumbnail.min.js"></script>
702 703
703<script src="/atm-web/resources/lightgallery/plugins/zoom/lg-zoom.min.js"></script>
703 704
704<script src="/atm-web/resources/lightgallery/plugins/autoplay/lg-autoplay.min.js"></script>
704 705
705<script src="/atm-web/resources/lightgallery/plugins/fullscreen/lg-fullscreen.min.js"></script>
705 706
706<script src="/atm-web/resources/lightgallery/plugins/share/lg-share.min.js"></script>
706 707
707<script src="/atm-web/resources/lightgallery/plugins/rotate/lg-rotate.min.js"></script>
707 708 709
709<script src="/atm-web/resources/flickity/flickity.pkgd.min.js"></script>
709 710 <style> 711 /* external css: flickity.css */ 712 .carousel { 713 background: #FAFAFA; 714 } 715 716 .carousel-cell { 717 width: 66%; 718 height: 400px; 719 margin-right: 10px; 720 background: #FFF; 721 } 722 723 .carousel-cell-image { 724 display: block; 725 max-height: 100%; 726 margin: 0 auto; 727 max-width: 100%; 728 opacity: 0; 729 -webkit-transition: opacity 0.4s; 730 transition: opacity 0.4s; 731 cursor: pointer; 732 } 733 734 .carousel-cell-image.flickity-lazyloaded, .carousel-cell-image.flickity-lazyerror 735 { 736 opacity: 1; 737 } 738 739 .caption { 740 background: #F7F7F2 !important; 741 margin: 0; 742 padding: 10px; 743 text-align: center; 744 } 745 </style> 746
746<script> 747 jQuery(document).ready(function() { 748 $('.counter-count').each(function() { 749 $(this).prop('Counter', 0).animate({ 750 Counter : $(this).text() 751 }, { 752 duration : 30000, 753 easing : 'swing', 754 step : function(now) { 755 $(this).text(Math.ceil(now)); 756 } 757 }); 758 }); 759 760 function initNewsGallery(galleryContainerId, carouselId, imageClass, singleImageClass) { 761 const $galleryContainer = document.getElementById(galleryContainerId); 762 if (!$galleryContainer) return; 763 764 const docs = []; 765 $.each($('.' + imageClass), function() { 766 docs.push({ 767 "src": $(this).data("original"), 768 'thumb': $(this).data("thumb"), 769 'subHtml': $(this).attr("title") 770 }); 771 }); 772 773 const gallery = lightGallery($galleryContainer, { 774 dynamic: true, 775 dynamicEl: docs, 776 download: false, 777 plugins: [lgZoom, lgAutoplay, lgFullscreen, lgRotate, lgShare, lgThumbnail], 778 zoom: true, 779 showZoomInOutIcons: true, 780 actualSize: false, 781 }); 782 783 const $carousel = $("#" + carouselId); 784 if ($carousel.length) { 785 $carousel.on('staticClick.flickity', function(event, pointer, cellElement, cellIndex) { 786 if (!cellElement) return; 787 gallery.openGallery(cellIndex); 788 }); 789 } 790 791 if (singleImageClass) { 792 $("." + singleImageClass).on("click", function() { 793 if (docs.length === 0) { 794 $.each($('.' + singleImageClass), function() { 795 docs.push({ 796 "src": $(this).data("original"), 797 'thumb': $(this).data("thumb"), 798 'subHtml': $(this).attr("title") 799 }); 800 }); 801 } 802 gallery.openGallery(); 803 }); 804 } 805 } 806 807 initNewsGallery('dynamic-gallery', 'car-first', 'allImages', 'singleImageFirst'); 808 initNewsGallery('dynamic-gallery-second', 'car-second', 'allImagesSecond', 'singleImageSecond'); 809 initNewsGallery('dynamic-gallery-third', 'car-third', 'allImagesThird', 'singleImageThird'); 810 initNewsGallery('dynamic-gallery-fourth', 'car-fourth', 'allImagesFourth', 'singleImageFourth'); 811 initNewsGallery('dynamic-gallery-fifth', 'car-fifth', 'allImagesFifth', 'singleImageFifth'); 812 813 $.scrollUp({ 814 scrollName : 'scrollUp', // Element ID 815 scrollDistance : 300, // Distance from top/bottom before showing element (px) 816 scrollFrom : 'top', // 'top' or 'bottom' 817 scrollSpeed : 300, // Speed back to top (ms) 818 easingType : 'linear', // Scroll to top easing (see http://easings.net/) 819 animation : 'fade', // Fade, slide, none 820 animationSpeed : 200, // Animation speed (ms) 821 scrollTrigger : false, // Set a custom triggering element. Can be an HTML string or jQuery object 822 scrollTarget : false, // Set a custom target element for scrolling to. Can be element or number 823 scrollText : '', // Text for element, can contain HTML 824 scrollTitle : false, // Set a custom <a> title if required. 825 scrollImg : true, // Set true to use image 826 activeOverlay : false, // Set CSS color to display scrollUp active point, e.g '#00FFFF' 827 zIndex : 0 828 // Z-Index for the overlay 829 }); 830 }); 831 </script>
831 832</body> 833</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.