Skip to content

Instantly share code, notes, and snippets.

@RyanScottLewis

RyanScottLewis/index.htm

Created June 24, 2010 12:01
Show Gist options
  • Save RyanScottLewis/451362 to your computer and use it in GitHub Desktop.
Save RyanScottLewis/451362 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang='en-US' xml:lang='en-US' xmlns='http://www.w3.org/1999/xhtml'>
<head>
<title>Gridlock64</title>
<link href='reset.css' rel='stylesheet' type='text/css' />
<link href='style.css' rel='stylesheet' type='text/css' />
<meta content='mikey' name='description' />
<meta content='cars' name='keywords' />
</head>
<body>
<div id='wrapper'>
<ul id='navigation'>
<li>
<a href='index.html'>
<img src='images/logo.png' />
</a>
</li>
<!-- The link on the current page must have the class set to "current" -->
<li class='current'>
<a href='index.html'>home</a>
</li>
<li>
<a href='index.html'>band</a>
</li>
<li>
<a href='index.html'>events</a>
</li>
<li>
<a href='index.html'>photos</a>
</li>
<li>
<a href='index.html'>contact</a>
</li>
</ul>
<div class='clear'></div>
<img src='images/middle.jpg' />
<div id='description'>
<b>Gridlock64</b> is an
exceptional live band out of the Virginia Beach area, they have a
diversity of styles from pop, funk, alternative to metal. <b>Gridlock64</b> also
writes and performs their own original material. Four members strong, they
have honed their skills and established a reputation for being a talented
group of musicians. Well that about sums it up, maybe you know us all a
little better now. Now the band will shut up and RRRRRAWK. Thank you for
visiting our new Internet site. As an up-to-date business, we want to give
you the opportunity to stay in touch with our company and our offers.
</div>
<div id='upcoming'>
<h1>UPCOMING SHOWS</h1>
<ul>
<li>6/25/2010 @ Mahi Mah's (7th Street Stage) - Virginia Beach Oceanfront</li>
<li>6/26/2010 @ Goodfella's - Hampton, VA</li>
<li>6/30/2010 @ 17th Street Stage - Virginia Beach Oceanfront</li>
<li>7/03/2010 @ 24th Street Stage - Virginia Beach Oceanfront</li>
<li>7/10/2010 @ Groupers - Elizabeth City, NC</li>
<li>7/13/2010 @ Mahi Mah's (7th Street Stage) - Virginia Beach Oceanfront</li>
<li>7/16/2010 @ Greenies - Norfolk, VA</li>
<li>7/17/2010 @ 17th Street Stage - Virginia Beach Oceanfront</li>
<li>7/23/2010 @ South Beach Grill - Va. Beach, VA</li>
<li>7/24/2010 @ Goodfella's - Hampton, VA</li>
<li>7/30/2010 @ Baker Street - Virginia Beach, VA</li>
<li>7/31/2010 @ Wild Wing Cafe - Chesapeake, VA</li>
</ul>
</div>
<div id='footer'>©2010 Gridlock64. All rights reserved.</div>
</div>
</body>
</html>
Raw
reset.css
/* This is so that the page has the same starting point, no matter what the browser is */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline; }
*:focus {
outline: 0; }
body {
line-height: 1;
color: black;
background: white; }
ol, ul {
list-style: none; }
table {
border-collapse: separate;
border-spacing: 0; }
caption, th, td {
text-align: left;
font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after {
content: ""; }
blockquote, q {
quotes: "" ""; }
Raw
style.css
body {
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(black), to(#8f8f8f)) center center fixed;
background: -moz-linear-gradient(center bottom, #8f8f8f 0%, black 50%) center center fixed;
color: white; }
#wrapper {
width: 800px;
/* Small margin on the top and bottom and auto margin on the left and right to center the div horizontally */
margin: 5px auto; }
ul#navigation {
height: 100px; }
ul#navigation li {
height: 100px;
padding: 0 20px;
/* Float each list item to the left so they they stack together horizontally */
float: left; }
ul#navigation li a {
text-shadow: white 0 1px 10px;
-moz-text-shadow: white 0 1px 10px;
-webkit-text-shadow: white 0 1px 10px;
-khtml-text-shadow: white 0 1px 10px;
color: rgba(255, 255, 255, 0.2);
font-family: Century Gothic, sans-serif;
font-weight: bold;
font-size: 1.7em;
/* Gets rid of the underline on links */
text-decoration: none;
/* Centers the text */
line-height: 100px; }
ul#navigation li a:hover {
text-shadow: white 0 1px 5px;
-moz-text-shadow: white 0 1px 5px;
-webkit-text-shadow: white 0 1px 5px;
-khtml-text-shadow: white 0 1px 5px;
color: rgba(255, 255, 255, 0.8); }
ul#navigation li.current a {
text-shadow: yellow 0 1px 5px;
-moz-text-shadow: yellow 0 1px 5px;
-webkit-text-shadow: yellow 0 1px 5px;
-khtml-text-shadow: yellow 0 1px 5px;
color: rgba(255, 255, 0, 0.8); }
#description {
font-size: 1.1em;
line-height: 1.2em;
text-align: center; }
#upcoming {
margin-top: 50px; }
#upcoming h1 {
color: red;
margin-bottom: 10px;
font-size: 1.2em;
font-weight: bold;
text-align: center;
text-decoration: underline; }
#upcoming ul {
padding: 25px 0; }
#upcoming ul li {
font-size: 1.1em;
font-weight: bold; }
#footer {
margin-top: 50px;
text-align: center; }
.clear {
clear: both; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment