Ir para conteúdo
bobzznnn

Enviar informação do input "radio" para phpmyadmin

Recommended Posts

Como deixo a seleção do radio marcada após o usuario escolher "yes" ou "no" e mandar a informação pra tabela usuario em PhpMyAdmin

 <div class="container" style="width:500px;">  
                <h3 class="text-center">Compound</h3>  
                <div class="radio">  
                     <input type="radio" name="compound" value="yes" />Yes <br />  
                     <input type="radio" name="compound" value="no" />No <br />  
                </div>  
                <div id="result"></div>  
           </div>  
           <br /> 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie um formulário, indique no name o mesmo para os dois radiobutton, altere apenas o value de cada, "sim" e "não".

 

Onde você faz o insert no banco, apenas receba por GET ou POST o campo 'name'. Lembrando que para deixar selecionar apenas uma opção, tende estar com o mesmo nome.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Seu problema é enviar ou saber o que o usuário enviou? de qualquer forma da uma olhada nesse código: 

<?php
$opcao_salva_no_DB=$sql_consulta['campo_tabela'];
if($opcao_salva_no_DB=='Yes'){
$c= 'CHECKED';
}else{
$c='';
}
if($opcao_salva_no_DB=='no'){
$n= 'CHECKED';
}else{
$n='';
}

print' <form  name="envia" action="pagina.php" method="post" onsubmit="">';

 print '<div class="container" style="width:500px;">';

               print' <h3 class="text-center">Compound</h3> '; 
               print ' <div class="radio">  ';
                  print'   <input type="radio" name="compound" value="yes" '.$c.' />Yes <br /> '; 
                    print' <input type="radio" name="compound" value="no" '.$n.'  />No <br />  ';
                print'</div>  ';
                print'<div id="result"></div> ';
 				
          print' </div> '; 
		
          print' <br /> ';
		   
		    print' </form>';

?>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
6 horas atrás, MAKAVELIQUE disse:

Seu problema é enviar ou saber o que o usuário enviou? de qualquer forma da uma olhada nesse código: 


<?php
$opcao_salva_no_DB=$sql_consulta['campo_tabela'];
if($opcao_salva_no_DB=='Yes'){
$c= 'CHECKED';
}else{
$c='';
}
if($opcao_salva_no_DB=='no'){
$n= 'CHECKED';
}else{
$n='';
}

print' <form  name="envia" action="pagina.php" method="post" onsubmit="">';

 print '<div class="container" style="width:500px;">';

               print' <h3 class="text-center">Compound</h3> '; 
               print ' <div class="radio">  ';
                  print'   <input type="radio" name="compound" value="yes" '.$c.' />Yes <br /> '; 
                    print' <input type="radio" name="compound" value="no" '.$n.'  />No <br />  ';
                print'</div>  ';
                print'<div id="result"></div> ';
 				
          print' </div> '; 
		
          print' <br /> ';
		   
		    print' </form>';

?>

 

Obrigado mas n funcionou. Minha tabela dentro da "users" se chama "compound" é varchar,255, none.

Deixa eu ver se consigo explicar melhor, oque eu preciso é deixar na pág é a opção " compound(mesmo nome da tablela)" e ao lado, os inputs"sim" e o outro "não", mas de forma que a pessoa escolha e que a opção não suma depois de dar F5, e que a opção escolhida fosse diretamente salva na DB no Phpmyadmin(compound).

Compartilhar este post


Link para o post
Compartilhar em outros sites
6 horas atrás, WictorP disse:

Olá bob, tudo bem? Espero que sim!

 

Se não tem nenhum botão de submit que envie o formulário, você deve fazer isso através de jQuery utilizando ajax.

 

Documentações

.ajax: http://api.jquery.com/jquery.ajax/

.click https://api.jquery.com/click/

 

Abraços, Wictor Pamplona.

 

Olá,  Alterei o campo varchar para  tinyint sendo assim fica mais facil do que ficar em texto, onde o zero será não, e o 1 será o sim. Mas como conseguiria enviar essas  informações do html até a db? desculpe mas sou leigo no assunto,

gostaria de tentar adicionar isto da melhor forma

Compartilhar este post


Link para o post
Compartilhar em outros sites
2 horas atrás, bobzznnn disse:

 

Olá,  Alterei o campo varchar para  tinyint sendo assim fica mais facil do que ficar em texto, onde o zero será não, e o 1 será o sim. Mas como conseguiria enviar essas  informações do html até a db? desculpe mas sou leigo no assunto,

gostaria de tentar adicionar isto da melhor forma

 

Sim, como já informei no outro post, você deve usar o jQuery para disparar uma função ao alterar o radio, pois sem um input do tipo submit não irá conseguir fazer nada com a informação.

Você vai usar a função .click da qual mandei a documentação parar disparar uma função .ajax que irá gravar o conteúdo na DB através de um PHP.

 

.click https://api.jquery.com/click/

