Ver código fonte

piwik, SEO, muevo js

David 11 anos atrás
pai
commit
bff90b5349
4 arquivos alterados com 26 adições e 96 exclusões
  1. 2 1
      css/especificos.css
  2. 1 0
      graficas.php
  3. 22 95
      index.php
  4. 1 0
      productos.php

+ 2 - 1
css/especificos.css

@@ -599,7 +599,8 @@ b { font-weight: bold; }
 .titulin { font-size: 23px; font-weight: bold;}
 #curso .titulos {max-width:90%; margin:0px auto; color:white;}
 #exit{ width: 90%; height: 30px; margin: 0 auto; cursor: pointer; float: right !important; text-align:right; }
-@media screen and (max-width:490px){
+@media screen and (max-width:670px){
+	.seccion{ padding-top: 30px; }
 	#responsive img { width:48px; }
 	#facebook-link{display:none; }
 	p { margin: 0px; }

+ 1 - 0
graficas.php

@@ -127,4 +127,5 @@
 		</div>
 	</div>
 </div>
+	<?php include('piwik.html'); ?>
 </body>

+ 22 - 95
index.php

@@ -1,95 +1,20 @@
 <?php header('Content-Type: text/html; charset=UTF-8'); ?>
 <!doctype html>
 <head>
-<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+	<meta name="keywords" content="cosmeticos, cosmetica, pieles, caras, manos, cuerpo, cremas corporales, cremas faciales, antioxidantes, productos de cosmetica, limpieza facial, acne, serum" />
+	<meta name="description" content="Nos ocupamos de tu piel. Desarrollamos, diseñamos y comercializamos una exclusiva línea de productos cosméticos para tratamientos.">
     <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />
-    <script src="js/jquery-1.10.2.js">
-    </script>
-    <script type="text/javascript">
-	    $(document).ready(function () {
-			var availableWidth = [ 500, 1024, 1400, 1920];
-			var size=0; 
-			while ($(window).width() > availableWidth[size] && size < availableWidth.length-1 ) 
-				size++;
-			$("#banner").attr("src","Images/slider/slide1-"+availableWidth[size]+".jpg");
-
-
-			$(".titulo_curso").click(function(){
-				$(".descripcion_curso[tatosa="+$(this).attr("tatosa")+"]").slideToggle(400);
-			});
-		
-			$("#overlay-contact").css("height",$(document).height()+"px");
-            $('.contact').click(function(event){
-               event.preventDefault();
-               showContact(); 
-            });
-            function showContact() {
-                $('.basic-grey, #overlay-contact').toggle();
-                if($('.basic-grey').is(':visible')){ 
-                    $('#overlay-contact').click(function(){
-                        $('.basic-grey, #overlay-contact').hide();
-                    });
-                    $('#exit').click(function(){
-                        $('.basic-grey, #overlay-contact').hide();
-                    });
-                }
-            }
-
-	        $('li a').click(function () {
-                $('html, body').animate({ scrollTop: $($(this).attr('href')).position().top }, 'slow');
-                if ($(this).attr('href')=='#footer-outer') { showContact(); }
-	            return false;
-	        });
-
-            $('.menu').hide(); //TATII!!!
-            $('#responsive-menu').click(function(){
-                $('.menu').slideToggle(300);    
-            });
-
-            var startY= $('#top_wrapper').position().top + $('#top_wrapper').outerHeight();
-            $('#logo').css('opacity','0');
-            $('#navlist').css('height','55px');
-            $(window).scroll(function () {
-                if($(this).scrollTop() > startY ){
-                    $('#logo').css({'opacity':'1', 'transition': 'opacity 0.5s ease-in-out'});
-                }else{
-                    $('#logo').css({'opacity':'0', 'transition': 'opacity 0.5s ease-in-out'});
-                }
-            });
-            $("#btnconsulta").click(function() {
-                $.post('contacto.php',{nombre: $("#name").val(), mail:$("#email").val(),consulta:$("#message").val()}).done(function(data) {
-                    $("#respuestacontacto").html(data);
-                });
-            });
-            $("#ok").click(function() {
-                $.post('newsletter.php',{mail:$("#suscribe").val()}).done(function(data) {
-                    $("#respuestanewsletter").html(data);
-                });
-            });
-            var curImg=1;
-            setInterval(slide, 8000);
-
-            function slide() {
-                $("#banner").toggleClass('transp');
-                setTimeout(transp, 500);
-                curImg++;
-                if(curImg>5) curImg=1;
-            }
-            function transp() {
-                $("#banner").toggleClass('transp');
-                $("#banner").attr('src','Images/slider/slide' + curImg+ '-'+availableWidth[size]+'.jpg');
-            }
-        });
-    </script>
     
     <link type="text/css" rel="Stylesheet" href="css/especificos.css" />
+	<link rel="icon" type="image/x-icon" href="Images/icons/logo.ico" />
     <title>Especificos Buenos Aires</title>
 
 </head>
 <body>
 
 <div id="facebook-link">
-	<a href="https://www.facebook.com/EspecificosBuenosAires"><img src="Images/fbmini.png" width="30px" height="30px" /></a>
+	<a href="https://www.facebook.com/pages/Especificos-Buenos-Aires/326062297573907"><img alt="Facebook" src="Images/fbmini.png" width="30px" height="30px" /></a>
 </div>
 <div id="overlay-contact">
 </div>
@@ -130,28 +55,27 @@
             <li><a href="#nosotros">nosotros</a></li>
             <li><a href="#productos">productos</a></li>
             <li><a href="#actividades">actividades</a></li>
-            <li><a href="#top_wrapper"><img src="Images/icons/logo.png" id="logo" width=50 height=50  /></a></li>
+            <li><a href="#top_wrapper"><img alt="ESPECIFICOS Buenos Aires" src="Images/icons/logo.png" id="logo" width=50 height=50  /></a></li>
             <li><a href="#cursos">cursos</a></li>
             <li><a href="#distribuidoras">donde comprar</a></li>
             <li class="contact"><a href="#footer-outer">contacto</a></li>
         </ul>
 
         <ul id="responsive">
-            <li><a href="#nosotros"><img width=60 height=60 src="Images/icons/Us.png" /></a></li>
-            <li><a href="#productos"><img width=60 height=60 src="Images/icons/productos.png" /></a></li>
-			<li><a href="#actividades"><img width=60 height=60 src="Images/icons/actividades.png"  /></a></li>
-            <li><a href="#top_wrapper"><img width=60 height=60 src="Images/icons/logo.png" /></a></li>
-			<li><a href="#cursos"><img width=60 height=60 src="Images/icons/cursos.png" /></a></li>
-            <li><a href="#distribuidoras"><img width=60 height=60 src="Images/icons/dondecomprar.png" /></a></li>
-            <li><a href="#contacto"><img width=60 height=60 src="Images/icons/contacto.png" class="contact"  /></a></li>
+            <li><a href="#nosotros"><img alt="Nosotros" width=60 height=60 src="Images/icons/Us.png" /></a></li>
+            <li><a href="#productos"><img alt="Productos" width=60 height=60 src="Images/icons/productos.png" /></a></li>
+			<li><a href="#actividades"><img alt="Actividades" width=60 height=60 src="Images/icons/actividades.png"  /></a></li>
+            <li><a href="#top_wrapper"><img alt="Logo" width=60 height=60 src="Images/icons/logo.png" /></a></li>
+			<li><a href="#cursos"><img alt="Cursos" width=60 height=60 src="Images/icons/cursos.png" /></a></li>
+            <li><a href="#distribuidoras"><img alt="Donde comprar" width=60 height=60 src="Images/icons/dondecomprar.png" /></a></li>
+            <li><a href="#contacto"><img alt="Contacto" width=60 height=60 src="Images/icons/contacto.png" class="contact"  /></a></li>
         </ul>
     </div>
 </div>
 
 
 
-    <img id="banner" src='' width="100%" height=auto></img>
-
+    <img alt="banner" id="banner" src='' width="100%" height=auto>
 	<div class="seccion" id="nosotros">
 	    <h1><span>NOSOTROS</span></h1>
 	    
@@ -193,11 +117,11 @@
 	<div class="descripciones">
 	
 		<div id="pureza" class="descripcion">
-			<img src="Images/icons/pure.png" width=115 height=115><br/><br/>
+			<img alt="Pureza" src="Images/icons/pure.png" width=115 height=115><br/><br/>
 			Principios activos seleccionados de máximo grado de pureza.
 		</div>
 		<div id="ciencia" class="descripcion">
-			<img src="Images/icons/cience.png" width=115 height=115><br/><br/>
+			<img alt="Ciencia" src="Images/icons/cience.png" width=115 height=115><br/><br/>
 			Formulaciones únicas, concebidas en combinación con técnicas de aplicación 
 			sinérgica, que aportan resultados inmediatos y duraderos.
 		</div>
@@ -205,11 +129,11 @@
 	<div class="descripciones">
 	
 		<div id="integridad" class="descripcion">
-			<img src="Images/icons/integridad.png" width=115 height=115><br/><br/>
+			<img alt="Integridad" src="Images/icons/integridad.png" width=115 height=115><br/><br/>
 			Vehículos especializados para preservar la integridad de las fórmulas y evitar procesos de sensibilización.
 		</div>
 		<div id="control" class="descripcion">
-			<img src="Images/icons/control.png" width=115 height=115><br/><br/>
+			<img alt="GMP" src="Images/icons/control.png" width=115 height=115><br/><br/>
 			Estrictos controles bajo normas de calidad internacional GMP son garantía de los productos ESPECIFICOS Buenos Aires.
 		</div>
 		
@@ -388,8 +312,11 @@ OBJETIVOS DEL CURSO: Obtener los conocimientos teóricos y prácticos en el áre
 		   charlas de capacitación, novedades, eventos.
 			<br/>
 			Para acceder a la página, haga clic aquí.<br/><br/>
-            <a href="https://es-la.facebook.com/EspecificosBuenosAires"><img src="Images/fb.png" width=50px height=50px></a>
+            <a href="https://www.facebook.com/pages/Especificos-Buenos-Aires/326062297573907"><img alt="Facebook" src="Images/fb.png" width=50px height=50px></a>
         </div>
     </div>
+    <script src="js/jquery-1.10.2.js"></script>
+    <script type="text/javascript" src="js/main.js"> </script>
+	<?php include('piwik.html'); ?>
 </body>
 </html>

+ 1 - 0
productos.php

@@ -163,5 +163,6 @@ $(document).ready(function() {
 			
 	</div>
 
+	<?php include('piwik.html'); ?>
 </body>
 </html>