<!DOCTYPE HTML>
<!--VISITANOS EN www.elgatocoder.com ---->
<!--SIGUENOS EN FACEBOOK ---->
<html>
<head>
<title>Contact</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style>
@import url(http://fonts.googleapis.com/css?family=Indie+Flower);
/*
TYPED BY TERRY EL GATO
www.elgatocoder.com
(\___/)
(='.'=)
*/
/* cssreset.com */
* {
margin: 0;
padding: 0;
}
/* cssreset.com */
body{
background: #fff;
font-family: 'Arial';
font-weight: 300;
color: #2F4F4F;
}
a{
text-decoration:none;
color:inherit;
}
#content{
position:relative;
right:-25px;
}
#content article a:hover{
color:#FF00CC;
text-decoration:line-through;
}
#gatoform{
margin: 45px auto;
max-width:550px;
}
/*********************************************************************************/
/* contact form */
/*********************************************************************************/
#contactform{
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
background:#1E1E1E;
color:#fff;
padding:25px;
}
#contactform h1
{
font-family: 'Indie Flower', cursive;
font-size:40px;
font-weight:normal;
padding:0 0 30px 10px;
}
input,
textarea{
display:block;
width:90%;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
background-color:#f4f4f4;
color:#000;
border:1px solid #5f5f5f;
padding:10px;
margin-bottom:25px;
}
input:hover,
input:focus{
background-color:#DCF2FF;
}
.sendButton {
cursor:pointer;
background-color:#DCF2FF;
-webkit-border-radius:16px;
-moz-border-radius:16px;
border-radius:16px;
border:1px solid #DC79E2;
color:#DC79E2;
font-family:Arial;
font-size:14px;
width:25%;
font-weight:bold;
}
.sendButton:hover {
background-color:#622467;
color:#fff;
border:1px solid #DCF2FF;
}
@media screen and (max-width: 768px) {
#contactform{
background:none;
}
#contactform H1 {color:#1E1E1E;}
}
</style >
</head>
<body>
<section id="content">
<article>
<div id="gatoform">
<p>www.elgatocoder.com te invita a unirte a nuestra pagina de facebook <a link href="https://www.facebook.com/pages/El-Gato-Coder/413360008755401">Click Aqui</a></p>
<div id="contactform">
<form name="form1" method="post" action="#">
<h1>Contactanos</h1>
<span>Nombre:</span>
<input type="text" placeholder="Ingresa tu Nombre : Requerido" name="name" id="name" required autofocus>
<span>Email:</span>
<input type="email" placeholder="Ingresa tu email:Requerido" name="email" id="email" required>
<span>Mensaje:</span>
<textarea rows="5" cols="40" name="comment" placeholder="Mensaje Requerido Duuuh!!" required></textarea>
<input class="sendButton" type="submit" name="Submit" value="Enviar">
</form>
</div>
<br/>
</div>
</article>
</section>
</body>
</html>
Comentarios sobre la versión: 1 (6)