holidaylights
Version:
Very simple JavaScript plugin to display festive and pleasing (but not over-powering) effects to your website based on the time of year. Should be suitable for business websites.
132 lines (130 loc) • 5.02 kB
HTML
<!-- Website template by freewebsitetemplates.com -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Generic Blog - I'm a Human</title>
<link rel="stylesheet" href="css/style.css" type="text/css" />
<!--[if IE 7]>
<link rel="stylesheet" href="css/ie7.css" type="text/css" />
<![endif]-->
</head>
<body>
<div class="page">
<div class="header">
<h1>Website</h1>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li class="selected"><a href="blog.html">Blog</a></li>
<li><a href="services.html">Services</a></li>
</ul>
</div>
<div class="body">
<ul>
<li>
<div class="featured">
<img src="images/pastries.jpg" alt=""/>
<ul>
<li><a href="#"><img src="images/pastry1.jpg" alt=""/></a></li>
<li><a href="#"><img src="images/pastry2.jpg" alt=""/></a></li>
<li><a href="#"><img src="images/pastry3.jpg" alt=""/></a></li>
</ul>
<a href="#">click to enlarge image</a>
</div>
<div>
<h3>Daily life of a Human</h3>
<p>The other day I stubbed my real human toe against a table that definitely
exists. The pain travelled up my human nerves that do currently exist in
space-time. Afterwards, I required an intake of protein and carbohydrates
in order to sustain general human activities. These human activies often
require action with other real human bioforms. It is understood that ethyl
alcohol consumption is required in social rituals...</p>
</div>
</li>
<li>
<div class="featured">
<img src="images/pastries.jpg" alt=""/>
<ul>
<li><a href="#"><img src="images/pastry1.jpg" alt=""/></a></li>
<li><a href="#"><img src="images/pastry2.jpg" alt=""/></a></li>
<li><a href="#"><img src="images/pastry3.jpg" alt=""/></a></li>
</ul>
<a href="#">click to enlarge image</a>
</div>
<div>
<h3>Critique of a Motion Picture</h3>
<p>For those of you fortunate enough to not have witness the recent train-wreck
released in human theaters, rejoice! For you probably have not destroyed your
human ocular lenses with a chlorine solution in an attempt remove the filth
from your retinas. The main human actor looked like he or she was smelling rotten
avian embryos, it was most likely to script...
</p>
</div>
</li>
<li>
<div class="featured">
<img src="images/pastries.jpg" alt=""/>
<ul>
<li><a href="#"><img src="images/pastry1.jpg" alt=""/></a></li>
<li><a href="#"><img src="images/pastry2.jpg" alt=""/></a></li>
<li><a href="#"><img src="images/pastry3.jpg" alt=""/></a></li>
</ul>
<a href="#">click to enlarge image</a>
</div>
<div>
<h3>I Enjoy Human Music</h3>
<p>As a real human who enjoys auitory stimulation, I feel that my own
particular preferences are superior to other humans. I saw my forvorite
human jazz, rock, or rap group in concert last week. That concert will
forever be superior all other prior and future concerts, and I will define
a large part of my youthful human identity with this event...</p>
</div>
</li>
</ul>
<ul class="paging">
<li><a href="#"><<</a></li>
<li><a href="#">First</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li><a href="#">8</a></li>
<li><a href="#">9</a></li>
<li><a href="#">10</a></li>
<li><a href="#">11</a></li>
<li><a href="#">12</a></li>
<li><a href="#">13</a></li>
<li><a href="#">14</a></li>
<li><a href="#">15</a></li>
<li><a href="#">16</a></li>
<li><a href="#">17</a></li>
<li><a href="#">18</a></li>
<li><a href="#">19</a></li>
<li><a href="#">20</a></li>
<li><a href="#">21</a></li>
<li><a href="#">Last</a></li>
<li><a href="#">>></a></li>
</ul>
</div>
<div class="footer">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="services.html">Gallery</a></li>
</ul>
<p>© Copyright © 2011. Company name all rights reserved</p>
<div class="connect">
<a href="http://facebook.com/freewebsitetemplates" id="facebook">facebook</a>
<a href="http://twitter.com/fwtemplates" id="twitter">twitter</a>
<a href="http://www.youtube.com/fwtemplates" id="vimeo">vimeo</a>
</div>
</div>
</div>
<script type="text/javascript" src="../dist/holidaylights.min.js"></script>
</body>
</html>