Erro script php sobrepondo html
Boa tarde, estou com um problema estou fazendo a integração de um sistema de cadastro me um tema mas o código php onde exibi os dados de cadastro fica sobrepondo o tema, segui o código:
<!DOCTYPE html> <!--[if lt IE 7 ]>
<html class="ie ie6">
<![endif]--> <!--[if IE 7 ]>
<html class="ie ie7">
<![endif]--> <!--[if IE 8 ]>
<html class="ie ie8">
<![endif]--> <!--[if IE 9 ]>
<html class="ie ie9">
<![endif]--> <!--[if !(IE)]><!-->
<html lang="">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>FolioCase - Envato Market Item Showcase and Affiliate Template</title>
<link rel="shortcut icon" href="btc/img/favicon.png" type="image/x-icon">
<link rel="icon" href="btc/img/favicon.png" type="image/x-icon">
<link href="[http://vuzz.com.br/btc/css/font-awesome.min.css](http://vuzz.com.br/btc/css/font-awesome.min.css)" rel="stylesheet">
<link href="[http://vuzz.com.br/btc/css/bootstrap.min.css](http://vuzz.com.br/btc/css/bootstrap.min.css)" rel="stylesheet">
<link href="[http://vuzz.com.br/btc/css/owl.carousel.css](http://vuzz.com.br/btc/css/owl.carousel.css)" rel="stylesheet">
<link href="[http://vuzz.com.br/css/jquery.fancybox.css](http://vuzz.com.br/css/jquery.fancybox.css)" rel="stylesheet">
<link href="[http://vuzz.com.br/btc/style.css](http://vuzz.com.br/btc/style.css)" rel="stylesheet">
<link href="[http://vuzz.com.br/btc/css/responsive-style.css](http://vuzz.com.br/btc/css/responsive-style.css)" rel="stylesheet">
<link href="[http://vuzz.com.br/btc/css/main-color-1.css](http://vuzz.com.br/btc/css/main-color-1.css)" rel="stylesheet" type='text/css' id="mainColorScheme">
<!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]-->
</head>
<body>
<div id="fakeLoader">
<div class="fl spinner4"></div>
</div>
<div class="wrapper">
<div id="header">
<div class="header-primary-area">
<div class="container">
<div class="header-social-links">
<ul>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
<div class="header-client-area">
<div class="dropdown header--login-form">
<div class="dropdown-menu">
</div>
</div>
<div class="dropdown header--signup-form">
<div class="dropdown-menu">
</div>
</div>
</div>
</div>
</div>
<div class="header-navbar navbar">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<div class="nav-logo">
<h1 class="logo-text"><a href="index.html"><span>Folio</span>Case</a></h1>
</div>
</div>
<div id="navbar" class="navbar-collapse collapse navbar-right">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Home <span class="caret"></span></a>
<ul class="dropdown-menu megamenu">
<li>
<div class="container">
<div class="megamenu-content">
<div class="row">
<div class="col-md-6 megamenu-links">
<div class="row reset-gutter">
<div class="col-md-6">
<ul>
<li><a href="index.html"><i class="fa fa-angle-double-right"></i>Home ThemeForest Version</a></li>
<li><a href="[http://themelooks.com/demo/foliocase/html/preview/videohive/index.html](http://themelooks.com/demo/foliocase/html/preview/videohive/index.html)"><i class="fa fa-angle-double-right"></i>Home VideoHive Version</a></li>
<li><a href="[http://themelooks.com/demo/foliocase/html/preview/graphicriver/index.html](http://themelooks.com/demo/foliocase/html/preview/graphicriver/index.html)"><i class="fa fa-angle-double-right"></i>Home GraphicRiver Version</a></li>
<li><a href="[http://themelooks.com/demo/foliocase/html/preview/3docean/index.html](http://themelooks.com/demo/foliocase/html/preview/3docean/index.html)"><i class="fa fa-angle-double-right"></i>Home 3DOcean Version</a></li>
</ul>
</div>
<div class="col-md-6">
<ul>
<li><a href="[http://themelooks.com/demo/foliocase/html/preview/codecanyon/index.html](http://themelooks.com/demo/foliocase/html/preview/codecanyon/index.html)"><i class="fa fa-angle-double-right"></i>Home CodeCanyon Version</a></li>
<li><a href="[http://themelooks.com/demo/foliocase/html/preview/audiojungle/index.html](http://themelooks.com/demo/foliocase/html/preview/audiojungle/index.html)"><i class="fa fa-angle-double-right"></i>Home AudioJungle Version</a></li>
<li><a href="[http://themelooks.com/demo/foliocase/html/preview/photodune/index.html](http://themelooks.com/demo/foliocase/html/preview/photodune/index.html)"><i class="fa fa-angle-double-right"></i>Home PhotoDune Version</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-6"> <img src="img/megamenu-img.jpg" alt="" class="img-responsive" /></div>
</div>
</div>
</div>
</li>
</ul>
</li>
<li class="active"><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Products <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="product.html"><i class="fa fa-angle-double-right"></i>Themeforest Items</a></li>
<li><a href="[http://themelooks.com/demo/foliocase/html/preview/codecanyon/product.html](http://themelooks.com/demo/foliocase/html/preview/codecanyon/product.html)"><i class="fa fa-angle-double-right"></i>Codecanyon Items</a></li>
<li><a href="[http://themelooks.com/demo/foliocase/html/preview/videohive/product.html](http://themelooks.com/demo/foliocase/html/preview/videohive/product.html)"><i class="fa fa-angle-double-right"></i>Videohive Items</a></li>
<li><a href="[http://themelooks.com/demo/foliocase/html/preview/audiojungle/product.html](http://themelooks.com/demo/foliocase/html/preview/audiojungle/product.html)"><i class="fa fa-angle-double-right"></i>Audiojungle Items</a></li>
<li><a href="[http://themelooks.com/demo/foliocase/html/preview/graphicriver/product.html](http://themelooks.com/demo/foliocase/html/preview/graphicriver/product.html)"><i class="fa fa-angle-double-right"></i>Graphicriver Items</a></li>
<li><a href="[http://themelooks.com/demo/foliocase/html/preview/photodune/product.html](http://themelooks.com/demo/foliocase/html/preview/photodune/product.html)"><i class="fa fa-angle-double-right"></i>Photodune Items</a></li>
<li><a href="[http://themelooks.com/demo/foliocase/html/preview/3docean/product.html](http://themelooks.com/demo/foliocase/html/preview/3docean/product.html)"><i class="fa fa-angle-double-right"></i>3docean Items</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Support <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="support.html"><i class="fa fa-angle-double-right"></i>Support Page</a></li>
<li><a href="support-ticket.html"><i class="fa fa-angle-double-right"></i>Support Ticket</a></li>
<li><a href="support-ticket-reply.html"><i class="fa fa-angle-double-right"></i>Support Ticket Reply</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Blog <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="blog.html"><i class="fa fa-angle-double-right"></i>Blog Page</a></li>
<li><a href="blog-details-left.html"><i class="fa fa-angle-double-right"></i>Blog Details Left</a></li>
<li><a href="blog-details-right.html"><i class="fa fa-angle-double-right"></i>Blog Details Right</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages <span class="caret"></span></a>
<ul class="dropdown-menu">
<li class="dropdown">
<a href="[http://www.themelooks.com/demo/foliocase/html/preview/themeforest/portfolio.html](http://www.themelooks.com/demo/foliocase/html/preview/themeforest/portfolio.html)" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-angle-double-right"></i>Portfolio</a>
<ul class="dropdown-menu">
<li><a href="portfolio-2-column.html"><i class="fa fa-angle-double-right"></i>Portfolio 2 Column</a></li>
<li><a href="portfolio-3-column.html"><i class="fa fa-angle-double-right"></i>Portfolio 3 Column</a></li>
<li><a href="portfolio-4-column.html"><i class="fa fa-angle-double-right"></i>Portfolio 4 Column</a></li>
<li><a href="portfolio-masonry.html"><i class="fa fa-angle-double-right"></i>Portfolio Masonry</a></li>
</ul>
</li>
<li><a href="team.html"><i class="fa fa-angle-double-right"></i>Team</a></li>
<li><a href="pricing.html"><i class="fa fa-angle-double-right"></i>Pricing</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="pageBreadcrumb" style="height:10px;">
<div class="container" style="height:10px;">
<div style="text-align:center;margin-top:-40px;">
<span style="text-align:center; color:#fff;"><h3 class="h3"><b>Admin</b></h3></span>
</div>
</div>
</div>
<?php
session_start();
require 'conecta/init.php';
require 'conecta/check.php';
?>
<?php if (isLoggedIn()): ?>
<?php
require 'conecta/conexao.php';// Recebe o termo de pesquisa se existir
$termo = (isset($_GET['termo'])) ? $_GET['termo'] : '';
// Verifica se o termo de pesquisa está vazio, se estiver executa uma consulta completa
if (empty($termo)):
$conexao = conexao::getInstance();
$sql = 'SELECT id, nome, compra_venda, valor_moeda, valor_reais, email, carteira, telefone, status, foto FROM tab_clientes order by id DESC';
$stm = $conexao->prepare($sql);
$stm->execute();
$clientes = $stm->fetchAll(PDO::FETCH_OBJ);else:
// Executa uma consulta baseada no termo de pesquisa passado como parâmetro
$conexao = conexao::getInstance();
$sql = 'SELECT id, nome, compra_venda, valor_moeda, valor_reais, email, carteira, telefone, status, foto FROM tab_clientes WHERE nome LIKE :nome OR email LIKE :email';
$stm = $conexao->prepare($sql);
$stm->bindValue(':nome', $termo.'%');
$stm->bindValue(':email', $termo.'%');
$stm->execute();
$clientes = $stm->fetchAll(PDO::FETCH_OBJ);
endif;
?>
<div class='container'>
<fieldset>
<!-- Cabeçalho da Listagem -->
<legend><h1>Lista de Pedidos</h1></legend>
<!-- Formulário de Pesquisa -->
<form action="" method="get" id='form-contato' class="form-horizontal col-md-10">
<label class="col-md-2 control-label" for="termo">Pesquisar</label>
<div class='col-md-7'>
<input type="text" class="form-control" id="termo" name="termo" placeholder="Infome o Nome ou E-mail">
</div>
<button type="submit" class="btn btn-warning">Pesquisar</button>
<a href='index.php' class="btn btn-warning">Ver Todos</a>
</form>
<!-- Link para página de cadastro -->
<a href='logout.php' class="btn btn-danger pull-right btn-lg">Sair</a>
<br>
<br>
<br>
<a href='cadastro.php' class="btn btn-success pull-right">Cadastrar Cliente</a>
<div class='clearfix'></div>
<?php if(!empty($clientes)):?>
<!-- Tabela de Clientes -->
<table class="table table-striped">
<tr class='active'>
<th>Pedido</th>
<th>Compra/Venda</th>
<th>Nome</th>
<th>Valor Moeda</th>
<th>Valor Reais</th>
<th>E-mail</th>
<th>Carteira/Conta Depósito</th>
<th>Status</th>
<th>Ação</th>
</tr>
<?php foreach($clientes as $cliente):
?>
<tr>
<td><?=$cliente->id?></td>
<td><?=$cliente->compra_venda?></td>
<td><?=$cliente->nome?></td>
<td><?=$cliente->valor_moeda?></td>
<td><?=$cliente->valor_reais?></td>
<td><?=$cliente->email?></td>
<td><?=$cliente->carteira?></td>
<td><?=$cliente->status?></td>
<td>
<a href='editar.php?id=<?=$cliente->id?>' class="btn btn-warning">Editar</a>
<a href='javascript:void(0)' class="btn btn-danger link_exclusao" rel="<?=$cliente->id?>">Excluir</a>
</td>
</tr>
<?php endforeach;?>
</table>
<?php else: ?>
<!-- Mensagem caso não exista clientes ou não encontrado -->
<h3 class="text-center text-primary">Não existem clientes cadastrados!</h3>
<?php endif; ?>
</fieldset>
</div>
<script type="text/javascript" src="http://vuzz.com.br/btc/admin/js/custom.js"></script>
<?php else: ?>
<p>Olá, visitante. <a href="form-login.php">Login</a></p>
<?php endif; ?>
</div>
</div>
</div>
</div>
</div>
<div id="footer">
<div class="container">
<div class="row">
<div class="col-md-6 footer-widget">
<div class="footer-about">
<h4>About Us</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum quod mollitia quisquam. Architecto quam in atque sint voluptatem, consequatur consectetur ab ipsum maxime quod consequuntur excepturi illum dolorem ex modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur animi id ex perspiciatis distinctio sequi minima sequi minima.</p>
<a href="about.html" class="read-more-btn"><i class="fa fa-angle-double-right"></i> Read More</a>
</div>
</div>
<div class="col-md-3 col-sm-6 footer-widget">
<div class="footer-subscribe">
<h4>Subscribe</h4>
<form action="http://themelooks.us12.list-manage.com/subscribe/post?u=50e1e21235cbd751ab4c1ebaa&id=ac81d988e4" method="post" name="mc-embedded-subscribe-form" target="_blank" id="footerSubscribeForm" novalidate="novalidate"> <input type="text" name="EMAIL" id="footerSubscribeFormInput" placeholder="Your E-mail Address ..." /> <button type="submit" class="btn">Subscribe</button></form>
</div>
</div>
<div class="col-md-3 col-sm-6 footer-widget">
<div class="footer-useful-links">
<h4>Useful Links</h4>
<ul>
<li><a href="#">Lorem ipsum sit amut doler ...</a></li>
<li><a href="#">Lorem ipsum sit amut doler ...</a></li>
<li><a href="#">Lorem ipsum sit amut doler ...</a></li>
<li><a href="#">Lorem ipsum sit amut doler ...</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="copyright">
<div class="container">
<p>Copyright 2016 © <a href="#">FolioCase</a>. All Rights Reserved.</p>
</div>
</div>
<div class="back-to-top"> <a href="#top"><i class="fa fa-angle-up"></i></a></div>
<div id="open-switcher"> <i class="fa fa-paint-brush"></i></div>
<div id="close-switcher"> <i class="fa fa-times"></i></div>
<div id="switcher-color">
<div id="switcher-wrapper">
<h2>MAIN COLOR:</h2>
<ul id="mainColors">
<li class="color-3" data-path="http://vuzz.com.br/btc/css/main-color-3.css"></li>
<li class="color-2" data-path="http://vuzz.com.br/btc/css/main-color-2.css"></li>
<li class="color-3 active" data-path="http://vuzz.com.br/btc/css/main-color-3.css"></li>
<li class="color-4" data-path="http://vuzz.com.br/btc/css/main-color-4.css"></li>
<li class="color-5" data-path="http://vuzz.com.br/btc/css/main-color-5.css"></li>
<li class="color-6" data-path="http://vuzz.com.br/btc/css/main-color-6.css"></li>
<li class="color-7" data-path="http://vuzz.com.br/btc/css/main-color-7.css"></li>
<li class="color-8" data-path="http://vuzz.com.br/btc/css/main-color-8.css"></li>
<li class="color-9" data-path="http://vuzz.com.br/btc/css/main-color-9.css"></li>
<li class="color-10" data-path="http://vuzz.com.br/btc/css/main-color-10.css"></li>
</ul>
</div>
</div>
</div>
<script src="http://vuzz.com.br/btc/js/jquery-2.2.2.min.js"></script> <script src="http://vuzz.com.br/btc/js/bootstrap.min.js"></script> <script src="http://vuzz.com.br/btc/js/jquery.validate.min.js"></script> <script src="http://vuzz.com.br/btc/js/owl.carousel.min.js"></script> <script src="http://vuzz.com.br/btc/js/jquery.waypoints.min.js"></script> <script src="http://vuzz.com.br/btc/js/jquery.counterup.min.js"></script> <script src="http://vuzz.com.br/btc/js/jquery.fancybox.js"></script> <script src="http://vuzz.com.br/btc/js/retina.min.js"></script> <script src="http://vuzz.com.br/btc/js/main.js"></script>
</body>
</html>Discussão (3)
Carregando comentários...