GuareberTech · frank2893 · Jan 26, 2015 · Jan 26, 2015 · Jan 27, 2015
diff --git a/Guareber contacto/Sprites/35-social-icons-sprites.jpg b/Guareber contacto/Sprites/35-social-icons-sprites.jpg
diff --git a/Guareber contacto/Sprites/icon-facebook.png b/Guareber contacto/Sprites/icon-facebook.png
diff --git a/Guareber contacto/Sprites/social-icons-sprites.jpg b/Guareber contacto/Sprites/social-icons-sprites.jpg
diff --git a/Guareber contacto/Sprites/spice-social-gadget-sprite.png b/Guareber contacto/Sprites/spice-social-gadget-sprite.png
diff --git a/Guareber contacto/Sprites/you.png b/Guareber contacto/Sprites/you.png
diff --git a/Guareber contacto/Sprites/youtu.png b/Guareber contacto/Sprites/youtu.png
diff --git a/Guareber contacto/Sprites/youtube.png b/Guareber contacto/Sprites/youtube.png
diff --git a/Guareber contacto/contactar.php b/Guareber contacto/contactar.php
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+<meta charset="utf-8">
+<title>Contactanos</title>
+<link rel="stylesheet" type="text/css" href="estilo_boton.css">
+</head>
+
+<body>
+<div align="center">
+<p style="font-family:Arial, Helvetica, sans-serif; font-size:15px;">Deseas enviar un mensaje.</p>
+<section class="formulario">
+    <form action="contacto.php" method="post">
+<table align="center">
+  <tr>
+    <td><label for="nombre">Nombre:</label></td> 
+        <td><input id="nombre" type="text" name="nombre" placeholder="Nombre y Apellido" required /></td>
+    </tr>
+
+     <tr>
+    <td><label for="apellido">Apellido:</label></td> 
+        <td><input id="apellido" type="text" name="apellido" placeholder="Apellido" required /></td>
+    </tr>
+
+  <tr>
+      <td><label for="email">Email:</label></td>
+<td> <input id="email" type="email" name="email" placeholder="ejemplo@correo.com" required /></td>
+  </tr>
+  <tr> 
+      <td><label for="mensaje">Mensaje:</label></td>
+    <td><textarea id="mensaje" name="mensaje" placeholder="Mensaje" required></textarea></td>
+    </tr>
+
+    <tr>
+    <td><input id="submit" type="submit" name="submit" value="Enviar" /></td>
+    </tr>
+</table>
+</form>
+  </section>
+
+</div></div></div>
+
+<div class='social_bookmarks_container'>
+<ul class='social_bookmarks'>
+<li class='iconrss'>
+<a href='/atom.xml'>
+RSS
+</a>
+</li>
+<li class='iconrssmail'>
+<a href='http://feedburner.google.com/fb/a/mailverify?uri=NombreDelFeed'>
+RSS Mail
+</a>
+</li>
+<li class='icontwitter'>
+<a href='https://twitter.com/GuareberTech'>
+Twitter
+</a>
+</li>
+<li class='iconfacebook'>
+<a href='https://www.facebook.com/groups/681018908619134/' target="_blank">
+Facebook
+</a>
+</li>
+<li class='iconyoutube'>
+<a href='https://www.youtube.com/channel/UC2F9yTEkV7-1JSBjAgaLIbQ'>
+YouTube
+</a>
+</li>
+</ul>
+</div>
+</html>
diff --git a/Guareber contacto/contacto.php b/Guareber contacto/contacto.php
@@ -0,0 +1,24 @@
+<?php
+$nombre = $_POST['nombre'];
+$apellido = $_POST['apellido'];
+$email = $_POST['email'];
+$mensaje = $_POST['mensaje'];
+$para = 'orlan2893@gmail.com';
+$titulo = 'Informacion';
+$header = 'From: ' . $email;
+$msjCorreo = "Nombre: $nombre\n Apellido: $apellido\n E-Mail: $email\n Mensaje: $mensaje\n";
+
+if ($_POST['submit']) 
+	{
+		if (mail($para, $titulo, $msjCorreo, $header)) 
+		{
+		echo "<script language='javascript'>
+		alert('Mensaje enviado, muchas gracias.');
+		document.location.href='contactar.php';</script>";
+		} 
+		else 
+		{
+		echo 'Falló el envio';
+		}
+}
+?>
diff --git a/Guareber contacto/estilo_boton.css b/Guareber contacto/estilo_boton.css
@@ -0,0 +1,50 @@
+.social_bookmarks_container {
+width:100%;
+height:65px;
+padding:0;
+position:relative;
+}
+.social_bookmarks {
+position:relative;
+float:left;
+margin:0;
+padding:0;
+}
+.social_bookmarks li {
+margin:0 0 1px 1px;
+height:57px;
+width:57px;
+list-style:none;
+float:left;
+padding:0;
+-webkit-transition: all 0.4s ease-in-out;
+-moz-transition: all 0.4s ease-in-out;
+-o-transition: all 0.4s ease-in-out;
+-ms-transition: all 0.4s ease-in-out; 
+transition: all 0.4s ease-in-out;
+}
+.social_bookmarks li a {
+float:left;
+width:57px;
+line-height:24px;
+display: block;
+text-indent: -99999px;
+margin:0px;
+outline: none;
+padding:0;
+min-height:57px;
+height:100%;
+text-decoration:none;
+}
+.social_bookmarks .iconrss{background: #A4A4A4 url(//lh6.googleusercontent.com/-s8sIx3OX2WI/U4vC1nmgr0I/AAAAAAAALK4/W3Z3qXMwrCg/s114/icon-rss.png) top left no-repeat;}
+.social_bookmarks .iconrssmail{background: #BDBDBD url(//lh5.googleusercontent.com/-H4iUybdCAyU/U4vC1yQWu1I/AAAAAAAALLE/fTpR7eN4cIw/s114/icon-rssmail.png) top left no-repeat;}
+.social_bookmarks .icontwitter{background: #D8D8D8 url(//lh6.googleusercontent.com/-4TshwJW7hIE/U4vC2JM25AI/AAAAAAAALLI/tcIkpheXrYU/s114/icon-twitter.png) top left no-repeat;}
+.social_bookmarks .iconfacebook{background: #E6E6E6 url(//lh5.googleusercontent.com/-nt-UdZG1ns0/U4vC1v57lwI/AAAAAAAALLQ/pAOWjEBSnSg/s114/icon-facebook.png) top left no-repeat;}
+.social_bookmarks .iconyoutube{background: #F1F1F1 url(http://i59.tinypic.com/s3zx41.jpg) top left no-repeat;}
+.social_bookmarks .iconfacebook:hover{background-position:center -57px; background-color: #37589b;}
+.social_bookmarks .icontwitter:hover {background-position:center -57px; background-color: #46d4fe;}
+.social_bookmarks .iconyoutube:hover {background-position:center -57px; background-color: #de5a49;}
+.social_bookmarks .iconrss:hover{background-position:center -57px; background-color: #ff6600;}
+.social_bookmarks .iconrssmail:hover{background-position:center -57px; background-color: #FFDE00;}
+.social_bookmarks li:hover a{background: transparent url(//lh4.googleusercontent.com/-XNviZ_JqvyU/U4vDMDFAX8I/AAAAAAAALLk/E4VIJr1onlo/s57/icon-social-reflect.png) no-repeat;
+}
diff --git a/Logos/Logo.png b/Logos/Logo.png
diff --git a/Logos/Logo_titulo.png b/Logos/Logo_titulo.png
diff --git a/README.md b/README.md
diff --git a/blog.html b/blog.html
diff --git a/css/font/FontAwesome.otf b/css/font/FontAwesome.otf
diff --git a/css/font/fontawesome-webfont.eot b/css/font/fontawesome-webfont.eot