jimi
/
vip-testsite
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

import of old work

master
Jim Infield 16 years ago
commit
e926850c4d
11 changed files with 511 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 13
      base/courier.txt
  2. 9
      base/freight.txt
  3. 31
      base/index.html
  4. 40
      base/styles/base.css
  5. 48
      base/styles/layout.css
  6. 82
      courier.html
  7. 110
      courier_files/base.css
  8. BIN
      courier_files/greydot.gif
  9. 39
      courier_files/layout.css
  10. 19
      courier_files/nav.css
  11. 120
      courier_files/site.css

13
base/courier.txt
View File

@ -0,0 +1,13 @@
The VIP Courier department coordinates local deliveries for the Memphis metropolitan area. This service is available 24 hours a day 7 days a week. Our drivers are uniformed, have badge identification, and maintain radio contact with the dispatcher providing a continuous tracking of each delivery. Multiple levels of service are available and include the following:
* Regular 90 minute service
* Rush 60 minute service
* Direct service
* Night and weekend service
* Holiday service
* Pre-scheduled routed deliveries
* Daily routed deliveries
* Special delivery and Hot Shot service
in the continental US
* For Bobtruck local service click "Freight"

9
base/freight.txt
View File

@ -0,0 +1,9 @@
The VIP freight department handles the delivery of freight in the Memphis regional area covering Tennessee, Arkansas, and Mississippi. We also accommodate direct specials anywhere in the continental United States and other freight delivery services including the following:
* Same day pick-up and delivery in TN, AR, and MS
* Air freight pick-up and delivery service
* Daily routed services
* Dock to dock
* Dock transfer
* Special delivery or Hot Shot anywhere in the continental US
* Customized services available

31
base/index.html
View File

@ -0,0 +1,31 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>vipexpress.com</title>
<link href="/styles/base.css" rel="stylesheet" type="text/css" />
<link href="/styles/layout.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="layout">
<div id="head">
<h1>VIP Express, Inc.</h1>
<hr class="line" />
<h6><span class="right">3328 Gemini Dr. Memphis, TN 38109<br />
</span>Phone: (901) 396-1801 - Fax: (901) 396-1982</h6>
</div> <!-- head -->
<div id="panel">
<ul id="nav">
<li><a id="home" href="/">home</a></li>
<li><a id="courier" href="/">courier</a></li>
<li><a id="freight" href="/">freight</a></li>
<li><a id="airfreight" href="/">airfreight</a></li>
<li><a id="login" href="/">login</a></li>
</ul>
</div> <!-- panel -->
</div> <!-- layout -->
</body>
</html>

40
base/styles/base.css
View File

@ -0,0 +1,40 @@
/*
base.css
*/
/*
type selectors
*/
body,td {
font-family: Georgia, Times, Serif;
font-size: 16px;
margin: 0;
padding: 0;
}
body {
padding: 0.5em;
background-color: #eee;
text-align: center; /* IE5 <div> centering hack pt. 1 */
}
hr {
width: 100%;
height: 1pt;
border: none;
border-top: 1px solid #999;
}
/*
class selectors
*/
hr.line {
margin: 0;
padding: 0;
}
span.right {
float: right;
}
span.left {
float: left;
}

48
base/styles/layout.css
View File

@ -0,0 +1,48 @@
/*
layout.css
*/
/*
layout ID selectors
*/
#layout {
position: relative;
margin: 0em 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 */
voice-family: inherit; /* at http://www.tantek.com/ */
width: 47em; /* ...for compliant browsers wo/css2 */
}
body>#layout {
width: 47em; /* ...for compliant browsers w/css2 */
}
#head {
margin: 0;
padding: 0;
}
#head h1 {
margin: 0;
padding: 0;
margin-top: 1em;
font-family: Arial;
font-size: 1.25em;
font-weight: bold;
font-style: italic;
text-align: right;
line-height: 0.875em;
}
#head h6 {
margin: 0;
padding: 0;
font-family: Georgia;
font-size: 0.6875em;
font-weight: normal;
font-style: italic;
line-height: 0.875em;
}
#nav {
}

82
courier.html
View File

