Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

yakiiie

formulário

Por , em Desenvolvimento frontend

Recommended Posts

yakiiie    2

yakiiie
Postado

Olá, estou criando meu primeiro site, e estou com uma dúvida (Na verdade, estou editando um template, pois estou aprendendo ainda)

 

O template veio com um formulário para entrar em contato com o site, e ao testar, não está funcionando...

 

O código é o seguinte: 

                   <h1>Solicite Contato</h1>
                    
                    <form>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <input type="text" class="form-control" required="required" placeholder="Nome">
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <input type="text" class="form-control" required="required" placeholder="Endereço de e-mail">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12 col-sm-12">
                                <div class="form-group">
                                    <textarea name="message" id="message" required="required" class="form-control" style="min-height:200px;" placeholder="Digite o tipo de dúvida e as formas de contato. Skype, Whatsapp, Facebook."></textarea>
                                </div>
                                <div class="form-group">
                                    <button type="submit" class="btn btn-primary btn-lg">Solicitar contato</button>
                                </div>
                            </div>
                        </div>
                    </form>
Oque eu devo adicionar?

 

Obrigado desde já a todos.

 

Ao apertar Solicitar contato, ele me manda para o topo da página e não salva nenhum arquivo na pasta do Website.. =\

Compartilhar este post

Link para o post
Compartilhar em outros sites

snowstormdelivery    19

snowstormdelivery
Postado

Eu também estou aprendendo, me perdoem se estiver errado. Parece que HTML é só para estruturação de um site, então, ações a serem realizadas de tal forma precisará ser programada com uma linguagem combinada ao HTML. Eu não vi nada que remete a isso.

Normalmente, esses templates prontos vem com arquivos javascript para algumas funções como essas. Procura saber se você está utilizando ele.

 

Espero respostas dos programadores experientes, esse tópico é bom para aprender.

Compartilhar este post

Link para o post
Compartilhar em outros sites

yakiiie    2

yakiiie
Postado

João boa noite, sim, estou usando Java/CSS/HTML no website.

 

segue o código inteiro da index.html

 

 

 

<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <!--[if IE]>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <![endif]-->
    <title> EloJob Brasil †</title>
    <!--REQUIRED STYLE SHEETS-->
    <!-- BOOTSTRAP CORE STYLE CSS -->
    <link href="assets/css/bootstrap.css" rel="stylesheet" />
    <!-- FONTAWESOME STYLE CSS -->
    <link href="assets/css/font-awesome.min.css" rel="stylesheet" />
      <!-- VEGAS STYLE CSS -->
    <link href="assets/scripts/vegas/jquery.vegas.min.css" rel="stylesheet" />
    <!-- CUSTOM STYLE CSS -->
    <link href="assets/css/style.css" rel="stylesheet" />
    <!-- GOOGLE FONT -->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>
