david před 12 roky
rodič
revize
3875f2e86d
2 změnil soubory, kde provedl 31 přidání a 31 odebrání
  1. 12 14
      css/especificos.css
  2. 19 17
      index.php

+ 12 - 14
css/especificos.css

@@ -14,7 +14,7 @@
 html, body
 {
     margin: 0px auto;
-    font-family: 'Raleway'sans-serif;    
+    font-family: 'Open Sans';    
     -webkit-font-smoothing: antialiased;
     -webkit-text-stroke: 0.50px;
     position: relative;
@@ -40,14 +40,6 @@ html, body
 
     
 
-#exit{
-    width: 90%;
-    height: 30px;
-    margin: 0 auto;
-    cursor: pointer;
-    float: right;
-    text-align:right;
-}
 #message{ resize: vertical; overflow:auto; max-height: 200px;}
 
 
@@ -92,10 +84,11 @@ html, body
     margin-top: 2px;
     outline: 0 none;
     padding: 3px 3px 3px 5px;
-    width: 62%;
-    font-family: 'Champagne and Limousine';
+    width: 85%;
+    font-family: 'Open Sans';
     font-size: 12px;
 }
+#btnconsulta { float: right; display:block; }
 
 .basic-grey textarea{
     height:100px;
@@ -217,7 +210,7 @@ html, body
     height: auto;
     text-align: center;
     margin: 0px auto;
-    padding-top: 20px;
+    padding-top: 70px;
     border-bottom: 1px solid #475A68;
 }
 
@@ -288,7 +281,7 @@ html, body
 	color: #465A68;
 	text-align: center;
 	cursor: pointer;
-    margin-top:15px;
+    margin-bottom:15px;
 	
 }
 .descripcion_curso{
@@ -584,7 +577,7 @@ a:visited, a:link
     color: #485260;
     text-decoration:none;
 }
-a:hover, 
+a:hover 
 {
     opacity: 0.5; transition: opacity 0.3s ease-in-out;
 }
@@ -604,3 +597,8 @@ li:hover
 }
 
 .hidden { display: none;}
+b { font-weight: bold; }
+.center { display:block; margin: 0px auto; text-align:center;}
+.titulin { font-size: 23px; font-weight: bold;}
+#exit{ width: 90%; height: 30px; margin: 0 auto; cursor: pointer; float: right !important; text-align:right; }
+

+ 19 - 17
index.php

@@ -1,11 +1,9 @@
 <?php
 header('Content-Type: text/html; charset=UTF-8');
 ?>
-<html>
 <!doctype html>
-<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-
 <head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 
     <script src="js/jquery-1.10.2.js">
     </script>
@@ -17,7 +15,10 @@ header('Content-Type: text/html; charset=UTF-8');
 		
 			$("#overlay-contact").css("height",$(document).height()+"px");
             $('.contact').click(function(event){
-                event.preventDefault();
+               event.preventDefault();
+               showContact(); 
+            });
+            function showContact() {
                 $('.basic-grey, #overlay-contact').toggle();
                 if($('.basic-grey').is(':visible')){ 
                     $('#overlay-contact').click(function(){
@@ -26,11 +27,12 @@ header('Content-Type: text/html; charset=UTF-8');
                     $('#exit').click(function(){
                         $('.basic-grey, #overlay-contact').hide();
                     });
-                }         
-            });
+                }
+            }
 
 	        $('li a').click(function () {
-                $('html, body').animate({ scrollTop: $($(this).attr('href')).position().top }, 'slow');
+                $('html, body').animate({ scrollTop: $($(this).attr('href')).position().top +60}, 'slow');
+                if ($(this).attr('href')=='#footer-outer') { showContact(); }
 	            return false;
 	        });
 
@@ -87,11 +89,11 @@ header('Content-Type: text/html; charset=UTF-8');
 </div>
 
     <div class="basic-grey">
-    <div id="exit"><h5>X</h5></div>
+    <h5 id="exit">X</h5>
     <form action="" method="post" class="STYLE-NAME">
     <h5>Contacto</h5><br>
-    Un equipo de profesionales está a su servicio para responder sus consultas<br>
-    Av. Bernardino Rivadavia 5427 3F, CABA (1424), Buenos Aires, Argentina.<br>
+    Un equipo de profesionales está a su servicio para responder sus consultas.<br><br>
+    Av. Rivadavia 5427 3F, CABA (1424), Buenos Aires, Argentina.<br><br>
     Tel&eacute;fono: +5411 4139-6860/1 +5411 4904-0289.
     <br><br>
     <label>
@@ -128,7 +130,7 @@ header('Content-Type: text/html; charset=UTF-8');
             <li><a href="#top_wrapper"><img src="Images/icons/logo.png" id="logo" style="width: 51px; height: 50px;" /></a></li>
             <li><a href="#cursos">cursos</a></li>
             <li><a href="#distribuidoras">donde comprar</a></li>
-            <li class="contact"><a href="#">contacto</a></li>
+            <li class="contact"><a href="#footer-outer">contacto</a></li>
         </ul>
 
         <ul id="responsive">
@@ -156,8 +158,8 @@ header('Content-Type: text/html; charset=UTF-8');
 	    <h1><span>NOSOTROS</span></h1>
 	    
 		<div id="principal">
-			<div style="text-align: left;">
-			<h4 class="center">Bienvenidos a ESPECIFICOS Buenos Aires</h4><br/><br/>
+			<div style="text-align: center;">
+			<p class="titulin center">Bienvenidos a ESPECIFICOS Buenos Aires</p><br/>
 			 Excelencia, ciencia y lujo al cuidado de tu piel</div><br/><br>
 			Productos profesionales, elaborados con normas de calidad internacional GMP, basados en sustancias
 			activas concentradas de gran pureza y vehículos específicos altamente eficaces que permiten optimizar 
@@ -264,7 +266,7 @@ header('Content-Type: text/html; charset=UTF-8');
     <h1><span>CURSOS</span></h1>
 
 	<p style="margin-top: 60px; margin-bottom: 10px;">
-	<b>Garantía de calidad en formación profesional.</b><br/><br/>
+	<p class='titulin'>Garantía de calidad en formación profesional.</p><br/><br/>
 	<i>Haga click en alguno de los siguientes cursos para acceder al contenido</i><br/><br/>
 	
 
@@ -278,7 +280,7 @@ Este avance debe fundamentarse en una buena formación de las profesionales que
 El principal objetivo debe ser ofrecer un tratamiento eficaz y seguro que mejore el bienestar.<br/>
 En  el transcurso de la Especialización, podrán intercambiar opiniones con docentes de experiencia calificada que las acompañarán a lo largo del año brindándoles todo su apoyo en la formación. <br/>
 Dirigido a: Cosmetólogas, Cosmiatras, Técnicas Universitarias en Dermatocosmiatría, Profesionales de la Estética.<br/>
-<i><a href="http://curso.especificosba.com.ar/">Ir al curso</a></i>
+<a href="http://curso.especificosba.com.ar/"><b class="center">Ir al curso</b></a>
 </div>
 
 <div class="titulo_curso" tatosa="apestosa">Rejuvenecimiento facial con métodos no invasivos <div style="font-size: 10pt; display:inline;">[+]</div></div>
@@ -286,7 +288,7 @@ Dirigido a: Cosmetólogas, Cosmiatras, Técnicas Universitarias en Dermatocosmia
 Este curso está destinado a profesionales de la ciencia estética, cosmetología y cosmiatría, para trabajar en conjunto frente a una de las afecciones más tratadas en el consultorio “El rejuvenecimiento facial con métodos no invasivos” y toda la problemática que conlleva los cambios propios de la piel en el transcurso de la vida.
 Nuestra intención es brindar alta capacitación trabajando siempre en elevar el  compromiso profesional que nos ayudará a definir protocolos indicados para cada necesidad, de última tecnología y realizar un trabajo de excelencia, siempre basados en el conocimiento científico.
 <br>
-<i><a href="http://curso.especificosba.com.ar/">Ir al curso</a></i>
+<a href="http://curso.especificosba.com.ar/"><b class="center">Ir al curso</b></a>
 </div>
 
 <div class="titulo_curso" tatosa="deliciosa">Drenaje Linfático Manual <div style="font-size: 10pt; display:inline;">[+]</div></div>
@@ -297,7 +299,7 @@ Esta técnica se ha perfeccionado en los últimos años.
 Actúa sobre el sistema neurovegetativo. Mejora el Sistema inmune, actúa en prevención.
 OBJETIVOS DEL CURSO: Obtener los conocimientos teóricos y prácticos en el área específica del drenaje linfático manual que permitan, a través de una intensa práctica, la comprensión y aplicación idónea de las maniobras.
 <br>
-<i><a href="http://curso.especificosba.com.ar/">Ir al curso</a></i>
+<a href="http://curso.especificosba.com.ar/"><b class="center">Ir al curso</b></a>
 
 
 </div>