Skip to content

Instantly share code, notes, and snippets.

@technogeek

technogeek/HTML example code

Created April 10, 2010 17:17
Show Gist options
  • Save technogeek/362175 to your computer and use it in GitHub Desktop.
Save technogeek/362175 to your computer and use it in GitHub Desktop.
Download ZIP
HTML example code
Raw
HTML example code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=ISO-8859-1" />
<title>Steeple Aston Online - Home</title>
<meta http-equiv="Content-Language" content="en-uk" />
<meta name="verify-v1" content="qg3GWag9ht7Q0/DG02wQybThUb4orgC6lJHhUvr3E6M=" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<link rel="shortcut icon" href="http://www.steepleaston.org.uk/favicon.ico"/>
<meta name="description" content="Steeple Aston Village Website" />
<meta name="keywords" content="steeple aston,oxford,oxfordshire,village,homepage,home" />
<meta name="author" content="Steeple Aston Web Group" />
<style type="text/css" media="all">@import "css/stylesite.css";</style>
</head>
<body>
<div id="page-container">
<div id="header1"><img src="./img/headerwide.gif" alt="Steeple Aston welcome to our village online" /></div>
<div id="header2"><img src="./img/headerimage1.jpg" alt="The White Lion" /><img src="./img/village_shop.jpg" alt="The Village Shop" /><img src="./img/headerimage2.jpg" alt="Seasonal Picture" /><img src="./img/headerimage3.jpg" alt="A local view" /><img src="./img/church.jpg" alt="The Church"/><img src="./img/cottage.jpg" alt="Village cottage"/><img src="./img/headerimage6.jpg" alt="The Village Pub"/></div>
<div id="sub-container">
<div id="header3"></div>
<!-- Navigation Area -->
<div id="navcontainer" style="display: inline">
<div id="searchcontainer">
<!-- Google CSE Search Box Begins -->
<form id="searchbox_014313585058568582910:wxqn6bj6zmq" action="http://www.steepleaston.org.uk/searchresults.htm">
<input type="hidden" name="cx" value="014313585058568582910:wxqn6bj6zmq" />
<input type="hidden" name="cof" value="FORID:11" />
<input name="q" type="text" size="16" />
<br/><input type="submit" name="sa" value="Search" />
</form>
<script type="text/javascript" src="http://google.com/coop/cse/brand?form=searchbox_014313585058568582910%3Awxqn6bj6zmq"></script>
</div>
<!-- Google CSE Search Box Ends -->
<ul id="navlist">
<li id="active">Home
<ul id="subnavlist">
<li><a href="calendar.htm">Calendar</a></li>
<li><a href="noticeboard.htm">Noticeboard</a></li>
<li><a href="gallery.htm">Media Gallery</a></li>
<li><a href="newsarchive2008.htm">News Archive</a></li>
</ul>
</li>
<li><a href="about.htm">About our Village</a></li>
<li><a href="saforum">Village Forum</a></li>
<li><a href="villagehall.htm">Village Hall</a></li>
<li><a href="leisure.htm">Leisure</a></li>
<li><a href="local.htm">Local Directory</a></li>
<li><a href="useinfo.htm">Useful Information</a></li>
<li><a href="say.htm">Steeple Aston Youth</a></li>
<li><a href="sitemap.htm">Sitemap</a></li>
</ul><br/>
</div>
<!-- Content Area -->
<div id="contentindex">
<h2>Village News</h2>
<!-- Enter Text Below Here -->
<!-- <span class="newlabel">&nbsp;NEW&nbsp;</span>-->
<table>
<tr><td valign="top"><img src="./img/button.gif" alt="button decoration"></img></td><td><span class="newlabel">&nbsp;NEW&nbsp;</span>&nbsp;Nominations required for May Parish Council election <a href="news.htm#news6">more..</a> </td></tr>
<tr><td valign="top"><img src="./img/button.gif" alt="button decoration"></img></td><td><span class="newlabel">&nbsp;NEW&nbsp;</span>&nbsp;Children have fun opening their own play area <a href="news.htm#news2">more..</a> </td></tr>
<tr><td valign="top"><img src="./img/button.gif" alt="button decoration"></img></td><td><span class="newlabel">&nbsp;NEW&nbsp;</span>&nbsp;Draft plans for new affordable houses shown to Parish Council <a href="news.htm#news1">more..</a> </td></tr>
<tr><td valign="top"><img src="./img/button.gif" alt="button decoration"></img></td><td><span class="newlabel">&nbsp;NEW&nbsp;</span>&nbsp;Many flowers bloom at show despite late Spring <a href="news.htm#news5">more..</a> </td></tr>
<tr><td valign="top"><img src="./img/button.gif" alt="button decoration"></img></td><td>Parish costs reduced ‘a bit’ for coming year <a href="news.htm#news8">more..</a> </td></tr>
<tr><td valign="top"><img src="./img/button.gif" alt="button decoration"></img></td><td>Village Emergency Response Plan published <a href="news.htm#news7">more..</a></td></tr>
<tr><td valign="top"><img src="./img/button.gif" alt="button decoration"></img></td><td>Upper Heyford development gets go ahead <a href="news.htm#news3">more..</a> </td></tr>
</table>
<hr style="border:dotted #a9a9a9; border-width:1px 0 0 0; height:0;line-height:0px;font-size:0;margin:20px 31px 0 0 ;padding:0;" />
<br/>
<div id="forumtoday">
<h2>In the Forum</h2>
<p align="left" >
<a href="http://www.steepleaston.org.uk/saforum/index.php?board=1.0" style="a:link text-decoration:none; a:hover text-decoration:underline;">Village Topics</a> ¦ <a href="http://www.steepleaston.org.uk/saforum/index.php?board=3.0">Freebay</a> ¦ <a href="http://www.steepleaston.org.uk/saforum/index.php?board=2.0">Technical Help</a>
</p>
<table border="0" class="ssi_table">
<tr>
<td valign="top"> Recent Postings
<a href="http://www.steepleaston.org.uk/saforum/index.php?topic=60.msg149;topicseen#new">Free Fuel Oil</a>
<a href="http://www.steepleaston.org.uk/saforum/index.php?topic=60.msg0;topicseen#new"><img src="http://www.steepleaston.org.uk/saforum/Themes/ApolloBB/images/english/new.gif" alt="New" border="0" /></a>
</td>
</tr>
<tr>
<td valign="top"> Recent Postings
<a href="http://www.steepleaston.org.uk/saforum/index.php?topic=59.msg148;topicseen#new">Car sharing</a>
<a href="http://www.steepleaston.org.uk/saforum/index.php?topic=59.msg0;topicseen#new"><img src="http://www.steepleaston.org.uk/saforum/Themes/ApolloBB/images/english/new.gif" alt="New" border="0" /></a>
</td>
</tr>
</table></div>
<br/>
<span style="font-size: 10px;">Site last updated April 2010</span>
</div>
<div id="rightbox">
<div id="lowerrightboxclear">
<h4>TODAY</h4>
<h3>WEATHER</h3>
<div id="weatheralignmentbox">
<div style='height: 48px; font-family: verdana,helvetica, ariel, helvetica, sans-serif; font-size: 12px; line-height: 12px; color: #2c9bc7; '>
<script src='http://netweather.accuweather.com/adcbin/netweather_v2/netweatherV2.asp?partner=netweather&amp;tStyle=normal&amp;logo=1&amp;zipcode=EUR|UK|UK192|Steeple Aston|&amp;lang=uke&amp;size=7&amp;metric=1&amp;target=_self;' type="text/javascript" ></script>
</div>
</div>
<br/><br/><br/><div id="weathertext"><a href="http://www.accuweather.com/world-forecast.asp?partner=&amp;zipcode=EUR|UK|UK192|Steeple%20Aston|" style="text-decoration:none; color:black;">
<b style="color:black;">Click here for a 15-day forecast</b></a>
</div>
<h3>TRAVEL</h3>
<b ><a href="http://www.bbc.co.uk/oxford/travel/road.shtml" style="text-decoration:none; color:black;">The latest news on Oxfordshire's roads</a></b>
</div>
<div id="tallboxa"><h4>NEW!</h4>
<a href="wanted.htm">Printer for sale</a>
<br/><br/>
<a href="noticeboard.htm">Supervisor needed for Preschool</a>
<br/><br/>
<a href="say.htm">Easter holiday activities for kids</a>
<br/><br/>
<a href="wanted.htm">'Stroll' booklet now in shop </a>
<br/><br/>
<a href="planning.htm">Planning Applications</a>
</div>
</div>
<!-- Footer Area -->
<div id="footer">
<a href="thesite.htm">about the website</a> :
<a href="legal.htm">legal disclaimer</a> :
<a href="contact.htm">contact editor</a>
</div></div>
<div id="footer-container">
<div id="footerl">&copy; Steeple Aston Parish Council 2007.</div><div id="footerr">Original site design by Frances Coleman, <a href="http://www.echo-design.co.uk" >Echo Design</a>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment