Untitled

<?php include('cms/conectar.php');


 ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css' />
<link href="http://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
<title>Untitled Document</title>
</head>
<script type="text/javascript">
function resizeElementHeight(element) {
  var height = 0;
  var body = window.document.body;
  if (window.innerHeight) {
      height = window.innerHeight;
  } else if (body.parentElement.clientHeight) {
      height = body.parentElement.clientHeight;
  } else if (body && body.clientHeight) {
      height = body.clientHeight;
  }
  element.style.height = ((height - element.offsetTop) + "px");
}
</script>
<body>


 <div class="cbc">
<div id="redes">
<div style="width:90%; solid #000;">
<div style="float:left; width:33.3%;">
      <div align="right" class="rs">
        <div align="left"><img src="imagens/facebook.png" height="40" width="40" class="rede" align="left" />
          <img src="imagens/twitter.png" height="40" width="40" class="rede" align="center"/>
          <img src="imagens/g+.png" height="40" width="40" class="rede" align="center" />


        </div>
      </div>
</div>
   <div id="header">
  <?php
  session_start();


   if(isset($_SESSION['loggedInUser']))
    {
 $login = $_SESSION['loggedInUser'];


			 echo '<div class="wrapper">
        <div class="column"><font color="#ff7c00" >Bem vindo '.$login.'! </font></div>
        <div class="column"><font color="#ff7c00" ><a href="cms/logout.php">Sair</a></font></div>
		<br>
        <div class="column"><font color="#ff7c00" >Ver o meu perfil</font></div>
</div>';


	} else { ?>
  <form id="search" action="cms/login.php" method="POST">
    <label><font color="#ff7c00" face="Arial, Helvetica, sans-serif">Login</font><input type="text" name="login" id="s-user"></label>
    <label><font color="#ff7c00" face="Arial, Helvetica, sans-serif">Senha</font><input type="password" name="senha" id="s-pass"></label>
    <input type="submit" class="submit" value="Entrar">
    <a href="#dialog2" name="modal"><input type="submit" class="submit" value="Cadastrar"></a>
  </form>

	<?php } ?>
</div>

</div>
</div>
</div>


 <!-- Segundo cabeçalho com separadores -->
 </div>
<div id="principal">
<div class="centered-block">
		<a href="/" class="logo-lnk">
		  <img src="imagens/logos.png"/>
		</a>
<nav id="menu">

	<ul>
		<li><a href="#"><font color="white">Ínicio</font></a></li>
		<li><a href="#"><font color="white">Categorias</font></a></li>
		<li><a href="#"><font color="white">Notícias</font></a></li>
        <li><a href="#"><font color="white">Carrinho</font></a></li>
        <div id="divisoria"></div>
	</ul>

</nav>
</div>
  <div class="subtitulo">

<p><font color="white">Vendemos Online, desde 2011, os melhores livros</p>

<p> do mercado em Angola, encomende já o seu.</font></p>
</div>

 <!-- Slideshow -->

<div id="slideshow">

<img name="slide" id="slide" alt ="my images" height="300" width="900" src="imagens/1.png" class="slide";/>
<div id="mydiv"></div>

 <!-- Descrição do Slideshow -->

  <script>
document.getElementById("mydiv").style.color="white";
</script>

<!-- Searchbar !-->

 <!-- Titulo -->
<div id="titulo"><div class="categoria">
<div style="width:900px; solid #000;">
<div style="float:left; width:63.3%;">
      <div align="right" class="rs">
        <div align="left">
          Resultado:

        </div>
      </div>
</div>

 <form id="form1" name="form1" method="post" action="">

      <input id="namanyay-search-box" name="buscar" size="30" type="Text" placeholder="  Procurar... " class="sb"/>
       <input name="btbuscar" type="submit" id="namanyay-search-btn" value="Procurar"/>

      </form>
  </div>
  </div></div>

</div>
<div>
<div fade2>
<div id="produtos">
<?php
$consulta = mysql_query("SELECT *
FROM  `livros-desporto` ");

 if(isset($_POST['buscar'])){
	$consulta = mysql_query("SELECT * FROM `livros-desporto` where name like '%".$_POST['buscar']."%'");
	}

$listadinamica = "";

	  while ($linha = mysql_fetch_array($consulta))
	  {
		  $id = $linha['ID'];
		  $modelo = $linha['Model'];
		  $nome = $linha['Name'];
		  $categoria = $linha['Category'];
		  $imagem = $linha['Image'];
		  $manufactura = $linha['Manufacturer'];
		  $preco = $linha['Price'];
		  $quantidade = $linha['quantity']
		 // $adicionar = '<a href="carrinho.php?id='.$linha['ID'].'"title="'.$linha['ID'].'">
		//  Adicionar </a>'


   ?>

 <div class="prodColuna">

       <table width="200" height="300" border="0">
  <tr>
    <th height="39" colspan="2" bgcolor="#ff7c00" scope="col" class="prd"><font color="white" class="prd"><?php echo $nome ?></font><th width="0">
  </tr>
  <tr>
    <td height="35" colspan="2" bgcolor="#FFFFFF" class="prd"><?php echo $preco ?>€</td>
  </tr>
  <tr>
    <td height="184" colspan="2" bgcolor="#DCDCDC" class="prd"><img src="<?php echo $imagem; ?>" width="195" height="187"></font></td>
  </tr>
  <tr>
    <td width="83" bgcolor="#ff7c00" class="prd"><font color="white">Ver informação</font></td>
    <td width="103" height="30" bgcolor="#FFFFFF" class="prd">Carrinho</td>
  </tr>
</table>
<br/>
<br/>

  </div>
<?php
	  }
	  ?>

</div>

<div><div class="fundorp">

 <div class="empresa">
   <div style="width:80%; ; solid #000; position:relative;">
     <div style="float:left; width:25%;"><h1 align="justify"><font>Atendimento</font></h1>
      <div align="justify">
        <ul id="atendimento">
          <li>Contacte-nos</li>
          <li>Devoluções</li>
          <li>Mapa do site</li>
        </ul>

        <ul id="atendimento">
        </ul>
      </div>
    </div>
    <div style="float:left; width:25%;"><h1 align="justify">Conta</h1>
      <div align="justify">
        <ul id="Conta">
          <li>A minha Conta</li>
          <li>Histórico de Pedidos</li>
          <li>Newsletter</li>
        </ul>

        <ul id="Conta">
        </ul>
      </div>
    </div>
    <div style="float:left; width:25%;"><h1 align="justify">Extras</h1>
      <div align="justify">
        <ul id="Extras">
          <li>
            Fabricantes

          </li>
          <li>
            Vale Presente

          </li>
          <li>
            Promoções
          </li>
        </ul>

        <ul id="Extras">
        </ul>
      </div>
    </div>
    <div style="float:left; width:25%;"><div class="informacao">
<h1 align="justify">Informação</h1>
<div align="justify">
  <ul id="info">
    <li>Sobre nós</li>
    <li>Sobre as Encomendas</li>
    <li>Termos e Condições</li>
  </ul>
</div>
  </div>
    </div>
</div>
  <img src="imagens/logo.png" alt="logo" width="98" height="72" align="texttop" class="rplogo"/> </div>

</div></div>
</div>

</body>
</html>