-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
299 lines (286 loc) · 16.2 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
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
<!DOCTYPE html>
<html lang="en-US">
<head itemscope itemtype="https://schema.org/WebSite">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>GM Steel Industries - High-Quality Steel Ingots Leading Manufacturer</title>
<meta name="description" content="GM Steel Industries is a reliable and trustworthy supplier of steel ingots. Our high-quality ingots meet industry standards and are available in various sizes and specifications.">
<link rel="stylesheet" href="./src/css/preloader.min.css?ver=2.1" type="text/css" media="screen">
<link rel="preload" href="./img/logo.webp" as="image" type="image/png">
<link rel="preload" href="./img/home-bg-768.webp" as="image" type="image/webp" media="(max-width: 768px)">
<link rel="preload" href="./img/home-bg.webp" as="image" type="image/webp" media="(min-width: 769px)">
<link rel="icon" href="./favicon.ico">
<meta itemprop="name" content="GM Steel Industries">
<meta itemprop="url" content="https://www.gmsteelindustries.com">
</head>
<body itemscope itemtype="https://schema.org/WebPage">
<div class="atf-preloader" id="atf-preloader">
<div class="atf-status">
<div class="atf-lds-roller">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
</div>
<div class="site-container">
<div class="wrap">
<header class="site-header flex">
<!-- SITE LOGO -->
<div class="title-area">
<h2 class="site-title" itemprop="headline">
<a href="#home" title="GM Steel Industries">GM Steel Industries</a>
</h2>
<h2 class="site-description" itemprop="description">
GM Steel Industries is a leading manufacturer of high-quality
steel ingots for a wide range of applications. We specialize in
producing durable and reliable steel ingots that meet the highest
industry standards. Our commitment to quality is evident in every
product we manufacture, and we continuously strive to innovate and
improve our processes to provide the best possible solutions for
our customers. Our steel ingots are available in a variety of
sizes and specifications, and we pride ourselves on offering
exceptional customer service and support. Trust GM Steel
Industries for all your steel ingot needs, and experience the
difference of a reliable and trustworthy supplier.
</h2>
</div>
<!-- Main Navigation -->
<button class="menu-toggle icon-menu" aria-label="Navigation Menu Button" aria-expanded="false" aria-pressed="false"></button>
<nav class="nav-primary" aria-label="Main" itemscope itemtype="https://schema.org/SiteNavigationElement">
<ul id="primary-menu" class="primary-menu">
<li class="menu-item active">
<a class="icon-home active" href="#home">Home</a>
</li>
<li class="menu-item">
<a class="icon-cart" href="#our-products">Products</a>
</li>
<li class="menu-item">
<a class="icon-users" href="#our-mission">About Us!</a>
</li>
<li class="menu-item">
<a class="icon-address-book" href="#contact-us">Contact Us!</a>
</li>
<li class="menu-item">
<a class="icon-images" href="#gallery-section">Gallery</a>
</li>
</ul>
</nav>
</header>
<!-- Main Website Content -->
<div class="site-inner">
<main class="content">
<div class="go-top">
<a class="top icon-arrow-up" title="Go Back to Top" href="#home"></a>
</div>
<section id="home" class="home-section">
<div class="container">
<div class="row">
<div class="home-padding"></div>
<div class="home-heading">
<h1>GM Steel Industries</h1>
<h2>
Trust GM Steel Industries for top-quality steel ingots in
various sizes and specifications. Our products meet the
highest industry standards, and we are committed to
providing exceptional customer service.
</h2>
<div class="home-buttons">
<a class="icon-address-book contact-button" href="#contact-us">Contact Us!</a>
<a class="icon-users contact-button" href="#profile-gallery">Our Profile!</a>
</div>
</div>
</div>
</div>
</section>
<section id="our-products" class="our-products">
<div class="container">
<h2 class="section-heading icon-cart">
Highest Quality Steel Billets
</h2>
<div class="row">
<div class="product-widget">
<a href="/img/bari.webp" data-fslightbox="prods">
<img src="/img/bari-thumb.webp" loading="lazy" alt="50KG Steel Billet" width="360" height="270">
</a>
<div class="product-description">50 KG Steel Billet ( Baari )</div>
</div>
<div class="product-widget">
<a href="/img/bala.webp" data-fslightbox="prods">
<img src="/img/bala-thumb.webp" loading="lazy" alt="100KG Steel Billet" width="360" height="270">
</a>
<div class="product-description">100 KG Steel Billet ( Bala )</div>
</div>
<div class="product-widget">
<a href="/img/cc.webp" data-fslightbox="prods">
<img src="/img/cc-thumb.webp" loading="lazy" alt="Continuous Casting Steel Billets" width="360" height="270">
</a>
<div class="product-description">Steel Billets ( CC )</div>
</div>
</div>
</div>
</section>
<section id="our-mission" class="our-mission">
<div class="container">
<div class="row">
<div>
<h2 class="section-heading icon-users">Our Mission!</h2>
<p>
At GM Steel Industries, our ultimate goal is to deliver
steel ingots that exceed our customers' expectations. We
are dedicated to manufacturing high-quality steel ingots
that meet the highest industry standards, while also
maintaining ethical and sustainable practices. Our
commitment to quality is unwavering, and we continuously
work to improve our processes and products to provide the
best possible solutions for our clients.
</p>
<p>
Our relationships with our customers are of utmost
importance to us, and we strive to build long-lasting
partnerships based on trust, reliability, and exceptional
customer service. We believe that strong communication and
collaboration are key to achieving mutual success, and we
work closely with our clients to ensure that we are
meeting their needs and exceeding their expectations.
</p>
</div>
</div>
<div class="profile-gallery" id="profile-gallery">
<a href="/profile/GM_Steel_Profile_001.webp" data-fslightbox="profile">
<img src=" /profile/GM_Steel_Profile_001.webp" loading="lazy" alt="GM Steel Profile Page 01">
</a>
<a href="/profile/GM_Steel_Profile_002.webp" data-fslightbox="profile">
<img src=" /profile/GM_Steel_Profile_002.webp" loading="lazy" alt="GM Steel Profile Page 02">
</a>
<a href="/profile/GM_Steel_Profile_003.webp" data-fslightbox="profile">
<img src=" /profile/GM_Steel_Profile_003.webp" loading="lazy" alt="GM Steel Profile Page 03">
</a>
<a href="/profile/GM_Steel_Profile_004.webp" data-fslightbox="profile">
<img src=" /profile/GM_Steel_Profile_004.webp" loading="lazy" alt="GM Steel Profile Page 04">
</a>
<a href="/profile/GM_Steel_Profile_005.webp" data-fslightbox="profile">
<img src=" /profile/GM_Steel_Profile_005.webp" loading="lazy" alt="GM Steel Profile Page 05">
</a>
<a href="/profile/GM_Steel_Profile_006.webp" data-fslightbox="profile">
<img src=" /profile/GM_Steel_Profile_006.webp" loading="lazy" alt="GM Steel Profile Page 06">
</a>
<a href="/profile/GM_Steel_Profile_007.webp" data-fslightbox="profile">
<img src=" /profile/GM_Steel_Profile_007.webp" loading="lazy" alt="GM Steel Profile Page 07">
</a>
<a href="/profile/GM_Steel_Profile_008.webp" data-fslightbox="profile">
<img src=" /profile/GM_Steel_Profile_008.webp" loading="lazy" alt="GM Steel Profile Page 08">
</a>
<a href="/profile/GM_Steel_Profile_009.webp" data-fslightbox="profile">
<img src=" /profile/GM_Steel_Profile_009.webp" loading="lazy" alt="GM Steel Profile Page 09">
</a>
</div>
</div>
</section>
<section id="contact-us" class="contact-us">
<div class="container">
<div class="row">
<div>
<h2 class="section-heading icon-address-book">Contact Us!</h2>
<ul class="address-contact">
<li>
<a class="icon-envelop" href="mailto:gm.steelindustries@gmail.com">Send us an E-Mail</a>
</li>
<li>
<a class="icon-mobile" href="tel:+923006412193">+92-300-6412193</a>
</li>
<li>
<a class="icon-whatsapp" href="https://wa.me/+923006412193" target="_blank">WhatsApp</a>
</li>
</ul>
<div class="right-contact">
<form class="contact-form" id="contact-form">
<input type="text" id="name" name="name" required placeholder="Enter Your Name *">
<input type="email" id="email" name="email" placeholder="Enter Your E-Mail Address">
<textarea name="message" id="message" cols="15" rows="7" required placeholder="Please type your message here...*"></textarea>
<div class="submit-btn">
<button class="main-btn icon-envelop" type="submit">Send E-Mail!</button>
</div>
</form>
</div>
</div>
<div>
<h2 class="section-heading icon-address-book">Find Us!</h2>
<div class="address-link">
<a class="icon-home" href="https://goo.gl/maps/KBUJjcDUuStpgcq98" target="_blank">
GM Steel Industries, Sialkot Eminabad Road, a.k.a
Deewan Road,<br>Near Grid Station, Eminabad,
Gujranwala
</a>
</div>
<div class="map-widget-container">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d597.7548624249351!2d74.26706712116327!3d32.05809998395169!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3918d533b4860df9%3A0xcbe30d113a1c31c6!2sGM%20Steel%20Industries!5e0!3m2!1sen!2s!4v1669876688154!5m2!1sen!2s"
width="500"
height="326"
style="border: 0"
allowfullscreen=""
loading="lazy"
title="Our location on Google Maps"
referrerpolicy="no-referrer-when-downgrade"
></iframe>
</div>
</div>
</div>
</div>
</section>
<section id="gallery-section" class="gallery-section">
<div class="container">
<h2 class="section-heading icon-images">Gallery</h2>
<div class="homegallery row">
<a href="/img/gallery-01.webp" data-fslightbox="gallery">
<img src=" /img/gallery-01-gthumb.webp" loading="lazy" alt="GM Steel Gallery 01" width="300" height="225">
</a>
<a href="/img/gallery-02.webp" data-fslightbox="gallery">
<img src="/img/gallery-02-gthumb.webp" loading="lazy" alt="GM Steel Gallery 02" width="300" height="225">
</a>
<a href="/img/gallery-03.webp" data-fslightbox="gallery">
<img src="/img/gallery-03-gthumb.webp" loading="lazy" alt="GM Steel Gallery 03" width="300" height="225">
</a>
<a href="/img/gallery-04.webp" data-fslightbox="gallery">
<img src="/img/gallery-04-gthumb.webp" loading="lazy" alt="GM Steel Gallery 04" width="300" height="225">
</a>
<a href="/img/gallery-05.webp" data-fslightbox="gallery">
<img src="/img/gallery-05-gthumb.webp" loading="lazy" alt="GM Steel Gallery 05" width="300" height="225">
</a>
<a href="/img/gallery-06.webp" data-fslightbox="gallery">
<img src="/img/gallery-06-gthumb.webp" loading="lazy" alt="GM Steel Gallery 06" width="300" height="225">
</a>
<a href="/img/bari.webp" data-fslightbox="gallery">
<img src="/img/bari-gthumb.webp" loading="lazy" alt="50KG Steel Billet" width="300" height="225">
</a>
<a href="/img/bala.webp" data-fslightbox="gallery">
<img src="/img/bala-gthumb.webp" loading="lazy" alt="100KG Steel Billet" width="300" height="225">
</a>
<a href="/img/cc.webp" data-fslightbox="gallery">
<img src="/img/cc-gthumb.webp" loading="lazy" alt="Continuous Casting Steel Billets" width="300" height="225">
</a>
</div>
</div>
</section>
</main>
</div>
<footer class="site-footer">
<div class="footer-logo">
<img src="./img/big-logo.webp" alt="GM Steel Logo" width="200px" loading="lazy">
</div>
<div class="credits">
<div class="copyright">
Copyright © <span id="year"></span> - GM Steel Industries
</div>
<div class="powered">
Designed By
<a href="https://saqibtech.com/" target="_blank" title="Saqib Islam - UX/UI Designer & Full Stack Developer.">Saaqi</a>
</div>
</div>
</footer>
</div>
</div>
<script type="module" src="./src/js/main.js"></script>
</body>
</html>