Ir para conteúdo
Sasaski001

Erro Undefined index: Alguem pode me ajudar pls?

Recommended Posts

galera alguem pode me ajudar vou mandar a imagem e o codigo

 

esse e o erro:

image.thumb.png.662c5cde9cc103fed99a0abf3104786f.png

 

 

 

 

 

aqui ta o codigo

 

tarefas.php:

<?php session_start();?>
<html>
<head>
<title>Gerenciador de tarefas</title>
<!--<link rel="stylesheet" href="tarefas.css">-->
</head>
<body>

<h1>Gerenciador de tarefas</h1>
<form>
<fieldset>
       <legend> Nova tarefa</legend>
       <label>
         Tarefa:
         <input type="text" name="nome" />
         </label>
         <input type="submit" value="Cadastrar" />
</fieldset>
</form>
<?php
if(array_key_exists('nome', $_GET)){
        $_SESSION['lista_tarefas'][]=$_GET['nome'];
    }
    $lista_tarefas = [];
    
     if (array_key_exists('lista_tarefas', $_SESSION)){
         $lista_tarefas = $_SESSION['lista_tarefas'];
     }
    
?>
<table>
    <tr>
      <td>Tarefas</td>
    </tr>
<?php foreach ($lista_tarefas as $tarefa ): ?>
<tr>     
   <td> <?php echo $tarefa; ?></td>
   </tr>
   <?php endforeach; ?>
</table>
 </body>
</html>


tabela.php:

<html>
  <head>
   <meta charset="utf-8"/>
<title>Gerenciador de Tarefas</title>
<link rel="stylesheet" type="text/css"  href="tarefas.css">
</head>
<body>

    <table>
       <tr>
                 <th>Tarefas</th>
                 <th>Descrição</th>
                 <th>Prazo</th>
                 <th>Prioridade</th>
                 <th>Concluida</th>    
                 <th>Opções</th>
                             
                 </tr>
                 <?php // foreach e uma repetição
                 foreach     ($lista_tarefas as $tarefa): ?>
                    <tr>
                         <td> <?php echo $tarefa['nome'];?></td>
                         <td> <?php echo $tarefa['descricao'];?></td>
                         <td> <?php echo traduz_data_para_exibir($tarefa['prazo']);?></td>
                         <td><?php echo traduz_prioridade($tarefa['prioridade']); ?></td>
                         <td> <?php echo traduz_concluida( $tarefa['concluida']);?> </td>
                         <td><a href="editar.php?id=<?php echo $tarefa['id']; ?>">Editar</a></tr>
                <?php endforeach; ?>
                               
        </table>
    </body>
</html>

 

template.php:

<html>
  <head>
     <meta charset="utf-8"/>
     <title>Gerenciador de Tarefas</title>
     <link rel="stylesheet" type="text/css" href="tarefas.css">
    </head>
<body>
    
       <?php require 'formulario.php';?>
        <?php  if($exibir_tabela) : ?>
              <?php require 'tabela.php';?>
       <?php endif;?>
</body>    
</html>


banco.php:

<?php
     $bdServidor = '127.0.0.1:3307';
     $bdUsuario = 'root';
     $bdSenha = '';
     $bdBanco = 'tarefas';
    
//
$conexao = mysqli_connect($bdServidor, $bdUsuario, $bdSenha, $bdBanco);
if (mysqli_connect_errno($conexao)){   
    echo "problema para conectar ao banco. Erro: ";
    echo mysqli_connect_error();
    die();    
}
    
function buscar_tarefas($conexao){
    $sqlBusca = 'SELECT * FROM tarefas';
    
    $resultado = mysqli_query($conexao, $sqlBusca);
    
    $tarefas = [];
    
    while ($tarefa = mysqli_fetch_assoc($resultado)){
        $tarefas[] = $tarefa;
        
        }
        
        return $tarefas;
}



function gravar_tarefa($conexao, $tarefa)
{
 $sqlGravar=" INSERT INTO tarefas(nome, descricao,prioridade,prazo,concluida)
      values(
      '{$tarefa['nome']}',
      '{$tarefa['descricao']}',
      '{$tarefa['prioridade']}'
      '{$tarefa['prazo']}'
      '{$tarefa['concluida']}'
      )";
      
      function buscar_tarefa($conexao, $id){
          $sqlBusca = 'SELECT * FROM tarefas WHERE id = '. id;
          $resultado = mysql_query($conexao, $sqlBusca);
          return mysqli_fetch_assoc($resultado);
      }
      
      function editar_tarefa($conexao, $tarefa){
    $sqlEditar = "
    UPDATE tarefas SET
       nome='{$tarefa['nome']}',
       descricao'{$tarefa['descricao']}',
       prioridade'{$tarefa['prioridade']}',
       prazo'{$tarefa['prazo']}',
       concluida'{$tarefa['concluida']}',
    WHERE id = {$tarefa['id']}
    ";
    
}

      mysqli_query ($conexao, $sqlGravar);
      }

?>


index.php:

