rlucia/iliad.html

## iliad.html
<!doctype html>
<html lang="it">
<head>
   <meta charset="utf-8">
   <base href="http://www.iliad.it/">
   <title>Benvenuto in iliad</title>

   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

   <!-- Disable tap highlight on IE -->
   <meta name="msapplication-tap-highlight" content="no">

   <!-- Web Application Manifest -->
   <link rel="manifest" href="/manifest.json">

   <!-- Add to homescreen for Chrome on Android -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="application-name" content="Iliad">
   <link rel="icon" type="image/png" sizes="192x192"  href="/assets/favicon/android-icon-192x192.png">
   <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
   <link rel="icon" type="image/png" sizes="96x96" href="/assets/favicon/favicon-96x96.png">
   <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">

   <!-- Add to homescreen for Safari on iOS -->
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-status-bar-style" content="black">
   <meta name="apple-mobile-web-app-title" content="Iliad">
   <link rel="apple-touch-icon" sizes="57x57" href="/assets/favicon/apple-icon-57x57.png">
   <link rel="apple-touch-icon" sizes="60x60" href="/assets/favicon/apple-icon-60x60.png">
   <link rel="apple-touch-icon" sizes="72x72" href="/assets/favicon/apple-icon-72x72.png">
   <link rel="apple-touch-icon" sizes="76x76" href="/assets/favicon/apple-icon-76x76.png">
   <link rel="apple-touch-icon" sizes="114x114" href="/assets/favicon/apple-icon-114x114.png">
   <link rel="apple-touch-icon" sizes="120x120" href="/assets/favicon/apple-icon-120x120.png">
   <link rel="apple-touch-icon" sizes="144x144" href="/assets/favicon/apple-icon-144x144.png">
   <link rel="apple-touch-icon" sizes="152x152" href="/assets/favicon/apple-icon-152x152.png">
   <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-icon-180x180.png">

   <!-- Tile icon for Win8 (144x144 + tile color) -->
   <meta name="msapplication-TileImage" content="/assets/favicon/ms-icon-144x144.png">
   <meta name="msapplication-TileColor" content="#2F3BA2">

   <!-- Color the status bar on mobile devices -->
   <meta name="theme-color" content="#CC0000">


   <link rel="stylesheet" href="/assets/styles/main.css?v=29052018">
   <link rel="stylesheet" href="/assets/libs/remodal/remodal.css">
   <link rel="stylesheet" href="/assets/libs/remodal/remodal-default-theme.css">

   <script src="/assets/libs/jquery-v3.2.1/jquery.js"></script>
   <script src="/assets/scripts/common.min.js?v=29052018"></script>
   <script src="/assets/libs/remodal/remodal.min.js"></script>


   <link rel="stylesheet" href="/assets/styles/home.css">

   <style>
      .page.page-couverture { padding:10px 0; width:990px; margin-left:auto; margin-right:auto; margin-bottom:25px; box-shadow:none; }
      #contenu {width:990px; margin-left:auto; margin-right:auto; margin-top:30px;}
      #rechercheReseau { width:400px; height:200px; border:1px solid #ccc;border-radius: 10px 10px 10px 10px; box-shadow: 1px 1px 2px #BFBFBF;}
      .page-couverture p {margin:10px; font-size:13px; width:400px; font-size:14px; font-stretch:ultra-condensed; color:#666;}
      .gradient {
         /* Anciens navigateurs */
         background: url("/copertura/images/background_couverture.jpg") repeat-x; background-position:bottom;-o-background-size: 100% 100%;-moz-background-size: 100% 100%;-webkit-background-size: 100% 100%;background-size: 100% 100%;
         /* Navigateurs récents */
         background: -webkit-gradient(linear,left top, left bottom,from(#ffffff),to(#eaeae9));
         background: -webkit-linear-gradient(top,#ffffff,#eaeae9);
         background: -moz-linear-gradient(top,#ffffff,#eaeae9);
         background: -o-linear-gradient(top,#ffffff,#eaeae9);
         background: linear-gradient(top,#ffffff,#eaeae9);
      }
      #legende_reseau { margin-top:20px; width:400px; height:175px; border:1px solid #ccc;border-radius: 10px 10px 10px 10px; box-shadow: 1px 1px 2px #BFBFBF;}
      #legende_reseau ul { list-style:none;}
      .itemCoord { margin-bottom:10px;}
      label.libelle {float:left; font-weight:bold; margin-top:3px; width:140px; display:block; vertical-align:top; }
      textarea, input[type="text"], input[type="password"], select { background-color: #FFFFFF; background-position: 1px 1px; background-repeat: no-repeat; border: 1px solid #C4C0B9;
         border-radius: 3px 3px 3px 3px; color: #000000; font-family: Arial,Verdana,sans-serif; display:block;  vertical-align:top; }
      #btnRechercher { float:right; margin-top:10px;}
      #search_reseau {width:450px; display:inline-block; vertical-align:top; /float:left;}
      #map_contener {width:500px; display:inline-block; vertical-align:top; /float:left;border:3px solid #ccc;border-radius: 10px 10px 10px 10px;}
      .couverture_legende{ float:left; height:20px; margin-top:5px; width:20px; }
      #map { width: 500px; height: 508px; }
      #map_contener { margin-top:10px;}
      a {text-decoration:none;}
   </style>

   <script src="https://maps.googleapis.com/maps/api/js"></script>
   <script>
      var map;
      var geocoder;
      /**
       * Initializes the map and listeners.
       */
      function getTilesUrl(i, z, x, y){
         return '/copertura/tiles/'+i+'/'+z+'/'+x+'/'+y+'.png';
      }

      var imageMapType3G = new google.maps.ImageMapType({
         name       : "3G",
         tileSize   : new google.maps.Size(256, 256),
         getTileUrl : function(coord, zoom) {
            return getTilesUrl('3G', zoom, coord.x, coord.y);
         }
      });
      var imageMapType2G = new google.maps.ImageMapType({
         name       : "2G",
         tileSize   : new google.maps.Size(256, 256),
         getTileUrl : function(coord, zoom) {
            return getTilesUrl('2G', zoom, coord.x, coord.y);
         }
      });
      var imageMapType4G = new google.maps.ImageMapType({
         name: "4G",
         tileSize: new google.maps.Size(256, 256),
         getTileUrl: function(coord, zoom) {
            return getTilesUrl('4G', zoom, coord.x, coord.y);
         }
      });

      var overlayMaps = [imageMapType3G, imageMapType2G, imageMapType4G];

      $(function (){
         map = new google.maps.Map(document.getElementById('map'), {
            center    : new google.maps.LatLng(42.8333, 12.8333),
            zoom      : 6,
            mapTypeId : google.maps.MapTypeId.ROADMAP,
            maxZoom   : 13,
            minZoom   : 6
         });
         geocoder = new google.maps.Geocoder();
         google.maps.event.addListener(map, 'tilesloaded', function() {
            $('#divwait').hide();
         });
         google.maps.event.addListener(map, 'zoom_changed', function() {
            $('#divwait').show();
         });
         google.maps.event.addListener(map, 'center_changed', function() {});

         for(i in overlayMaps) {
            map.overlayMapTypes.setAt(i, overlayMaps[i]);
         }

         var strictBounds = new google.maps.LatLngBounds(
            new google.maps.LatLng(37.7734,8.3481),
            new google.maps.LatLng(48.5116,21.6525)
         );

         google.maps.event.addListener(map, 'dragend', function() {
            if (strictBounds.contains(map.getCenter())) return;

            var c = map.getCenter(),
               x = c.lng(),
               y = c.lat(),
               maxX = strictBounds.getNorthEast().lng(),
               maxY = strictBounds.getNorthEast().lat(),
               minX = strictBounds.getSouthWest().lng(),
               minY = strictBounds.getSouthWest().lat();

            if (x < minX) x = minX;
            if (x > maxX) x = maxX;
            if (y < minY) y = minY;
            if (y > maxY) y = maxY;

            map.setCenter(new google.maps.LatLng(y, x));
         });

         $('#MAP_LAYER_CONTROL').children('.MAP_layer').click(function (){
            $('#MAP_LAYER_CONTROL').children('.MAP_layer').each(function (){
               var layerID = parseInt($(this).attr('data-id'));
               if( $(this).prop('checked') ) {
                  map.overlayMapTypes.setAt(layerID, overlayMaps[layerID]);
               }
               else {
                  if( map.overlayMapTypes.getLength() > 0 )
                     map.overlayMapTypes.setAt(layerID, null);
               }
            });
         });
      });

      function codeAddress() {
         var address = $('#num_voie').val()+' '+$('#nom_voie').val()+' '+$('#ville_cp').val()+", Italia";
         geocoder.geocode( { 'address': address, 'region': 'IT'}, function(results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
               map.setCenter(results[0].geometry.location);
               map.setZoom(11);
               var marker = new google.maps.Marker({
                  map: map,
                  position: results[0].geometry.location
               });
            }
            else {
               switch (status) {
                  case 'ZERO_RESULTS':
                  case 'NOT_FOUND':
                     alert('Non siamo riusciti a interpretare l&#039;indirizzo indicato.');
                     break;
                  default:
                     alert('Si è verificato un errore, riprova più tardi.');
                     break;
               }
               console.log('status');
            }
         });
         return false;
      }

      var OOPS = {
         // private property
         _keyStr : "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",
         // public method for encoding
         encode : function (input) {
            var output = "";
            var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
            var i = 0;
            input = OOPS._utf8_encode(input);
            while (i < input.length) {
               chr1 = input.charCodeAt(i++);
               chr2 = input.charCodeAt(i++);
               chr3 = input.charCodeAt(i++);
               enc1 = chr1 >> 2;
               enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
               enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
               enc4 = chr3 & 63;
               if (isNaN(chr2)) {
                  enc3 = enc4 = 64;
               }
               else if (isNaN(chr3)) {
                  enc4 = 64;
               }
               output = output + this._keyStr.charAt(enc1) + this._keyStr.charAt(enc2) + this._keyStr.charAt(enc3) + this._keyStr.charAt(enc4);
            }
            return output;
         },
         decode : function (input) {
            var output = "";
            var chr1, chr2, chr3;
            var enc1, enc2, enc3, enc4;
            var i = 0;
            input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
            while (i < input.length) {
               enc1 = this._keyStr.indexOf(input.charAt(i++));
               enc2 = this._keyStr.indexOf(input.charAt(i++));
               enc3 = this._keyStr.indexOf(input.charAt(i++));
               enc4 = this._keyStr.indexOf(input.charAt(i++));
               chr1 = (enc1 << 2) | (enc2 >> 4);
               chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
               chr3 = ((enc3 & 3) << 6) | enc4;
               output = output + String.fromCharCode(chr1);
               if (enc3 != 64) {
                  output = output + String.fromCharCode(chr2);
               }
               if (enc4 != 64) {
                  output = output + String.fromCharCode(chr3);
               }
            }
            output = OOPS._utf8_decode(output);
            return output;
         },
         _utf8_encode : function (string) {
            string = string.replace(/\r\n/g,"\n");
            var utftext = "";
            for (var n = 0; n < string.length; n++) {
               var c = string.charCodeAt(n);
               if (c < 128) {
                  utftext += String.fromCharCode(c);
               }
               else if((c > 127) && (c < 2048)) {
                  utftext += String.fromCharCode((c >> 6) | 192);
                  utftext += String.fromCharCode((c & 63) | 128);
               }
               else {
                  utftext += String.fromCharCode((c >> 12) | 224);
                  utftext += String.fromCharCode(((c >> 6) & 63) | 128);
                  utftext += String.fromCharCode((c & 63) | 128);
               }
            }
            return utftext;
         },
         _utf8_decode : function (utftext) {
            var string = "";
            var i = 0;
            var c = c1 = c2 = 0;
            while ( i < utftext.length ) {
               c = utftext.charCodeAt(i);
               if (c < 128) {
                  string += String.fromCharCode(c);
                  i++;
               }
               else if((c > 191) && (c < 224)) {
                  c2 = utftext.charCodeAt(i+1);
                  string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
                  i += 2;
               }
               else {
                  c2 = utftext.charCodeAt(i+1);
                  c3 = utftext.charCodeAt(i+2);
                  string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
                  i += 3;
               }
            }
            return string;
         }
      }
   </script>
</head>

<body id="couverture" class="couverture">

<div id="navbar" class="navbar" canvas="">
   <div class="page-container">
      <div class="logo-container">
         <a href="/" class="logo">
            <img src="/assets/images/logo_iliad.png">
         </a>
      </div>
      <div class="buttons">
         <a class="active" href="/">
            Offerta
         </a>
         <a class="" href="https://www.iliad.it/store-locator.html">
            iliad Store
         </a>
         <a class="" href="https://www.iliad.it/account/">
            Area Personale
         </a>
                                             <br style="clear:both">
      </div>
   </div>
</div>
<div id="page-container">
   <div class="page-container">
      <div id="content" class="content">
   <div class="page page-couverture">

      <div id="search_reseau">
         <p class="titre" style="font-size:20px; margin-top:20px;">
            <span class="bold red">Disponibilità del servizio</span> iliad         </p>
         <br />
         <p style="margin-bottom:-15px;">Options :</p>
         <div id="legende_reseau" >
            <div  id="MAP_LAYER_CONTROL" style="margin-left:40px; margin-top:20px;" >
               <input class="MAP_layer" type="checkbox" data-id="2" checked="checked" name="4G"><label style="color:#c00; font-weight:bold;">Visualizza la disponibilità del servizio 4G+</label><br />
               <input class="MAP_layer" type="checkbox" data-id="0" checked="checked" name="3G"><label style="color:#c00; font-weight:bold;">Visualizza la disponibilità del servizio 3G</label><br />
               <input class="MAP_layer" type="checkbox" data-id="1" checked="checked" name="2G"><label style="color:#c00; font-weight:bold;">Visualizza la disponibilità del servizio 2G</label>
            </div>
            <p style="font-size:10px; text-align:left; margin-left:20px;">
               Le zone non colorate non sono coperte dal servizio iliad.<br />
La mappa rappresenta la disponibilità del servizio all'esterno degli edifici.            </p>
         </div>
      </div>

      <div id="map_contener">
         <div id="divwait" style="filter:alpha(opacity=50);opacity:0.5;background-color:#EFEFEF;position:absolute;z-index:3;width:500px;height:500px;">
            <img style="padding:220px;" src="/assets/images/loader/spinner.gif">
         </div>
         <div id="map"></div>
      </div>

   </div>

   <p style="font-size:1rem;padding:2em 1em;text-align:justify;">
      Copertura 4G dal 05/2018, 3G dal 05/2018, 2G dal 05/2018. Rete in fase di distribuzione. Aree di copertura esterne computerizzate con valore indicativo.   </p>

</div>
   </div>
</div>

<div id="footer" class="footer no-print">
   <div class="page-container">
      <div class="socials">
         <a target="_blank" href="https://www.facebook.com/IliadItalia/" class="i-facebook"></a>
         <a target="_blank" href="https://www.instagram.com/iliaditalia" class="i-instagram"></a>
         <a target="_blank" href="https://twitter.com/IliadItalia" class="i-twitter"></a>
         <a target="_blank" href="https://www.linkedin.com/company/iliaditalia/" class="i-linkedin"></a>
         <a target="_blank" href="https://www.youtube.com/channel/UCIPsMRZ9208ceXgsCJovFDA" class="i-youtube"></a>
      </div>
      <div class="grid-l">
         <div class="grid-c cell-top w-tablet-4 w-desktop-4 menu">
            <h5>I tuoi servizi</h5>
            <ul>
               <li><a href="//www.iliad.it/account/">Area Personale</a></li>
                              <li><a href="//www.iliad.it/account/rechargement">Ricarica</a></li>
               <li><a href="//www.iliad.it/copertura/index.html">Verifica copertura</a></li>
               <li><a href="//www.iliad.it/store-locator.html">Iliad Store</a></li>
               <li><a href="//www.iliad.it/contact.html">Contattaci</a></li>
            </ul>
         </div>
         <div class="grid-c cell-top w-tablet-4 w-desktop-4 menu">
            <h5>I termini e condizioni</h5>
            <ul>
               <li><a href="//www.iliad.it/docs/condizioni_generali_di_contratto.pdf"
                      target="_blank">Condizioni Generali di Contratto</a></li>
               <li><a href="/docs/informativa_privacy.pdf" target="_blank">Informativa Privacy</a></li>
               <li><a href="//www.iliad.it/roaming.html">Roaming</a></li>
               <li>
                  <a href="//www.iliad.it/docs/trasparenza_tariffaria.pdf"
                      target="_blank">Trasparenza Tariffaria
                  </a>
               </li>
               <li>
                  <a href="//www.iliad.it/docs/prezzi.pdf"
                      target="_blank">Brochure Prezzi
                  </a>
               </li>
                              <li>
                  <a href="//www.iliad.it/docs/carta_dei_servizi.pdf"
                      target="_blank">Carta dei servizi
                  </a>
               </li>
               <li><a href="//www.iliad.it/modulistica.html">Modulistica</a></li>
               <li><a href="//www.iliad.it/condizioni-di-utilizzo-del-sito.html">Condizioni di utilizzo del sito</a></li>
            </ul>
         </div>
         <div class="grid-c cell-top w-tablet-4 w-desktop-4 menu">
            <h5>Iliad</h5>
            <ul>
               <li><a href="https://corporate.iliad.it/">Chi siamo</a></li>
               <li><a href="https://corporate.iliad.it/index.php/comunicati-stampa/" target="_blank">Stampa</a></li>
               <li><a href="https://corporate.iliad.it/index.php/lavora-con-noi/" target="_blank">Lavora con noi</a></li>
            </ul>
         </div>
      </div>

                     <div class="mentions-link">

   Offerta dedicata al primo milione di utenti. SIM: 9.99€.<br>
   Minuti/SMS illimitati: soggetto a condizioni di uso lecito e corretto, esclusi i servizi premium. MMS: 0,49€/MMS.<br>
   4G e 4G+ ove disponibile / accessibile dal dispositivo. Maggiori informazioni sulle tariffe e sulle destinazioni incluse su <a href="/docs/prezzi.pdf">www.iliad.it/docs/prezzi.pdf</a>.

   <p class="mention-toggle">
      <a class="bold free-red" href="#mentions"
         onclick="$('#mentions').animate({height:'toggle'}, function(){$('html, body').animate({ scrollTop: $(document).height() }, 1000);});">
         Mostra le note legali dell’offerta
      </a>
   </p>
</div>
<div id="mentions">
   <p>Tariffa al 29/05/2018.</p>
   <p>
      Chiamate incluse nel bundle: dall’Italia verso l’Italia, verso i fissi in Europa e verso i fissi e mobili internazionali (65 destinazioni incluse). Verso fissi: Azzorre, Sudafrica, Germania, Andorra, Australia, Austria, Belgio, Brasile, Bulgaria, Cina, Cipro, Corea del sud, Croazia, Danimarca, Spagna, Estonia, Finlandia, Francia, Gibraltar, Grecia, Guadalupa, Guam, Guernsey, Guyana, Hong kong, Ungheria, Isola di Man, Arcipelago delle Canarie, India, Irlanda, Islanda, Israele, Jersey, Lettonia, Liechtenstein, Lituania, Lussemburgo, Madera, Malta, Martinica, Mayotte, Norvegia, Nuova Zelanda, Paesi Bassi, Perù, Polonia, Portogallo, Puerto Rico, Slovacchia, Repubblica Ceca, Riunione, Romania, Regno Unito, San Marino, Slovenia, Svezia, Svizzera, Taiwan. Verso fissi e mobili: Alaska, Canada, USA, Hawaii.
   </p><p>
      In Europa[1] utilizzi i servizi di rete mobile alle medesime condizioni economiche previste dalla presente offerta per i servizi sul territorio italiano. Maggiori informazioni su <a href="/roaming.html">www.iliad.it/roaming.html</a>.
   </p><p>
      In caso di superamento dei servizi inclusi o di credito insufficiente all’addebito mensile, le chiamate, gli SMS, MMS e il traffico dati saranno addebitati sul credito telefonico della SIM sulla base dei seguenti importi: chiamate verso i numeri mobili e fissi di tutti gli operatori: 0,28€/minuto. SMS verso i numeri di tutti gli operatori: 0,28€/SMS. MMS verso i numeri di tutti gli operatori: 0,49€/MMS. Traffico dati: 0,90€/100MB.
   </p>
   <p>
      [1] L’Europa comprende: Austria, Belgio, Bulgaria, Cipro, Croazia, Danimarca, Estonia, Finlandia, Francia, Germania, Gibilterra, Grecia, Guadalupa, Guyana francese, Irlanda, Islanda, Lettonia, Liechtenstein, Lituania, Lussemburgo, Malta, Mayotte, Martinica, Norvegia, Paesi Bassi, Polonia, Portogallo, Regno Unito, Repubblica Ceca, Réunion, Romania, Slovacchia, Slovenia, Spagna, Svezia, Ungheria.
   </p>
</div>         </div>
</div>
</body>
</html>
	<!doctype html>
	<html lang="it">
	<head>
	<meta charset="utf-8">
	<base href="http://www.iliad.it/">
	<title>Benvenuto in iliad</title>

	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

	<!-- Disable tap highlight on IE -->
	<meta name="msapplication-tap-highlight" content="no">

	<!-- Web Application Manifest -->
	<link rel="manifest" href="/manifest.json">

	<!-- Add to homescreen for Chrome on Android -->
	<meta name="mobile-web-app-capable" content="yes">
	<meta name="application-name" content="Iliad">
	<link rel="icon" type="image/png" sizes="192x192" href="/assets/favicon/android-icon-192x192.png">
	<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="96x96" href="/assets/favicon/favicon-96x96.png">
	<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">

	<!-- Add to homescreen for Safari on iOS -->
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-title" content="Iliad">
	<link rel="apple-touch-icon" sizes="57x57" href="/assets/favicon/apple-icon-57x57.png">
	<link rel="apple-touch-icon" sizes="60x60" href="/assets/favicon/apple-icon-60x60.png">
	<link rel="apple-touch-icon" sizes="72x72" href="/assets/favicon/apple-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="76x76" href="/assets/favicon/apple-icon-76x76.png">
	<link rel="apple-touch-icon" sizes="114x114" href="/assets/favicon/apple-icon-114x114.png">
	<link rel="apple-touch-icon" sizes="120x120" href="/assets/favicon/apple-icon-120x120.png">
	<link rel="apple-touch-icon" sizes="144x144" href="/assets/favicon/apple-icon-144x144.png">
	<link rel="apple-touch-icon" sizes="152x152" href="/assets/favicon/apple-icon-152x152.png">
	<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-icon-180x180.png">

	<!-- Tile icon for Win8 (144x144 + tile color) -->
	<meta name="msapplication-TileImage" content="/assets/favicon/ms-icon-144x144.png">
	<meta name="msapplication-TileColor" content="#2F3BA2">

	<!-- Color the status bar on mobile devices -->
	<meta name="theme-color" content="#CC0000">


	<link rel="stylesheet" href="/assets/styles/main.css?v=29052018">
	<link rel="stylesheet" href="/assets/libs/remodal/remodal.css">
	<link rel="stylesheet" href="/assets/libs/remodal/remodal-default-theme.css">

	<script src="/assets/libs/jquery-v3.2.1/jquery.js"></script>
	<script src="/assets/scripts/common.min.js?v=29052018"></script>
	<script src="/assets/libs/remodal/remodal.min.js"></script>


	<link rel="stylesheet" href="/assets/styles/home.css">

	<style>
	.page.page-couverture { padding:10px 0; width:990px; margin-left:auto; margin-right:auto; margin-bottom:25px; box-shadow:none; }
	#contenu {width:990px; margin-left:auto; margin-right:auto; margin-top:30px;}
	#rechercheReseau { width:400px; height:200px; border:1px solid #ccc;border-radius: 10px 10px 10px 10px; box-shadow: 1px 1px 2px #BFBFBF;}
	.page-couverture p {margin:10px; font-size:13px; width:400px; font-size:14px; font-stretch:ultra-condensed; color:#666;}
	.gradient {
	/* Anciens navigateurs */
	background: url("/copertura/images/background_couverture.jpg") repeat-x; background-position:bottom;-o-background-size: 100% 100%;-moz-background-size: 100% 100%;-webkit-background-size: 100% 100%;background-size: 100% 100%;
	/* Navigateurs récents */
	background: -webkit-gradient(linear,left top, left bottom,from(#ffffff),to(#eaeae9));
	background: -webkit-linear-gradient(top,#ffffff,#eaeae9);
	background: -moz-linear-gradient(top,#ffffff,#eaeae9);
	background: -o-linear-gradient(top,#ffffff,#eaeae9);
	background: linear-gradient(top,#ffffff,#eaeae9);
	}
	#legende_reseau { margin-top:20px; width:400px; height:175px; border:1px solid #ccc;border-radius: 10px 10px 10px 10px; box-shadow: 1px 1px 2px #BFBFBF;}
	#legende_reseau ul { list-style:none;}
	.itemCoord { margin-bottom:10px;}
	label.libelle {float:left; font-weight:bold; margin-top:3px; width:140px; display:block; vertical-align:top; }
	textarea, input[type="text"], input[type="password"], select { background-color: #FFFFFF; background-position: 1px 1px; background-repeat: no-repeat; border: 1px solid #C4C0B9;
	border-radius: 3px 3px 3px 3px; color: #000000; font-family: Arial,Verdana,sans-serif; display:block; vertical-align:top; }
	#btnRechercher { float:right; margin-top:10px;}
	#search_reseau {width:450px; display:inline-block; vertical-align:top; /float:left;}
	#map_contener {width:500px; display:inline-block; vertical-align:top; /float:left;border:3px solid #ccc;border-radius: 10px 10px 10px 10px;}
	.couverture_legende{ float:left; height:20px; margin-top:5px; width:20px; }
	#map { width: 500px; height: 508px; }
	#map_contener { margin-top:10px;}
	a {text-decoration:none;}
	</style>

	<script src="https://maps.googleapis.com/maps/api/js"></script>
	<script>
	var map;
	var geocoder;
	/**
	* Initializes the map and listeners.
	*/
	function getTilesUrl(i, z, x, y){
	return '/copertura/tiles/'+i+'/'+z+'/'+x+'/'+y+'.png';
	}

	var imageMapType3G = new google.maps.ImageMapType({
	name : "3G",
	tileSize : new google.maps.Size(256, 256),
	getTileUrl : function(coord, zoom) {
	return getTilesUrl('3G', zoom, coord.x, coord.y);
	}
	});
	var imageMapType2G = new google.maps.ImageMapType({
	name : "2G",
	tileSize : new google.maps.Size(256, 256),
	getTileUrl : function(coord, zoom) {
	return getTilesUrl('2G', zoom, coord.x, coord.y);
	}
	});
	var imageMapType4G = new google.maps.ImageMapType({
	name: "4G",
	tileSize: new google.maps.Size(256, 256),
	getTileUrl: function(coord, zoom) {
	return getTilesUrl('4G', zoom, coord.x, coord.y);
	}
	});

	var overlayMaps = [imageMapType3G, imageMapType2G, imageMapType4G];

	$(function (){
	map = new google.maps.Map(document.getElementById('map'), {
	center : new google.maps.LatLng(42.8333, 12.8333),
	zoom : 6,
	mapTypeId : google.maps.MapTypeId.ROADMAP,
	maxZoom : 13,
	minZoom : 6
	});
	geocoder = new google.maps.Geocoder();
	google.maps.event.addListener(map, 'tilesloaded', function() {
	$('#divwait').hide();
	});
	google.maps.event.addListener(map, 'zoom_changed', function() {
	$('#divwait').show();
	});
	google.maps.event.addListener(map, 'center_changed', function() {});

	for(i in overlayMaps) {
	map.overlayMapTypes.setAt(i, overlayMaps[i]);
	}

	var strictBounds = new google.maps.LatLngBounds(
	new google.maps.LatLng(37.7734,8.3481),
	new google.maps.LatLng(48.5116,21.6525)
	);

	google.maps.event.addListener(map, 'dragend', function() {
	if (strictBounds.contains(map.getCenter())) return;

	var c = map.getCenter(),
	x = c.lng(),
	y = c.lat(),
	maxX = strictBounds.getNorthEast().lng(),
	maxY = strictBounds.getNorthEast().lat(),
	minX = strictBounds.getSouthWest().lng(),
	minY = strictBounds.getSouthWest().lat();

	if (x < minX) x = minX;
	if (x > maxX) x = maxX;
	if (y < minY) y = minY;
	if (y > maxY) y = maxY;

	map.setCenter(new google.maps.LatLng(y, x));
	});

	$('#MAP_LAYER_CONTROL').children('.MAP_layer').click(function (){
	$('#MAP_LAYER_CONTROL').children('.MAP_layer').each(function (){
	var layerID = parseInt($(this).attr('data-id'));
	if( $(this).prop('checked') ) {
	map.overlayMapTypes.setAt(layerID, overlayMaps[layerID]);
	}
	else {
	if( map.overlayMapTypes.getLength() > 0 )
	map.overlayMapTypes.setAt(layerID, null);
	}
	});
	});
	});

	function codeAddress() {
	var address = $('#num_voie').val()+' '+$('#nom_voie').val()+' '+$('#ville_cp').val()+", Italia";
	geocoder.geocode( { 'address': address, 'region': 'IT'}, function(results, status) {
	if (status == google.maps.GeocoderStatus.OK) {
	map.setCenter(results[0].geometry.location);
	map.setZoom(11);
	var marker = new google.maps.Marker({
	map: map,
	position: results[0].geometry.location
	});
	}
	else {
	switch (status) {
	case 'ZERO_RESULTS':
	case 'NOT_FOUND':
	alert('Non siamo riusciti a interpretare l'indirizzo indicato.');
	break;
	default:
	alert('Si è verificato un errore, riprova più tardi.');
	break;
	}
	console.log('status');
	}
	});
	return false;
	}

	var OOPS = {
	// private property
	_keyStr : "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",
	// public method for encoding
	encode : function (input) {
	var output = "";
	var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
	var i = 0;
	input = OOPS._utf8_encode(input);
	while (i < input.length) {
	chr1 = input.charCodeAt(i++);
	chr2 = input.charCodeAt(i++);
	chr3 = input.charCodeAt(i++);
	enc1 = chr1 >> 2;
	enc2 = ((chr1 & 3) << 4) \| (chr2 >> 4);
	enc3 = ((chr2 & 15) << 2) \| (chr3 >> 6);
	enc4 = chr3 & 63;
	if (isNaN(chr2)) {
	enc3 = enc4 = 64;
	}
	else if (isNaN(chr3)) {
	enc4 = 64;
	}
	output = output + this._keyStr.charAt(enc1) + this._keyStr.charAt(enc2) + this._keyStr.charAt(enc3) + this._keyStr.charAt(enc4);
	}
	return output;
	},
	decode : function (input) {
	var output = "";
	var chr1, chr2, chr3;
	var enc1, enc2, enc3, enc4;
	var i = 0;
	input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
	while (i < input.length) {
	enc1 = this._keyStr.indexOf(input.charAt(i++));
	enc2 = this._keyStr.indexOf(input.charAt(i++));
	enc3 = this._keyStr.indexOf(input.charAt(i++));
	enc4 = this._keyStr.indexOf(input.charAt(i++));
	chr1 = (enc1 << 2) \| (enc2 >> 4);
	chr2 = ((enc2 & 15) << 4) \| (enc3 >> 2);
	chr3 = ((enc3 & 3) << 6) \| enc4;
	output = output + String.fromCharCode(chr1);
	if (enc3 != 64) {
	output = output + String.fromCharCode(chr2);
	}
	if (enc4 != 64) {
	output = output + String.fromCharCode(chr3);
	}
	}
	output = OOPS._utf8_decode(output);
	return output;
	},
	_utf8_encode : function (string) {
	string = string.replace(/\r\n/g,"\n");
	var utftext = "";
	for (var n = 0; n < string.length; n++) {
	var c = string.charCodeAt(n);
	if (c < 128) {
	utftext += String.fromCharCode(c);
	}
	else if((c > 127) && (c < 2048)) {
	utftext += String.fromCharCode((c >> 6) \| 192);
	utftext += String.fromCharCode((c & 63) \| 128);
	}
	else {
	utftext += String.fromCharCode((c >> 12) \| 224);
	utftext += String.fromCharCode(((c >> 6) & 63) \| 128);
	utftext += String.fromCharCode((c & 63) \| 128);
	}
	}
	return utftext;
	},
	_utf8_decode : function (utftext) {
	var string = "";
	var i = 0;
	var c = c1 = c2 = 0;
	while ( i < utftext.length ) {
	c = utftext.charCodeAt(i);
	if (c < 128) {
	string += String.fromCharCode(c);
	i++;
	}
	else if((c > 191) && (c < 224)) {
	c2 = utftext.charCodeAt(i+1);
	string += String.fromCharCode(((c & 31) << 6) \| (c2 & 63));
	i += 2;
	}
	else {
	c2 = utftext.charCodeAt(i+1);
	c3 = utftext.charCodeAt(i+2);
	string += String.fromCharCode(((c & 15) << 12) \| ((c2 & 63) << 6) \| (c3 & 63));
	i += 3;
	}
	}
	return string;
	}
	}
	</script>
	</head>

	<body id="couverture" class="couverture">

	<div id="navbar" class="navbar" canvas="">
	<div class="page-container">
	<div class="logo-container">
	<a href="/" class="logo">
	<img src="/assets/images/logo_iliad.png">
	</a>
	</div>
	<div class="buttons">
	<a class="active" href="/">
	Offerta
	</a>
	<a class="" href="https://www.iliad.it/store-locator.html">
	iliad Store
	</a>
	<a class="" href="https://www.iliad.it/account/">
	Area Personale
	</a>
	<br style="clear:both">
	</div>
	</div>
	</div>
	<div id="page-container">
	<div class="page-container">
	<div id="content" class="content">
	<div class="page page-couverture">

	<div id="search_reseau">
	<p class="titre" style="font-size:20px; margin-top:20px;">
	<span class="bold red">Disponibilità del servizio</span> iliad </p>
	<br />
	<p style="margin-bottom:-15px;">Options :</p>
	<div id="legende_reseau" >
	<div id="MAP_LAYER_CONTROL" style="margin-left:40px; margin-top:20px;" >
	<input class="MAP_layer" type="checkbox" data-id="2" checked="checked" name="4G"><label style="color:#c00; font-weight:bold;">Visualizza la disponibilità del servizio 4G+</label><br />
	<input class="MAP_layer" type="checkbox" data-id="0" checked="checked" name="3G"><label style="color:#c00; font-weight:bold;">Visualizza la disponibilità del servizio 3G</label><br />
	<input class="MAP_layer" type="checkbox" data-id="1" checked="checked" name="2G"><label style="color:#c00; font-weight:bold;">Visualizza la disponibilità del servizio 2G</label>
	</div>
	<p style="font-size:10px; text-align:left; margin-left:20px;">
	Le zone non colorate non sono coperte dal servizio iliad.<br />
	La mappa rappresenta la disponibilità del servizio all'esterno degli edifici. </p>
	</div>
	</div>

	<div id="map_contener">
	<div id="divwait" style="filter:alpha(opacity=50);opacity:0.5;background-color:#EFEFEF;position:absolute;z-index:3;width:500px;height:500px;">
	<img style="padding:220px;" src="/assets/images/loader/spinner.gif">
	</div>
	<div id="map"></div>
	</div>

	</div>

	<p style="font-size:1rem;padding:2em 1em;text-align:justify;">
	Copertura 4G dal 05/2018, 3G dal 05/2018, 2G dal 05/2018. Rete in fase di distribuzione. Aree di copertura esterne computerizzate con valore indicativo. </p>

	</div>
	</div>
	</div>

	<div id="footer" class="footer no-print">
	<div class="page-container">
	<div class="socials">
	<a target="_blank" href="https://www.facebook.com/IliadItalia/" class="i-facebook"></a>
	<a target="_blank" href="https://www.instagram.com/iliaditalia" class="i-instagram"></a>
	<a target="_blank" href="https://twitter.com/IliadItalia" class="i-twitter"></a>
	<a target="_blank" href="https://www.linkedin.com/company/iliaditalia/" class="i-linkedin"></a>
	<a target="_blank" href="https://www.youtube.com/channel/UCIPsMRZ9208ceXgsCJovFDA" class="i-youtube"></a>
	</div>
	<div class="grid-l">
	<div class="grid-c cell-top w-tablet-4 w-desktop-4 menu">
	<h5>I tuoi servizi</h5>
	<ul>
	<li><a href="//www.iliad.it/account/">Area Personale</a></li>
	<li><a href="//www.iliad.it/account/rechargement">Ricarica</a></li>
	<li><a href="//www.iliad.it/copertura/index.html">Verifica copertura</a></li>
	<li><a href="//www.iliad.it/store-locator.html">Iliad Store</a></li>
	<li><a href="//www.iliad.it/contact.html">Contattaci</a></li>
	</ul>
	</div>
	<div class="grid-c cell-top w-tablet-4 w-desktop-4 menu">
	<h5>I termini e condizioni</h5>
	<ul>
	<li><a href="//www.iliad.it/docs/condizioni_generali_di_contratto.pdf"
	target="_blank">Condizioni Generali di Contratto</a></li>
	<li><a href="/docs/informativa_privacy.pdf" target="_blank">Informativa Privacy</a></li>
	<li><a href="//www.iliad.it/roaming.html">Roaming</a></li>
	<li>
	<a href="//www.iliad.it/docs/trasparenza_tariffaria.pdf"
	target="_blank">Trasparenza Tariffaria
	</a>
	</li>
	<li>
	<a href="//www.iliad.it/docs/prezzi.pdf"
	target="_blank">Brochure Prezzi
	</a>
	</li>
	<li>
	<a href="//www.iliad.it/docs/carta_dei_servizi.pdf"
	target="_blank">Carta dei servizi
	</a>
	</li>
	<li><a href="//www.iliad.it/modulistica.html">Modulistica</a></li>
	<li><a href="//www.iliad.it/condizioni-di-utilizzo-del-sito.html">Condizioni di utilizzo del sito</a></li>
	</ul>
	</div>
	<div class="grid-c cell-top w-tablet-4 w-desktop-4 menu">
	<h5>Iliad</h5>
	<ul>
	<li><a href="https://corporate.iliad.it/">Chi siamo</a></li>
	<li><a href="https://corporate.iliad.it/index.php/comunicati-stampa/" target="_blank">Stampa</a></li>
	<li><a href="https://corporate.iliad.it/index.php/lavora-con-noi/" target="_blank">Lavora con noi</a></li>
	</ul>
	</div>
	</div>

	<div class="mentions-link">

	Offerta dedicata al primo milione di utenti. SIM: 9.99€.<br>
	Minuti/SMS illimitati: soggetto a condizioni di uso lecito e corretto, esclusi i servizi premium. MMS: 0,49€/MMS.<br>
	4G e 4G+ ove disponibile / accessibile dal dispositivo. Maggiori informazioni sulle tariffe e sulle destinazioni incluse su <a href="/docs/prezzi.pdf">www.iliad.it/docs/prezzi.pdf</a>.

	<p class="mention-toggle">
	<a class="bold free-red" href="#mentions"
	onclick="$('#mentions').animate({height:'toggle'}, function(){$('html, body').animate({ scrollTop: $(document).height() }, 1000);});">
	Mostra le note legali dell’offerta
	</a>
	</p>
	</div>
	<div id="mentions">
	<p>Tariffa al 29/05/2018.</p>
	<p>
	Chiamate incluse nel bundle: dall’Italia verso l’Italia, verso i fissi in Europa e verso i fissi e mobili internazionali (65 destinazioni incluse). Verso fissi: Azzorre, Sudafrica, Germania, Andorra, Australia, Austria, Belgio, Brasile, Bulgaria, Cina, Cipro, Corea del sud, Croazia, Danimarca, Spagna, Estonia, Finlandia, Francia, Gibraltar, Grecia, Guadalupa, Guam, Guernsey, Guyana, Hong kong, Ungheria, Isola di Man, Arcipelago delle Canarie, India, Irlanda, Islanda, Israele, Jersey, Lettonia, Liechtenstein, Lituania, Lussemburgo, Madera, Malta, Martinica, Mayotte, Norvegia, Nuova Zelanda, Paesi Bassi, Perù, Polonia, Portogallo, Puerto Rico, Slovacchia, Repubblica Ceca, Riunione, Romania, Regno Unito, San Marino, Slovenia, Svezia, Svizzera, Taiwan. Verso fissi e mobili: Alaska, Canada, USA, Hawaii.
	</p><p>
	In Europa[1] utilizzi i servizi di rete mobile alle medesime condizioni economiche previste dalla presente offerta per i servizi sul territorio italiano. Maggiori informazioni su <a href="/roaming.html">www.iliad.it/roaming.html</a>.
	</p><p>
	In caso di superamento dei servizi inclusi o di credito insufficiente all’addebito mensile, le chiamate, gli SMS, MMS e il traffico dati saranno addebitati sul credito telefonico della SIM sulla base dei seguenti importi: chiamate verso i numeri mobili e fissi di tutti gli operatori: 0,28€/minuto. SMS verso i numeri di tutti gli operatori: 0,28€/SMS. MMS verso i numeri di tutti gli operatori: 0,49€/MMS. Traffico dati: 0,90€/100MB.
	</p>
	<p>
	[1] L’Europa comprende: Austria, Belgio, Bulgaria, Cipro, Croazia, Danimarca, Estonia, Finlandia, Francia, Germania, Gibilterra, Grecia, Guadalupa, Guyana francese, Irlanda, Islanda, Lettonia, Liechtenstein, Lituania, Lussemburgo, Malta, Mayotte, Martinica, Norvegia, Paesi Bassi, Polonia, Portogallo, Regno Unito, Repubblica Ceca, Réunion, Romania, Slovacchia, Slovenia, Spagna, Svezia, Ungheria.
	</p>
	</div> </div>
	</div>
	</body>
	</html>