Jim Infield
16 years ago
commit
9cbe7783f9
3 changed files with 179 additions and 0 deletions
-
68index.html
-
35styles/cbmx.css
-
76styles/core.css
@ -0,0 +1,68 @@ |
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> |
|||
<html> |
|||
<head> |
|||
<title>Coyote Bluff MX</title> |
|||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></meta> |
|||
<meta http-equiv="Content-Language" content="en-us"></meta> |
|||
<link href="/styles/core.css" rel="stylesheet" type="text/css"></link> |
|||
<link href="/styles/cbmx.css" rel="stylesheet" type="text/css"></link> |
|||
</head> |
|||
<body> |
|||
|
|||
<div id="layout"> |
|||
|
|||
<div id="siteheader"> |
|||
<h1>Coyote Bluff MX</h1> |
|||
</div> |
|||
|
|||
<div id="panel"> |
|||
|
|||
</div> |
|||
|
|||
<div id="content"> |
|||
<h2>About Coyote Bluff MX...</h2> |
|||
|
|||
<p>Coyote Bluff MX is a motocross track located about 6 miles north of |
|||
Dyersburg, Tennessee. For more information call Joe at (731) 589-1749 or |
|||
email <a href="mailto:joe@coyotebluffmx.com">joe@coyotebluffmx.com</a>.</p> |
|||
|
|||
<h2>About the track...</h2> |
|||
|
|||
<p>The track is a little over a mile long and the jumps are safe. The |
|||
layout of the track utilizes mostly natural terrain with the addition |
|||
of several table-top style jumps. The track is fun to ride, but some |
|||
sections will challenge (and improve) your skills.</p> |
|||
|
|||
<h2>How to get here...</h2> |
|||
|
|||
<p>From the Hwy 51 By-Pass, turn North onto Millsfield Hwy (Millsfield |
|||
is one stoplight East of Hwy 78). After you have gone north for 5.5 |
|||
miles (you will pass over I-155 as you leave Dyersburg) on Millsfield, |
|||
you will come to a store (Lock's Grocery) on your left. Turn right |
|||
(across from the store) and go 0.8 miles down Meacham Road, then turn |
|||
left onto Clifton Road. Follow Clifton Road all the way to the gate at |
|||
the end. The parking area for the track is at the bottom of the hill.</p> |
|||
|
|||
<h2>When you can ride...</h2> |
|||
|
|||
<p>The track is open for practice from 10am until dark on Saturdays and |
|||
Noon until dark on Sundays. If the weather is good, we are also open |
|||
during the week (but you need to call Joe first!).</p> |
|||
|
|||
<p>Before you come out to practice, call Joe at (731) 589-1749 to verify |
|||
the track conditions.</p> |
|||
|
|||
<p class="notice">All minors must have an adult present to ride.</p> |
|||
</div> |
|||
|
|||
<div id="footer"> |
|||
<hr/> |
|||
<p>Please direct all questions and comments to |
|||
<a href="mailto:joe@coyotebluffmx.com">joe@coyotebluffmx.com</a>.</p> |
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
</body> |
|||
</html> |
|||
|
@ -0,0 +1,35 @@ |
|||
/* |
|||
cbmx.css |
|||
*/ |
|||
|
|||
body { |
|||
background-color: #999; |
|||
} |
|||
|
|||
h1, h2 { |
|||
color: #666; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
h1 { |
|||
font-size: 3em; |
|||
} |
|||
|
|||
h2 { |
|||
font-size: 1.125em; |
|||
} |
|||
|
|||
hr { |
|||
width: 100%; |
|||
height: 1px; |
|||
border: none; |
|||
border-top: 1px solid #999; |
|||
} |
|||
|
|||
.notice { |
|||
text-align: center; |
|||
color: #933; |
|||
font-style: italic; |
|||
font-weight: bold; |
|||
padding: 0.25em; |
|||
} |
@ -0,0 +1,76 @@ |
|||
/* |
|||
Type Selectors |
|||
*/ |
|||
|
|||
body, td { |
|||
font-family: georgia, times, serif; |
|||
font-size: 16px; |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
body { |
|||
padding: 0.25em; |
|||
background-color: #fff; |
|||
text-align: center; |
|||
} |
|||
|
|||
p { |
|||
text-align: left; |
|||
line-height: 1.3125em; |
|||
margin: 0em 0.375em 0.25em 0.125em; |
|||
padding: 0em; |
|||
} |
|||
|
|||
/* |
|||
Layout ID Selectors |
|||
*/ |
|||
|
|||
#layout { |
|||
position: relative; |
|||
margin: 0 auto; |
|||
padding: 0.25em; |
|||
background-color: #fff; |
|||
text-align: left; /* IE5 <div> centering hack part 2 */ |
|||
width: 47.5em; /* erroneous value to satisfy IE5/Win */ |
|||
voice-family: "\"}\""; /* Tantek's boxmodel hack see more at */ |
|||
voice-family: inherit; /* http://www.tantek.com/ */ |
|||
width: 47em; /* correct for compliant browsers wo/css2 */ |
|||
} |
|||
body>#layout { |
|||
width: 47em; /* correct for compliant browsers w/css2 */ |
|||
} |
|||
|
|||
#siteheader { |
|||
margin: 0em; |
|||
padding: 0em; |
|||
text-align: center; |
|||
} |
|||
|
|||
#panel { |
|||
float: left; |
|||
margin: 0.25em 0em; |
|||
padding: 0em; |
|||
width: 8em; |
|||
} |
|||
|
|||
|
|||
#content { |
|||
float: right; |
|||
margin: 0.25em 0em; |
|||
padding: 0em; |
|||
width: 39em; |
|||
} |
|||
#footer { |
|||
clear: both; |
|||
margin: 0.5em 0em; |
|||
padding: 0em; |
|||
} |
|||
|
|||
#footer p { |
|||
font-size: 0.6875em; |
|||
font-style: italic; |
|||
text-align: center; |
|||
margin: 0 0; |
|||
padding: 0.125em 0; |
|||
} |
Reference in new issue