import of old work

16 years ago · e926850c4d
11 changed files with 511 additions and 0 deletions
--- a/base/courier.txt
+++ b/base/courier.txt
@ -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"
+
--- a/base/freight.txt
+++ b/base/freight.txt
@ -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 
--- a/base/index.html
+++ b/base/index.html
@ -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>
--- a/base/styles/base.css
+++ b/base/styles/base.css
@ -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;
+    }
--- a/base/styles/layout.css
+++ b/base/styles/layout.css
@ -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 {
+}
--- a/courier.html
+++ b/courier.html
@ -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>
--- a/courier_files/base.css
+++ b/courier_files/base.css
@ -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;
+}
--- a/courier_files/greydot.gif
+++ b/courier_files/greydot.gif
--- a/courier_files/layout.css
+++ b/courier_files/layout.css
@ -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;
+}
--- a/courier_files/nav.css
+++ b/courier_files/nav.css
@ -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;
+}
--- a/courier_files/site.css
+++ b/courier_files/site.css
@ -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;
+}