Hazard

Designer's Comments

Look carefully for specific instructions

I absolutley love this one. The guy getting hit by the lazer cracks me up every time. I thought it was different looking - I hope you guys like it!

Replace all that writing with your own content. The links in the navigation can be removed or replaced - you can even just make that another section to blab in.

Please don't remove the credit.
Enjoy!

Layout Code

Copy and paste to Template HTML

Help

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>Expand Project 2008 - Hazard Template</title>

body {background-color:#ffff00;}
img {border: 0px;}

.text
 {font-family:arial;
 font-size:11px; color:#000000; line-height:11px;}

p {font-family:arial;
  font-size:11px; color:#000000; line-height:11px;
  margin-top:3px; margin-bottom:3px; letter-spacing:-.5px;}

P:first-letter {margin-left:30px;}

h1
 {font-family:impact; font-weight:normal;
 font-size:18px; color:#000000; width:auto;
 text-decoration:none;
 padding-left:5px; padding-right:5px;
 margin-top:3px; margin-bottom:7px;}

a, a:link, a:visited, a:active
 {font-family:small fonts; color:#000000;
 text-decoration:none; padding-left:2px; padding-right:2px;
 border-bottom:none; text-decoration:underline;}
  a:hover
 {font-family:small fonts; color:#ffff00; text-decoration:underline;
 padding-left:2px; padding-right:2px;
 border-bottom:1px dashed; border-color:#000000;}

.navlink, .navlink:visited, .navlink:active
 {font-family:impact !important; font-size:17px;
 color:#000000 !important; text-decoration:none !important;
 line-height:23px; border-bottom:0px dashed !important;
 border-color:#000000 !important;
 background-color:transparent!important;}
  .navlink:hover
  {font-family:impact !important; font-size:17px;
  color:#ffff00 !important;  text-decoration:none;
  line-height:23px; border:none !important;
  background-color:transparent!important; padding-left:30px;}

.creditlink, .creditlink:visited, .creditlink:active
 {font-family:small fonts !important; font-size:8px !important;
 color:000000 !important; font-weight:normal;
 background-color:transparent !important;
 border:none; text-decoration:none !important;
 text-transform:uppercase;}
  .creditlink:hover
   {font-family:small fonts !important;
   font-size:8px !important; color:ffffff !important;
   font-weight:normal;
   background-color:transparent !important;
   border:none; text-decoration:none !important;
   text-transform:uppercase;}

#basebg
{position:absolute; width:830px; height:700px;
z-index:1; left:50%; margin-left:-400px; top:0px; overflow:hidden;}

#content
{position:absolute; width:230px; height:359px;
z-index:2; left:50%; margin-left:-300px; top: 330px; overflow-y:auto;}

#navigation
{position:absolute; width:230px; height:118px;
z-index:2; left:50%; margin-left:60px; top: 365px; overflow-y:auto;}

#content2
{position:absolute; width:230px; height:199px;
z-index:2; left:50%; margin-left:60px; top: 490px; overflow-y:auto;}

</style>
</head>

<body>

<center>
<h1>
How Shocking
</h1>
</center>

<p>This template is probably the oddball in this collection, naturally making it one of my favorites. I understand that it is very bright, but hey, I like it this way. The rest of the text on this page is just "filler" text. You don't actually have to read it. It's actually an essay I did for Enlgish class on 'what inspires me'.</p>

<center>
<h1>
I stood upon a cliff
</h1>
</center>

<p> I stood upon a cliff in the heart of a western desert, my body separated from certain death by virtually nothing but a makeshift rock wall.  My heart palpitating, I would breathe deeply, and my soul became enraptured with indescribable fervor.  I could not fathom how a sight as beautiful as the one that lay before me could exist; I had known nothing of such a place until that glorious moment, and I found myself seeing the invaluable creations of the earth in a new, spectacular radiance.  I felt so small beneath that crystalline sky, next to such an immaculate tapestry of light and shape that was so intricately woven into a vision more impossible than a dream.  I would breathe again, madly in love with such imagery, and atop the towering, lethal, precipice in which I stood, I was at peace.  However, my fascination would not end with the light of the day; as night fell, I found myself at rest, without shelter, beneath the endless stars.  I lay captivated beneath the black abyss, as countless celestial bodies cast their ancient light into the dark of my retinas.</p>

<p>It is events such as these that have inspired me in my life; these places, these visions, these spectacles.  I carry them with me, and as they are recalled, I re-visit them.  My writing, my philosophy, and my life orbit around these experiences; my love for the objects of my inspiration are greater than that of any other.  Even those places that cannot be physically reached, the places that only exist within the mystical worlds of dreams and writing, are places that inspire me, shape me, and move me.</p>

<p>Verily, it is not only the places that I have traveled that fuel my inspiration, but also, the people I meet there.</p>

</div>

<p>They are the arms of the embrace; the walls of the home. They protect me, enlighten me, and encourage me.  Their bravery, hardship, and compassion motivate me, sending my imagination and creativity to places that I never thought they could reach. Their opinions reconfigure my mind; they open locked doorways that I would have never even seen without their guide and aid. Without their care, I would know nothing of compassion; there would be no soul for me to personify or expand upon. Without my companions, I would be lost and hollow, for it is those that help me as I stumble that inspire me to do the same for others.  Those who dare to be themselves, who rise above the influence of the merciless bear-trap of society, inspire me beyond all.</p>

<p>As I travel to these places and embrace these people, I still find myself surrounded by inspiration that cannot be seen. In the world of sound, there lies a beauty and a wonder that is quite distant from the world of images; sound overcomes the body and inflicts its listener with emotion that is relinquished of all logic. Its beauty is confusing, its sadness a mystery, yet there is a part of me that understands it; there is a fragment of my soul that cannot do without it.  I listen to the notes and the chords, the bass lines and rhythms, and suddenly, everything will make sense. Three notes with mean " happiness, " ten others mean "frustration," and, despite this enigma, I ask no questions.   Instead, these vibrations and rhythms enlighten me. I am awakened by the oddity of music, and am inspired to do more with what they communicate to me. These melodies spell out the meaning of life; these drum beats whisper the secrets to death. I listen with more than my ears; my soul listens too, and within these chords I see a novel; I see philosophy; I see a masterpiece.</p>

<p>Ultimately, it is difficult for me to understand how one could not find inspiration in almost everything. Whether one is standing at the edge of a precipice in the middle of Utah, or looking upon a blind beggar on the streets, one can extract philosophy, art and writing out anything.  With so much to love, and so much to ponder, life is, without question, an inspiration in itself.
</p>

</div>

<a href="URL" class="navlink">A Link</a><br />
<a href="URL" class="navlink">Another Link</a><br />
<a href="URL" class="navlink">Yet Another One</a><br />
<a href="URL" class="navlink">A Link</a><br />
<a href="URL" class="navlink">Another Link</a><br />

</div>
</div>

<div id="creditlink" style="position:absolute; border:none; width:130px; height:20px; z-index:2;
left: 6px !important; top: 0px;"><a href="http://www.msplinks.com/MDFodHRwOi8vY3JvdGNoZXR0aGVsZXBlci5jcmVhdGVibG9nLmNvbS8=" class="creditlink">Crotchet The Leper</a></div>

</body>
</html>