-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
247 lines (206 loc) · 7.82 KB
/
index.html
File metadata and controls
247 lines (206 loc) · 7.82 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="smallscreen.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>CSS Media Query</title>
</head>
<body>
<!-- logo and navigation area -->
<header>
<!-- logo area -->
<div class="headerWrapper">
<div class="logo">
<img src="./img/logo.png" alt="site logo">
</div>
<!-- navigation area -->
<div class="navWrapper">
<nav id="topNav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="contact.html">About</a></li>
<li><a href="contact.html">Services</a></li>
<li><a href="contact.html">Feedback</a></li>
<li><a href="contact.html">GST</a></li>
<li><a href="contact.html">Vision</a></li>
<li><a href="contact.html">Contact`</a></li>
</ul>
</nav>
</div>
</div>
</header>
<!-- banner and form area -->
<div class="mainWrapper">
<!-- top banner area -->
<div class="bannerAndForm">
<div class="bannerBox">
<img src="./img/trucknumber.jpg" alt="banner one">
</div>
<!-- form area -->
<div class="formWrapper">
<h4>Contact Us</h4>
<div class="contact">
<form action="">
<input type="text" name="name" id="" placeholder=" Your Name"><br>
<input type="tel" name="number" id="" placeholder=" Mobile #"><br>
<input type="email" name="email" id="" placeholder=" example@mail.com"><br>
<textarea name="message" id="" cols="29" rows="10" placeholder=" Type your message here..."></textarea><br>
<input id="submit" type="submit" value="Submit">
</form>
</div>
</div>
</div>
<!-- about us area -->
<div class="secondWrap">
<div class="aboutUs">
<div class="aboutWrap">
<div class="about"><h2>ABOUT US</h2></div>
<div class="aboutBox">
<div class="aboutH">
<h2>About</h2>
</div>
<p>At ITC Logistics Our approach focuses on how we deliver operational excellence to provide viable, cost-effective technology-enabled solutions to the most challenging logistics & supply chain management questions. We reciprocate through our work entirely with a progressive mindset. “YOU TRUST US, WE CARE”. Whether a small, medium or a large business.</p>
<p>we cater to every technological need for your business with a modern touch, keeping the world in motion.</p>
</div>
<div class="aboutBox1">
<img src="./img/AirServices.jpg" alt="about us image">
</div>
</div>
</div>
<!-- our services area -->
<div class="servicesWrapper">
<div class="serviceH">
<h2>OUR SERVICES</h2>
</div>
<div class="flexWrap">
<div class="serviceBox">
<div class="roundImg">
<img src="./img/surface.jpg" alt="service">
</div>
<div class="linkAndPara">
<div>
<h2>Surface Service</h2>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro, blanditiis?</p>
</div>
</div>
<div class="serviceBox">
<div class="roundImg">
<img src="./img/AirServices.jpg" alt="service">
</div>
<div class="linkAndPara">
<div>
<h2>Air Service</h2>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora, facilis.</p>
</div>
</div>
<div class="serviceBox">
<div class="roundImg">
<img src="./img/rails.jpg" alt="service">
</div>
<div class="linkAndPara">
<div>
<h2>Train Service</h2>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias, dolorem!</p>
</div>
</div>
<div class="serviceBox">
<div class="roundImg">
<img src="./img/movers-services.jpg" alt="service">
</div>
<div class="linkAndPara">
<div>
<h2>Moving Solution</h2>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde, quaerat.</p>
</div>
</div>
</div>
</div>
<!-- safety display area -->
<div class="safetyWrapper">
<div class="yourSategy">
<h2>YOUR SAFETY</h2>
</div>
<div class="safetyCol">
<div class="safetyPara">
<div class="safety">
<h2>Safety</h2>
</div>
<p>ITC Logistics is a member of the partners in Protection Program (PIP). This program is designed to enhance border security, combat organized crime and terrorism, increase awareness of customs compliance issues, and help detect and prevent contraband smuggling. Being a part of a safety program such as PIP holds ITC Logistics accountable, and ensures the safety of your products as they move. We are focused on providing the safest and most secure avenue of shipping for our customers. These safety measures eliminate any risk factor that may come with transporting goods. Safety and security for our customer’s freight is our first priority, and we will continue to ensure that our safety policy is upheld to the highest standard.</p>
</div>
<div class="safetyImgWrap">
<img src="./img/safety.jpg" alt="safety image">
</div>
</div>
<div class="customerCare">
<div class="customerService">
<h2>24x7 CUSTOMER SERVICE</h2>
</div>
<div class="CCimgWrap">
<img src="./img/speed.jpg" alt="">
</div>
<div class="safetyPara">
<div>
<h3>UNMATCHED CUSTOMER SERVICE, AVAILABLE 24-7, 365 DAYS PER YEAR. </h3>
</div>
<p>With FullTruckload.com, you can rest assured your shipment needs are being handled by professionals who are experts in full truckloads. Don’t trust your shipments to just anyone—with our wide range of capabilities and services, we’re the full truckload experts you can count on.</p>
</div>
</div>
<!-- Clent Area -->
<div class="clientWrapper">
<div class="cliets">
<h2>OUR CLIENTS</h2>
</div>
<div class="logoWrap">
<img src="./img/clients/logo2.jpg" alt="client logs">
<img src="./img/clients/logo3.jpg.png" alt="client logs">
<img src="./img/clients/logo4.jpg.png" alt="client logs">
<img src="./img/clients/logo5.jpg.png" alt="client logs">
<img src="./img/clients/logo6.png" alt="client logs">
<img src="./img/clients/logo7.jpg.png" alt="client logs">
<img src="./img/clients/logo8.jpg.png" alt="client logs">
<img src="./img/clients/logo9.jpg.png" alt="client logs">
<img src="./img/clients/logo10.jpg.png" alt="client logs">
</div>
</div>
</div>
<!-- secondWrap -->
</div>
<!-- main wrapper ends here -->
<footer>
<div class="footerWrapper">
<div class="footerWigs">
<div class="abtUs">
<h2>About Us</h2>
</div>
<p>At ITC Logistics Our approach focuses on how we deliver operational excellence to provide viable, cost-effective technology-enabled solutions to the most challenging logistics & supply chain management questions. We reciprocate through our work entirely with a progressive mindset. “YOU TRUST US, WE CARE”. Whether a small, medium or a large business.</p>
</div>
<div class="footerWigs1">
<h2>Quick Links</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contacts</a></li>
</ul>
</div>
</div>
<div id="copyAndSMicons">
<div class="copy">
© 2019
</div>
<div class="SMicons">
<a href="https://www.facebook.com"><i class="fa fa-facebook-official" style="font-size:36px"></i></a>
<a href="https://www.twitter.com"><i class="fa fa-twitter-square" style="font-size:36px"></i></a>
<a href="https://www.youtube.com"><i class="fa fa-youtube-square" style="font-size:36px"></i></a>
<a href="https://www.linkedin.com"><i class="fa fa-linkedin-square" style="font-size:36px"></i></a>
</div>
</div>
</footer>
</body>
</html>