-
Notifications
You must be signed in to change notification settings - Fork 0
/
tours.html
194 lines (180 loc) · 10.7 KB
/
tours.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<title>TripSmart- The Smart Way to Go!</title>
<meta name="Keywords" content="TripSmart, travel, trips, vacations, tours" />
<meta name="Description" content="TripSmart is a comprehensive travel store. We can help you plan trips, make travel arrancements, and supply you with travel gear." />
<link href="tripsmart_styles.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
margin: 0;
padding: 0;
color: #000;
background-color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 1.4;
}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
margin-top: 0; /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
padding-right: 15px;
padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
color: #42413C;
text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
color: #6E6C64;
text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
text-decoration: none;
}
/* ~~ this fixed width container surrounds the other divs ~~ */
.container {
width: 960px;
background: #FFF;
margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
border: thin solid #030;
}
/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
background-color: #FFF;
margin: 5px;
}
/* ~~ This is the layout information. ~~
1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
*/
.content {
padding: 10px 0;
}
/* ~~ The footer ~~ */
.footer {
text-align: center;
background-color: #FFF;
font-size: 12px;
font-weight: normal;
}
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
float: left;
margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
-->
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="container">
<div class="header"><!-- end .header --><img src="assets/tripsmart_banner.jpg" alt="TripSmart banner" width="950" height="120" /><br />
<ul id="MenuBar" class="MenuBarHorizontal">
<li><a href="../index.html">Home</a></li>
<li><a href="../catalog.html" class="MenuBarItemSubmenu">Catalog</a>
<ul>
<li><a href="../accessories.html">Accessories</a></li>
<li><a href="../clothing.html">Clothing</a></li>
</ul>
</li>
<li><a href="../services.html">Services</a></li>
<li><a href="../tours.html" class="MenuBarItemSubmenu">Tours</a>
<ul>
<li><a href="../spain.html">Spain</a></li>
<li><a href="../china.html">China</a></li>
</ul>
</li>
<li><a href="../newsletter.html">Newsletter</a></li>
</ul>
</div>
<div class="content">
<p class="paragraph_text"> </p>
<h2>Destinations: Spain and China<img src="assets/gaudi_dragon.jpg" alt="Gaudi draggon" width="250" height="333" hspace="10" align="right" /></h2>
<p class="paragraph_text">We are featuring two trips this month. Our <a href="spain.html">Spain</a> trip will depart on May 5 for 16 days. We will arrive in Madrid, where you will check in at the Intercontinental Hotel. The next morning, we will begin your tour with the Royal Palace and end the day at the Prado Museum, housing works by Spain's great masters: Goya, Velazquez, and El Greco. We will depart from Madrid and visit Toledo, Granada, and Cordoba, some of Spain's most picqueresque cities. Granada features the 13-century palace Alhambra with its beautiful gardens. Jerez, the home of the Andalusioan School of Equestrian Art, is our next stop. You will view a performance of the "dancing stallions" and visit a bodega. Next is Seville, where you will have a change to attend a traditional flamenco show. You may decide to splurge on an authentic flamenco dress! We end the visit with Barcelona where you will stay near the Barcelona Olympic Port. You will view the work of Spain's most famous architect: Gaudi, as you visit the unfinished Sagrada Familia Basilica along with the Parc Guell, a UNESCO World Heritage Site. </p>
<p align="left" class="paragraph_text"><img src="assets/panda.jpg" alt="Panda" width="300" height="225" hspace="10" align="left" />The second trip we are featuring is to <a href="china.html">China</a>. We will depart on June 20 and arrive in Shanghai to stay three nights at the Shanghai Four Seasons Hotel.Shanghai sights will include a visit to the Bund, the Shanghai Museum, and a performace of the Shanghai Acrobats. From Shanghai we will depart for our three-day voyage down the Yangtze River on the River Dancer, where we will visit The Three Gorges. Upon disembarking, we will travel to Xian to view the Terra Cotta Warriors and explore the Shaanxi Museum. Our tour ends in Bejjing with the Forbidden City, Tiananmen Square, and a day trip to the Great Wall of China.Our experienced guides all speak fluent English. Our team includes ornithologist JoAnne Rife, zoologist Jenny Williams, anthropologist Christina Elizabeth, and naturalist Richard Newland. Private air transport will whisk us to more distant game reserves with an opportunity to see the native Pandas. This is truly a trip of a lifetime. Make your reservations now!</p>
<form id="information" name="information" method="post" action="">
<table width="75%" border="0" align="center" cellpadding="1" cellspacing="1" summary="This table is used to place form objects.">
<tr>
<th colspan="2" bgcolor="#666633" class="reverse_text" scope="col">Please complete this form for additional information on these tours.</th>
</tr>
<tr>
<td valign="top" class="paragraph_text">First Name</td>
<td valign="top"><input name="first_name" type="text" id="first_name" size="30" maxlength="100" /></td>
</tr>
<tr>
<td valign="top" class="paragraph_text">Last Name</td>
<td valign="top"><input name="last_name" type="text" id="last_name" size="30" maxlength="100" /></td>
</tr>
<tr>
<td valign="top" class="paragraph_text">Street</td>
<td valign="top"><input name="street" type="text" id="street" size="30" maxlength="100" /></td>
</tr>
<tr>
<td valign="top" class="paragraph_text">City</td>
<td valign="top"><input name="city" type="text" id="city" size="30" maxlength="100" /></td>
</tr>
<tr>
<td valign="top" class="paragraph_text">State</td>
<td valign="top"><input name="state" type="text" id="state" size="30" maxlength="100" /></td>
</tr>
<tr>
<td valign="top" class="paragraph_text">Zip Code</td>
<td valign="top"><input name="zip" type="text" id="zip" size="30" maxlength="100" /></td>
</tr>
<tr>
<td valign="top" class="paragraph_text">Phone</td>
<td valign="top"><input name="phone" type="text" id="phone" size="30" maxlength="100" /></td>
</tr>
<tr>
<td valign="top" class="paragraph_text">Email</td>
<td valign="top"><input name="email" type="text" id="email" size="30" maxlength="100" /></td>
</tr>
<tr>
<td valign="top" class="paragraph_text">I am interested in:</td>
<td valign="top"><label class="paragraph_text">
<input name="spain" type="checkbox" id="spain" value="yes" />
Spain
<input name="china" type="checkbox" id="china" value="yes" />
China</label></td>
</tr>
<tr>
<td width="25%" valign="top"> </td>
<td valign="top"><input type="submit" name="Submit" id="Submit" value="Submit" />
<input type="reset" name="Reset" id="button" value="Reset" /></td>
</tr>
</table>
</form>
</div>
<div class="footer">
<hr />
<p>
TripSmart Copyright 2002 - 2013</p>
</div>
<!-- end .container --></div>
<script type="text/javascript">
var MenuBar = new Spry.Widget.MenuBar("MenuBar", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>