@ -0,0 +1,82 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><title>vipexpress.com - courier</title>
<link href="courier_files/layout.css" rel="stylesheet" type="text/css">
<link href="courier_files/base.css" rel="stylesheet" type="text/css">
<link href="courier_files/nav.css" rel="stylesheet" type="text/css">
<link href="courier_files/site.css" rel="stylesheet" type="text/css"></head>
<body>
<div id="layout">
<div id="head">
<h1>VIP Express, Inc.</h1>
<div class="centered"><img src="courier_files/greydot.gif" height="1" width="100%"></div>
<h6><span class="right">3328 Gemini Dr. Memphis, TN 38109<br>
</span>Phone: (901) 396-1801 · Fax: (901) 396-1982</h6>
</div> <!-- head -->
<div id="panel">
<ul id="nav">
<li><a id="home" href="http://vip/index.html">home</a></li>
<li>courier</li>
<li><a id="freight" href="http://vip/freight.html">freight</a></li>
<li><a id="airfreight" href="http://vip/airfreight.html">airfreight</a></li>
<li><a id="login" href="http://vip/login.html">login</a></li>
</ul>
</div> <!-- panel -->
<div id="content">
<p>The courier division of VIP Express Inc. coordinates local deliveries to any address
within the greater Memphis metropolitan area. For you coonvenience, this service is
available 24 hours a day, 7 days per week. Our drivers are uniformed, have badge
identification, and maintain radio contact with our dispatcher to provide you with
continuous tracking of each delivery.</p>
<p>Multiple <em>levels of service</em> are available and include the following:</p>
<div class="marginnote">
<h3>Level of Service</h3>
<p>Select the level of service that will best suit your delivery needs. 90 minutes,
60 minutes, or as soon as possible.</p>
</div>
<dl>
<dt>Regular</dt>
<dd>Our regular delivery provides 90 minute service</dd>
<dt>Rush</dt>
<dd>Rush service provides delivery within 60 minutes or less</dd>
<dt>Direct</dt>
<dd>This service provides delivery as soon as possible</dd>
</dl>
<div class="marginnote">
<h3>Bobtruck Service</h3>
<p>Local bobtruck services are offered through our <a href="http://vip/freight.html">freight</a>
division.</p>
</div>
<dl>
<dt>Night and Weekend Sservice</dt>
<dd>&nbsp;</dd>
<dt>Holiday Service</dt>
<dd>&nbsp;</dd>
<dt>Pre-Scheduled</dt>
<dd>Pre-scheduled routed deliveries</dd>
<dt>Daily Route</dt>
<dd>Daily scheduled deliveries</dd>
<dt>Hot Shot</dt>
<dd>Special delivery and Hot Shot service in the continental US</dd>
</dl>
</div> <!-- content -->
<div id="footer">
<div class="centered"><img src="courier_files/greydot.gif" height="1" width="100%"></div>
<p>Questions or comments? Contact the <a href="mailto:webmaster@vipexpress.com">webmaster</a>.<br>
Website design and hosting by <a href="http://www.bullseyecomputing.com/">BCS</a>.</p>
</div> <!-- footer -->
</div> <!-- layout -->
</body></html>

110
courier_files/base.css
View File

@ -0,0 +1,110 @@
/*
base.css
*/
body,td,th {
font-family: Verdana, Helvetica, Sans-Serif;
font-size: 16px;
margin: 0;
padding: 0;
}
body {
padding: 0.5em;
text-align: center; /* IE5 <div> centering hack pt. 1 */
}
h1 h2 h3 h4 h5 h6 {
font-family: Verdana, Helvetica, sans-serif;
margin: 0;
padding: 0 0 0.25em 0;
}
h1 {
font-size: 1.25em;
}
h2 {
font-size: 1.125em;
}
h3 {
font-size: 1em;
}
a {
text-decoration: none;
}
a:link, a:visited {
color: #999;
}
a.active:link, a.active:visited, a:hover {
color: #333;
text-decoration: underline;
}
dl {
text-align: justify;
line-height: normal;
font-size: 0.75em;
margin: 0 0 0.5em 2em;
padding: 0;
border: 1px solid #669;
width: 45em;
}
dt {
font-weight: bold;
margin-left: 0.25em;
}
dd {
margin: 0.25em 1.5em;
padding: 0;
}
#content p {
text-align: justify;
font-size: 0.875em;
line-height: 1.375em;
margin: 0.25em 0.25em 0.75em 0.25em;
padding: 0;
}
#footer p {
text-align: center;
font-family: Georgia;
font-size: 0.675em;
font-style: italic;
line-height: 1em;
margin: 0;
padding: 0;
color: #666;
}
span.right {
float: right;
}
span.left {
float: left;
}
div.leftphoto {
float: left;
padding: 0;
margin-right: 0.5em;
}
div.rightphoto {
float: right;
padding: 0;
margin-left: 0.5em;
}
div.marginnote {
float: right;
text-align: left;
width: 8em;
}
div.marginnote h3 {
font-size: 10px;
font-weight: bold;
text-decoration: underline;
margin: 0.5em 0 0 0;
padding: 0;
}
#content div.marginnote p {
font-size: 9px;
text-align: left;
margin: 0;
padding: 0;
}

