Estou estudando um pouco sobre Html5 css3 e JS e baxei um template pronto e estou editando ele quero criar o formulário de contato, por isso estou com um pouco de duvida do que precisa ser alterado vou posta abaixo o codigo HTML.
tem a pagina de contato e em todas as outras paginas também tem o formulario de contato
Question
djonatanpk
Bom Dia Galera
Estou estudando um pouco sobre Html5 css3 e JS e baxei um template pronto e estou editando ele quero criar o formulário de contato, por isso estou com um pouco de duvida do que precisa ser alterado vou posta abaixo o codigo HTML.
tem a pagina de contato e em todas as outras paginas também tem o formulario de contato
Pagina de contato
<!DOCTYPE html> <html lang="pt-br"> <head> <title>Djonatan Pablo Kruger - Desenvolvimento de Sistemas, Consultoria, Treinamenento, Marketing Digital</title> <meta charset="utf-8"> <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen"> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen"> <link rel="stylesheet" href="css/grid.css" type="text/css" media="screen"> <script src="js/jquery-1.6.3.min.js" type="text/javascript"></script> <script src="js/cufon-yui.js" type="text/javascript"></script> <script src="js/cufon-replace.js" type="text/javascript"></script> <script src="js/NewsGoth_400.font.js" type="text/javascript"></script> <script src="js/NewsGoth_700.font.js" type="text/javascript"></script> <script src="js/NewsGoth_Lt_BT_italic_400.font.js" type="text/javascript"></script> <script src="js/Vegur_400.font.js" type="text/javascript"></script> <script src="js/FF-cash.js" type="text/javascript"></script> </head> <body id="page5"> <div class="extra"> <!--==============================header=================================--> <header> <div class="row-top"> <div class="main"> <div class="wrapper"> <h1><a href="index.html">djonatanpk</a></h1> </div> </div> </div> <div class="menu-row"> <div class="menu-bg"> <div class="main"> <nav class="indent-left"> <ul class="menu wrapper"> <li><a href="index.html">Home</a></li> <li><a href="company.html">Quem Somos</a></li> <li><a href="services.html">Nossos Serviços</a></li> <li><a href="projects.html">Nossos Projetos</a></li> <li class="active"><a href="contact.html">Contato</a></li> </ul> </nav> </div> </div> </div> <div class="row-bot"> <div class="center-shadow"> </div> </div> </header> <!--==============================content================================--> <section id="content"><div class="ic"></div> <div class="content-bg"> <div class="main"> <div class="container_12"> <div class="wrapper"> <article class="grid_8"> <h3>Formulario de Contato</h3> <form id="contact-form2" method="post" enctype="multipart/form-data"> <fieldset> <label><span class="text-form">Nome:</span><input name="p1" type="text" /></label> <label><span class="text-form">Email:</span><input name="p2" type="text" /></label> <div class="wrapper"> <div class="text-form">Mensagem:</div> <div class="extra-wrap"> <textarea></textarea> <div class="clear"></div> <div class="buttons2"> <a href="#" onClick="document.getElementById('contact-form2').reset()">Limpar</a> <a href="#" onClick="document.getElementById('contact-form2').submit()">Enviar</a> </div> </div> </div> </fieldset> </form> </article> <article class="grid_4"> <h3>Informaçoes de Contato</h3> <figure class="img-indent-bot img-border"> <iframe width="298" height="179" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com.br/maps?f=q&source=s_q&hl=pt-BR&geocode=&q=R.+Gerv%C3%A1sio+Prawvsky,+Massaranduba+-+Santa+Catarina&aq=0&o que=r.+gerMassaranduba+-+Santa+Catarina&sll=-26.600941,-49.066873&sspn=0.01061,0.017767&ie=UTF8&hq=&hnear=R.+Gerv%C3%A1sio+Prawvsky+-+Massaranduba+-+Santa+Catarina&t=m&z=14&ll=-26.59697,-49.062638&output=embed"></iframe><br /><small><a href="http://maps.google.com.br/maps?f=q&source=embed&hl=pt-BR&geocode=&q=R.+Gerv%C3%A1sio+Prawvsky,+Massaranduba+-+Santa+Catarina&aq=0&o que=r.+gerMassaranduba+-+Santa+Catarina&sll=-26.600941,-49.066873&sspn=0.01061,0.017767&ie=UTF8&hq=&hnear=R.+Gerv%C3%A1sio+Prawvsky+-+Massaranduba+-+Santa+Catarina&t=m&z=14&ll=-26.59697,-49.062638" style="color:#0000FF;text-align:left"></a></small> </figure> <dl> <dt class="indent-bot">BRASIL<br>Santa Catarina - Massaranduba, Benjamin Constant, R. Gervásio Prawvsky</dt> <dd><span>Celular</span> +55 47 9689 2709 </dd> <dd><span>Skype</span> djonatan.kruger </dd> <dd><span>MSN</span> djonatan@brturno.com.br </dd> <dd><span>Email:</span><a href="#">djonatan@brturbo.com.br</a></dd> </dl> </article> </div> </div> </div> <div class="block"></div> </div> </section> </div> <!--==============================footer=================================--> <footer> <div class="padding"> <div class="main"> <div class="container_12"> <div class="wrapper"> <article class="grid_8"> <h4>Formulario de Contato</h4> <form id="contact-form" method="post"> <fieldset> <label><input name="email" value="Email" onBlur="if(this.value=='') this.value='Email'" onFocus="if(this.value =='Email' ) this.value=''" /></label> <label><input name="subject" value="Assunto" onBlur="if(this.value=='') this.value='Assunto'" onFocus="if(this.value =='Assunto' ) this.value=''" /></label> <textarea onBlur="if(this.value=='') this.value='Mensagem'" onFocus="if(this.value =='Mensagem' ) this.value=''">Mensagem</textarea> <div class="buttons"> <a href="#" onClick="document.getElementById('contact-form').reset()">Limpar</a> <a href="#" onClick="document.getElementById('contact-form').submit()">Enviar</a> </div> </fieldset> </form> </article> <article class="grid_4"> <h4 class="indent-bot">Siga Nos:</h4> <ul class="list-services border-bot img-indent-bot"> <li><a href="#">Facebook</a></li> <li><a class="item-1" href="#">Twitter</a></li> <li><a class="item-2" href="#">Picassa</a></li> <li><a class="item-3" href="#">YouTube</a></li> </ul> <p class="p1">Djonatanpk.com.br © 2012 </p> <p class="p1">Todos os Direitos Reservados</p> </article> </div> </div> </div> </div> </footer> <script type="text/javascript"> Cufon.now(); </script> </body> </html>Pagina Index<!DOCTYPE html> <html lang="pt-br"> <head> <title>Djonatan Pablo Kruger - Desenvolvimento de Sistemas, Consultoria, Treinamenento, Marketing Digital</title> <meta charset="utf-8"> <!--<meta charset="utf-8"> --> <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen"> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen"> <link rel="stylesheet" href="css/grid.css" type="text/css" media="screen"> <script src="js/jquery-1.6.3.min.js" type="text/javascript"></script> <script src="js/cufon-yui.js" type="text/javascript"></script> <script src="js/cufon-replace.js" type="text/javascript"></script> <script src="js/NewsGoth_400.font.js" type="text/javascript"></script> <script src="js/NewsGoth_700.font.js" type="text/javascript"></script> <script src="js/NewsGoth_Lt_BT_italic_400.font.js" type="text/javascript"></script> <script src="js/Vegur_400.font.js" type="text/javascript"></script> <script src="js/FF-cash.js" type="text/javascript"></script> <script src="js/jquery.featureCarousel.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $("#carousel").featureCarousel({ autoPlay:7000, trackerIndividual:false, trackerSummation:false, topPadding:50, smallFeatureWidth:.9, smallFeatureHeight:.9, sidePadding:0, smallFeatureOffset:0 }); }); </script> </head> <body id="page1"> <div class="extra"> <!--==============================header=================================--> <header> <div class="row-top"> <div class="main"> <div class="wrapper"> <h1><a href="index.html">djonatanpk</a></h1> </div> </div> </div> <div class="menu-row"> <div class="menu-bg"> <div class="main"> <nav class="indent-left"> <ul class="menu wrapper"> <li class="active"><a href="index.html">Home</a></li> <li><a href="company.html">Quem Somos</a></li> <li><a href="services.html">Nossos Serviços</a></li> <li><a href="projects.html">Nossos Projetos</a></li> <li><a href="contact.html">Contato</a></li> </ul> </nav> </div> </div> </div> <div class="row-bot"> <div class="center-shadow"> <div class="carousel-container"> <div id="carousel"> <div class="carousel-feature"> <a href="#"><img class="carousel-image" alt="" src="images/gallery-img1.png"></a> </div> <div class="carousel-feature"> <a href="#"><img class="carousel-image" alt="" src="images/gallery-img3.png"></a> </div> <div class="carousel-feature"> <a href="#"><img class="carousel-image" alt="" src="images/gallery-img2.png"></a> </div> </div> </div> </div> </div> </header> <!--==============================content================================--> <section id="content"><div class="ic"></div> <div class="main"> <div class="container_12"> <div class="wrapper"> <article class="grid_8"> <h3>Bem Vindo!</h3> <em class="text-1 margin-bot">Olá sou Djonatan Pablo Kruger,Confira abaixo algumas das soluções que posso trazer para você ou sua empresa.<br> Este site é melhor visualizado em 1280X1024.</em> <div class="wrapper p4"> <article class="grid_4 alpha"> <div class="wrapper p1"> <figure class="img-indent2"><img src="images/page1-img1.png" alt="" /></figure> <div class="extra-wrap"> <div class="indent-top"> <h4>Marketing Digital<em>Apareça para o Mundo</em></h4> </div> </div> </div> <p class="prev-indent-bot"> Email Marketing, Redes Socias, Hotsites<br> Mantenha seus Clientes informados de tudo o que você esta fazendo, tenha dados estatisticos sobre suas campanhas</p> <a class="link-1" href="services.html">Saiba Mais</a> </article> <article class="grid_4 omega"> <div class="wrapper p1"> <figure class="img-indent2"><img src="images/page1-img2.png" alt="" /></figure> <div class="extra-wrap"> <div class="indent-top"> <h4>Desenvolvimeto<em>Personalizado</em></h4> </div> </div> </div> <p class="prev-indent-bot">Precisando de uma solução sob-medida? Trabalho com os mais novos padrões de desenvolvimento. Tecnologias como JAVA, PHP, HTML5, CSS3, MYSQL, POSTGRESQL ...</p> <a class="link-1" href="#">Saiba Mais</a> </article> </div> <div class="wrapper"> <article class="grid_4 alpha"> <div class="wrapper p1"> <figure class="img-indent2"><img src="images/page1-img3.png" alt="" /></figure> <div class="extra-wrap"> <div class="indent-top"> <h4>Web Design<em>Você 24 horas</em></h4> </div> </div> </div> <p class="prev-indent-bot">Desenvolvimento de Sites, Hotsites, Sistemas WEB. Soluções sob-medida, Você, sua Empresa ou sua Marca ao alcance do mundo</p> <a class="link-1" href="#">Saiba Mais</a> </article> <article class="grid_4 omega"> <div class="wrapper p1"> <figure class="img-indent2"><img src="images/page1-img4.png" alt="" /></figure> <div class="extra-wrap"> <div class="indent-top"> <h4>Suporte Remoto<em>HelpDesk</em></h4> </div> </div> </div> <p class="prev-indent-bot">Concentre-se no cresimento da sua empresa. Podemos Auxiliar seu departamento de TI, com poderosas ferramentas, consultoria e treinamento</p> <a class="link-1" href="#">Saiba Mais</a> </article> </div> </article> <article class="grid_4"> <h3>Testemunho de Clientes</h3> <div class="wrapper p3"> <figure class="img-indent"><a href="#"><img class="img-border" src="images/page1-img5.jpg" alt="" /></a></figure> <div class="extra-wrap"> <span class="text-2">Espaço Reservado</span> <h4 class="p2">Para Voçê</h4> <p class="prev-indent-bot">Sejá nosso parceiro, traga sua opinião, nos conte como foi sua experiacia ao se juntar a nós</p> </div> </div> <div class="wrapper p3"> <figure class="img-indent"><a href="#"><img class="img-border" src="images/page1-img6.jpg" alt="" /></a></figure> <div class="extra-wrap"> <span class="text-2">Espaço Reservado</span> <h4 class="p1">Para sua Empresa</h4> <p class="prev-indent-bot">A nossa solução foi produtiva para sua empresa? Expresse sua opnião aqui.</p> </div> </div> <div class="wrapper"> <figure class="img-indent"><a href="#"><img class="img-border" src="images/page1-img7.jpg" alt="" /></a></figure> <div class="extra-wrap"> <span class="text-2">Espaço Reservado</span> <h4 class="prev-indent-bot">Para sua Marca</h4> <p class="prev-indent-bot">Sua marca é muito importante para nós, compartilhe conosco como esta sendo sua experiencia a trazer ela junto a nós</p> </div> </div> </article> </div> </div> </div> <div class="block"></div> </section> </div> <!--==============================footer=================================--> <footer> <div class="padding"> <div class="main"> <div class="container_12"> <div class="wrapper"> <article class="grid_8"> <h4>Formulario de Contato</h4> <form id="contact-form" action="enviar.php" method="post"> <fieldset> <label><input name="email" value="Email" onBlur="if(this.value=='') this.value='Email'" onFocus="if(this.value =='Email' ) this.value=''" /></label> <label><input name="subject" value="Assunto" onBlur="if(this.value=='') this.value='Assunto'" onFocus="if(this.value =='Assunto' ) this.value=''" /></label> <textarea onBlur="if(this.value=='') this.value='Mensagem'" onFocus="if(this.value =='Mensagem' ) this.value=''">Mensagem</textarea> <div class="buttons"> <a href="#" onClick="document.getElementById('contact-form').reset()">Limpar</a> <a href="#" onClick="document.getElementById('contact-form').submit()">Enviar</a> </div> </fieldset> </form> </article> <article class="grid_4"> <h4 class="indent-bot">Siga Nos:</h4> <ul class="list-services border-bot img-indent-bot"> <li><a href="#">Facebook</a></li> <li><a class="item-1" href="#">Twitter</a></li> <li><a class="item-2" href="#">Picassa</a></li> <li><a class="item-3" href="#">YouTube</a></li> </ul> <p class="p1">Djonatanpk.com.br © 2012 </p> <p class="p1">Todos os Direitos Reservados</p> </article> </div> </div> </div> </div> </footer> <script type="text/javascript"> Cufon.now(); </script> </body> </html>Quem poder ajudar eu agradeço
Link to comment
Share on other sites
1 answer to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.