index.html

<!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>
	<link rel="icon" type="image/png" href="images/drone (1).png" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TRANSDRONE</title>
<link href="css/styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="menu-wrapper">
  <div class="menu">
    <ul>
      <li><a href="index.html" class="active">INÍCIO</a></li>
      <li><a href="sobrenos.html">SOBRE NÓS</a></li>
      <li><a href="cadastro.html">CADASTRO</a></li>
      <li><a href="drones.html">DRONES</a></li>
      <li><a href="contato.html">CONTATO</a></li>
    </ul>
  </div>
  	<div class='logar'>
	<form action="login/login.html">
   		<input id='botoes' type="submit" class="button" value="LOGAR" />	
   	</form>
  	</div>
 </div>
<!--- menu-wrapper div end -->
<div class="clearing"> </div>
<div class="border-bottom"> </div>
<div class="logo-wrapper">
  <div class="leftshadow"><img src="images/logo-wrap-left.jpg" /></div>
  <div class="logo">
    <img src="images/LogoOficial.png" />
  </div>
  <div class="rightshadow"><img src="images/logo-wrap-right.jpg" /></div>
</div>
<div class="clearing"> </div>
<div class="banner-wrapper">
  <div class="bannerlef"><img src="images/banner-wrap-left.jpg" /></div>
  <div class="banner-container">
    <div class="banner">
      <div class="banner-content">
        <h1> </h1>
        <h2> </h2>
        <h2> </h2>
        <h2> </h2>
        <a id='botoes' href="sobrenos.html">CONHEÇA MAIS</a> </div>
    </div>
  </div>
  <div class="bannerright"><img src="images/banner-wrap-right.jpg"/></div>
</div>
<!--- banner wrapper div end -->
<div class="clearing"> </div>
<div class="container">
  <div class="page-wrapper">
    <div class="primary-content">
      <div class="panel">
        <div class="title">
          <h1>Por que usar drones?</h1>
          <h2>Agregar tecnologia de ponta à eficiencia nunca foi tão fácil pra sua empresa.</h2>
        </div>
        <div class="content">
          <p>A transdrone chegou no mercado para modernizar a forma de entregar produtos adquiridos online. Sendo uma tecnologia nova no Brasil, os drones propoem um transporte alternativo de energia limpa, além de evitar atrasos nos prazos estipulados, nosso diferencial em relação às entregas rodoviárias.</p>
          <div class="panel"><a href="#"><br><br><br><br><br><br><br></a></div>
        </div>
      </div>
    </div>
    <div class="sidebar">
      <div class="panel">
        <div class="img"><img src="images/drone-capa.jpg"/></div>
      </div>
    </div>
  </div>
  <div class="panel-wrapper">
   
  <!--- panel wrapper div end -->
</div>
<!--- container div end -->
<div class="clearing"> </div>

  </div>
  <br>
  <div class="panel">
     <div class="title">
      <h1 align='center'>Redes sociais</h1>
    </div>
    <div class="social-media">
      <ul id='socialmedia'>
        <li><a href="https://www.facebook.com/transdrone/" target="target_blank"><img src="images/facebook-logo-button.png"/></a></li>
        <li><a href="https://www.instagram.com/transdrone/" target="target_blank"><img src="images/instagram-logo.png"/></a></li>
        <li><a href="https://twitter.com/transdrone" target="target_blank"><img src="images/twitter-logo-button.png"/></a></li>
      </ul>      
    </div>
  </div>

<div class="footer-wrapper">
  <div class="footer">
    <p> © 2012 All Rights Reserved.<a href="http://www.alltemplates.com">www.alltemplateneeds.com </a> Images From: <a href="http://photorack.net">www.photorack.net</a> </p>
   	<p><a href="loginadm.php">LOGIN ADM</a></p>
  </div>
</div>
</body>
</html>