Ir para conteúdo
11closed

php PDO não está inserindo dados no BD

Recommended Posts

Olá pessoal Bom Dia!

 

Estou com um problema aqui, não estou conseguindo inserir dados no BD. Eu instalei recentemente o WAMP aqui e estou usando esse script para inserir dados no BD, mas não sei porque não está inserindo

Config.php

ob_start();
// Tabelas
$tabela1 = "clientes"; 

$bd = "banco"; 
$user = "root"; 
$pass = ""; 
$host = "localhost"; 

	
	try {
		$con = new PDO('mysql:host=localhost;dbname=banco', $user, $pass);
	  
	} catch(PDOException $e) {
		echo 'ERROR: ' . $e->getMessage();
	}

 

Cadastrando.php

error_reporting(E_ALL & ~ E_NOTICE);
	include("../config/config.php");

$run = $con->prepare("INSERT INTO $tabela1 (NOME) VALUES (:NOME)");
$dados = array(':NOME' => $name);
$cadastra = $run->execute($dados);

Meu BD também é novo, coloquei na tabela clientes ID como PRIMARY e A_I

 

Antes eu tinha um site dessa mesma programação que estava funcionando, ai depois de um tempo eu retornei, reinstalei o WAMP, porque estava com erros aqui, aí agora o mesmo site não está inserindo, alguem sabe porque não insere? 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Uerlen, a pagina fica branca, não me retorna nenhum erro

 

 

será que tem que ativar algo nos ".ini" ? 

 

no WAMP em PHP, php.ini o meu está assim

extension=php_pdo_firebird.dll
extension=php_pdo_mysql.dll
;extension=php_pdo_oci.dll
;extension=php_pdo_odbc.dll
;extension=php_pdo_pgsql.dll
extension=php_pdo_sqlite.dll
;extension=php_pgsql.dll
;extension=php_shmop.dll

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
//Adiciona essas opção na construção do PDO
$opcoes = array(PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION);
$con = new PDO('mysql:host=localhost;dbname=banco', $user, $pass, $opcoes);


//Coloca seu execute dentro do try/catch
try{
    $con->execute();
}catch(PDOException $e){
    echo $e->getMessage();
}

Tenta assim

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

olá. verifique suas variaveis, principalmente essa:

Em 10/08/2018 at 00:29, 11closed disse:

$name

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
Em 10/08/2018 at 00:29, 11closed disse:

Olá pessoal Bom Dia!

 

Estou com um problema aqui, não estou conseguindo inserir dados no BD. Eu instalei recentemente o WAMP aqui e estou usando esse script para inserir dados no BD, mas não sei porque não está inserindo

Config.php


ob_start();
// Tabelas
$tabela1 = "clientes"; 

$bd = "banco"; 
$user = "root"; 
$pass = ""; 
$host = "localhost"; 

	
	try {
		$con = new PDO('mysql:host=localhost;dbname=banco', $user, $pass);
	  
	} catch(PDOException $e) {
		echo 'ERROR: ' . $e->getMessage();
	}

 

Cadastrando.php


error_reporting(E_ALL & ~ E_NOTICE);
	include("../config/config.php");

$run = $con->prepare("INSERT INTO $tabela1 (NOME) VALUES (:NOME)");
$dados = array(':NOME' => $name);
$cadastra = $run->execute($dados);

Meu BD também é novo, coloquei na tabela clientes ID como PRIMARY e A_I

 

Antes eu tinha um site dessa mesma programação que estava funcionando, ai depois de um tempo eu retornei, reinstalei o WAMP, porque estava com erros aqui, aí agora o mesmo site não está inserindo, alguem sabe porque não insere? 

 

 

Caro amigo

 

Um exemplo para INSERT em PDO.

