Jump to content
  • 0
Dionizio

Não consigo exibir um valor do banco em minha pagina php

Question

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>

 

Share this post


Link to post
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By peterstefan
      Boa tarde, quero fazer anúncios em um projeto e quero mostrar dentro de um foreach, mais quero mostrar a cada 5 blocos e depois mostro o anuncio do google.. isso tem algum novo para que eu possa pesquisar?
    • By violin101
      Caros amigos.
       
      saudações...
       
      Por favor PRIMEIRAMENTE peço desculpa em recorrer ao auxílios dos amigos, mas sou novato em CODEIGNITER.
       
      Através de muita Leitura e pesquisa sobre o tema, tenho conseguido desenvolver o que gostaria de executar.
       
      Me deparei com o seguinte problema que não estou conseguindo executar com êxito.
       
      Preciso criar uma FUNÇÃO onde o Sistema após o USUÁRIO efetuar o LOGIN possa realizar uma VALIDAÇÃO de Data e Hora.
      Por exemplo:
       
      Na base de dados tenho campos distintos como:
        `dataInicio` DATE NOT NULL ,
        `horaInicio` TIME NOT NULL ,
        `dataFim` DATE NOT NULL ,
        `horaFim` TIME NOT NULL ,
       
      Pergunta:
      como faço uma função para que o sistema possa comparar e calcular o PRAZO de VENCIMENTO com a DATA e HORA atual, ou seja:
      prazo para encerrar
      dataFim: 19/04/2019
      horaFim: 12:00
      ---------------------------------------
      vencimento
      dataAtual: 19/04/2019
      horaAtual: 12:01
      ==========================
       
      Se a Data/Hora já venceu o Sistema muda o STATUS para 2 (prazo encerrado).
       
      Grato,
       
      Cesar
       
       
       
       
       
       
    • By emersonbrs
      string(77) "[ 1, { "mensagem": "Recarga", "pin": "", "nsu": 1096 } ]" tenho esse array como eu faço para pegar mensagem com json_decode, exemplo se eu fizer assim
      <?php $array = file_get_contents( 'http://www.json-generator.com/api/json/get/bTLlkwcgOa?indent=2' ) ; $obj = json_decode($array); echo $obj->1->mensagem; ?> dessa forma da erro
       
       
      syntax error, unexpected '1' (T_LNUMBER), expecting identifier (T_STRING) or variable (T_VARIABLE) or '{' or '$' in
       
      como resolver ?
    • By guzulino
      Eu tenho uma dúvida meio tosca, mas as páginas que eu estou colocando no site não estão carregando, quando acesso o site aparece uma página padrão de domínio reservado para um cliente HostGator, mas quando vou no cPanel fazer upload dos arquivos, eles não são carregados no site, tentei colocar na pasta "public_html" com o nome de index, mas mesmo assim ela não é carregada na página principal do site. Gostaria de saber qual a pasta em que devo colocar os arquivo das páginas principais para serem carregados. Eu já trabalhei com hospedagem na Locaweb, mas quis testar outra hospedagem para ver como funciona, mas até agora não deu muito certo, adquiri o domínio na semana passada então ele já deveria funcionar teoricamente.
    • By Anderson Ronilson Xavier
      Olá a todos gostaria da ajuda dos colegas estou em um projeto de site landing page  usando o plugin construtor de sites chamado themify ultra e não estou conseguindo uma galeria de imagens igual ao cliente está me pedindo que responsiva e com um menu que tenha as opções por exemplo "todas maçã banana laranja " se eu clicar em maçã a galeria ocultaria as bananas e Laranja e se eu clicar em todas e voltaria a apresentar todas as frutas ... Desculpa o jeito de explicar ... Mas galeria não estou conseguindo achar nada que me ajude a opção do themify ultra foi do próprio cliente que já tinha e acabei topando por fazer usando ele mesmo mas no site do themify não achei nenhum pluguin interessante a galeria deles é a padrão do WordPress será que teria como eu usar alguma outra os colegas tem alguma sugestão? 
       Vou deixar um site que o cliente deixou de modelo de como ele gostaria de que dele ficasse
       
      www.levelmont.com.br
       
      Grato pelo ajuda dos colegas.
       
       
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.