Códigos

 Modelo 1


<style type="text/css">
.contact-form-widget{
margin-left:auto;
margin-right:auto;
largura: 100%;
largura máxima: 100%;
preenchimento: 0;
}
hr{
posição:relativa;
altura:.75em;
borda:0;
estouro: oculto;
margem:0;
}
hr:antes{
conteúdo:"";
exibição: bloco;
posição: absoluta;
topo:0;esquerda:0;
altura:.75em;
largura: 5.1em;
fundo:#C4DD83;
box-shadow:5em 0 0 0 #F4FCC9,10em 0 0 0 #FDCD78,15em 0 0 0 #ED786F,20em 0 0 0 #D99DBF,25em 0 0 0 #C39EDC,30em 0 0 0 #679DE2,35em 0 0 0 #62C2E3,40em 0 0 0 #F4FCC9,45em 0 0 0 #FDCD78,50em 0 0 0 #ED786F,55em 0 0 0 #D99DBF,60em 0 0 0 #C39EDC; /* CORES DO TOPO */
}
.contactf-name,.contactf-email{float:left;width:49.25%}
.contactf-name{margin-right:1.5%}
.contact-form-name,.contact-form -email,.contact-form-email-message,.contact-form-name:hover,.contact-form-name:focus,.contact-form-email:hover,.contact-form-email:focus,.contact -form-email-message:hover,.contact-form-email-message:focus{
largura:100%;
largura máxima: 100%;
margem:25px 0 0;
preenchimento: 10px;
tamanho da fonte: 15px; /* TAMANHO DA FONTE DOS CAMPOS PREENCHÍVEIS */
cor:#cccccc; /* COR DA FONTE DOS CAMPOS PREENCHÍVEIS */
cor da borda:#E8E8E8; /* COR DA BORDA DOS CAMPOS PREENCHÍVEIS */
largura-borda:2px 2px 4px;
-webkit-box-shadow:nenhum;
-moz-box-shadow:nenhum;
box-shadow:nenhum;
}
.contact-form-name,.contact-form-email{height:40px}
.contact-form-email-message{height:100px}
.contact-form-button-submit,.contact-form-button-submit: hover{
margin-top:25px;
largura: 100%;
altura:40px;
tamanho da fonte: 15px; /* TAMANHO DA FONTE DO BOTÃO ENVIAR MENSAGEM*/
cor:#ffffff; /* COR DA FONTE DO BOTÃO ENVIAR MENSAGEM */
text-align:center;
text-shadow:0 1px 2px rgba(0,0,0,0.25);
fundo:#35617d; /* COR DO BOTÃO ENVIAR MENSAGEM */
borda:0;
border-bottom:2px sólido #1c4c6a; /* COR DA BORDA DO BOTÃO ENVIAR MENSAGEM */
esquema: nenhum;
cursor:ponteiro;
-webkit-box-shadow:inserir 0 -2px #1c4c6a; /* COR DA BORDA DO BOTÃO ENVIAR MENSAGEM */
box-shadow:inset 0 -2px #1c4c6a; /* COR DA BORDA DO BOTÃO ENVIAR MENSAGEM */
}
.contact-form-button-submit:active{top:1px;outline:none;-webkit-box-shadow:none;box-shadow:none}
.contact-form -cross{border:medium none !important;box-shadow:none !important;padding:0 !important;height:11px !important;width:11px !important;}
</style>

<div class="widget ContactForm" id ="ContactForm22">
<div class="contact-form-widget"
<hr />
<div class="form">
<form name="contact-form">
<div class="contactf-name">
<input class="contact-form-name" id="ContactForm1_contact-form- name" name="Nome" onblur="if (this.value == "") {this.value = "Nome";}" onfocus="if (this.value == "Name") { this.value = "";}" size="30" type="text" value="Nome" /></div>
<div class="contactf-email">
<input class="contact-form -email" id="ContactForm1_contact-form-email" name="Endereço de e-mail" onblur="if (this.value == "") {this.value = "Endereço de e-mail";}" onfocus="if (this.value == "Endereço de e-mail") {this.value = "";}" size="30" type="text" value="Endereço de e-mail" /></div>
<div style="clear: Both;">
</div>
<div class="contactf-message">
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="Digite sua mensagem aqui ..." onblur="if (this.value == "") {this.value = "Digite sua mensagem aqui...";}" onfocus="if (this.value == " Digite sua mensagem aqui...") {this.value = "";}" rows="5" type="text" value="Digite sua mensagem aqui..."></textarea><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Enviar mensagem" /><br />
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
</div>
</div>
</div>

Modelo 2


<style type="text/css">
.contact-form-widget{
margin-left:auto;
margin-right:auto;
largura:600px;
largura máxima:100%}
.contactf-name,.contactf-email{float:left;width:50%}.contact-form-name,.contact-form-email,.contact-form-email-message,.contact-form-name:hover ,.contact-form-name:focus,.contact-form-email:hover,.contact-form-email:focus,.contact-form-email-message:hover,.contact-form-email-message:focus{
largura: 100%;
largura máxima: 100%;
margem:0 0 15px;
preenchimento: 10px;
tamanho da fonte: 14px;
cor:#777;
fundo:#f4f4f4;
borda:1px sólido #eeeeee;
-webkit-box-shadow:nenhum;-moz-box-shadow:nenhum;box-shadow:nenhum;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px}
.contact-form-name,.contact-form-email{height:33px}
.contact-form-email-message{height:130px}
.contactf-message{posição:relativa}
.contactf-message:depois,.contactf-message:antes{
border-bottom:50px sólido transparente;
border-left:80px sólido #f4f4f4;
inferior:-32px;
contente:'';
posição: absoluta;
direita: 50%;
margin-right:-100px}
.contactf-message:antes{
border-left:80px sólido #eeeeee;
inferior:-34px;
direita: 50,3%;
margin-right:-101px}
.cbluebutton{
margem-topo:25px;
largura: 30%;
altura:35px;
flutuar: direita;
tamanho da fonte: 15px;
cor:#ff;
exibição: bloco em linha;
text-align:center;
background:linear-gradient(para baixo,#FF0073 0%,#B70052 100%);
box-shadow:0 1px 1px rgba(255,0,115,0.5);
borda:0;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px}
.cbluebutton span .contact-form-button-submit{
background:linear-gradient(para baixo,#FF0073 0%,#B70052 100%);
fonte: negrito 16px "Helvetica Neue", sem serifa;
altura:35px;
largura: 100%;
cor:#ffffff;
exibição: bloco em linha;

cursor:ponteiro;
contorno: nenhum;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px}
.contact-form-button-submit:active{top:1px;outline:none;-webkit-box-shadow:none;box-shadow:none}
.contact-form-cross{border:medium none!important;box-shadow:none!important;padding:0!important;width:11px !important;height:11px !important;}
</style>
<div class="widget ContactForm" id="ContactForm22"><div class="contact-form-widget"><div class="form"><form name="contact-form"><div class="contactf -message"><textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="Mensagem" rows="5" value="Digite sua mensagem aqui " onblur='if (this.value == "") {this.value = "Digite sua mensagem aqui";}' onfocus='if (this.value == "Digite sua mensagem aqui") {this.value = "";}'></textarea>
</div>
<div class="cbluebutton"><span><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Enviar" /> </span></div><div class="contactf-name"><input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type= "text" value="Nome" onblur='if (this.value == "") {this.value = "Nome";}' onfocus='if (this.value == "Nome") {this.value = "";}' /></div><div class="contactf-email"><input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size=" 30" tipo="text" value="E-mail" onblur='if (this.value == "") {this.value = "E-mail";}' onfocus='if (this.value == "E-mail" ) {this.value = "";}'/></div><div style="clear:both"></div><div class="contact-form-error-message" id="ContactForm1_contact-form -error-message"></div><div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></div></div></form></div ></div>contact-form-error-message" id="ContactForm1_contact-form-error-message"></div><div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">< /div></div></form></div></div>contact-form-error-message" id="ContactForm1_contact-form-error-message"></div><div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">< /div></div></form></div></div>

Modelo 3
<style type="text/css">
.contact-form-widget{
margin-left:auto;
margin-right:auto;
largura:600px;
largura máxima: 100%;
preenchimento: 25px;
fundo:#ff;
}
.contato-título{
text-align:center;
fonte:41px fantasia;
cor:#121212;
margin-bottom:25px}
.contactf-name,.contactf-email{
float:esquerda;largura:47%}
.contactf-name{margin-right:6%}
.name-icon img,.email-icon img{background:transparent!important;border:medium none!important;box-shadow:none!important;padding:11px 0!important;width:16px !important;height:16px ! importante;}
.name-icon,.email-icon{position:absolute;z-index:1}
.nome-do-formulário-de-contato,.e-mail-formulário-de-contato,.mensagem-e-mail-formulário-de-contato,.nome-formulário-contato:hover,.nome-formulário-contato:foco,. .contact-form-email:focus,.contact-form-email-message:hover,.contact-form-email-message:focus{
largura: 100%;
largura máxima: 100%;
margem:0 0 25px;
preenchimento: 10px 10px 10px 25px;
fonte: negrito 16px cursiva;
text-shadow:0 1px 2px #ddd;
cor:#121212;
fundo:transparente!importante;
cor da borda:#121212;
largura da borda:0 0 2,5px;
-webkit-box-shadow:nenhum;
-moz-box-shadow:nenhum;box-shadow:nenhum}
.contact-form-name,.contact-form-email{height:40px}.contact-form-email-message,.contact-form-email-message:hover,.contact-form-email-message:focus{preenchimento :10px!importante}
.contact-form-email-message{height:150px;border-width:2.5px!important}
.contact-form-button-submit,.contact-form-button-submit:hover{
background:#121212!importante;
largura: 30%;
altura:37px;fonte:negrito 13px "Lucida Grande";
espaçamento entre letras: 2px;
cor:#ff;
text-align:center;
borda:médio nenhum;cursor:ponteiro;exibição:bloco;margem:0 auto;esboço:nenhum}
.contact-form-cross{border:medium none!important;box-shadow:none!important;padding:0!important;width:11px !important;height:11px !important;}
</style>
<div class="widget ContactForm" id="ContactForm22"><div class="contact-form-widget">
<div class="form"><form name="contact-form"><div class="contactf-name"><input class="contact-form-name" id="ContactForm1_contact-form-name" name= "Name" size="30" type="text" value="Name" onblur='if (this.value == "") {this.value = "Name";}' onfocus='if (this.value == "Nome") {this.value = "";}' /></div><div class="contactf-email"><input class="contact-form-email" id="ContactForm1_contact-form- email" name="Endereço de e-mail" size="30" type="text" value="Endereço de e-mail" onblur='if (this.value == "") {this.value = "Endereço de e-mail";}' onfocus='if (this.value == "Endereço de e-mail") {this.value = "";}'/></div><div style="clear:both"></div><div class="contactf-message" ><textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="Escreva sua mensagem aqui..." rows="5" value="Escreva sua mensagem aqui..." onblur='if (this.value == "") {this.value = "Escreva sua mensagem aqui...";}' onfocus='if (this.value == "Digite seu mensagem aqui...") {this.value = "";}'></textarea><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type ="botão" value="Enviar e-mail" /><div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></div><div class="contact-form-success-message" id="ContactForm1_contact-form-success- mensagem"></div></div></form></div></div></div>


Modelo 4
<style type="text/css">
.widget.ContactForm{z-index:1}
.contact-form-widget{
margin-left:auto;
margin-right:auto;
largura:600px;
largura máxima: 100%;
preenchimento: 25px 0;
fundo:#EBEBE3;
-webkit-border-radius:2%;
-moz-border-radius:2%;
border-radius:2%}
.contact-form-widget .form{width:91%;margin:0 auto}
.ribbon{
font:16px Arial;
text-shadow:0 1px 2px rgba(0,0,0,0.25);
posição: relativa;
background:#cc1473;
cor:#ff;
text-align:center;
preenchimento: 1em 2em;
margin:0 -16px}
.ribbon:antes,.ribbon:depois{
conteúdo:"";
posição: absoluta;
exibição: bloco;
inferior:-1em;
borda: 1,5em sólido #cc1473;
z-index:-1}
.ribbon:before{
left:-1.7em;
largura da borda direita: 1.2em;
border-left-color:transparent}
.ribbon:after{
right:-1.7em;
largura da borda esquerda:1.2em;
border-right-color:transparent}
.ribbon .ribbon-content:before,.ribbon .ribbon-content:after{
content:"";
posição: absoluta;
exibição: bloco;
estilo de borda: sólido;
border-color:#880b4b transparente transparente;
bottom:-1em}
.ribbon .ribbon-content:before{left:0;border-width:1em 0 0 1em}
.ribbon .ribbon-content:after{right:0;border-width:1em 1em 0 0}
.contactf-name,.contactf-email,.contactf-message{
text-align:left;
margem-topo:25px;
cor:#a1937b;
tamanho da fonte: 13px;
}
.contactf-name,.contactf-email{float:left;width:100%}
.contact-form-name,.contact-form-email,.contact-form-email-message,.contact-form-name: hover,.contact-form-name:focus,.contact-form-email:hover,.contact-form-email:focus,.contact-form-email-message:hover,.contact-form-email-message:focus {
largura: 100%;
largura máxima: 100%;
margem:10px 0 0;
preenchimento: 10px;
tamanho da fonte: 12px;
cor:#aaa;
cor da borda:#DBD6D1;
largura da borda: 1px;
box-shadow:nenhum;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px}
.contact-form-name,.contact-form-email{height:35px}
.contact-form-email-message{height:100px}
.contact-form-button-submit,.contact-form -button-submit:hover{
margin-top:25px;
largura: 100%;
altura:37px;
fonte: normal 12px Arial;
contorno: nenhum;
espaçamento entre letras: 1px;
cor:#ff;
text-align:center;
cursor:ponteiro;
cor:#ffffff;
borda: 1px sólido #cc1473;
background:#cc1473;
}.contact-form-cross{border:medium none!important;box-shadow:none!important;padding:0!important;height:11px !important;width:11px !important;}
</style>

<div class="widget ContactForm" id="ContactForm22"><div class="contact-form-widget"><h2 class="ribbon"><strong class="ribbon-content">Fale com a gente!< /strong></h2><div class="form"><form name="contact-form"><div class="contactf-name">Seu nome:<input class="contact-form-name" id ="ContactForm1_contact-form-name" name="Nome" size="30" type="text" value="Nome" onblur='if (this.value == "") {this.value = "Nome"; }' onfocus='if (this.value == "Nome") {this.value = "";}' /></div><div class="contactf-email">E-mail:<input class= "contact-form-email" id="ContactForm1_contact-form-email" name="Seu endereço de e-mail aqui" size="30" type="text" value="Seu endereço de e-mail aqui:" onblur='if (this.value == " ") {this.value = "Seu endereço de e-mail aqui";}' onfocus='if (this.value == "Seu endereço de e-mail aqui") {this.value = "";}'/ ></div><div style="clear:both"></div><div class="contactf-message">Mensagem:<textarea class="contact-form-email-message" cols="25" id ="ContactForm1_contact-form-email-message" name="Digite sua mensagem aqui..." rows="5" value="" placeholder="Digite sua mensagem aqui..." value="Digite sua mensagem aqui.. ." onblur='if (this.value == "") {this.value = "Digite sua mensagem aqui...";}' onfocus='if (this.value == "Digite sua mensagem aqui...") {this.value = "";}'> </textarea><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Enviar e-mail" /><div class= "contact-form-error-message" id="ContactForm1_contact-form-error-message"></div><div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"> </div></div></form></div></div></div>></textarea><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Enviar e-mail" /><div class ="contact-form-error-message" id="ContactForm1_contact-form-error-message"></div><div class="contact-form-success-message" id="ContactForm1_contact-form-success-message" ></div></div></form></div></div></div>></textarea><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Enviar e-mail" /><div class ="contact-form-error-message" id="ContactForm1_contact-form-error-message"></div><div class="contact-form-success-message" id="ContactForm1_contact-form-success-message" ></div></div></form></div></div></div>div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></div></div></form></div></div></div>div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></div></div></form></div></div></div>

Modelo 5
<style type="text/css">
.contact-form-widget{
margin-left:auto;
margin-right:auto;
largura:600px;
largura máxima: 100%;
preenchimento:40px 0}
.contactf-name,.contactf-email{float:left;width:48.25%}
.contactf-name{margin-right:3.5%}
.contact-form-name,.contact-form-email, .contact-form-email-message,.contact-form-name:hover,.contact-form-name:focus,.contact-form-email:hover,.contact-form-email:focus,.contact-form- email-message:hover,.contact-form-email-message:focus{
largura:100%;
largura máxima: 100%;
margem:0 0 20px;
preenchimento: 10px 15px;
tamanho da fonte: 14px;
espaçamento entre letras: 1px;
cor:#444;
fundo:#F3F3F3;
borda: médio nenhum;
-webkit-box-shadow:nenhum;
-moz-box-shadow:nenhum;
box-shadow:none}
.contact-form-name,.contact-form-email{height:37px}
.contact-form-email-message{height:170px}
.contact-form-button-submit,.contact-form -botão-enviar:hover{
largura:19%;
altura:30px;
fonte: normal 14px Arial;
espaçamento entre letras: 1px;
cor:#ff;
exibição: bloco;
contorno: nenhum;
margem inferior:20px;
text-align:center;
fundo:#35617d;
border:0;cursor:pointer}
.contact-form-button-submit:active{outline:none;-webkit-box-shadow:none;box-shadow:none}
.contact-form-cross{border:medium none!important;box-shadow:none!important;padding:0!important;height:11px !important;width:11px !important;}
</style>

<div class=" widget ContactForm" id="ContactForm22">
<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
<div class="contactf-name">
< input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="Seu nome aqui" onblur='if (this.value = = "") {this.value = "Seu nome aqui";}' onfocus='if (this.value == "Seu nome aqui") {this.value = "";}' />
</div>
<div class="contactf-email">
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="Seu endereço de e-mail aqui" onblur='if (this.value == "") {this.value = "Seu endereço de e-mail aqui";}' onfocus='if (this.value == "Seu endereço de e-mail aqui") {this.value = "";}'/></div>
<div style="clear:both"></div>
<div class="contactf-message"><textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5 " value="Mensagem aqui" onblur='if (this.value == "") {this.value = "Mensagem aqui";}' onfocus='if (this.value == "Mensagem aqui") {this. value = "";}'></textarea></div><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value= "Enviar" /><div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></div><div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></div></form></div></div></div>


Modelo 6
<style>
.tb-contact-form-widget{
background-color:#444;
cor:#ffffff;
preenchimento: 25px;
}
.srbtn{display:inline-block;}
.cform-button, .btn-reset{
background-color:#f1f1f1;
preenchimento: 5px 30px;
}
.cform-button:hover {
background-color: #35617d;
cor: #ff;
}
.btn-reset:hover {
cor de fundo: #8b0a00;
color: #fff;}
.tb-contact-form-widget h3{
text-align:center;
margem:20px 0;
preenchimento: 10px 0;
borda superior: 1px pontilhado #f5f5f5;
}
.c-form-name, .c-form-email {
largura: 50%;
largura máxima: 50%;
margem inferior: 10px;
preenchimento: 10px;
borda: 1px sólido #CCC;
raio da borda: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 1px #ccc inserido, 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 1px #CCC inserido, 0 1px 0 #FFF;
box-shadow: 0 1px 1px #CCC inserido, 0 1px 0 #FFF;
}
.c-form-email-message {
largura: 95%;
largura máxima: 95%;
margem inferior: 10px;
preenchimento: 10px;
borda: 1px sólido #CCC;
raio da borda: 5px;
box-shadow: 0 1px 1px #CCC inserido, 0 1px 0 #FFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 1px #ccc inserido, 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 1px #CCC inserido, 0 1px 0 #FFF;
}
.c-form-name, .c-form-email, .c-form-email-message input:focus{
background-color: #FFF;
box-shadow: 0 0 0 1px #ccc inset;
cor da borda: #ccc;
contorno: nenhum;
-moz-box-shadow: 0 0 0 1px #cccc inserido;
-webkit-box-shadow: 0 0 0 1px #ccc inset;}
.b-social-buttons{list-style-type:none;text-align:center;}
.b-social-buttons li{
display:inline- quadra;
preenchimento: 15px;
cor de fundo:#f5f5f5;
raio da borda:5px;
}
.b-botões-sociais li a{
color:#333;
decoração de texto: nenhuma;
}
#ContactForm1_contact-form-success-message, #ContactForm1_contact-form-error-message{
largura:100%;
margem superior:35px;
}
</style>
<div class="tb-contact-form-widget"> <form name="contact-form"> <div class="form-name"><span><i class="fa fa-pencil-square-o "></i> Seu nome: </span><br /><input class="c-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type=" text" value="" /></div> <div class="form-email"><span><i class="fa fa-envelope-o"></i> Endereço de e-mail: </ span><br /><input class="c-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /></div ><div style="clear: Both;"></div><div class="form-message"> <span><i class="fa fa-keyboard-o"></i> Mensagem:</span><br /> <textarea class="c-form-email-message" cols= "25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea><div class="srbtn"><input class="cform-button" id= "ContactForm1_contact-form-submit" type="button" value="Enviar" /><input type="reset" class="btn-reset" value="Limpar" /></div><div class="contact -form-error-message" id="ContactForm1_contact-form-error-message"> </div> <div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"> </ div>> <span><i class="fa fa-keyboard-o"></i> Mensagem:</span><br /> <textarea class="c-form-email-message" cols="25" id ="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea><div class="srbtn"><input class="cform-button" id="ContactForm1_contact-form -submit" type="button" value="Enviar" /><input type="reset" class="btn-reset" value="Limpar" /></div><div class="contact-form-error -message" id="ContactForm1_contact-form-error-message"> </div> <div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"> </div>> <span><i class="fa fa-keyboard-o"></i> Mensagem:</span><br /> <textarea class="c-form-email-message" cols="25" id ="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea><div class="srbtn"><input class="cform-button" id="ContactForm1_contact-form -submit" type="button" value="Enviar" /><input type="reset" class="btn-reset" value="Limpar" /></div><div class="contact-form-error -message" id="ContactForm1_contact-form-error-message"> </div> <div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"> </div>i class="fa fa-keyboard-o"></i> Mensagem:</span><br /> <textarea class="c-form-email-message" cols="25" id="ContactForm1_contact-form -email-message" name="email-message" rows="5"></textarea><div class="srbtn"><input class="cform-button" id="ContactForm1_contact-form-submit" type= "button" value="Enviar" /><input type="reset" class="btn-reset" value="Limpar" /></div><div class="contact-form-error-message" id= "ContactForm1_contact-form-error-message"> </div> <div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"> </div>i class="fa fa-keyboard-o"></i> Mensagem:</span><br /> <textarea class="c-form-email-message" cols="25" id="ContactForm1_contact-form -email-message" name="email-message" rows="5"></textarea><div class="srbtn"><input class="cform-button" id="ContactForm1_contact-form-submit" type= "button" value="Enviar" /><input type="reset" class="btn-reset" value="Limpar" /></div><div class="contact-form-error-message" id= "ContactForm1_contact-form-error-message"> </div> <div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"> </div>/i> Mensagem:</span><br /> <textarea class="c-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows ="5"></textarea><div class="srbtn"><input class="cform-button" id="ContactForm1_contact-form-submit" type="button" value="Enviar" /><input type ="reset" class="btn-reset" value="Limpar" /></div><div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"> </div > <div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"> </div>/i> Mensagem:</span><br /> <textarea class="c-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows ="5"></textarea><div class="srbtn"><input class="cform-button" id="ContactForm1_contact-form-submit" type="button" value="Enviar" /><input type ="reset" class="btn-reset" value="Limpar" /></div><div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"> </div > <div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"> </div>c-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea><div class="srbtn">< input class="cform-button" id="ContactForm1_contact-form-submit" type="button" value="Enviar" /><input type="reset" class="btn-reset" value="Limpar" /> </div><div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"> </div> <div class="contact-form-success-message" id="ContactForm1_contact -form-success-message"> </div>c-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea><div class="srbtn">< input class="cform-button" id="ContactForm1_contact-form-submit" type="button" value="Enviar" /><input type="reset" class="btn-reset" value="Limpar" /> </div><div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"> </div> <div class="contact-form-success-message" id="ContactForm1_contact -form-success-message"> </div><div class="srbtn"><input class="cform-button" id="ContactForm1_contact-form-submit" type="button" value="Enviar" /><input type="reset" class="btn- reset" value="Limpar" /></div><div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"> </div> <div class="contact-form -success-message" id="ContactForm1_contact-form-success-message"> </div><div class="srbtn"><input class="cform-button" id="ContactForm1_contact-form-submit" type="button" value="Enviar" /><input type="reset" class="btn- reset" value="Limpar" /></div><div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"> </div> <div class="contact-form -success-message" id="ContactForm1_contact-form-success-message"> </div>contact-form-error-message" id="ContactForm1_contact-form-error-message"> </div> <div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"> < /div>contact-form-error-message" id="ContactForm1_contact-form-error-message"> </div> <div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"> < /div>

<h3>Redes sociais</h3>
<ul class="b-social-buttons">

<li><a href="ENDEREÇO ​​DO SEU INSTAGRAM" class="btn-lg"><i class="fa fa- instagram"><span class="network-name">Instagram</span></i></a></li>

<li><a href="ENDEREÇO ​​DO SEU FACEBOOK" class="btn-lg" ><i class="fa fa-facebook"> <span class="network-name">Facebook</span></i></a></li>

<li><a href="ENDEREÇO ​​DO SEU TWITTER" class="btn-lg"><i class="fa fa-twitter"><span class="network-name">Twitter</span></i></a></li>

<li ><a href="ENDEREÇO ​​DO CANAL YOUTUBE" class="btn-lg"><i class="fa fa-youtube-play"><span class="network-name">Youtube</span></i></a>< /li>
</ul>
</div>
</form>
</div>




Biografia Samarone Zi 🔵

Samarone Zi – Nascido em 1989, Samarone Zi, é natural da cidade de Água Preta-PE, atua em, Cabo de Santo Agostinho, onde desenvolveu uma carreira de músico, ativista Político e jornalismo comunitário. Com, ações de trabalho voltado às camadas mais carentes da sociedade, Samarone é hoje uma das referências da Cidade, Cabo de Santo Agostinho, Músico-jornalista na Região metropolitana do Recife, pernambucano. Instagram:@SamaroneZi