<!DOCTYPE html>
<html>
	<head>

     <?php 
       //Conexão com o Banco de Dados
       include"config.php"; 
     ?>

		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>PDO Insert</title>
		<link rel="stylesheet" href="">
	</head>
	<body>
		
		<?php 
          
          if(isset($_POST['enviar'])){

              //Funcão strip_tags - elimina qual extensão (html, php e etc)
          	  //Função trim - elimina qualquer espaço em branco
	          $campo1 = strip_tags(trim($_POST['campo1']));
	          $teste =  strip_tags(trim($_POST['teste']));

              //Define a tabela
	          $sql_teste  = 'INSERT INTO teste (campo1,campo2)';
	          $sql_teste .= 'VALUES (:campo1,:campo2)';  //Função [ .= ] - concatenar      

	          try{
	          	    //Antes de executar qualquer tarefa, verifica no Bco Dados Login e Senha
	                $query_teste = $conecta->prepare($sql_teste);

	                $query_teste->bindValue(':campo1',$campo1, PDO::PARAM_STR);
	                $query_teste->bindValue(':campo2',$teste, PDO::PARAM_STR);     

	                //Executa a ação      
	                $query_teste->execute();

	                echo 'Cadastro com sucesso';

	          } catch (PDOException $error_insert) {
	          	echo 'Erro ao cadastrar '.$error_insert->getMessage();
	          }
         
          }

		?>

		<form name="testando" action="" method="post" enctype="multipart/form-data">
          <input type="text" name="campo1" /><br/>
          <input type="text" name="teste" /><br/>
          <input type="submit" name="enviar" value="Enviar" /><br/>
	</body>  

</html>

 

Espero ter ajudado

 

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá @Remazela fiz do jeito que você falou, e agora está aparecendo a mensagem "Cadastro com sucesso", porém os dados não estão sendo inseridos no BD

 

ficou assim aqui

config.php

ob_start();

$tabela1 = "clientes"; 