<body >
     <div class="navbar navbar-inverse navbar-fixed-top scrollclass" >
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">EloJob Brasil †</a>
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#home">Início</a></li>
                     <li><a href="#about">Sobre</a></li>
                    <li><a href="#clients-testimonial">Clientes</a></li>
                    <li><a href="#pricing">Contas</a></li>
                    <li><a href="#contact">Contato</a></li>
                     <li><a href="#social-section">Social</a></li>
                    
                </ul>
            </div>
           
        </div>
    </div>
   
    
   
    <!--HOME SECTION-->
    <div class="container" id="home">
        <div class="row text-center scrollclass">
            <div class="col-md-12">
                <span class="head-main">Bem vindo!</span>
                <h3 class="head-last">Somos uma equipe de ELO JOB para League of Legends, realizamos o upgrade das Ligas e Divisões solicitadas visando te dar aquela força pra alcançar a Divisão que melhor se adéqua ao seu estilo de jogo.</h3>
                <a href="#about" class="btn btn-primary btn-lg ">Prosseguir</a> 
            </div>
        </div>
    </div>
    <!--END HOME SECTION-->
 
    <!--ABOUT SECTION-->
    <section class="for-full-back color-bg-one" id="about">
        <div class="container">
            <div class="row text-center">
                <div class="col-md-8 col-md-offset-2 ">
                    <h1>Sobre nossa Equipe</h1>
                </div>
                <div class="row text-center">
                    <div class="col-md-8 col-md-offset-2 ">
                        <h5>
                           Temos a melhor elite para se adequar a sua maneira de jogo, tornando o serviço o mais transparente possível.
                       
                            
                        </h5>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="for-full-back color-white" id="about-team">
        <div class="container">
            <div class="row text-center g-pad-bottom">
                <div class="col-md-8 col-md-offset-2 ">
                    <h3>Conheça nossos serviços:</h3>
                    <h5>Não encontrou oque procura? Entre em contato.
 
                    </h5>
                </div>
 
            </div>
            <div class="row text-center g-pad-bottom">
              
                    <div class="col-md-3 col-sm-3 col-xs-6">
                        <div class="alert alert-danger">
                             Invocadores para subir seu elo de maneira simples e eficaz.<br>
                            </div>
                        <div class="team-member">
                            <img src="assets/img/team/1.png" class="img-circle"    alt="">
                            <h3><strong>EloJobers</strong></h3>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-3 col-xs-6">
                        <div class="alert alert-success">
                             A fim de subir de liga sem utilização do EloJob? 
                            </div>
                          <div class="team-member">
                            <img src="assets/img/team/2.png" class="img-circle"  alt="">
                             <h3><strong>DuoBoster</strong></h3>
                        </div>
                        
                      
                    </div>
                   <div class="col-md-3 col-sm-3 col-xs-6">
                         <div class="alert alert-warning">
                            Gostaria de ter aulas e ampliar seu conhecimento? 
                            </div>
                        <div class="team-member">
                            <img src="assets/img/team/4.png" class="img-circle"   alt="">
                            <h3><strong>Coaching</strong></h3>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-3 col-xs-6">
                        <div class="alert alert-info">
                            Gostaria de comprar uma conta nível 30 com IP? 
                            </div>
                        <div class="team-member">
                            
                            <img src="assets/img/team/3.png" class="img-circle"    alt="">
                            <h3><strong>Contas à venda</strong></h3>
                        </div>
                    </div>
                  
                
            </div>
           
 
        </div>
    </section>
    <!--END ABOUT SECTION-->
 
     <!--CLIENT TESTIMONIALS SECTION-->
       <section id="clients-testimonial">
        <div class="container">
            <div class="row text-center">
                <div class="col-md-12 ">
                    <h1>Leia um pouco sobre nossos clientes:</h1>
 <div id="carousel-example" class="carousel slide" data-ride="carousel">
 
                    <ol class="carousel-indicators">
                        <li data-target="#carousel-example" data-slide-to="0" class="active"></li>
                        <li data-target="#carousel-example" data-slide-to="1"></li>
                        <li data-target="#carousel-example" data-slide-to="2"></li>
                    </ol>
 
                    <div class="carousel-inner">
                        <div class="item active">
                            <div class="container center">
                                <div class="col-md-6 col-md-offset-3 slide-custom">
                                   
                                    <h4><i class="fa fa-quote-left"></i> Eu amei o serviço, foi entregue antes da data prevista e o valor foi muito abaixo que a concorrência. <i class="fa fa-quote-right"></i></h4>
                                     <div class="user-img pull-right">
<img src="assets/img/user.gif" alt="" class="img-u image-responsive"  />
</div>
                                    <h5 class="pull-right"><strong class="c-black">Guilherme C.</strong></h5>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="container center">
                                <div class="col-md-6 col-md-offset-3 slide-custom">
                                    <h4> <i class="fa fa-quote-left"></i> Recomendo a todos! Consegui finalmente graças a vocês passar para o Platina. <i class="fa fa-quote-right"></i></h4>
                                         <div class="user-img pull-right">
<img src="assets/img/user2.png" alt="" class="img-u image-responsive"  />
</div>
                                    <h5 class="pull-right"><strong class="c-black">Fabio F.</strong></h5>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="container center">
                                <div class="col-md-6 col-md-offset-3 slide-custom">
                                    <h4><i class="fa fa-quote-left"></i>Tudo conforme o combinado, perfeito. Ainda tive como assistir as partidas e conversar com a pessoa que fazia o Elojob. <i class="fa fa-quote-right"></i></h4>
                                        <div class="user-img pull-right">
<img src="assets/img/user.gif" alt="" class="img-u image-responsive"  />
</div>
                                    <h5 class="pull-right"><strong class="c-black">Giovanni H.</strong></h5>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                    </div>
                </div>
            </div>
           </section>
     <!--END CLIENT TESTIMONIALS SECTION-->
    <!--PRICE SECTION-->
     <section class="for-full-back color-bg-one" id="pricing">
        <div class="container">
            <div class="row text-center">
                <div class="col-md-8 col-md-offset-2 ">
                    <h1>Contas a venda.</h1>
 
                </div>
                <div class="row text-center">
                    <div class="col-md-8 col-md-offset-2 ">
                        <h5>
                            Ao realizar a compra, você receberá automaticamente um e-mail com todos os dados (Loguin/Senha | Email/Senha)
                       
                        </h5>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section id="price-sec" class="for-full-back color-white">
        <div class="container">
            <div class="row text-center g-pad-bottom">
               
                    
                   <div class="col-md-3 col-sm-3 col-xs-6">
                        <div class="panel-danger">
                            <div class="panel-heading">
                             <h4>Account nível 30</h4> 
                            </div>
                            <div class="alert alert-danger">
 
                               <ul class="plan">      
                                   <li class="price"><strong>R$ 80,00</strong> </li>                       
                            <li><strong>50.000</strong> IP</li>
                            <li><strong>15</strong> Campeões</li>
                            <li><strong>Sem</strong> Runas</li>
                           </ul>
                                <a href="#" class="btn btn-danger ">Comprar</a>
                            </div>
                            
                        </div>
                    </div>
                <div class="col-md-3 col-sm-3 col-xs-6">
                        <div class="panel-warning">
                            <div class="panel-heading">
                             <h4>Platina 3</h4> 
                            </div>
                            <div class="alert alert-warning">
 
                               <ul class="plan">      
                                   <li class="price"><strong>R$ 250,00</strong></li>                       
                            <li><strong>Todos os</strong> Campeões</li>
                            <li><strong>149</strong> Skins</li>
                            <li><strong>7 páginas de</strong> Runas</li>
                           </ul>
                                 <a href="#" class="btn btn-warning ">Comprar</a>
                            </div>
                            
                        </div>
                    </div>
                <div class="col-md-3 col-sm-3 col-xs-6 ">
                        <div class="panel-success">
                            <div class="panel-heading">
                             <h4>Platina 4</h4> 
                            </div>
                            <div class="alert alert-success">
 
                               <ul class="plan">      
                                   <li class="price"><strong>R$ 275,00</strong></li>                       
                            <li><strong>Todos os </strong> Campeões</li>
                            <li><strong>184</strong> Skins</li>
                            <li><strong>7 páginas de</strong> Runas</li>
                           </ul>
                                 <a href="#" class="btn btn-success ">Comprar</a>
                            </div>
                           
                        </div>
                    </div>
                <div class="col-md-3 col-sm-3 col-xs-6">
                        <div class="panel-info ">
                            <div class="panel-heading">
                             <h4>Diamante 2</h4> 
                            </div>
                            <div class=" alert alert-info">
 
                               <ul class="plan">      
                                   <li class="price"><strong>R$ 500,00</strong></li>                       
                            <li><strong>Todos os</strong> Campeões</li>
                            <li><strong>203</strong> Skins</li>
                            <li><strong>7 páginas de</strong> Runas</li>
                           </ul>
                                 <a href="#" class="btn btn-info ">Comprar</a>
                            </div>
                            
                        </div>
                    </div>
 
               
            </div>
 
 
        </div>
    </section>
    <!-- END PRICE SECTION-->
 
  
    <!--STATS SECTION-->
    <section>
        <div class="container">
            <div class="row ">
                <div class="col-md-3 ">
                    <div class="stats-div">
                        <h3>1000+ </h3>
                        <h4>Elojobs</h4>
                    </div>
                </div>
 
 
                <div class="col-md-3 ">
                    <div class="stats-div">
                        <h3>200+ </h3>
                        <h4>Contas vendidas</h4>
                    </div>
 
                </div>
                <div class="col-md-3 ">
 
                    <div class="stats-div">
                        <h3>200+ </h3>
                        <h4>Coachings realizados</h4>
                    </div>
                </div>
                <div class="col-md-3 ">
                    <div class="stats-div">
                        <h3>200+ </h3>
                        <h4>MD10 feitas</h4>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--END STATS SECTION-->
 
    <!--CONTACT SECTION-->
    <section class="for-full-back color-bg-one" id="contact">
        <div class="container">
            <div class="row text-center">
                <div class="col-md-8 col-md-offset-2 ">
                    <h1>Contato</h1>
                </div>
                <div class="row text-center">
                    <div class="col-md-8 col-md-offset-2 ">
                        <h5>
                            Devido a confidencia de informações, solicitamos que entrem em contato para mais informações
                         
                        </h5>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="for-full-back color-white text-center" id="contact-inner">
        <div class="container">
           
                    <h1>Solicite Contato</h1>
                    
                    <form>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <input type="text" class="form-control" required="required" placeholder="Nome">
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <input type="text" class="form-control" required="required" placeholder="Endereço de e-mail">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12 col-sm-12">
                                <div class="form-group">
                                    <textarea name="message" id="message" required="required" class="form-control" style="min-height:200px;" placeholder="Digite o tipo de dúvida e as formas de contato. Skype, Whatsapp, Facebook."></textarea>
                                </div>
                                <div class="form-group">
                                    <button type="submit" class="btn btn-primary btn-lg">Solicitar contato</button>
                                </div>
                            </div>
                        </div>
                    </form>
                     <div id="add">
                         <br />
                         Elojob Brasil †
                         <br />
                         Whatsapp: (11) 9.7330-4206
                        <br />
                         Skype: "Facebook:Higurashi978"
                    </div>
              
        </div>
    </section>
    <!--END CONTACT SECTION-->
    <!--SOCIAL SECTION-->
    <section id="social-section">
        <div class="container">
            <div class="row text-center">
                    <div class="col-md-4 scl scl-dark-bk">
<h4>Facebook</h4>
<p class="text-center"><a href="https://www.facebook.com/EloJobBROficial"><i class="fa fa-facebook fa-5x"></i></a></p>
</div>
<div class="col-md-4 scl">
<h4>Em breve</h4>
<p class="text-center"><a href="#"><i class="fa fa-twitter fa-5x"></i></a></p>
</div>
<div class="col-md-4 scl scl-dark-bk">
<h4>Em breve</h4>
<p class="text-center"><a href="#"><i class="fa fa-google-plus fa-5x"></i></a></p>
</div>
                    </div>
            </div>
        </section>
  
    <!--END SOCIAL SECTION-->
    <!--FOOTER SECTION -->
    <div class="for-full-back" id="footer">
        2015 www.*******.com | Todos os direitos reservados | EloJob Brasil †</a>
         
    </div>
    <!-- END FOOTER SECTION -->
 
    <!-- JAVASCRIPT FILES PLACED AT THE BOTTOM TO REDUCE THE LOADING TIME  -->
    <!-- CORE JQUERY  -->
    <script src="assets/plugins/jquery-1.10.2.js"></script>
    <!-- BOOTSTRAP CORE SCRIPT   -->
    <script src="assets/plugins/bootstrap.js"></script>  
    <!-- VEGAS SLIDESHOW SCRIPTS -->
    <script src="assets/plugins/vegas/jquery.vegas.min.js"></script>
     <!-- SCROLL SCRIPTS -->
    <script src="assets/plugins/jquery.easing.min.js"></script>
    <!-- CUSTOM SCRIPTS -->
    <script src="assets/js/custom.js"></script>
 
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

stromdh    15

stromdh
Postado

tu vai precisar de uma linguagem de programação. vai depender do teu servidor, se é windows - C# - ou linux - php.

 

dae tu tem que pesqusiar nos fóruns dessas liguagem por send mail php e/ou send mail c#

 

javascript só faz a validação

Compartilhar este post

Link para o post
Compartilhar em outros sites

snowstormdelivery    19

snowstormdelivery
Postado

tu vai precisar de uma linguagem de programação. vai depender do teu servidor, se é windows - C# - ou linux - php.

 

dae tu tem que pesqusiar nos fóruns dessas liguagem por send mail php e/ou send mail c#

 

javascript só faz a validação

 

Como assim "validação"? O que isso quer dizer?

Compartilhar este post

Link para o post
Compartilhar em outros sites

goodeathx    8

goodeathx
Postado

@yakiiie

 

Só com HTML/CSS/JAVASCRIPT não se da para fazer isso.

 

É preciso usar pelo menos PHP e alguma classe que faça envio de email, ou alguma aplicação como o PHP List. Recomendo que peça alguém para fazer, ou, estude um pouco sobre o assunto, pois é algo que as chances de ocorrerem falhas e bugs é grande, e para resolver é meio complicado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

leonardo de andrade baessa    16

leonardo de andrade baessa
Postado

Cara eu basicamente Sei do que você precisa. você que as pessoes lhe enviem os dados e vc receba em uma outra página em que só vc tenha acesso, ou as vezes até um sistema de comentários.

Bom em Html e Javascript não rola, você vai ter que usar PHP. oq pra quem ta iniciando ja gera uma certa desconfiança, mas é dificíl.

este aqui é um sistema de comentarios que não usa banco de dados facil pra quem quer aprender.

http://plancton90.com.br/Testes/comentario_php/comentarios.php

usei muito quando iniciei e não entendia quase nada de banco. com CSS HTML vc edita e adequa do seu jeito.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito