-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
269 lines (266 loc) · 12 KB
/
index.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
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>OnePage</title>
<link href="css/reset.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<div class="tourstock">
<div class="firstpage" id="firstpage">
<div class="pagelogo">
<h1>TOURSTOCK</h1>
<p>The ultimate tour warehouse</p>
</div>
<nav class="nav_guide">
<a href="#" class="selected">Home</a>
<a href="#our_business">Our business</a>
<a href="#our_people">Our People</a>
<a href="#be_our_partner">Become Our Partner</a>
<a href="#we_are_hiring">We are hiring</a>
<a href="#our_event">Event</a>
<a href="#contact">Contact us</a>
</nav>
<a href="#our_business" class="arrow_down">Mouse</a>
</div>
<div class="content">
<section class="our_business" id="our_business">
<header class="wapper">
<nav class="nav_menu">
<a href="#firstpage" class="logo"></a>
<a href="#our_business" class="selected">OUR BUSSINESS</a>
<a href="#our_people">OUR PEOPLE</a>
<a href="#be_our_partner">BECOME OUR PARTNER</a>
<a href="#we_are_hiring">WE ARE HIRING</a>
<a href="#our_event">EVENT</a>
<a href="#contact">CONTACT US</a>
</nav>
</header>
<div class="our_business_content">
<h2>OUR BUSINESS</h2>
<ul class="our_business_content_list">
<a href="#"><li class="list_first">
<p>BUSINESS FOUCUS
<br>
TRAVEL SERVICES</p>
</li></a>
<a href="#"><li class="list_second">
<p>MULTIPUL DESTINATIONS
<br>
WOULDWILD</p>
</li></a>
<a href="#"><li class="list_third">
<p>TARGET MARKET
<br>
CHINESE TRAVELERS</p>
</li></a>
</ul>
<p class="tourstock_tip">Tourstock Inc. is an OTA based in New York USA, with offices in Hongkong, Beijing and Shenzhen, China. We e a team of travel-loving engineers and developers, specializing in providing Chinese travelers with all-around travel services for their overseas tours.</p>
</div>
</section>
<section class="our_people" id="our_people">
<header class="wapper">
<nav class="nav_menu">
<a href="#firstpage" class="logo"></a>
<a href="#our_business">OUR BUSSINESS</a>
<a href="#our_people" class="selected">OUR PEOPLE</a>
<a href="#be_our_partner">BECOME OUR PARTNER</a>
<a href="#we_are_hiring">WE ARE HIRING</a>
<a href="#our_event">EVENT</a>
<a href="#contact">CONTACT US</a>
</nav>
</header>
<div class="our_people_content">
<h2>OUR PEOPLE</h2>
<p class="team_intro_first">We are a team of travel-loving engineers, program and business developers. We are well-equipped with expertise in e-commerce, network technology, and online-travel business. Most important of all, we understand Chinese consumers and have extensive experiences and connections in the travel industry in China. </p>
<p class="team_intro_second">We "hand-pick" and "stock" travel services/products that are most interesting to Chinese travelers, aiming to become the ultimate tour warehouse for the ever growing number of Chinese travelers who just love, love, and love to see the world. </p>
</div>
</section>
<section class="be_our_partner" id="be_our_partner">
<header class="wapper">
<nav class="nav_menu">
<a href="#firstpage" class="logo"></a>
<a href="#our_business">OUR BUSSINESS</a>
<a href="#our_people">OUR PEOPLE</a>
<a href="#be_our_partner" class="selected">BECOME OUR PARTNER</a>
<a href="#we_are_hiring">WE ARE HIRING</a>
<a href="#our_event">EVENT</a>
<a href="#contact">CONTACT US</a>
</nav>
</header>
<div class="be_our_partner_content">
<h2>BECONE OUR PARTNER</h2>
<p class="partnertip">Tour Operators, Consolidators, DMOs, Shopping Malls, Activity Providers.
<br>
We'd love to hear from you and share with you the business opportunity of the fast growing outbound travel market in China. You are more than welcome to contact us via the email: <a href>[email protected]</a></p>
<ul class="up_trend">
<li class="up_trend_tip">
<p class="ch_tourist_num_tip">(Number of Chinese Outbound Tourists, Million)</p>
<p class="us_expenditure_tip">(Expenditure in US1, Billion)</p>
</li>
<li class="y2008">
<p class="ch_tourist_num"><span>45.8</span> M</p>
<p class="us_expenditure"><span>$39</span> B</p>
</li>
<li class="y2009">
<p class="ch_tourist_num"><span>47.5</span> M</p>
<p class="us_expenditure"><span>$44</span> B</p>
</li>
<li class="y2010">
<p class="ch_tourist_num"><span>57.4</span> M</p>
<p class="us_expenditure"><span>$55</span> B</p>
</li>
<li class="y2011">
<p class="ch_tourist_num"><span>70.3</span> M</p>
<p class="us_expenditure"><span>$75</span> B</p>
<li class="y2012">
<p class="ch_tourist_num"><span>82.3</span> M</p>
<p class="us_expenditure"><span>$102</span> B</p>
</li>
<li class="y2013">
<p class="ch_tourist_num"><span>97.0</span> M</p>
<p class="us_expenditure"><span>$110</span> B</p>
</li>
<li class="y2014">
<p class="ch_tourist_num"><span>>110</span> M</p>
<p class="us_expenditure"><span>>$120</span> B</p>
</li>
</ul>
<ul class="partners">
<a href="#"><li class="partner_first"></li></a>
<a href="#"><li class="partner_second"></li></a>
<a href="#"><li class="partner_third"></li></a>
<a href="#"><li class="partner_fourth"></li></a>
<a href="#"><li class="partner_fifth"></li></a>
<a href="#"><li class="partner_sixth"></li></a>
<a href="#"><li class="partner_seventh"></li></a>
</ul>
</div>
</section>
<section class="we_are_hiring" id="we_are_hiring">
<header class="wapper">
<nav class="nav_menu">
<a href="#firstpage" class="logo"></a>
<a href="#our_business">OUR BUSSINESS</a>
<a href="#our_people">OUR PEOPLE</a>
<a href="#be_our_partner">BECOME OUR PARTNER</a>
<a href="#we_are_hiring" class="selected">WE ARE HIRING</a>
<a href="#our_event">EVENT</a>
<a href="#contact">CONTACT US</a>
</nav>
</header>
<div class="we_are_hiring_content">
<h2>WR ARE HIRING</h2>
<ul class="hiring_list">
<li class="hiring_list_first">
<p>Experienced Developers (web)</p>
</li>
<li class="hiring_list_second">
<p>Experienced Developers (ios)</p>
</li>
<li class="hiring_list_third">
<p>Experienced Developers (android)</p>
</li>
<li class="hiring_list_fourth">
<p>Product Managers</p>
</li>
</ul>
</div>
</section>
<section class="our_event" id="our_event">
<header class="wapper">
<nav class="nav_menu">
<a href="#firstpage" class="logo"></a>
<a href="#our_business">OUR BUSSINESS</a>
<a href="#our_people">OUR PEOPLE</a>
<a href="#be_our_partner">BECOME OUR PARTNER</a>
<a href="#we_are_hiring">WE ARE HIRING</a>
<a href="#our_event" class="selected">EVENT</a>
<a href="#contact">CONTACT US</a>
</nav>
</header>
<div class="our_event_content">
<h2>EVENT</h2>
<article>
<p>2013.06</p>
<p>Tourstock has secured financing from a top Internet and e-commerce venture capital firm.
Owning to its strong management team, solid technology background and clear strategic vision, Tourstock has secured seed financing and ready for kick-off.</p>
</article>
<article>
<p>2014.01</p>
<p>Tourstock launched its official website to Chinese travelers: www.woqu.com
With a brand new design, a smooth shopping experience and a variety of travel products, <a href="#">www. woqu.com</a> gives travelers a place where they can find everything they had in mind, turning trip planning and booking into a simple and pleasant experience. </p>
</article>
<article>
<p>2014.04</p>
<p> Tourstock launched <a href="#">www. woqu.com</a> V2.0 with multiple destinations, which provides more products and services for customers looking for extraordinary travel experiences.</p>
</article>
<article>
<p>2014.05</p>
<p>Tourstock Shenzhen moved to the new office based in Skyworth SEMI Design Mansion.
The new office could accomandate its fast growing team with more than 150 staffs.</p>
</article>
</div>
</section>
<section class="contact" id="contact">
<header class="wapper">
<nav class="nav_menu">
<a href="#firstpage" class="logo"></a>
<a href="#our_business">OUR BUSSINESS</a>
<a href="#our_people">OUR PEOPLE</a>
<a href="#be_our_partner">BECOME OUR PARTNER</a>
<a href="#we_are_hiring">WE ARE HIRING</a>
<a href="#our_event">EVENT</a>
<a href="#contact" class="selected">CONTACT US</a>
</nav>
</header>
<div class="contact_content">
<h2>CONTACT US</h2>
<table class="contact_table">
<tr>
<td class="contact_key">Tel:</td>
<td class="contact_value">
+1 (408) 400 7033 (USA)
<br>
+86 755 8656 9012 (China)
</td>
</tr>
<tr class="empty"></tr>
<tr>
<td class="contact_key">Fax:</td>
<td class="contact_value">
+1 (917) 688-2588 (USA)
<br>
+86 755 8656 9022 (China)
</td>
</tr>
<tr class="empty"></tr>
<tr>
<td class="contact_key">Email:</td>
<td class="contact_value">
</td>
</tr>
<tr class="empty"></tr>
<tr>
<td class="contact_key">Address:</td>
<td class="contact_value">
Suite 1022, 138 W 25th Street, New York, NY 10001, USA
<br>
4th Fl. West Tower, Skyworth SEMI Design Mansion, South Technology No. 4 Rd, High-Tech ndustrial Park, Shenzhen, China
</td>
</tr>
</table>
</div>
</section>
</div>
</div>
<script src="js/jquery-1.10.2.min.js"></script>
</body>
</html>