//Banco de Dados
$bd = "banco"; 
$user = "root"; 
$pass = ""; 
$host = "localhost"; 
	
	try {
		$con = new PDO('mysql:host=localhost;dbname=banco', $user, $pass);
	  
	} catch(PDOException $e) {
		echo 'ERROR: ' . $e->getMessage();

cadastro.php

<form action="cadastrando.php" method="post" id="form" name="form">
  
  Nome*:  <input id="nome" name="nome" class="text" />
  Email*:  <input id="email" name="email" class="text" />
  
<input type="submit" name="imageField"  class="botcadastro" value="Cadastrar" Onclick="return verifica()" />  
</form> 

cadastrando.php

include("../config/config.php"); 

	$nome = $_POST["nome"];
	$email = $_POST["email"];
	
	$sql_teste  = 'INSERT INTO $tabela1 (NOME,EMAIL)';
	$sql_teste .= 'VALUES (:NOME,:EMAIL)';  //Função [ .= ] - concatenar

	try{
	    //Antes de executar qualquer tarefa, verifica no Bco Dados Login e Senha
	    $query_teste = $con->prepare($sql_teste);

	    $query_teste->bindValue(':NOME',$nome, PDO::PARAM_STR);
	    $query_teste->bindValue(':EMAIL',$email, PDO::PARAM_STR);     

	    //Executa a ação      
	    $query_teste->execute();

	    echo 'Cadastro com sucesso';

	} catch (PDOException $error_insert) {
	    echo 'Erro ao cadastrar '.$error_insert->getMessage();
	}

:sweat: não estou encontrando onde está o erro, será que tem haver algo com a versão do php ou do wamp?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Boa noite. Você simplesmente está tratando a variável "$tabela" como TEXTO ao utilizar ela com aspas simples e não dupla.

 

isso aqui:

$sql_teste  = 'INSERT INTO $tabela1 (NOME,EMAIL)';

  É apenas texto, $tabela1 é considerado como texto e não variável. Logo, o insert into está tentando inserir algo em uma tabela com o nome $tabela1 o que não existe. O erro deveria mostrar que não existe essa tabela também. O correto é com aspas duplas:

$sql_teste  = "INSERT INTO $tabela1 (NOME,EMAIL)";

de igual forma, faça na linha concatenada também. Sempre quando for utilizar sintaxe SQL coloque em aspas duplas para uma boa prática e evitar problemas do tipo.

 

Verifique se os campos em sua tabela estão com os nomes maiúsculos.

 

Abraço

Compartilhar este post


Link para o post
Compartilhar em outros sites
57 minutos atrás, Alaerte Gabriel disse:

Boa noite. Você simplesmente está tratando a variável "$tabela" como TEXTO ao utilizar ela com aspas simples e não dupla.

 

isso aqui:


$sql_teste  = 'INSERT INTO $tabela1 (NOME,EMAIL)';

  É apenas texto, $tabela1 é considerado como texto e não variável. Logo, o insert into está tentando inserir algo em uma tabela com o nome $tabela1 o que não existe. O erro deveria mostrar que não existe essa tabela também. O correto é com aspas duplas:


$sql_teste  = "INSERT INTO $tabela1 (NOME,EMAIL)";

de igual forma, faça na linha concatenada também. Sempre quando for utilizar sintaxe SQL coloque em aspas duplas para uma boa prática e evitar problemas do tipo.

 

Verifique se os campos em sua tabela estão com os nomes maiúsculos.

 

Abraço

 

Olá @Alaerte Gabriel, coloquei as duplas e deu a mesma coisa. E SIM os campos no BD são maiúsculos também

Compartilhar este post


Link para o post
Compartilhar em outros sites

Caro amigo

 

Tenta assim

 

config.php

<?php

    define('HOST','localhost');
    define('DB','nomeBancoDados');
    define('USER','root');
    define('PASS','');            

    $conexao = 'mysql:host='.HOST.'; dbname='.DB;

    try{
         $conecta = new PDO($conexao, USER, PASS);
         $conecta->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

       } catch(PDOexception $error_conecta) {
          echo htmlentities('Erro ao conectar'.$error_conecta->getMessage());
       }

?>

 

o insert

		<?php 
          
              //Funcão strip_tags - elimina qual extensão (html, php e etc)
          	  //Função trim - elimina qualquer espaço em branco
	          $campo1 = strip_tags(trim($_POST['campo1']));
	          $teste =  strip_tags(trim($_POST['teste']));

              //Define a tabela
	          $sql_teste  = 'INSERT INTO teste (campo1, campo2)';
	          $sql_teste .= 'VALUES (:campo1, :campo2)';  //Função [ .= ] - concatenar      

	          try{
	          	    //Antes de executar qualquer tarefa, verifica no Bco Dados Login e Senha
	                $query_teste = $conecta->prepare($sql_teste);

	                $query_teste->bindValue(':campo1',$campo1, PDO::PARAM_STR);
	                $query_teste->bindValue(':campo2',$teste, PDO::PARAM_STR);     

	                //Executa a ação      
	                $query_teste->execute();

	                echo 'Cadastro com sucesso';

	          } catch (PDOException $error_insert) {
	          	echo 'Erro ao cadastrar '.$error_insert->getMessage();
	          }
        

		?>

 

 

Observa no seu código o seguinte:

//Você criou a variável com letras minúsculas
	$nome = $_POST["nome"];
	$email = $_POST["email"];
	

  //Aqui você passou com letras maiúsculas
	    $query_teste->bindValue(':NOME',$nome, PDO::PARAM_STR);
	    $query_teste->bindValue(':EMAIL',$email, PDO::PARAM_STR);

 

Para inserir, as variáveis tem que ter o nome idêntico do banco de dados.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Finalmente deu certo pessoal, muito obrigado pela ajuda.

 

Não sei bem qual era o problema, eu deletei toda a tabela no Banco de dados e fiz tudo novamente, aí deu certo 

 

vlw pessoal

 

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 AV Lammel
      Olá pessoal. Sou novato tanto aqui quanto nas linguagens de programação.    Exemplo que vou me referir: http://aldolammel.com/emulador/dia922.php    Eu gostaria de digitar um código no textfield "Fotografia", pressionar o botão submit "Fotografia" e fazer o PHP+MySQL(+script?) trazer-me a URL específica daquele código específico digitado. A URL deve ser aberta em uma nova aba do navegador.    A propósito, esse comportamento precisa ser replicado para os outros dois forms (Mapas, Vídeos).   Aqui é uma print do meu db: https://i.imgur.com/zax5xI6.gif
    • 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 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>
       
    • Por MoiDVAec
      Boa tarde,
       
      Agradeço desde já a ajuda! Estou precisando conecta ao banco de dados e minha classe da o seguinte erro:
       
       Já fiz varias pesquisas ja fiz varias correções mas o erro persisti. Alguem pode me ajuda a entender onde errei?
       
      Segue o código:
       
      <?php abstract class banco{ //PROPRIEDADES public $servidor = "localhost:84"; public $usuario = "root"; public $senha = ""; public $nomeBanco = "ourlady"; public $conexao = NULL; public $dataset = NULL;//resultados das pesquisas public $linhasAfetadas = -1; //METODOS public function __construct(){ $this->connecta(); }//fim construtor public function __destruct(){ if($this->conexao != NULL): mysqli_close($this->conexao); endif; }//fim destrutor public function connecta(){ $con = $this->conexao = mysqli_connect($this->servidor,$this->usuario, $this->senha) or die($this->tratarErro(__FILE__,__FUNCTION__,mysqli_errno(),errorInfo(),True)); mysqli_select_db($con,$this->nomeBanco) or die($this->tratarErro(__FILE__,__FUNCTION__,mysqli_errno(),errorInfo(),True)); mysqli_set_charset($con,'utf8'); }// fim connecta public function inserirDados($objeto){ $conec = $this->connecta(); $erro = $this->tratarErro(__FILE__,__FUNCTION__); $sqlInserir = "INSERT INTO ".$objeto->tabela." ("; //loop inseri valores dentro do comando sql para ser inserido no banoc de dados for($i=0; $i<count($objeto->valores); $i++): $sqlInserir .= key($objeto->valores); //validação para inserir a virgula no meio do loop if($i < (count($objeto->valores)-1)): $sqlInserir .= ", "; else: $sqlInserir .= ") "; endif; next($objeto->valores); endfor; reset($objeto->valores); $sqlInserir .= "VALUES ("; for($i=0; $i<count($objeto->valores); $i++): // validação tenaria para puxar o segundo valor da array $sqlInserir .= is_numeric($objeto->valores[key($objeto->valores)]) ? $objeto->valores[key($objeto->valores)] : "'".$objeto->valores[key($objeto->valores)]."'"; //validação para inserir a virgula no meio do loop if($i < (count($objeto->valores)-1)): $sqlInserir .= ", "; else: $sqlInserir .= ");"; endif; next($objeto->valores); endfor; echo $sqlInserir; $query = mysqli_query($conec, $sqlInserir); return $query or $erro; }// fim inserir daddos public function tratarErro($arquivo=NULL, $rotina=NULL, $numErro=NULL, $msgErro=NULL, $geraExcept=FALSE){ if($arquivo==NULL) $arquivo="não informado"; if($rotina==NULL) $rotina="não informado"; if($numErro==NULL) $numErro=mysqli_connect_errno($this->conexao); if($msgErro==NULL) $msgErro=mysqli_connect_error($this->conexao); $resultado = 'Ocorreu o seguinte erro:<br/> <b>Arquivo</b>'.$arquivo.'<br/> <b>Rotina</b>'.$rotina.'<br/> <b>Erro</b>'.$numErro.'<br/> <b>Mensagem</b>'.$msgErro; if($geraExcept==False): echo($resultado); else : die($resultado); endif; }// fim tratarerro }// fim da claas banco ?>  
       
×

Informação importante

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