-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
244 lines (226 loc) · 10.4 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
<!DOCTYPE HTML>
<!--
Landed by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Landed by HTML5 UP</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload landing">
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<!-- <h1 id="logo"><a href="index.html">Landed</a></h1> -->
<nav id="nav">
<ul>
<!-- <li><a href="index.html">Home</a></li> -->
<!-- <li> -->
<!-- <a href="#">Layouts</a>
<ul>
<li><a href="left-sidebar.html">Left Sidebar</a></li>
<li><a href="right-sidebar.html">Right Sidebar</a></li>
<li><a href="no-sidebar.html">No Sidebar</a></li>
<li>
<a href="#">Submenu</a>
<ul>
<li><a href="#">Option 1</a></li>
<li><a href="#">Option 2</a></li>
<li><a href="#">Option 3</a></li>
<li><a href="#">Option 4</a></li>
</ul>
</li>
</ul>
</li> -->
<!-- <li><a href="elements.html">Elements</a></li> -->
<li><a href="#bottom" class="button primary">Contact Us</a></li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<div class="content">
<header>
<h2>WellPort NYC</h2>
<p>CTPAT CERTIFIED<br />
YOUR GLOBAL LOGISTICS IS OUR BUSINESS</p>
</header>
<!-- <span class="image"><img src="images/wellport.jpg" alt="" /></span> -->
</div>
<a href="#one" class="goto-next scrolly">Next</a>
</section>
<!-- One -->
<section id="one" class="spotlight style1 bottom">
<span class="image fit main"><img src="images/trucks.jpg" alt="" /></span>
<div class="content">
<div class="container">
<div class="row">
<div class="col-4 col-12-medium">
<header>
<h2>You can rest assure at WellPort NYC</h2>
<p></p>
</header>
</div>
<div class="col-4 col-12-medium">
<p>Compare freight rates from 50+ carriers
Instant freight shipping rates anytime
Shipping solutions to anywhere in the U.S. & Canada
Unbeatable discounts on your freight LTL, truckload, rail, air, and more
</p>
</div>
<div class="col-4 col-12-medium">
<p>Automated tracking, paperwork & invoices
Manage all freight quotes & shipments in one place
30+ years of transportation experience working for you!</p>
</div>
</div>
</div>
</div>
<a href="#two" class="goto-next scrolly">Next</a>
</section>
<!-- Two -->
<section id="two" class="spotlight style2 right">
<span class="image fit main"><img src="images/shippingg.jpg" alt="" /></span>
<div class="content">
<header>
<h2>Our Mission</h2>
<p> We Provide services over 100 facility ports in Asia, Europe, Africa, North America and South America. We have a network of agents around the world to quickly and cost effectively execute every shipment.
</p>
</header>
<p>track-and-trace functionality gives you complete, round-the-clock transparency into the location of your shipments as they move through our network. Get real-time visibility as your goods move past checkpoints around the world. Review status reports and perform a variety of other document and shipment management tasks.</p>
<ul class="actions">
<!-- <li><a href="#" class="button">Learn More</a></li> -->
</ul>
</div>
<a href="#three" class="goto-next scrolly">Next</a>
</section>
<!-- Three -->
<section id="three" class="spotlight style3 left">
<span class="image fit main bottom"><img src="images/2person.jpg" alt="" /></span>
<div class="content">
<header>
<h2>About Us</h2>
<p> Wellport Container Line Inc. A Non-Vessel Operating Common Carrier (NVOCC) and Indirect Air Carrier (IAC).
Specializes in providing international and domestic shipping services for Air , Ocean , Customs Clearance , Inland Trucking Transportation , Secured Warehousing , and Distribution.
You can depend on our team of experienced professionals to get things done for you, so you can concentrate on what you do best.
</p>
</header>
<!-- <p>Feugiat accumsan lorem eu ac lorem amet ac arcu phasellus tortor enim mi mi nisi praesent adipiscing. Integer mi sed nascetur cep aliquet augue varius tempus lobortis porttitor lorem et accumsan consequat adipiscing lorem.</p> -->
<ul class="actions">
<!-- <li><a href="#" class="button">Learn More</a></li> -->
</ul>
</div>
<a href="#four" class="goto-next scrolly">Next</a>
</section>
<!-- Four -->
<section id="four" class="wrapper style1 special fade-up">
<div class="container">
<header class="major">
<!-- <h2>Accumsan sed tempus adipiscing blandit</h2> -->
<!-- <p>Iaculis ac volutpat vis non enim gravida nisi faucibus posuere arcu consequat</p> -->
</header>
<div class="box alt">
<div class="row gtr-uniform">
<section class="col-4 col-6-medium col-12-xsmall">
<span class="icon solid alt major fa-chart-area"></span>
<h3>Visibility and Analytics</h3>
<p>Cutting edge data visualization tools help you optimize performance and efficiency</p>
</section>
<section class="col-4 col-6-medium col-12-xsmall">
<span class="icon solid alt major fa-comment"></span>
<h3>Social Responsibility</h3>
<p>We believe that it is simply not enough to do great work. We are commited to being open with all our interactions with customers.</p>
</section>
<section class="col-4 col-6-medium col-12-xsmall">
<span class="icon solid alt major fa-flask"></span>
<h3>With over 20 year's of experience</h3>
<p>We are established and have the knowledge to tackle any challenges.</p>
</section>
<section class="col-4 col-6-medium col-12-xsmall">
<span class="icon solid alt major fa-paper-plane"></span>
<h3>Global Reach</h3>
<p>We operate in many locations to help adjust and accomodate to each specific clients needs.</p>
</section>
<!-- <section class="col-4 col-6-medium col-12-xsmall">
<span class="icon solid alt major fa-file"></span>
<h3>Odio laoreet accumsan</h3>
<p>Feugiat accumsan lorem eu ac lorem amet accumsan donec. Blandit orci porttitor.</p>
</section>
<section class="col-4 col-6-medium col-12-xsmall">
<span class="icon solid alt major fa-lock"></span>
<h3>Massa arcu accumsan</h3>
<p>Feugiat accumsan lorem eu ac lorem amet accumsan donec. Blandit orci porttitor.</p>
</section> -->
</div>
<!-- </div>
<footer class="major">
<ul class="actions special">
<li><a href="#" class="button">Magna sed feugiat</a></li>
</ul> -->
</footer>
</div>
</section>
<!-- Five -->
<section id="five" class="wrapper style2 special fade">
<div class="container">
<header>
<a name="bottom"><h2>Contact Us</h2></a>
<p>149-05 177th Street, Suite# 200. Jamaica NY 11434</p>
</header>
<!-- <form method="post" action="#" class="cta">
<div class="row gtr-uniform gtr-50">
<div class="col-8 col-12-xsmall"><input type="email" name="email" id="email" placeholder="Your Email Address" /></div>
<div class="col-4 col-12-xsmall"><input type="submit" value="Submit" class="fit primary" /></div>
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="4"></textarea>
</div>
</form> -->
<form method="POST" data-netlify="true">
<div class="row gtr-uniform">
<div class="col-6 col-12-xsmall"><input type="text" name="name" id="name" placeholder="Name" /></div>
<div class="col-6 col-12-xsmall"><input type="email" name="email" id="email" placeholder="Email" /></div>
<div class="col-12"><input type="text" name="subject" id="subject" placeholder="Subject" /></div>
<div class="col-12"><textarea name="message" id="message" placeholder="Message" rows="6"></textarea></div>
<div class="col-12">
<ul class="actions">
<li><input type="submit" class="primary" value="Send Message" /></li>
<!-- <li><input type="reset" value="Reset Form" /></li> -->
</ul>
</div>
</div>
</form>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<!-- <li><a href="#" class="icon brands alt fa-twitter"><span class="label">Twitter</span></a></li> -->
<li><a href="#" class="icon brands alt fa-facebook-f"><span class="label">Facebook</span></a></li>
<!-- <li><a href="#" class="icon brands alt fa-linkedin-in"><span class="label">LinkedIn</span></a></li> -->
<li><a href="#" class="icon brands alt fa-instagram"><span class="label">Instagram</span></a></li>
<!-- <li><a href="#" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li> -->
<li><a href="#" class="icon solid alt fa-envelope"><span class="label">Email</span></a></li>
</ul>
<ul class="copyright">
<li>© WellPort USA. All rights reserved.</li> <li>Tel: 718-712-1388 Fax: 718-712-1322</li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>