historical
<!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>
<title>Historical</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type='text/css'>
/*
sNews 1.5 RC 2 - "Historical" Design
by Herreman David
http://www.free-css-templates.com
*/
* { padding: 0; margin: 0 }
body {
background: #FFF url(historical-images/bg.jpg) repeat-x top;
font: .75em Verdana, Arial, Sans-Serif;
line-height: 1.4em;
color : #454545
}
#content {
margin: 0 auto;
padding: 0;
width: 818px;
background: inherit;
color: #454545;
}
#header { height: 120px; background: #000 url(historical-images/top2.jpg) no-repeat top center; margin-bottom: 0px; color: #454545; overflow: hidden; }
#header .left { width: 190px; float: left; text-align: center; padding-left: 14px; }
#header h1 { font: 1.2em "Tahoma",Verdana, Arial, Sans-Serif; color: #FFF; font-weight: bold; padding-top: 25px; background: inherit }
#header h2 { font: 1.0em "Tahoma",Verdana, Arial, Sans-Serif; color: #FFF; padding-top: 25px; background: inherit }
p {margin: 0 0 10px 0; padding: 0px;}
.clear { clear: both; }
.alignright {margin-top: 0; text-align: right;}
.small {font-size: .9em;}
.histdate { color: #8E7272; background: #FFF; }
img { float: left; padding: 0 10px 10px 0}
div#content {
position: relative;
width: 818px;
margin: 0 auto 20px auto;
padding: 0;
text-align: left;
}
div#main {
float: left;
width: 390px;
margin: 50px -180px 15px 219px !important;
margin: 50px -181px 15px 110px;
text-align: justify
}
div#main .pad { padding-left: 3px; }
div#right {
float: right;
width: 190px;
display: inline;
margin-top: 50px;
margin-bottom: 15px;
}
div#left {
float: left;
width: 226px;
padding-top: 50px;
margin-left: -434px;
background: url(historical-images/lefttop.jpg) no-repeat top center;
text-align: left;
margin-bottom: 15px;
}
div#left .pad { padding: 5px 30px 0 30px; text-align: left; background: url(historical-images/leftbg.jpg) repeat-y left;}
div#left h2 { margin-top: 15px; color: #6D5252; margin-bottom: 5px; background: #F6F5E0 }
div#left a { background: #F6F5E0 url(historical-images/a.gif) no-repeat left; padding-left: 10px; color: #666; }
div#left #leftend { background: url(historical-images/leftbottom.jpg) no-repeat bottom ; height: 34px;}
#footer {
clear: both;
height: 40px;
background: #6D5252;
border-top: 8px solid #8E7272;
color: #E3E2CB;
font: 0.9em "Tahoma",Verdana, Arial, Sans-Serif; padding: 10px 10px 0 0
}
#footer a { color: #E3E2CB; background: inherit }
#footer a:hover { text-decoration: underline }
#footer #r { float: right; text-align: right; }
#footer #l { padding-left: 10px;}
/* END CONTENT */
/*** Main area *****/
a { color: #0066B3; background: inherit; text-decoration: none;}
a:hover { text-decoration: underline }
h1 { font: bold 1.9em Arial, Arial, Sans-Serif }
h2 { font: bold 1.2em Arial, Arial, Sans-Serif; padding: 0; margin: 0 0 5px 0 }
ul { padding: 0; margin: 0 }
li { list-style-type: none }
/* SNEWS */
fieldset { border: 1px solid #ddd; padding: 10px 8px; margin: 0 0 8px 0; background: #f5f5f5; color: #000 }
input { padding: 3px; margin: 0; border: 1px solid #BBB; }
textarea { width: 97%; height: 20em; padding: 3px; border: 1px solid #BBB }
.comment { background: #eee; color: #808080; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #ccc }
.commentsbox { background: #f5f5f5; color: #808080; padding: 10px; margin: 0 0 10px 0; border: 1px solid #ddd }
</style>
</head>
<body>
<div id="content">
<div id="header">
<div class="left">
<h1>Historical Template</h1>
<h2>Another Free Design</h2>
</div>
</div>
<div id="main">
<div class="pad">
<h2>THE HELLENISTIC PERIOD</h2>
<img src="historical-images/img.jpg" alt="" />
<p> The term Hellenistic was first used by J.G. Droysen (Geschichte des Hellenismus) in 1836 AD from the Acts of the Apostols 6,1 where the term Hellenistai describes <a href="http://www.free-css.com/">Jews</a> which lived in Greek world, accepted Greek culture and accepted Greek language. Although Droysen assumed that the term describes Greek people which accepted oriental culture, the term Hellenistic was widely accepted for spreading of the Greek <a href="http://www.free-css.com/">culture</a> over non-Greek people and countries which were conqured by Alexander the Great (356-323 BC). </p>
<p> The <a href="http://www.free-css.com/">historians</a> have no unique view over the beginning of the Hellenistic period. H. Bengston claims that the Hellenistic period began around <a href="http://www.free-css.com/">360 BC</a> when the Greek city-states started to decline and Philip II of Macedon emerged, while some put its beginning in year <a href="http://www.free-css.com/">338 BC</a> when Philip II defeated Athens and Thebes in the Battle of Chaeronea or in year 336 BC (H.-J. Gehrke) when Alexander the Great became King of Macedon. The most of modern historians see the death of Alexander the Great in 323 BC as the beginning of the Hellenistic period. Year 30 Bc is widely accepted as the end of Hellenistic period when the Ptolemaic Egypt became the <a href="http://www.free-css.com/">Roman</a> province although Hellenism in the cultural sense continued in Eastern part of the <a href="http://www.free-css.com/">Roman Empire</a> until the spread of Christianity in 4th century. </p>
</div>
</div>
<div id="right">
<h2>December 14</h2>
<p class="small"><b><span class="histdate">1782-12-14</span></b><br />
Charleston SC evacuated by British</p>
<p class="small"><b><span class="histdate">1799-12-14</span></b><br />
George Washington died at Mt Vernon Va</p>
<p class="small"><b><span class="histdate">1819-12-14</span></b><br />
Alabama becomes 22nd state</p>
<p class="small"><b><span class="histdate">1911-12-14</span></b><br />
South Pole 1st reached by Roald Amundsen</p>
<p class="small"><b><span class="histdate">1927-12-14</span></b><br />
Iraq gains independence from Britain but British troops remain</p>
<p class="small"><b><span class="histdate">1962-12-14</span></b><br />
Mariner 2 makes 1st US visit to another planet (Venus)</p>
<p class="small"><b><span class="histdate">1971-12-14</span></b><br />
Golden Gate Bridge lights out all night from power failure</p>
<p class="small"><b><span class="histdate">1980-12-14</span></b><br />
Yankee catcher Elston Howard dies</p>
</div>
<div id="left">
<div class="pad">
<h2>Local</h2>
<ul>
<li><a href="http://www.free-css.com/">Home</a></li>
<li><a href="http://www.free-css.com/">Israel History</a></li>
<li><a href="http://www.free-css.com/">Byzantine Emperors</a></li>
<li><a href="http://www.free-css.com/">Roman Emperors</a></li>
<li><a href="http://www.free-css.com/">World History</a></li>
<li><a href="http://www.free-css.com/">Art History</a></li>
</ul>
<h2>The history</h2>
It is all about passion and knowledge. History is such a beautiful subject to study. With every book or some hidden source in some archive you get to know more and more and more and it never let's you down in terms of surprise! </div>
<div id="leftend"></div>
</div>
<div id="footer">
<div id="r"> © Copyright 2006, Your Website - <a href="http://www.free-css.com/">Home</a><br />
Design: <a href="htpp://www.free-css-templates.com" title="Design by free-css-templates.com">David Herreman</a> - Credits: <a href="http://www.free-css.com/">Inspiration Gallery</a> </div>
<div id="l"> <a href="http://validator.w3.org/check?uri=referer" title="Validate">XHTML</a> - <a href="http://jigsaw.w3.org/css-validator/check/referer" title="Validate">CSS</a> Valid </div>
</div>
</div>
</body>
</html>
Related examples in the same category