mega update per mobile

fenicento · Sep 28, 2012 · fd62a69 · fd62a69
1 parent 45046c6
commit fd62a69
Show file tree

Hide file tree

Showing 23 changed files with 1,870 additions and 40 deletions.
diff --git a/.settings/org.eclipse.core.resources.prefs b/.settings/org.eclipse.core.resources.prefs
@@ -1,3 +1,3 @@
-#Tue Sep 25 20:19:05 CEST 2012
+#Wed Sep 26 22:43:46 CEST 2012
 eclipse.preferences.version=1
-encoding//m/index2.htm=UTF-8
+encoding//m/laboratorio.htm=UTF-8
diff --git a/img/loop3.jpg b/img/loop3.jpg
diff --git a/img/stormglove.png b/img/stormglove.png
diff --git a/img/stormglove2.jpg b/img/stormglove2.jpg
diff --git a/m/contatti.htm b/m/contatti.htm
@@ -0,0 +1,148 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="utf-8" />
+<title>Laboratorio Creativo Geppetto</title>
+<link href="style.css" media="all" rel="stylesheet">
+<meta name="viewport" content="width=device-width" />
+<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
+
+ <script type="text/javascript">
+
+  var _gaq = _gaq || [];
+  _gaq.push(['_setAccount', 'UA-35058718-1']);
+  _gaq.push(['_setDomainName', 'geppettolab.it']);
+  _gaq.push(['_trackPageview']);
+
+  (function() {
+    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+  })();
+
+</script>
+</head>
+
+<body>
+ <header>
+ <nav id="slideMenu">
+   <div class="menu-el">
+    <div class="menu-im">
+     <a href="laboratorio.htm"><img src="img/labIco.jpg" / alt="lab"></a>
+    </div>
+    <div class="menu-txt">Il Laboratorio</div>
+   </div>
+
+   <div class="menu-el">
+    <div class="menu-im">
+     <a href="progetti.htm"><img src="img/proIco.png" / alt="lab"></a>
+    </div>
+    <div class="menu-txt">Progetti</div>
+   </div>
+
+   <div class="menu-el">
+    <div class="menu-im">
+     <a href="geppetti.htm"><img src="img/gepIco.png" / alt="lab"></a>
+    </div>
+    <div class="menu-txt">I Geppetti</div>
+   </div>
+
+   <div class="menu-el">
+    <div class="menu-im">
+     <a href="contatti.htm"><img src="img/conIco.png" / alt="lab"></a>
+    </div>
+    <div class="menu-txt">Contatti</div>
+   </div>
+  </nav>
+  <img id="logo-lateral" alt="Laboratorio Creativo Geppetto"
+   src="img/logo-small.png" /> <a class="menuButton" id="menuButton"
+   href="#"> <img alt="Laboratorio Creativo Geppetto"
+   src="img/menu-off.png" /></a>
+
+ </header>
+ <nav class="breadcrumb">
+  <a href="index.htm">HOME</a> > CONTATTI
+ </nav>
+ <section>
+  <h3>Contatti</h3>
+  <div class="address">
+ <p>La nostra sede si trova presso l'<a href="http://www.milanomet.it/"><b>HUB MILANO METROPOLI</b></a></p>
+</div>
+
+ <div class="tablink" id="menu1">
+    <div class="taballtext" id="mapButton">
+     <div class="tabtitle">Indirizzo</div>
+     <div class="tabsubtitle">via Venezia 23<br/> 20099 Sesto San Giovanni (MI)</div>
+    </div>
+
+<div id="mapviewer" style="display:none"><iframe style="max-width:100%;" id="map" Name="mapFrame" scrolling="no" width="500" height="200" frameborder="0" src="http://it.bing.com/maps/embed/?lvl=16&amp;cp=45.529120~9.226824&amp;sty=r&amp;draggable=true&amp;v=2&amp;dir=0&amp;where1=Via+Venezia+23%2C+20099+Sesto+San+Giovanni+MI&amp;form=LMLTEW&amp;pp=45.52911944~9.226824&amp;mkt=it-it&amp;emid=ca59c060-3281-984d-4d99-5f3c971ed289&amp;w=500&amp;h=400"></iframe>
+</div>
+
+
+   </div>
+
+
+ <div class="tablink" id="menu1">
+    <div class="taballtext">
+     <div class="tabtitle">Email</div>
+     <div class="tabsubtitle">[email protected]</div>
+    </div>
+
+   </div>
+
+    <div class="tablink" id="menu1">
+    <div class="taballtext">
+     <div class="tabtitle">Telefono</div>
+     <div class="tabsubtitle">347 7503783 - 339 3767565</div>
+    </div>
+
+   </div>
+
+    <div class="tablink" id="menu1">
+    <div class="taballtext">
+     <div class="tabtitle">Social</div>
+     <div class="social"> <a href="http://www.facebook.com/LaboratorioCreativoGeppetto"><img src="img/facebook.png" alt="facebook"></a></div>
+     <div class="social"> <a href="https://twitter.com/GeppettoLab"><img src="img/twitter.png" alt="twitter"></a></div>
+     <div class="social"><a href="http://www.linkedin.com/groups/Laboratorio-Creativo-Geppetto-4022256"><img src="img/linkedin.png" alt="linkedin"></a></div>
+    </div>
+
+   </div>
+
+ </section>
+ <a href="#logo-lateral">
+  <div class="tablink" id="menu1">
+   <div class="tabtext">
+    <div class="tabstring">Torna in cima</div>
+
+   </div>
+
+   <div class="tabimg">
+    <img src="img/upIco.png" / alt="lab">
+   </div>
+
+  </div>
+ </a>
+ <footer>
+  <div class="footer-text">&copy; 2012 Laboratorio Creativo
+   Geppetto</div>
+  <div class="footer-link">
+   <a href="http://www.geppettolab.it?m=true">Vai alla versione
+    classica</a>
+  </div>
+
+ </footer>
+ <script type="text/javascript">
+  $('#menuButton').click(function() {
+   $('#slideMenu').slideToggle('slow', function() {
+    // Animation complete.
+   });
+  });
+
+  $('#mapButton').click(function() {
+	   $('#mapviewer').slideToggle('slow', function() {
+	    // Animation complete.
+	   });
+	  });
+ </script>
+</body>
+</html>
diff --git a/m/index3.htm → m/geppetti.htm b/m/index3.htm → m/geppetti.htm
@@ -13,28 +13,28 @@
   <nav id="slideMenu">
    <div class="menu-el">
     <div class="menu-im">
-     <img src="img/labIco.jpg" / alt="lab">
+     <a href="laboratorio.htm"><img src="img/labIco.jpg" / alt="lab"></a>
     </div>
     <div class="menu-txt">Il Laboratorio</div>
    </div>
 
    <div class="menu-el">
     <div class="menu-im">
-     <img src="img/proIco.png" / alt="lab">
+     <a href="progetti.htm"><img src="img/proIco.png" / alt="lab"></a>
     </div>
     <div class="menu-txt">Progetti</div>
    </div>
 
    <div class="menu-el">
     <div class="menu-im">
-     <img src="img/gepIco.png" / alt="lab">
+     <a href="geppetti.htm"><img src="img/gepIco.png" / alt="lab"></a>
     </div>
     <div class="menu-txt">I Geppetti</div>
    </div>
 
    <div class="menu-el">
     <div class="menu-im">
-     <img src="img/conIco.png" / alt="lab">
+     <a href="contatti.htm"><img src="img/conIco.png" / alt="lab"></a>
     </div>
     <div class="menu-txt">Contatti</div>
    </div>

diff --git a/m/img/casa2.jpg b/m/img/casa2.jpg
diff --git a/m/img/casa6.png b/m/img/casa6.png
diff --git a/m/img/corpuscoli1.jpg b/m/img/corpuscoli1.jpg
diff --git a/m/img/cuprum1.jpg b/m/img/cuprum1.jpg
diff --git a/m/img/facebook.png b/m/img/facebook.png
diff --git a/m/img/linkedin.png b/m/img/linkedin.png
diff --git a/m/img/loop3.jpg b/m/img/loop3.jpg
diff --git a/m/img/stormglove2.jpg b/m/img/stormglove2.jpg
diff --git a/m/img/twitter.png b/m/img/twitter.png
diff --git a/m/index.htm b/m/index.htm
@@ -15,7 +15,7 @@
  </header>
 
  <nav>
-  <a href="index2.htm">
+  <a href="laboratorio.htm">
   <div class="tablink" id="menu1">
     <div class="tabtext">
      <div class="tabtitle">Il Laboratorio</div>
@@ -27,7 +27,7 @@
     </div>
    </div>
     </a>
-    <a href="index2.htm">
+    <a href="progetti.htm">
    <div class="tablink" id="menu2">
     <div class="tabtext">
      <div class="tabtitle">Progetti</div>
@@ -39,7 +39,7 @@
     </div>
    </div>
   </a> 
-  <a href="index3.htm">
+  <a href="geppetti.htm">
    <div class="tablink" id="menu3">
     <div class="tabtext">
      <div class="tabtitle">I Geppetti</div>
@@ -51,7 +51,7 @@
     </div>
    </div>
   </a>
-   <a href="index2.htm">
+   <a href="contatti.htm">
    <div class="tablink" id="menu4">
     <div class="tabtext">
      <div class="tabtitle">Contatti</div>