<?php session_start();
  require "banco.php";
  require "utilitarios.php";
  $exibir_tabela = true;
  if (array_key_exists('nome', $_GET) && $_GET['nome'] != ''){
      $tarefa = [];
      
    $tarefa['nome'] = $_GET['nome'];
    if (array_key_exists('descricao', $_GET)){
      $tarefa['descricao'] = $_GET['descricao'];
    }
    else{
      $tarefa['descricao'] = '';
    }
    if ( array_key_exists('prazo', $_GET)){
     $tarefa['prazo']= traduz_data_para_banco($_GET['prazo']);
    } else{
     $tarefa['prazo'] = '';
    }
    $tarefa ['prioridade'] = $_GET['prioridade'];
       
    if ( array_key_exists('concluida', $_GET)){
         $tarefa['concluida']=1;
    } else{
        $tarefa['concluida'] = 0;
    }
    gravar_tarefa($conexao, $tarefa);
    
    }
    $lista_tarefas = buscar_tarefas($conexao);
    $tarefa=[
    'id'                =>0,
    'nome'              =>'',
    'descricao'         =>'',
    'prazo'             =>'',
    'prioridade'        =>3,
    'concluida'         =>''
    
    ];
    
    include "template.php";
    
?>


utilitarios.php:

<?php
      
      function traduz_prioridade($codigo)
      {
          $prioridade='';;
           
            switch($codigo){
                case 1:
                     $prioridade='Baixa';
                     break;
                case 2:
                     $prioridade='Media';
                     break;
                 case 3:
                 $prioridade='Alta';
                 break;
                
            }
            return $prioridade;
                
      }
      
      function traduz_data_para_banco($data){
          if($data == ""){
          return "";
}
          
          $dados = explode("/", $data);
          $data_banco = "{$dados[2]}-{$dados[1]}-{$dados[0]}";
           
         return $data_banco;
      }
          
      function traduz_data_para_exibir($data){
          
      if($data == "" OR $data == "0000-00-00"){
          return "";
      }
          $dados = explode("-", $data);
          $data_exibir = "{$dados[2]}/{$dados[1]}/{$dados[0]}";
          
          return $data_exibir;
      }
      function traduz_concluida($concluida){
          if($concluida == 1){
              return 'sim';
          }
          return 'Não';
      }
      
      
      ?>

 

formulario.php:

<!DOCTYPE html>

<html>
  <head>
     <meta charset="utf=8" />
     <title>Gerenciador de tarefas</title>
     <link rel="stylesheet" type="text/css" href="tarefas.css">
     </head>
     <body>
         <h1>Gerenciador de Tarefas</h1>
        
         <form>
         <input type="hidden" name="id"
              value="<?php echo $tarefa['id'];?>"/>
           <fieldset>
                 <legend>Nova Tarefa</legend>
                 <label>
                      Tarefa:
                      
                      <input type="text" name="nome"
                      value= "<?php echo $tarefa['nome'];?>" />
                      
                 </label>
                 <label>
                  Descrição:
                  <textarea name="descricao" > <?php echo $tarefa['descricao'];?></textarea>
              </label>
              <label>
                  Prazo:
                  <input type="text" name="prazo"
                  value="<?php echo traduz_data_para_exibir($tarefa['prazo']);?>"/>
                
              </label>
              <fieldset>
                 <legend>Prioridade</legend>
                 <label>
                    <input type= "radio" name="prioridade" value="1" <?php echo ($tarefa['prioridade']==1) ? 'checked': '';?>/> Baixa
                    <input type="radio"  name="prioridade" value="2" <?php echo ($tarefa['prioridade']==2) ? 'checked': '';?> /> Media
                    <input type="radio" name="prioridade" value="3" <?php echo ($tarefa['prioridade']==3) ? 'checked': '';?>/> Alta
                 </label>
              </fieldset>
                <label>
                    Tarefa Concluida:
                     <input type="checkbox" name="Concluida" value="1"<?php echo ($tarefa['concluida']==1) ? 'checked': '';?> />
                </label>
                                   
                         <input type ="submit" value="<?php echo ($tarefa['id'] > 0) ? 'atualizar': 'Cadastrar';?> "/>
               
              </body>
              </html>

 

editar.php:

<?php session_start();
    require "banco.php";
    require "utilitarios.php";
      
  $exibir_tabela = false;
 
  if (array_key_exists('nome', $_GET) && $_GET['nome'] != ''){
      
      $tarefa = [];
      
      $tarefa['id']= $_GET['id'];
    
      $tarefa['nome'] = $_GET['nome'];
    
    if (array_key_exists('descricao', $_GET)){
      $tarefa['descricao'] = $_GET['descricao'];
    }
    
    else{
      $tarefa['descricao'] = '';
    }
    
    if ( array_key_exists('prazo', $_GET)){
     $tarefa['prazo']= traduz_data_para_banco($_GET['prazo']);
    } else{
     $tarefa['prazo'] = '';
    }

    $tarefa ['prioridade'] = $_GET['prioridade'];
       
    if ( array_key_exists('concluida', $_GET)){
         $tarefa['concluida']=1;
    } else{
        $tarefa['concluida'] = 0;
    }
 
    editar_tarefa($conexao, $tarefa);
     header('Location: index.php');
     die();
    }
    $tarefa = buscar_tarefas($conexao,$_GET['id']);
    
    include "template.php";
    
        
