<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<title>Seasons of Man..</title>
    <link href="css/som.css" rel="stylesheet">
    
</head>

<body onload="init()">
    <script>document.body.className = 'fade';</script>
    
<div class="container">

<center>
</br></br></br>
<img src="images/1.png" width="466" height="50">
</br></br></br>
</center>
		<img src="images/sp.png" class="fadeIn fadeIn-1s"/>
		<img src="images/sum.png" class="fadeIn fadeIn-2s"/>
   		<img src="images/a.png" class="fadeIn fadeIn-3s"/>
   		<img src="images/w.png" class="fadeIn fadeIn-4s" />
</br>
</div>
<div>
<center>
		<img src="images/tito.png" class="fadeIn fadeIn-1s"/>
		<img src="images/mugabe.png" class="fadeIn fadeIn-2s"/>
   		<img src="images/indira.png" class="fadeIn fadeIn-3s"/>
   		<img src="images/stalin.png" class="fadeIn fadeIn-4s" />
</center>
</div>  
    <div id="links" >
        <a href="Rulers.html" class="page">Rulers</a>
        <a href="Americas.html" class="page">Americas</a>
        <a href="Europe.html" class="page">Europe</a>
		<a href="Africa.html" class="page">Africa</a>
        <a href="Middle East.html" class="page">Middle East</a>
        <a href="Asia.html" class="page">Asia</a>
        <a href="Oceania.html" class="page">Oceania</a>
        <a href="Women.html" class="page">Women</a>
        <a href="North.html" class="page">North</a>
        <a href="South.html" class="page">South</a>
	</div>
    
</div>  
    <div id="links" >
        <a href="North.html" class="page">North</a>
        <a href="South.html" class="page">South</a>
        <a href="U.S.Supreme Court.html" class="page">U.S. Supreme Court</a>
        <a href="Oldest.html" class="page">Oldest</a>
        <a href="Voter turnout.html" class="page">Voter turnout</a>  
	</div>

  <script>
  document.addEventListener("DOMContentLoaded", function(e) {document.body.className = '';});
</script>
  </body>
</html>
