mobile!

fenicento · Sep 23, 2012 · c25e509 · c25e509
1 parent 438b472
commit c25e509
Show file tree

Hide file tree

Showing 7 changed files with 104 additions and 0 deletions.
diff --git a/img/wood.jpg b/img/wood.jpg
diff --git a/img/wood.png b/img/wood.png
diff --git a/index.htm b/index.htm
@@ -65,6 +65,7 @@
 </head>
 
 <body onload="initialize()">
+<img id="wood" alt="il laboratorio" src="./img/wood.png" />
  <header>
   <h1>Laboratorio Creativo Geppetto</h1>
   <div id="top">

diff --git a/m/index.htm b/m/index.htm
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <title>Laboratorio Creativo Geppetto</title>
+    <link href="style.css" media="all" rel="stylesheet">
+    <meta name="viewport" content="width=device-width"/>
+</head>
+
+<body>
+<header>
+ <img id="logo" alt="Laboratorio Creativo Geppetto"
+    src="img/logo-m.png"/>
+
+    <a href="index2.htm">PROVA PAGINA INTERNA</a>
+
+   </header>
+</body>
+</html>
diff --git a/m/index2.htm b/m/index2.htm
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <title>Laboratorio Creativo Geppetto</title>
+    <link href="style.css" media="all" rel="stylesheet">
+    <meta name="viewport" content="width=device-width"/>
+</head>
+
+<body>
+<header>
+ <img id="logo-lateral" alt="Laboratorio Creativo Geppetto"
+    src="img/logo-small.png"/>
+
+    <h3>PAGINA INTERNA</h3>
+
+   </header>
+</body>
+</html>
diff --git a/m/style.css b/m/style.css
@@ -0,0 +1,62 @@
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+    border: 0 none;
+    font: inherit;
+    margin: 0;
+    padding: 0;
+    vertical-align: baseline;
+}
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+    display: block;
+}
+a{text-decoration:none; color:#8FE5F2;}
+
+ol, ul {
+    list-style: none outside none;
+}
+
+@font-face{
+	font-family:'helvetica-neue85';
+src: url(fonts/HELVETICANEUELTCOM-HV.TTF);	
+}
+@font-face{
+	font-family:'helvetica-neue77';
+src: url(fonts/HelveticaNeueLTCom-BdCn.ttf);	
+}
+
+html {
+    overflow-y: scroll;
+    color:#fff;
+}
+body {
+    background: none repeat scroll 0 0 #006666;
+    font-family: Arial,sans-serif;
+    font-size: 14px;
+    /*height: 4550px;*/
+    line-height:1.5;
+    overflow-x: hidden;
+}
+
+#logo {
+	display:block;
+	width:90%;
+	height:auto;
+	margin: 0 auto;
+	max-width:800px;
+}
+
+#logo-lateral {
+	display:block;
+	width:100%;
+	height:auto;	
+}
+
+header h3 {
+	display:block;
+	width:80%;
+	line-height:1.1;
+	font-size:1.3em;
+	color:#fff;
+	font-style:italic;
+	font-family:serif;
+	text-align:center;
+}
diff --git a/style.css b/style.css
@@ -44,6 +44,11 @@ body {
 h1 {
     color: #006666;
 }
+#wood{
+	position:absolute;
+	width:20%;
+
+}
 
 header h3 {
 	line-height:1.3;