-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
152 lines (152 loc) · 6.62 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>Ultralines Logistics & Warehousing</title>
</head>
<body>
<div id="wrapper">
<header>
<div class="navigation">
<h1><span>ULTRALINES<br>LOGISTICS & WAREHOUSING <br>SOLUTIONS (PTY) LTD</span></h1>
<nav>
<ul class="main-nav">
<li><a href="#">HOME</a></li>
<li><a href="#">SOLUTIONS</a></li>
<li><a href="#">INDUSTRIES</a></li>
<li><a href="#">INSIGHTS</a></li>
<li><a href="#">GLOBAL REACH</a></li>
<li><a href="#">CONTACT US</a></li>
</ul>
</nav>
</div>
<div class="cta-container">
<div class="cta">
<h3>Movement of Dangerous & hazardous goods.</h3>
<p class="cta-p">We undertake complex logistical contracts transportation of dangerous and hazardous goods such as chemicals and petrochemicals which are both in liquid and gaseous state across cities and countries.</p>
<button class="cta-btn">
MORE DETAILS
</button>
</div>
</div>
</header>
<main>
<div id="services-container">
<div class="services service-1">
<h3>TRACKING</h3>
<p class="">To track shipments enter your Ultralines Number and enter your tracking number.</p>
<form class="tracker" action="">
<input type="text" id="cust-no" name="cust-no" placeholder="Ultralines No." >
<input type="text" id="cust-ref-no" name="cust-ref-no" placeholder="Tracking No." >
<button class="btn">TRACK</button>
</form>
</div>
<div class="services service-2">
<img src="./images/gabor-koszegi-luH5z6LAslQ-unsplash-01.jpg" alt="image of flying cargo plane">
<h3>Express Cargo Shipment</h3>
<p>Implemented to satisfy the demand for instantaneous results by the global economy during the pandemic... </p>
</div>
<div class="services service-3">
<img src="./images/Toyota-Loaded-Container-Handler.jpeg" alt="image of shipping containers">
<h3>Warehousing Solutions</h3>
<p>Ultralines undertakes end to end supply chain processing right from distribution of your products...</p>
</div>
</div>
<section class="reviews">
<div class="rev-all reviews-1">
<img src="./images/istockphoto-464736044-612x612procs.jpg" alt="image of customer 1">
<h4>Janet Coleman</h4>
<p>Chief Operations Officer - BT Technology</p>
<blockquote cite="#">"Custom solutions. Fast"</blockquote>
</div>
<div class="rev-all reviews-2">
<img src="./images/istockphoto-manprocs.jpg" alt="image of customer 2">
<h4>Kwame Jacobs</h4>
<p>Managing Director - KJ & Co.</p>
<blockquote cite="#">"Best in class service"</blockquote>
</div>
<div class="rev-all reviews-3">
<img src="./images/Comp_66814132procs.jpg" alt="image of customer 3">
<h4>Luke Denison</h4>
<p>Supply Chain Manager - E-Corp</p>
<blockquote cite="#">"Cutting edge tech."</blockquote>
</div>
</section>
</main>
<footer>
<div class="footer-links">
<div class="footer-links-all links-1">
<h3>SOLUTIONS</h3>
<ul class="col1">
<li><a href="#">Supply Chain Management</a></li>
<li><a href="#">Complex Logistics</a></li>
<li><a href="#">Hazardous Goods Movement</a></li>
<li><a href="#">Event Logistics Management</a></li>
<li><a href="#">Freight Forwarding</a></li>
<li><a href="#">Express Courier Service</a></li>
<li><a href="#">Domestic Shifting & Moving</a></li>
<li><a href="#">Warehousing Solutions</a></li>
<li><a href="#">Contract Logistics</a></li>
<li><a href="#">Logistics Consultancy</a></li>
</ul>
</div>
<div class="footer-links-all links-2">
<h3>INDUSTRIES</h3>
<ul class="col2">
<li><a href="#">Consumer Goods</a></li>
<li><a href="#">Chemicals</a></li>
<li><a href="#">Petrochemicals & Agribusiness</a></li>
<li><a href="#">Health & Pharmceuticals</a></li>
<li><a href="#">Automotive & Machinery</a></li>
<li><a href="#">Energy</a></li>
<li><a href="#">Food & Beverages</a></li>
<li><a href="#">Government & Defence</a></li>
<li><a href="#">Steel & Industrial</a></li>
<li><a href="#">Oil & Gas</a></li>
</ul>
</div>
<div class="footer-links-all links-3">
<h3>COMMUNITY</h3>
<ul class="col3">
<li><a href="#">Ultralines Careers</a></li>
<li><a href="#">Employee Community</a></li>
<li><a href="#">Work Culture</a></li>
<li><a href="#">Corporate Social Responsibility</a></li>
</ul>
<h3 class="margin-sel">HELPFUL LINKS</h3>
<ul class="col3">
<li><a href="#">White Papers / Case Studies</a></li>
<li><a href="#">Newsroom & Press Releases</a></li>
<li><a href="#">Investor Relations</a></li>
<li><a href="#">Worldwide Contact Information</a></li>
</ul>
</div>
<div class="footer-links-all links-4">
<h3>NEWSLETTER</h3>
<form class="subscribe" action="">
<label for="fname">Full Name:</label> <br>
<input type="email" id="fname" name="fname"> <br><br>
<label for="email">Email Address:</label> <br>
<input type="email" id="email" name="email"><br>
<input type="submit" value="SUBSCRIBE">
</form>
</div>
</div>
<div class="copyright-container">
<div class="btm-logo">
<p><span>ULTRALINES<br>LOGISTICS & WAREHOUSING <br>SOLUTIONS (PTY) LTD</span></p>
</div>
<p class="copyright">This site and all its content is copyright © 2022 <em>Ultralines Logistics & Warehousing Solutions (PTY) LTD</em> <br>
The Ultralines logo, content or images may not be used or reproduced by any means without express, written consent.<br>
<a href="#">Privacy Policy</a> | <a href="#">Terms & Conditions</a></p>
<!-- <div class="vendor-logo">
<img src="/images/levelup-01.png" alt="vendor logo">
</div> -->
</div>
</footer>
</div>
</body>
</html>