BIN
courier_files/greydot.gif
View File

Side by Side

After

Width: 1  |  Height: 1  |  Size: 35 B

39
courier_files/layout.css
View File

@ -0,0 +1,39 @@
/*
layout.css
*/
#layout {
position: relative;
margin: 0em auto;
border: 0em;
padding: 1em;
background-color: #fff;
text-align: left; /* IE5 <div> centering hack part 2 */
width: 47em; /* erroneous value to satisfy IE5/Win */
voice-family: "\"}\""; /* Tantek's boxmodel hack see more */
voice-family: inherit; /* at http://www.tantek.com/ */
width: 45em; /* ...for compliant browsers wo/css2 */
}
body>#layout {
width: 45em; /* ...for compliant browsers w/css2 */
}
#head {
margin: 0;
padding: 0;
}
#panel {
margin: 0;
padding: 0;
}
#content {
margin: 0;
padding: 0;
}
#footer {
margin: 0;
padding: 0;
}

19
courier_files/nav.css
View File

@ -0,0 +1,19 @@
/*
nav.css
*/
#panel ul {
margin: 0;
padding: 0.125em 0 0.25em 0;
font-family: verdana, helvetica, sans;
font-size: 0.625em;
font-weight: bold;
text-align: center;
}
#nav li {
margin: 0;
padding: 0 3em;
display: inline;
list-style-type: none;
}

120
courier_files/site.css
View File

@ -0,0 +1,120 @@
/*
site.css
*/
body {
background-color: #ccd;
}
#layout {
background: #fff url('/img/logo_bg.jpg') center no-repeat;
}
#head {
margin: 0 0 0.5em 0;
}
#content p {
margin-right: 10em;
}
#footer img {
clear: both;
margin: 1em 0 0 0;
}
#head p.name {
margin: 0;
padding: 0;
font-family: Verdana, Helvetica, Sans-Serif;
font-size: 1.125em;
font-weight: bold;
font-style: italic;
text-align: right;
line-height: 0.875em;
border: 1px solid #9c9;
}
#head h1 {
margin: 0;
padding: 0;
font-family: Verdana, Helvetica, Sans-Serif;
font-size: 1.125em;
font-weight: bold;
font-style: italic;
text-align: right;
line-height: 0.875em;
}
#head p.addr {
margin: 0;
padding: 0;
font-family: Georgia;
font-size: 0.625em;
font-weight: normal;
font-style: italic;
line-height: 0.875em;
}
#head h6 {
margin: 0;
padding: 0;
font-family: Georgia;
font-size: 0.625em;
font-weight: normal;
font-style: italic;
}
#panel {
border: 1px solid #999;
background: #eef;
}
form {
margin: 0.5em 0;
padding: 0;
}
form a {
font-size: 9px;
float: right;
}
label {
text-align: right;
font-size: 10px;
font-weight: bold;
}
input {
text-align: left;
font-size: 14px;
margin-right: 0.375em;
border: 1px solid #666;
}
fieldset {
border: 1px solid #333;
}
table {
margin: 0;
padding: 0;
border: 1px solid #999;
}
th {
text-align: center;
font-size: 18px;
font-style: italic;
font-weight: bold;
background: #eef;
padding: 0.25em 0;
border-bottom: 1px solid #999;
}
td {
text-align: right;
font-size: 10px;
margin: 0;
padding: 0.25em 0 0 0;
}
.centered {
text-align: center;
}
.button {
text-align: center;
padding: 0.5em;
}
td.message {
text-align: center;
border-bottom: 1px solid #999;
}