Untitled

<!DOCTYPE HTML>
<html lang="pl">
<head>
 <meta charset="utf-8">
  <title>Kompendium wiedzy o Eorth</title>
  <meta name="description content=" Oto manuskrypt zawierający wiedzę o Eorth.">
  <meta name="keywords" content=" smoki, fantasy, magia, legendy">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <link rel="stylesheet" href="style.css" type="text/css">
 <embed src="D:/My Downloads/Muza]/Anime Music/Fairy Tail/Fairy Tail Soundtrack Vol.1/36 - Fairy Tail -Slow version  Main Theme.mp3" hidden="true" loop="false">
  <bgsound src="D:/My Downloads/Muza]/Anime Music/Fairy Tail/Fairy Tail Soundtrack Vol.1/36 - Fairy Tail -Slow version  Main Theme.mp3" hidden="true" loop="false">
  <style>
  #container
  {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  #logo
  {
    background-color:#0086b3;
    padding: 18px;
    margin-top: 20px;
    font-size: 20px;
    letter-spacing: 2px;
    font-family: 'Berkshire Swash', cursive;
    font-weight: bold;

  }
  #nav
  {
    font-size: 18px;
    font-family: "Times New Roman";
    font-style: oblique;
    font-weight: normal;
    font-variant: normal;
    float: left;
    background-color: #8c0d26;
    width:120px;
    padding:60px;
    min-height: 640px;
    font-family: 'Berkshire Swash', cursive;
  }
  #content
  {
float: left;
padding:20px;
width: 540px;
color: black;
background: rgba(255,255,255, 0.5);
font-family: 'Shrikhand', cursive;
margin-top:10px;
text-align: center;

  }
  #ad
  {
width:120px;
min-height:700px;
padding:30px;
  float: right;
  background-color: #8c0d26;
  font-family: 'Berkshire Swash', cursive;
}

  #footer
  {
   clear: both;
    padding: 40px;
    background-color: black;
    color: gold;
    text-align: center;
  }
</style>
</head>
<body>
  <div id="container">
    <div id="logo">
    <h1>Eorth kompendium ras i stworzeń</h1>
    </div>
    <div id="nav">
    <a href="ludzie.html" target="_blank" title="Rasy zamieszkujące Eorth">
    <h2>Humanoidy</h2>
    </a>
    <a href="smoki.html" target="_blank" title="Opis Smoków">
    <h2>Smoki</h2>
      <a href="">
        <h2>Ptaki</h2>
        </a>
        <a href="">
          <h2>Potwory Morskie</h2>
    </a>
    </div>
    <div id="content">
Drogi czytelniku, strona ta jest kompendium wiedzy o przedziwnym świecie Eorth.
Opisano w nim wszelkie rasy i stworzenia na nim występujące, a wiedzę tą pozyskano często z narażeniem zdrowia i życia,
 tylko po to aby przyszli podróżnicy mogli ustrzec się od zagrożeń czyhających w tym niezwykłym miejscu.
  </div>
  <div id="ad">
      <a href="">
    Przepis na chleb skrzatów
    <a/>
  </div>
  <div id="footer">
    Kompendium Wiedzy o Eorth&copy; Wszelkie prawa zastrzeżone.

</body>
</html>