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