$("input[name='compound']").click(function() {

 // Dispara função ao clicar no input radio

}

 

.ajax http://api.jquery.com/jquery.ajax/

$.ajax({

 // informações descritas na documentação.

});

 

Não irei postar o código pronto porque o maior aprendizado do programador é quando ele quebra a cabeça tentando fazer o código.

Leia a documentação das funções passadas, entenda sua lógica e tente adaptar o código acima. Caso surja alguma dúvida de como funciona, basta me avisar ou até mesmo me mandar uma mensagem privada.

 

Abraços, Wictor Pamplona.

Compartilhar este post


Link para o post
Compartilhar em outros sites
4 horas atrás, bobzznnn disse:

 

Olá,  Alterei o campo varchar para  tinyint sendo assim fica mais facil do que ficar em texto, onde o zero será não, e o 1 será o sim. Mas como conseguiria enviar essas  informações do html até a db? desculpe mas sou leigo no assunto,

gostaria de tentar adicionar isto da melhor forma

Você precisa aprender o básico de manipulação de dados com PHP e MySQL, dê uma olhada aqui. Entenda como funciona requisição POST e GET, aí irá entender como enviar os dados de um formulário para o PHP processar e inserir no banco.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Obrigado a todos que tentaram me ajudar, acontece que isto é para uma Empresa e no momento estou ocupando um lugar do programador que hoje não está connosco, entendo que preciso estudar muito e muito, sendo que preciso disso pra ontem.

Mesmo assim agradeço a boa vontade de todos. Criei o tópico com a intuição de pedir ajuda, pois o forum está ai pra isso, se fosse o caso de aprimorar ou estudar, eu procuraria o google e não aqui.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Exatamente, o fórum no meu ver serve para lhe ajudar a resolver um problema, e não te dar a solução pronta. Caso queira que alguém faça pra ti, pode fazer orçamento, tem área no fórum para isso.

Compartilhar este post


Link para o post
Compartilhar em outros sites
1 hora atrás, marcosmarcolin disse:

Exatamente, o fórum no meu ver serve para lhe ajudar a resolver um problema, e não te dar a solução pronta. Caso queira que alguém faça pra ti, pode fazer orçamento, tem área no fórum para isso.

 

Meu amigo, o tópico foi para "quem pode ajudar a resolver meu problema"! Não sei se você entende de programação, mas se tu veio para informar que as "ajudas" aqui são vendidas, está perdendo seu tempo pois qualquer um sabe que tudo se compra e eu não precisaria criar o tópico.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Camarada, aqui todo mundo ajuda de graça pois isso é uma comunidade. Mas é necessário sempre dar atenção as respostas, pelo menos ler links que indicam para você. Eu te digo tudo o que tem que fazer para atender sua necessidade, mas é necessário você correr atrás também, vamos lá.

 

O que você precisa é o seguinte:

  • Criar um formulário e enviar os dados para uma ACTION através de um METHOD que pode ser POST ou GET;

  • Criar 2 radiobuttons com o mesmo name, apenas mudar os value para "Sim" e "Não", respectivamente;

  • Criar um arquivo .php que receberá os dados enviados no formulário e tratar;

  • Nesse arquivo que você recebera os dados, você precisa iniciar uma conexão com o banco de dados, montar uma query de INSERT SQL e envia-lá para o banco

  • Depois da inserção, apenas precisa informar se deu erro ou sucesso a inserção.

 

Os passos são esses acima, da maneira mais simples possível. Porém, para fazer isso é preciso saber o básico de programação/PHP. Por isso indicamos links para você ler e tentar iniciar. Depois de iniciar, pode vir aqui que continuaremos te ajudando, ok? Uma comunidade funciona assim.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por Pedro0069
      Bom dia Pessoal,

      Estou estudando Java e estou com algumas dúvidas muito simples pra quem já domina o assunto, gostaria que me esclarecessem apenas.

      O curso que estou fazendo pela Internet é voltado a desenvolvimento de games com Java, e nele o professor utiliza algumas classes que fiquei com bastante dúvidas, segue abaixo.

      Qual a diferença entre desenhar usando o objeto Graphics ou usando BufferedImage? O que seria exatamente um BufferedImage, ou BufferStrategy? Não entendi muito bem a questão dos Buffers, preciso mesmo criar um Buffer para desenhar na tela? Ele utiliza também a Classe Canvas e JFrame, para que exatamente elas servem? Elas precisam sempre estar juntas? Qual a aplicação destas classes?

      Estou com dúvida nestes pontos e ficaria muito grato a quem conseguir esclarecer de forma breve para mim, e tenho certeza que irá ajudar outros iniciantes com dúvidas também.

      Muito Obrigado!
    • Por yeahboy
      Quero que ao clicar em "Enviar consulta", execute um script .php que envie os dados no formulário para um .txt
      Eu mandaria pra db, mas ainda não aprendi, minha ideia com isso é apenas aprendizado em php, com testes locais.

    • Por MAKAVELIQUE
      Pessoal, imaginem a seguinte situação: o usuário A clica no botão enviar no mesmo instante que o usuário B, caso a ação do sql seja um comando update no mesmo campo, id=7 por exemplo e isso acontecer exatamente no mesmo instante, ocorre perca de dados? 
      <?php $update = "UPDATE br_gang SET i='$i', data= NOW() WHERE id='$id'"; $query = mysqli_query($update, $conn) or die (mysqli_error($conn)); if($update==true){ echo "<script>alert ('DADOS SALVOS COM SUCESSO, BOA SORTE!');</script>"; } ?> Se isso acontecer e ocorrer perca de dados, qual o procedimento possível para resolver o problema?
    • Por Luiz Fernando 111
      Caros amigos, estou tentando adicionar soma entre inputs do html e do javascript, mas com esse exemplo, apenas consegui colocar no input do html. Como faço para implementar no input do javascript e somar o valor junto com o Valor Total mostrar lucro quando foi debito e prejuizo quando for crédito ? Alguém poderia me dá help !!!
       
       

    • Por Dionizio
      Galera, boa  noite!
       
      Estou iniciando mexer com a linguagem php. e estou com o seguinte problema, não consigo exibe um valor do banco em minha pagina.
      por exemplo queria pegar o valor do nome da minha tabela e não consigo. teria como alguém me ajudar
       
       <div class="st-title"> Dionizio</div>
       
      Minha tabela
       
      DROP TABLE IF EXISTS `clientes`;
      /*!40101 SET @saved_cs_client     = @@character_set_client */;
      /*!40101 SET character_set_client = utf8 */;
      CREATE TABLE `clientes` (
        `id` int(11) NOT NULL,
        `id_user` int(11) DEFAULT NULL,
        `nome` varchar(100) NOT NULL,
        `agenda` varchar(15) DEFAULT NULL,
        `agenda_cor` varchar(10) NOT NULL DEFAULT '#000000',
        `data` timestamp NOT NULL DEFAULT current_timestamp() ON UPDATE current_timestamp(),
        `End` varchar(100) DEFAULT NULL,
        `Num` varchar(5) DEFAULT NULL,
        `Bairro` varchar(50) DEFAULT NULL,
        `Cidade` varchar(50) DEFAULT NULL,
        `UF` varchar(2) DEFAULT NULL,
        `Cep` varchar(9) DEFAULT NULL,
        `Fone` varchar(255) DEFAULT NULL,
        `Email` varchar(50) DEFAULT NULL,
        `Rg` varchar(22) DEFAULT NULL,
        `Cpf` varchar(14) DEFAULT NULL,
        `senha` varchar(32) DEFAULT NULL,
        `usuario` varchar(200) DEFAULT NULL,
       `Aniversario` timestamp NULL DEFAULT NULL,
        `Sexo` enum('F','M','T') NOT NULL,
        `Indicacao` varchar(100) DEFAULT NULL,
        `Obs` varchar(50) DEFAULT NULL
      ) ENGINE=MyISAM DEFAULT CHARSET=utf8;
      /*!40101 SET character_set_client = @saved_cs_client */;
       
      Esse é meu arquivo painel.php
       
      <?php
      session_start();
      include('conexao.php');
      include('verifica_login.php');

      $query = "SELECT * FROM clientes";
      $result = mysqli_query($conexao, $query);
      $row = mysqli_num_rows($result);

      ?>

      <!DOCTYPE html>
      <html lang="pt-br">
      <head>
          
          <!-- Basic -->
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
          <title>Seja bem-vindo!</title>
          <meta name="description" content="">
          <meta name="keywords" content="">
          
          <!-- Mobile Specific Metas -->
          <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
          
          <!-- Load Fonts -->
          <link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&amp;subset=cyrillic" rel="stylesheet">
          
          <!-- CSS -->
          <link rel="stylesheet" href="css/basic.css" />
          <link rel="stylesheet" href="css/layout.css" />
          <link rel="stylesheet" href="css/font-awesome.min.css">    
          <link rel="stylesheet" href="css/ionicons.min.css" />
          <link rel="stylesheet" href="css/owl.carousel.css" />
          <link rel="stylesheet" href="css/magnific-popup.css" />
          <link rel="stylesheet" href="css/animate.css" />
          
          <!--[if lt IE 9]>
          <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
          <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
          <![endif]-->
          
          <!-- Favicon -->
          <link rel="shortcut icon" href="img/painel/favicon.ico">
          
      </head>
      <body>
          
          
          <!-- Page -->
          <div class="page" id="home-section">
              <!-- Preloader -->
              <div class="preloader">
                  <div class="centrize full-width">
                      <div class="vertical-center">
                          <div class="spinner">
                              <div class="double-bounce1"></div>
                              <div class="double-bounce2"></div>
                          </div>
                      </div>
                  </div>
              </div>
              <!-- Started Background -->
              <div class="started-bg">
                  <div class="slide" style="background-image: url(img/painel/slide-bg.jpg);"></div>
              </div>
              <!-- Header -->
              <header>
                  <div class="top-menu">
                      <ul>
                          <li class="active">
                              <a class="btn_animated" href="#home-section"><span class="circle">Home</span></a>
                          </li>
                          <li>
                              <a class="btn_animated" href="#about-section"><span class="circle">About</span></a>
                          </li>
                          <li>
                              <a class="btn_animated" href="#skills-section"><span class="circle">Skills</span></a>
                          </li>
                          <li>
                              <a class="btn_animated" href="#experience-section"><span class="circle">Experience</span></a>
                          </li>
                          <li>
                              <a class="btn_animated" href="#service-section"><span class="circle">Services</span></a>
                          </li>
                          <li>
                              <a class="btn_animated" href="#education-section"><span class="circle">Education</span></a>
                          </li>
                          <li>
                              <a class="btn_animated" href="#works-section"><span class="circle">Portfolio</span></a>
                          </li>
                          <li>
                              <a class="btn_animated" href="#clients-section"><span class="circle">Clients</span></a>
                          </li>
                          <li>
                              <a class="btn_animated" href="#pricing-section"><span class="circle">Pricing</span></a>
                          </li>
                          <li>
                              <a class="btn_animated" href="#blog-section"><span class="circle">Blog</span></a>
                          </li>
                          <li>
                              <a class="btn_animated" href="#contact-section"><span class="circle">Contact Me</span></a>
                          </li>
                      </ul>
                      <a href="#" class="menu-btn"><span></span></a>
                  </div>
              </header>
              
              <!-- Container -->
              <div class="container">
                  <!-- Started -->
                  <div class="section started">
                      <div class="st-box">
                          <div class="st-bts">
                              <a href="mailto:smorgan@domain.com" class="btn_animated">
                                  <span class="circle"><i class="icon ion ion-plus"></i></span>
                              </a>
                          </div>
                          <div class="st-image"><img src="img/painel/man.png" alt="" /></div>
       
       
       
                         <div class="st-title"> Dionizio</div>
       

                          <div class="st-subtitle">Menbro desde: 15/02/2018</div>
                          <div class="st-soc">
                              <a target="blank" href="https://www.facebook.com/" class="btn_animated">
                                  <span class="circle"><i class="icon ion ion-social-facebook"></i></span>
                              </a>
                              <a target="blank" href="https://github.com/" class="btn_animated">
                                  <span class="circle"><i class="icon ion ion-social-github"></i></span>
                              </a>
                              <a target="blank" href="https://twitter.com/" class="btn_animated">
                                  <span class="circle"><i class="icon ion ion-social-twitter"></i></span>
                              </a>
                              <a href="skype:smorgan" class="btn_animated">
                                  <span class="circle"><i class="icon ion ion-social-skype"></i></span>
                              </a>
                              <a target="blank" href="https://plus.google.com/" class="btn_animated">
                                  <span class="circle"><i class="icon ion ion-social-googleplus"></i></span>
                              </a>
                          </div>
                      </div>
                  </div>
                  <!-- Wrapper -->
                  <div class="wrapper">
                      <!-- Section About -->
                      <div class="section about" id="about-section">
                          <div class="content-box">
                              <div class="row">
                              
                                  
                                  <div class="col col-m-12 col-t-7 col-d-7">
                                      <div class="text-box">
                                          <p><strong> Olá, Seja bem-vindo! </strong></p>
                                          <p> A nossa barbearia. A gente sabe da correria do seu dia-a-dia e que o seu tempo é precioso. 
                                          É por isso que estamos sempre a postos te esperando para o nosso ritual, aquele momento para se desligar de 
                                          tudo e pensar apenas em você. Essa é a #BarbeariaOLenhador , atualizar o seu estilo e romper qualquer padrão. 
                                          Nossos barbeiros já estão esperando para te atender em uma das nossas sedes. 
                                          Ligue e marque um horário: - Olinda - 1234.5678, das 09 às 21h. - Recife - 3214.9874, das 09 às 19h.
                                          </p>                                    
                                      </div>
                                      </div>
                                      
                                      <div class="col col-m-12 col-t-5 col-d-5">
                                      <div class="info-list">
                                          <ul>
                                              <li><strong><span>Nome:</span></strong> <?php echo $_SESSION['usuario'];?></li>
                                              <li><strong><span>Endereço:</span></strong> Freelancer </li>
                                              <li><strong><span>Celular:</span></strong> <a href="tel:12562548456">+1 256 254 84 56</a></li>                                        
                                              <li><strong><span>E-mail:</span></strong> <a href="mailto:smorgan@domain.com">miciasdionizio@hotmail.com</a></li>                                        
                                          </ul>
                                      </div>
                                      <div class="bts">
                                      <!--    <a href="#" class="btn btn_animated"><span class="circle">Download CV</span></a>
                                          <a href="#" class="btn extra contact-btn btn_animated"><span class="circle">Contact Me</span></a> -->
                                      </div>
                                  </div>
                              </div>
                          </div>
                      </div>
                      <!-- Section Skills -->
                      <div class="section skills" id="skills-section">
                          <div class="title">Nossos Profissionais:</div>
                          <div class="row">
                              <div class="col col-m-12 col-t-6 col-d-6">
                                  <div class="content-box animated">
                                      <div class="i_title">
                                          <div class="icon"><i class="icon ion ion-gear-b"></i></div>
                                          <div class="name">Professional</div>
                                      </div>
                                      <div class="skills">
                                          <ul>
                                              <li> 
                                                  <div class="name">UI/UX Design</div>
                                                  <div class="progress">
                                                      <div class="percentage" style="width:88%;">
                                                          <span class="percent"><i class="icon ion ion-ios-checkmark-empty"></i></span>
                                                      </div>
                                                  </div>
                                              </li>
                                              <li> 
                                                  <div class="name">Web Application</div>
                                                  <div class="progress">
                                                      <div class="percentage" style="width:90%;">
                                                          <span class="percent"><i class="icon ion ion-ios-checkmark-empty"></i></span>
                                                      </div>
                                                  </div>
                                              </li>
                                              <li>
                                                  <div class="name">Mobile Application</div>
                                                  <div class="progress">
                                                      <div class="percentage" style="width:84%;">
                                                          <span class="percent"><i class="icon ion ion-ios-checkmark-empty"></i></span>
                                                      </div>
                                                  </div>
                                              </li>
                                              <li> 
                                                  <div class="name">Writing</div>
                                                  <div class="progress">
                                                      <div class="percentage" style="width:60%;">
                                                          <span class="percent"><i class="icon ion ion-ios-checkmark-empty"></i></span>
                                                      </div>
                                                  </div>
                                              </li>
                                              <li> 
                                                  <div class="name">Photography</div>
                                                  <div class="progress">
                                                      <div class="percentage" style="width:72%;">
                                                          <span class="percent"><i class="icon ion ion-ios-checkmark-empty"></i></span>
                                                      </div>
                                                  </div>
                                              </li>
                                          </ul>
                                      </div>
                                  </div>
                              </div>
                              <div class="col col-m-12 col-t-6 col-d-6">
                                  <div class="content-box animated">
                                      <div class="i_title">
                                          <div class="icon"><i class="icon ion ion-person"></i></div>
                                          <div class="name">Personal</div>
                                      </div>
                                      <div class="skills">
                                          <ul>
                                              <li> 
                                                  <div class="name">Communication</div>
                                                  <div class="progress">
                                                      <div class="percentage" style="width:78%;">
                                                          <span class="percent"><i class="icon ion ion-ios-checkmark-empty"></i></span>
                                                      </div>
                                                  </div>
                                              </li>
                                              <li> 
                                                  <div class="name">Team Work</div>
                                                  <div class="progress">
                                                      <div class="percentage" style="width:90%;">
                                                          <span class="percent"><i class="icon ion ion-ios-checkmark-empty"></i></span>
                                                      </div>
                                                  </div>
                                              </li>
                                              <li>
                                                  <div class="name">Leadership</div>
                                                  <div class="progress">
                                                      <div class="percentage" style="width:60%;">
                                                          <span class="percent"><i class="icon ion ion-ios-checkmark-empty"></i></span>
                                                      </div>
                                                  </div>
                                              </li>
                                              <li> 
                                                  <div class="name">Creativity</div>
                                                  <div class="progress">
                                                      <div class="percentage" style="width:84%;">
                                                          <span class="percent"><i class="icon ion ion-ios-checkmark-empty"></i></span>
                                                      </div>
                                                  </div>
                                              </li>
                                              <li> 
                                                  <div class="name">Language</div>
                                                  <div class="progress">
                                                      <div class="percentage" style="width:72%;">
                                                          <span class="percent"><i class="icon ion ion-ios-checkmark-empty"></i></span>
                                                      </div>
                                                  </div>
                                              </li>
                                          </ul>
                                      </div>
                                  </div>
                              </div>
                          </div>
                      </div>
                      <!-- Experience -->
                      <div class="section experience" id="experience-section">
                          <div class="title">
                              Fidelidade:
                              <span class="circle"><i class="fa fa-chevron-down"></i></span>
                          </div>
                          <div class="cd-timeline">
                              <div class="cd-timeline-block animated">
                                  <div class="cd-timeline-point">
                                      <i class="icon ion ion-ios-checkmark-empty"></i>
                                  </div>
                                  <div class="cd-timeline-content">
                                      <div class="content-box">
                                          <div class="date">15/02/2019</div>
                                          <div class="name">01</div>
                                          <div class="category">Barbearia O Lenhador</div>
                                          <p>    Lorem ipsum dolor sit amet, in quodsi vulputate pro. Ius illum vocent mediocritatem an, cule dicta iriure at. Ubique 
                                              </p>
                                      </div>
                                  </div>
                              </div>
                              <div class="cd-timeline-block animated">
                                  <div class="cd-timeline-point">
                                      <i class="icon ion ion-ios-checkmark-empty"></i>
                                  </div>
                                  <div class="cd-timeline-content">
                                      <div class="content-box">
                                          <div class="date">15/07/2019</div>
                                          <div class="name">02</div>
                                          <div class="category">Barbearia O Lenhador</div>
                                          <p>    Ubique maluisset vel te, his dico vituperata ut. Pro ei phaedrum maluisset. Ex audire suavitate has, ei quodsi 
                                              </p>
                                      </div>
                                  </div>
                              </div>
                              <div class="cd-timeline-block animated">
                                  <div class="cd-timeline-point">
                                      <i class="icon ion ion-ios-checkmark-empty"></i>
                                  </div>
                                  <div class="cd-timeline-content">
                                      <div class="content-box">
                                          <div class="date">15/06/2018</div>
                                          <div class="name">03</div>
                                          <div class="category">Barbearia O Lenhador</div>
                                          <p>    Ubique maluisset vel te, his dico vituperata ut. Pro ei phaedrum maluisset. Ex audire suavitate has, ei quodsi 
                                              
                                          </p>
                                      </div>
                                  </div>
                              </div>
                          </div>
                      </div>
                      <!-- Service -->
                      <div class="section service" id="service-section">
                          <div class="title">Nossos Serviços:</div>
                          <div class="row">
                              <div class="col col-m-12 col-t-6 col-d-6">
                                  <div class="content-box animated">
                                      <div class="i_title">
                                          <div class="icon"><i class="icon ion ion-android-color-palette"></i></div>
                                          <div class="name">UI/UX Design</div>
                                      </div>
                                      <p>
                                          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi venenatis et tortor ac tincidunt. In euismod iaculis 
                                          lobortis. Vestibulum posuere molestie ipsum vel. Vestibulum venenatis vestibulum elit ultricies. Lorem ipsum dolor 
                                          sit amet, consectetur adipiscing elit.
                                      </p>
                                  </div>
                              </div>
                              <div class="col col-m-12 col-t-6 col-d-6">
                                  <div class="content-box animated">
                                      <div class="i_title">
                                          <div class="icon"><i class="icon ion ion-social-chrome"></i></div>
                                          <div class="name">Web Application</div>
                                      </div>
                                      <p>
                                          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi venenatis et tortor ac tincidunt. In euismod iaculis 
                                          lobortis. Vestibulum posuere molestie ipsum vel. Vestibulum venenatis vestibulum elit ultricies. Lorem ipsum dolor 
                                          sit amet, consectetur adipiscing elit.
                                      </p>
                                  </div>
                              </div>
                          </div>
                          <div class="row">
                              <div class="col col-m-12 col-t-6 col-d-6">
                                  <div class="content-box animated">
                                      <div class="i_title">
                                          <div class="icon"><i class="icon ion ion-social-android"></i></div>
                                          <div class="name">Android Application</div>
                                      </div>
                                      <p>
                                          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi venenatis et tortor ac tincidunt. In euismod iaculis 
                                          lobortis. Vestibulum posuere molestie ipsum vel. Vestibulum venenatis vestibulum elit ultricies.
                                      </p>
                                  </div>
                              </div>
                              <div class="col col-m-12 col-t-6 col-d-6">
                                  <div class="content-box animated">
                                      <div class="i_title">
                                          <div class="icon"><i class="icon ion ion-social-apple"></i></div>
                                          <div class="name">IOS Application</div>
                                      </div>
                                      <p>
                                          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi venenatis et tortor ac tincidunt. In euismod iaculis 
                                          lobortis. Vestibulum posuere molestie ipsum vel. Vestibulum venenatis vestibulum elit ultricies. Lorem ipsum dolor 
                                          sit amet, consectetur adipiscing elit.
                                      </p>
                                  </div>
                              </div>
                          </div>
                          <div class="row">
                              <div class="col col-m-12 col-t-6 col-d-6">
                                  <div class="content-box animated">
                                      <div class="i_title">
                                          <div class="icon"><i class="icon ion ion-android-create"></i></div>
                                          <div class="name">Writing</div>
                                      </div>
                                      <p>
                                          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi venenatis et tortor ac tincidunt. In euismod iaculis 
                                          lobortis. Vestibulum posuere molestie ipsum vel. Vestibulum venenatis vestibulum elit ultricies.
                                      </p>
                                  </div>
                              </div>
                              <div class="col col-m-12 col-t-6 col-d-6">
                                  <div class="content-box animated">
                                      <div class="i_title">
                                          <div class="icon"><i class="icon ion ion-camera"></i></div>
                                          <div class="name">Photography</div>
                                      </div>
                                      <p>    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi venenatis et tortor ac tincidunt. In euismod iaculis 
                                          
                                      </p>
                                  </div>
                              </div>
                          </div>
                      </div>
                                  
                      
                      
                      <!-- Portfolio -->
                      <div class="section works" id="works-section">
                          <div class="title">Portfolio</div>
                          <div class="filter-menu">
                              <div class="filters">
                                  <div class="btn-group">
                                      <div class="f_btn btn_animated active">
                                          <div class="circle">
                                              <label><input type="radio" name="fl_radio" value="box-item" />All</label>
                                          </div>
                                      </div>
                                      <div class="f_btn btn_animated">
                                          <div class="circle">
                                              <label><input type="radio" name="fl_radio" value="f-mockup" />Mockups</label>
                                          </div>
                                      </div>
                                      <div class="f_btn btn_animated">
                                          <div class="circle">
                                              <label><input type="radio" name="fl_radio" value="f-graphic" />Graphics</label>
                                          </div>
                                      </div>
                                      <div class="f_btn btn_animated">
                                          <div class="circle">
                                              <label><input type="radio" name="fl_radio" value="f-icons" />Icons</label>
                                          </div>
                                      </div>
                                      <div class="f_btn btn_animated">
                                          <div class="circle">
                                              <label><input type="radio" name="fl_radio" value="f-ui" />UI Kits</label>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                          </div>
                          <div class="row box-items">
                              <div class="col col-m-12 col-t-6 col-d-4 box-item f-mockup animated">
                                  <div class="image">
                                      <a href="#popup-1" class="has-popup"><img src="img/painel/work1.jpg" alt="" /></a>
                                  </div>
                                  <div class="content-box">
                                      <div class="category">Mockups</div>
                                      <a href="#popup-1" class="name has-popup">Realistic Business Cards MockUp</a>
                                      <p>
                                          Here’s a new b-cards mock-up with several business cards...
                                      </p>
                                  </div>
                                  <div id="popup-1" class="popup-box mfp-fade mfp-hide">
                                      <div class="content">
                                          <div class="image">
                                              <img src="img/work1.jpg" alt="">
                                          </div>
                                          <div class="desc">
                                              <div class="category">Mockups</div>
                                              <h4>Realistic Business Cards MockUp</h4>
                                              <p>
                                                  Here’s a new b-cards mock-up with several business cards scattered across the scene. The PSD file allows you 
                                                  to easily. Here’s a new b-cards mock-up with several business cards scattered across the scene.
                                              </p>
                                              <a href="#" class="btn btn_animated"><span class="circle">View Project</span></a>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="col col-m-12 col-t-6 col-d-4 box-item f-graphic animated">
                                  <div class="image">
                                      <a href="#popup-2" class="has-popup"><img src="img/painel/work3.jpg" alt="" /></a>
                                  </div>
                                  <div class="content-box">
                                      <div class="category">Graphic</div>
                                      <a href="#popup-2" class="name has-popup">The Mountainbiker Freebie</a>
                                      <p>
                                          The freebie of the day is a logo design kit with an original theme...
                                      </p>
                                  </div>
                                  <div id="popup-2" class="popup-box mfp-fade mfp-hide">
                                      <div class="content">
                                          <div class="image">
                                              <img src="img/painel/work3.jpg" alt="">
                                          </div>
                                          <div class="desc">
                                              <div class="category">Graphic</div>
                                              <h4>The Mountainbiker Freebie</h4>
                                              <p>
                                                  The freebie of the day is a logo design kit with an original theme that will help you create 
                                                  stunning mountain bike related logos in just minutes.
                                              </p>
                                              <a href="#" class="btn btn_animated"><span class="circle">View Project</span></a>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="col col-m-12 col-t-6 col-d-4 box-item f-mockup animated">
                                  <div class="image">
                                      <a href="#popup-3" class="has-popup"><img src="img/painel/work2.jpg" alt="" /></a>
                                  </div>
                                  <div class="content-box">
                                      <div class="category">Mockups</div>
                                      <a href="#popup-3" class="name has-popup">Notebook MockUp PSD</a>
                                      <p>
                                          Today we’re happy to share with you the mockup of a classic...
                                      </p>
                                  </div>
                                  <div id="popup-3" class="popup-box mfp-fade mfp-hide">
                                      <div class="content">
                                          <div class="image">
                                              <img src="img/painel/work2.jpg" alt="">
                                          </div>
                                          <div class="desc">
                                              <div class="category">Mockups</div>
                                              <h4>Notebook MockUp PSD</h4>
                                              <p>
                                                  Today we’re happy to share with you the mockup of a classic notebook that will help you showcase your 
                                                  drawings. Today we’re happy to share with you the mockup of a classic notebook that will help.
                                              </p>
                                              <a href="#" class="btn btn_animated"><span class="circle">View Project</span></a>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="col col-m-12 col-t-6 col-d-4 box-item f-icons animated">
                                  <div class="image">
                                      <a href="#popup-4" class="has-popup"><img src="img/painel/work4.jpg" alt="" /></a>
                                  </div>
                                  <div class="content-box">
                                      <div class="category">Icons</div>
                                      <a href="#popup-4" class="name has-popup">Capitalist Icons</a>
                                      <p>
                                          Today we have for you a set of 20 icons available in 2 styles: colored...
                                      </p>
                                  </div>
                                  <div id="popup-4" class="popup-box mfp-fade mfp-hide">
                                      <div class="content">
                                          <div class="image">
                                              <img src="img/painel/work4.jpg" alt="">
                                          </div>
                                          <div class="desc">
                                              <div class="category">Icons</div>
                                              <h4>Capitalist Icons</h4>
                                              <p>
                                                  Today we have for you a set of 20 icons available in 2 styles: colored flat and line version, 
                                                  designed on a 128px grid. These polished icons come in multiple formats so you can easily include 
                                                  them in your projects.
                                              </p>
                                              <a href="#" class="btn btn_animated"><span class="circle">View Project</span></a>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="col col-m-12 col-t-6 col-d-4 box-item f-ui animated">
                                  <div class="image">
                                      <a href="#popup-5" class="has-popup"><img src="img/painel/work5.jpg" alt="" /></a>
                                  </div>
                                  <div class="content-box">
                                      <div class="category">UI Kits</div>
                                      <a href="#popup-5" class="name has-popup">Mapogo UI Kit</a>
                                      <p>
                                          Mapogo is an expertly crafted UI kit perfect for iOS designers...
                                      </p>
                                  </div>
                                  <div id="popup-5" class="popup-box mfp-fade mfp-hide">
                                      <div class="content">
                                          <div class="image">
                                              <img src="img/painel/work5.jpg" alt="">
                                          </div>
                                          <div class="desc">
                                              <div class="category">UI Kits</div>
                                              <h4>Mapogo UI Kit</h4>
                                              <p>
                                                  Mapogo is an expertly crafted UI kit perfect for iOS designers and developers. The free sample 
                                                  includes 10 screens (750×1334 px) that can be easily customized in Photoshop
                                              </p>
                                              <a href="#" class="btn btn_animated"><span class="circle">View Project</span></a>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="col col-m-12 col-t-6 col-d-4 box-item f-ui animated">
                                  <div class="image">
                                      <a href="#popup-6" class="has-popup"><img src="img/painel/work6.jpg" alt="" /></a>
                                  </div>
                                  <div class="content-box">
                                      <div class="category">UI Kits</div>
                                      <a href="#popup-6" class="name has-popup">Chameleon UI Kit</a>
                                      <p>
                                          The freebie of the day is Chameleon, a modern UI kit perfect to...
                                      </p>
                                  </div>
                                  <div id="popup-6" class="popup-box mfp-fade mfp-hide">
                                      <div class="content">
                                          <div class="image">
                                              <img src="img/painel/work6.jpg" alt="">
                                          </div>
                                          <div class="desc">
                                              <div class="category">UI Kits</div>
                                              <h4>Chameleon UI Kit</h4>
                                              <p>
                                                  The freebie of the day is Chameleon, a modern UI kit perfect to use for creating a stylish and 
                                                  clean mobile app. This kit includes 10 screens from various categories that can be easily edited.
                                              </p>
                                              <a href="#" class="btn btn_animated"><span class="circle">View Project</span></a>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                          </div>
                          <div class="clear"></div>
                      </div>
                      <!-- Section Clients -->
                      <div class="section clients" id="clients-section">
                          <div class="title">Clients</div>
                          <div class="reviews-carousel animated">
                              <div class="owl-carousel">
                                  <div class="item">
                                      <div class="content-box">
                                          <div class="reviews-item">
                                              <div class="image"><img src="img/painel/rev1.jpg" alt="" /></div>
                                              <div class="name">— Robert Chase, CEO</div>
                                              <p>
                                                  "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi venenatis et tortor ac tincidunt. In euismod 
                                                  iaculis lobortis. Vestibulum posuere molestie ipsum vel. Vestibulum venenatis vestibulum elit ultricies. 
                                                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi venenatis et tortor ac tincidunt. In euismod 
                                                  iaculis lobortis."
                                              </p>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="item">
                                      <div class="content-box">
                                          <div class="reviews-item">
                                              <div class="image"><img src="img/painel/rev2.jpg" alt="" /></div>
                                              <div class="name">— Helen Floyd, Art Director</div>
                                              <p>
                                                  "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi venenatis et tortor ac tincidunt. In euismod 
                                                  iaculis lobortis. Vestibulum posuere molestie ipsum vel. Vestibulum venenatis vestibulum elit ultricies. 
                                                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi venenatis et tortor ac tincidunt. In euismod 
                                                  iaculis lobortis. Vestibulum posuere molestie ipsum vel."
                                              </p>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="item">
                                      <div class="content-box">
                                          <div class="reviews-item">
                                              <div class="image"><img src="img/painel/rev3.jpg" alt="" /></div>
                                              <div class="name">— Jhon Newton, Photographer</div>
                                              <p>
                                                  "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi venenatis et tortor ac tincidunt. In euismod 
                                                  iaculis lobortis. Vestibulum posuere molestie ipsum vel. Vestibulum venenatis vestibulum elit ultricies. 
                                                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi venenatis et tortor ac tincidunt. In euismod 
                                                  iaculis lobortis."
                                              </p>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                          </div>
                      </div>
                      <!-- Section Pricing -->
                      <div class="section pricing" id="pricing-section">
                          <div class="title">Pricing</div>
                          <div class="row">
                              <div class="col col-m-12 col-t-6 col-d-3">
                                  <div class="content-box animated">
                                      <div class="pricing-table">
                                          <div class="i_title">
                                              <div class="icon"><i class="icon ion ion-battery-empty"></i></div>
                                              <div class="pt-title">Basic</div>
                                          </div>
                                          <div class="pt-amount">
                                              <span class="dollar">$</span>
                                              <span class="amount">15</span>
                                              <span class="period">/hr</span>
                                          </div>
                                          <div class="pt-feature-list">
                                              <ul>
                                                  <li class="disable">UI/UX Design</li>
                                                  <li>Web Development</li>
                                                  <li class="disable">IOS Application <strong>New</strong></li>
                                                  <li class="disable">Android Application</li>
                                                  <li class="disable">Writing</li>
                                                  <li class="disable">Photography <strong>New</strong></li>
                                              </ul>
                                          </div>
                                          <a href="#" class="btn btn_animated"><span class="circle">Buy Now</span></a>
                                      </div>
                                  </div>
                              </div>
                              <div class="col col-m-12 col-t-6 col-d-3">
                                  <div class="content-box animated">
                                      <div class="pricing-table">
                                          <div class="i_title">
                                              <div class="icon"><i class="icon ion ion-battery-low"></i></div>
                                              <div class="pt-title">Start-Up</div>
                                          </div>
                                          <div class="pt-amount">
                                              <span class="dollar">$</span>
                                              <span class="amount">29</span>
                                              <span class="period">/hr</span>
                                          </div>
                                          <div class="pt-feature-list">
                                              <ul>
                                                  <li>UI/UX Design</li>
                                                  <li>Web Development</li>
                                                  <li class="disable">IOS Application <strong>New</strong></li>
                                                  <li class="disable">Android Application</li>
                                                  <li class="disable">Writing</li>
                                                  <li class="disable">Photography <strong>New</strong></li>
                                              </ul>
                                          </div>
                                          <a href="#" class="btn btn_animated"><span class="circle">Buy Now</span></a>
                                      </div>
                                  </div>
                              </div>
                              <div class="col col-m-12 col-t-6 col-d-3">
                                  <div class="content-box animated">
                                      <div class="pricing-table">
                                          <div class="i_title">
                                              <div class="icon"><i class="icon ion ion-battery-half"></i></div>
                                              <div class="pt-title">Business</div>
                                          </div>
                                          <div class="pt-amount">
                                              <span class="dollar">$</span>
                                              <span class="amount">49</span>
                                              <span class="period">/hr</span>
                                          </div>
                                          <div class="pt-feature-list">
                                              <ul>
                                                  <li>UI/UX Design</li>
                                                  <li>Web Development</li>
                                                  <li>IOS Application <strong>New</strong></li>
                                                  <li>Android Application</li>
                                                  <li class="disable">Writing</li>
                                                  <li class="disable">Photography <strong>New</strong></li>
                                              </ul>
                                          </div>
                                          <a href="#" class="btn extra btn_animated"><span class="circle">Buy Now</span></a>
                                      </div>
                                  </div>
                              </div>
                              <div class="col col-m-12 col-t-6 col-d-3">
                                  <div class="content-box animated">
                                      <div class="pricing-table">
                                          <div class="i_title">
                                              <div class="icon"><i class="icon ion ion-battery-charging"></i></div>
                                              <div class="pt-title">Enterprise</div>
                                          </div>
                                          <div class="pt-amount">
                                              <span class="dollar">$</span>
                                              <span class="amount">89</span>
                                              <span class="period">/hr</span>
                                          </div>
                                          <div class="pt-feature-list">
                                              <ul>
                                                  <li>UI/UX Design</li>
                                                  <li>Web Development</li>
                                                  <li>IOS Application <strong>New</strong></li>
                                                  <li>Android Application</li>
                                                  <li>Writing</li>
                                                  <li>Photography <strong>New</strong></li>
                                              </ul>
                                          </div>
                                          <a href="#" class="btn btn_animated"><span class="circle">Buy Now</span></a>
                                      </div>
                                  </div>
                              </div>
                          </div>
                      </div>
                      <!-- Blog -->
                      <div class="section blog" id="blog-section">
                          <div class="title">Blog</div>
                          <div class="row">
                              <div class="col col-m-12 col-t-6 col-d-6">
                                  <div class="blog_item animated">
                                      <div class="image">
                                          <a href="blog-page.html"><img src="img/painel/blog1.jpg" alt="" /></a>
                                      </div>
                                      <div class="content-box">
                                          <div class="i_title">
                                              <div class="icon"><strong>27</strong> July</div>
                                          </div>
                                          <div class="category_bts">
                                              <a href="#" class="category">#branding</a>
                                              <a href="#" class="category">#ui-ux</a>
                                          </div>
                                          <a href="blog-page.html" class="name">Music Player Design</a>
                                          <p>
                                              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi venenatis et tortor ac tincidunt. In euismod iaculis 
                                              lobortis. Vestibulum posuere molestie ipsum vel...
                                          </p>
                                          <a href="blog-page.html" class="btn btn_animated"><span class="circle">Read more</span></a>
                                      </div>
                                  </div>
                              </div>
                              <div class="col col-m-12 col-t-6 col-d-6">
                                  <div class="blog_item animated">
                                      <div class="image">
                                          <a href="blog-page.html"><img src="img/painel/blog2.jpg" alt="" /></a>
                                      </div>
                                      <div class="content-box">
                                          <div class="i_title">
                                              <div class="icon"><strong>27</strong> July</div>
                                          </div>
                                          <div class="category_bts">
                                              <a href="#" class="category">#branding</a>
                                              <a href="#" class="category">#ui-ux</a>
                                          </div>
                                          <a href="blog-page.html" class="name">Music Player Design</a>
                                          <p>
                                              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi venenatis et tortor ac tincidunt. In euismod iaculis 
                                              lobortis. Vestibulum posuere molestie ipsum vel...
                                          </p>
                                          <a href="blog-page.html" class="btn btn_animated"><span class="circle">Read more</span></a>
                                      </div>
                                  </div>
                              </div>
                          </div>
                          <div class="bts align-center">
                              <a href="blog.html" class="btn btn_animated"><span class="circle">View Blog</span></a>
                          </div>
                      </div>
                      <!-- Section Text -->
                      <div class="section ceo_text">
                      
                          <div class="title">Sugestões:</br></div>
                          <div class="content-box animated">
                              <div class="text-box">
                                  <p>    Caso queira nos enviar uma sugestão, 
                                      tirar uma dúvida ou reclamar de algo que o deixa insatisfeito aqui é o espaço. 
                                      Envie sua mensagem preenchendo o formulário abaixo, que vamos retornar o quanto antes. 
                                      A sua mensagem é importante para nós.
                                  </p>
                                  
                              </div>
                          </div>
                      </div>
                      <!-- Section Contacts -->
                      <div class="section contacts" id="contact-section">
                          <div class="title">Contate-me</div>
                          <div class="row">
                              <div class="col col-m-12 col-t-6 col-d-6">
                                  <div class="content-box animated">
                                      <div class="info-list">
                                          <ul>
                                              <li><strong><span>Endereço:</span></strong>R. Fenelon Ático Leite |40 | Rio Doce | Olinda-PE</li>
                                              <li><strong><span>Fone:</span></strong> <a href="tel:98369-6179">(81) 98369-6179</a></li>
                                              <li><strong><span>E-mail:</span></strong> <a href="barbeariaolenhador@hotmail.com">barbeariaolenhador@hotmail.com</a></li>
                                          </ul>
                                      </div>
                                      <div class="map" id="map"></div>
                                  </div>
                              </div>
                              <div class="col col-m-12 col-t-6 col-d-6">
                                  <div class="content-box animated">
                                      <h4>Escreve uma mensagem:</h4>
                                      <div class="contact-form">
                                          <form id="cform" method="post">
                                              <div class="group-val">
                                                  <input type="text" name="name" placeholder="Nome" />
                                              </div>
                                              <div class="group-val">
                                                  <input type="text" name="email" placeholder="E-mail" />
                                              </div>
                                              <div class="group-val">
                                                  <input type="text" name="subject" placeholder="Assunto" />
                                              </div>
                                              <div class="group-val ct-gr">
                                                  <textarea name="message" placeholder="Mensagem"></textarea>
                                              </div>
                                              <a href="#" class="btn btn_animated" onclick="$('#cform').submit(); return false;"><span class="circle">Enviar</span></a>
                                          </form>
                                          <div class="alert-success">
                                              <p>Obrigado, sua mensagem foi enviada com sucesso. Entraremos em contato em breve!</p>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
                  <!-- Footer -->
                  <footer>
                      <div class="copy">© 2019 | insightIDEIAS | All rights reserved.</div>
                  </footer>
                  
              </div>
          </div>
          
          <!-- jQuery Scripts -->
          <script src="js/jquery.min.js"></script>
          <script src="js/owl.carousel.min.js"></script>
          <script src="js/jquery.validate.js"></script>
          <script src="js/magnific-popup.js"></script>
          <script src="js/masonry.pkgd.js"></script>
          <script src="js/imagesloaded.pkgd.js"></script>
          <script src="js/masonry-filter.js"></script>
          <script src="js/scrollreveal.js"></script>
          <script src="js/jquery.mb.YTPlayer.js"></script>
          <script src="js/particles.js"></script>
          <!-- Google map api -->
          <script src="https://maps.google.com/maps/api/js?sensor=false"></script>
          
          <!-- Main Scripts -->
          <script src="js/main.js"></script>
          
      </body>
      </html>
       
×

Informação importante

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