Created
August 10, 2015 18:34
-
-
Save mariobot/ad13cac309ed091e14f1 to your computer and use it in GitHub Desktop.
Template CSS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | |
<html lang="en"> | |
<head> | |
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"> | |
<title>HTML4</title> | |
<style> | |
body { | |
font-family:Verdana,sans-serif;font-size:0.8em; | |
} | |
div#header,div#footer,div#content,div#post { | |
border:1px solid grey; | |
margin:5px;margin-bottom:15px;padding:8px; | |
background-color:white; | |
} | |
div#header,div#footer { | |
color:white;background-color:#444;margin-bottom:5px; | |
} | |
div#content { | |
background-color:#ddd; | |
} | |
div#menu ul { | |
margin:0;padding:0; | |
} | |
div#menu ul li { | |
display:inline; margin:5px; | |
} | |
</style> | |
</head> | |
<body> | |
<div id="header"> | |
<h1>Monday Times</h1> | |
</div> | |
<div id="menu"> | |
<ul> | |
<li>News</li> | |
<li>Sports</li> | |
<li>Weather</li> | |
</ul> | |
</div> | |
<div id="content"> | |
<h2>News Section</h2> | |
<div id="post"> | |
<h2>News Article</h2> | |
<p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum | |
lurum hurum turum.</p> | |
<p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum | |
lurum hurum turum.</p> | |
<p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum | |
lurum hurum turum.</p> | |
</div> | |
<div id="post"> | |
<h2>News Article</h2> | |
<p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum | |
lurum hurum turum.</p> | |
<p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum | |
lurum hurum turum.</p> | |
<p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum | |
lurum hurum turum.</p> | |
</div> | |
</div> | |
<div id="footer"> | |
<p>© 2014 Monday Times. All rights reserved.</p> | |
</div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment