Untitled

<!DOCTYPE html>
<html lang="pl">
 <head>
  <title>Strona główna</title>
  <meta charset="utf-8" />
  <link rel="stylesheet" href="style/glowny.css" />
  <script src="skrypty/aktualizacja.js"></script>
 </head>
 <body>
  <header>
   <img src="grafiki/baner.jpg" alt="baner" height="130"/>
  </header>
  <aside>
<span>strona internetowa koła fizycznego</span>
  </aside>
  <nav>
   <ul>
<li><a href="index.html">Strona główna</a></li>
<li><a href="terminy.html">Terminy spotkań</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>
</nav>
  <main>
   <img src="grafiki/zdjecie.jpg" alt="zdjęcie" height="500"/>
  </main>
  <footer>
ostatnia aktualizacja: <script>czas()</script>
  </footer>
 </body>
</html>

--------------------------------------------------------------------------------------

<!DOCTYPE html>
<html lang="pl">
 <head>
  <title>Terminy</title>
  <meta charset="utf-8" />
  <link rel="stylesheet" href="style/glowny.css" />
  <link rel="stylesheet" href="style/tabela.css" />
  <script src="skrypty/aktualizacja.js"></script>
 </head>
 <body>
  <header>
   <img src="grafiki/baner.jpg" alt="baner" height="130"/>
  </header>
  <aside>
<span>strona internetowa koła fizycznego</span>
  </aside>
  <nav>
   <ul>
<li><a href="index.html">Strona główna</a></li>
<li><a href="terminy.html">Terminy spotkań</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>
</nav>
  <main>
<table border="1">
<tr>
<th>Rok szkolny</th>
<th>Miesiąc</th>
<th>Dzień</th>
<th>Godzina</th>
<th>Sala</th>
</tr>
<tr>
<td rowspan="2">2013 - 2014</td>
<td>wrzesień - styczeń</td>
<td>poniedziałek</td>
<td>8:00</td>
<td rowspan="2">212</td>
</tr>
<tr>
<td>luty - czerwiec</td>
<td>środa</td>
<td>14:20</td>
</tr>
</table>
<a href="uczestnicy.html">Aktualni uczestnicy</a>
  </main>
  <footer>
ostatnia aktualizacja: <script>czas()</script>
  </footer>
 </body>
</html>

------------------------------------------------------------------------------

<!DOCTYPE html>
<html lang="pl">
 <head>
  <title>Kontakt</title>
  <meta charset="utf-8" />
  <link rel="stylesheet" href="style/glowny.css" />
  <script src="skrypty/aktualizacja.js"></script>
 </head>
 <body>
  <header>
   <img src="grafiki/baner.jpg" alt="baner" height="130"/>
  </header>
  <aside>
<span>strona internetowa koła fizycznego</span>
  </aside>
  <nav>
   <ul>
<li><a href="index.html">Strona główna</a></li>
<li><a href="terminy.html">Terminy spotkań</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>
</nav>
  <main>
<a href="mailto:fizyka@wp.pl">fizyka@wp.pl</a>
  </main>
  <footer>
ostatnia aktualizacja: <script>czas()</script>
  </footer>
 </body>
</html>

----------------------------------------------------------------------------------------------------

@keyframes aside1 {
from {left:-500px;}
to {left:0px;}
}
body {
margin: auto;
width: 1000px;
color: red;
background: gray;
font: 20px Arial;
}
header {
background: black;
}
main {
background: linear-gradient(90deg,black, white,black);
}
nav , main {
float: left;
min-height:300px;
padding: 25px;
}
nav{
width: 200px;
}
main {
width: 700px;
text-align: center;
}
aside, footer {
text-align: right;
}
aside span {
position: relative;
animation: aside1 5s alternate infinite;
}
footer {
clear: left;
}
a {
color: red;
}

------------------------------------------------------------------------------------------------------

table {
margin: auto;
border: 1px solid white;
}
th, td {
padding: 5px 10px;
text-alingn: center;
font: 16px Arial;
color: white;
}