?>

 

Editado por Matheus Tavares
Adicionar marcação para código

Compartilhar este post


Link para o post
Compartilhar em outros sites
10 horas atrás, Sasaski001 disse:

 

esse e o erro:

image.thumb.png.662c5cde9cc103fed99a0abf3104786f.png

 

linha 20: Não existe o índice nome no array que está tentando usar.
linha 25: Não existe o índice descricao no array desta linha
linha 30: Não existe o índice prazo naquele array que está lá
...
... idem para o restante
...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá!
Consegui pensar em três possíveis sugestões:
1) Você pode não usar índices que não existem
2) Você pode verificar se um índice existe, antes de usá-lo.
proceda assim:

<?php
if(isset($var['index'])){
  // use a variável
} else {
  // mostre uma mensagem, avisando que aquele índice não existe
  echo '<p>A variável: <b>$var["index"]</b> não existe!</p>'
}

3) Você pode definir valores padrões para os índices que pretende usar

<?php
// nas linhas iniciais do seu controller, antes de qualquer atribuição acontecer
// defina valores padrões para os índices que pretente usar
$var = [
  'index'=> 1,
  'index-2' => null,
  'index-3' => 'iMasters',
  'index-4' => true,
  'index-5' => false
];

// quando precisar atribuir algum valor a algum daqueles índices, proceda assim:
$var['index-4'] = 'val';
$var['index'] = 0;
...

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

cara tentei definir os valores padroes

mas como e na aba editar deveria aparecer o que ja estava salvo no banco pra mim poder editar mas quando defino os valores padroes nao aparece nada pra editar

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

cara consegui resover esse erro mas deu um erro no banco

Warning: mysqli_fetch_assoc() expects parameter 1 to be mysqli_result, boolean given in C:\xampp\htdocs\tarefas\banco.php on line 57

 

linha 57:

function buscar_tarefa($conexao, $id){
            $sqlBusca = 'SELECT * FROM tarefas WHERE id = ' . $id;
            $resultado = mysqli_query($conexao, $sqlBusca);
            return mysqli_fetch_assoc($resultado);            
        }

 

 

codigo todo:

<html>
    <head>
        <meta charset="utf-8" />
    </head>

    <body>
    
        <?php
            $bdServidor = '127.0.0.1:3307';
            $bdUsuario = 'root';
            $bdSenha = '';
            $bdBanco = 'tarefas';
            
            $conexao = mysqli_connect($bdServidor, $bdUsuario, $bdSenha, $bdBanco);
            
            if (mysqli_connect_errno($conexao)) {
                    echo "Problema para conectar ao banco. Erro: ";
                echo mysqli_connect_error();
                die();
            }
        
        function buscar_tarefas($conexao)
        {
            $sqlBusca = 'SELECT * FROM tarefas';
            $resultado = mysqli_query($conexao, $sqlBusca);
            
            $tarefas = [];
            
            while ($tarefa = mysqli_fetch_assoc($resultado)) {
                $tarefas[] = $tarefa;
            }
            
            return $tarefas;
        }
        
        function gravar_tarefa($conexao, $tarefa)
        {
            $sqlGravar = "
                INSERT INTO tarefas
                (nome, descricao, prioridade,prazo)
                VALUES
                (
                    '{$tarefa['nome']}',
                    '{$tarefa['descricao']}',
                    {$tarefa['prioridade']},
                        '{$tarefa['prazo']}',
                            {$tarefa['concluida']}
                )
            ";
            
            mysqli_query($conexao, $sqlGravar);
        }
        
        function buscar_tarefa($conexao, $id){
            $sqlBusca = 'SELECT * FROM tarefas WHERE id = ' . $id;
            $resultado = mysqli_query($conexao, $sqlBusca);
            return mysqli_fetch_assoc($resultado);            
        }
        
        function editar_tarefa($conexao, $tarefa){
            $sqlEditar = "
            UPDATE tarefas SET
               nome = '{$tarefa['nome']}',
               descricao = '{$tarefa['descricao']}',
               prioridade = {$tarefa['prioriade']},
               prazo = '{$tarefa['prazo']}',
               concluida = {$tarefa['concluida']}
               WHERE id = {$tarefa['id']}
            ";
            mysql_query($conexao, $sqlEditar);
        }
        
        ?>
    </body>
</html>

 

Editado por Matheus Tavares
Adicionar marcação para código

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 reginaldo123
      boa tarde 
       
      quero chamar um arquivo. php para realizar uma consulta ao banco de dados , e exibir as informações , é tipo um <form action="">, so que eu quero usar um link <a> como passar as variaveis , para o arquivo.php?, é tipo o site do youtube apresenta varios videos , e ao clicar no video é redirecionado para outra pagina.
    • 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>
       
×

Informação importante

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