Untitled

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Exemplu</title>
  <style type="text/css">
   body {
    font: 10pt Arial, Helvetica, sans-serif; /* ????? ?? ???-???????? */
    background: #54463d; /* ???? ???? */
    margin: 0; /* ??????? ??????? */
   }
   h2 {
    font-size: 1.1em; /* ?????? ?????? */
    color: #752641; /* ???? ?????? */
    margin-bottom: 0; /* ?????? ????? */
   }
   #container {
    width: 100%; /* ?????? ?????? */
    margin: 0 auto; /* ??????????? ?? ?????? */
    background: #f0f0f0; /* ???? ???? ?????? ??????? */
	height:760px;
   }
   #header {
    background: #8fa09b; /* ???? ???? */
    font-size: 24pt; /* ?????? ?????? */
    font-weight: bold; /* ?????? ?????????? */
    color: #edeed5; /* ???? ?????? */
    padding: 5px; /* ??????? ?????? ?????? */
	hright:10%;
   }
   #subheader {
    background: #FFEFD5; /* ???? ???? */
    font-size: 12pt; /* ?????? ?????? */
	text-align: center;
    font-weight: bold; /* ?????? ?????????? */
    color: #808000; /* ???? ?????? */
    padding: 5px; /* ??????? ?????? ?????? */
      height:5%;}


     #content {
    float: left; /* ????????? ?? ??????? ???? */
    width: 70%; /* ?????? ????? ??????? */
    padding: 10px; /* ???? ?????? ?????? */
    border-right: 1px dashed #183533; /* ????? ?????? */
    background: #fff; /* ???? ???? ????? ??????? */
	height:80%;
	text-align:justify;


   }
   #content p {
    margin-top: 0.3em /* ?????? ?????? */
   }
   #sidebar {
    float: left; /* ????????? ?? ??????? ???? */
    width: 10%; /* ?????? */
    padding: 10px; /* ??????? ?????? ?????? */
	height:75%;
   }
   #rightbar {
    float: left; /* ????????? ?? ??????? ???? */
    width: 10%; /* ?????? */
    padding: 10px; /* ??????? ?????? ?????? */
    height:75%;
   }
   #footer {
    background: #8fa09b; /* ???? ???? */
    color: #fff; /* ???? ?????? */
    padding: 5px; /* ??????? ?????? ?????? */
	height:5%;
   }
   .clear {
    clear: both; /* ?????? ????????? */
   }
    </style>
 </head>
 <body>
  <div id="container">
   <div id="header">Exemplu</div>
    <div id="subheader">

	 <a href="popular.html">Exemplu de submeniu1</a>
    <a href="day.html">Exemplu de submeniu2</a>
   <a href="apple.html">Exemplu de submeniu3</a>
   <a href="ice.html">Exemplu de submeniu4</a>


   </div>
    <div id="rightbar">
    <p><a href="popular.html">Exemplu de meniu1</a>
    <p><a href="day.html">Exemplu de meniu2</a></p>
    <p><a href="apple.html">Exemplu de meniu3</a></p>
    <p><a href="ice.html">Exemplu de meniu4</a></p>
    <p><a href="hliv.html">Exemplu de meniu5</a></p>
   </div>
   <div id="content">
    <h2>Exemplu</h2>
    <p>Date despre exemplu</p>
    <h2>Exemplul 2</h2>
    <p>Date despre exemplul 2</p>

   </div>
   <div id="sidebar">
    <p><a href="popular.html">Exemplu de submeniu1</a></p>
    <p><a href="day.html">Exemplu de submeniu2</a></p>
    <p><a href="apple.html">Exemplu de submeniu3</a></p>
    <p><a href="ice.html">Exemplu de submeniu3</a></p>
    <p><a href="hliv.html">Exemplu de submeniu14</a></p>
   </div>

   <div class="clear"></div>
   <div id="footer">&copy; Exemplu</div>
  </div>
 </body>
</html>