-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathservices.html
More file actions
687 lines (639 loc) · 36.1 KB
/
services.html
File metadata and controls
687 lines (639 loc) · 36.1 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
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
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<!--SEO-->
<title>Our Services | Custom Polymer Manufacturing & Solutions
</title>
<meta name="description" content="Explore our range of services including custom polymer formulation, product development, and industry-specific solutions tailored to meet unique client requirements." />
<!--favicon link-->
<link rel="shortcut icon" href="./assets/images/logo.png" type="image/x-icon" width="32" height="32">
<!-- font awesome -->
<script src="https://kit.fontawesome.com/f5d6705a2e.js" crossorigin="anonymous"></script>
<!--emailjs-->
<script src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js"></script>
<!--bootstrap links-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<!--sass link-->
<link rel="stylesheet" href="./assets/css/main.css">
</head>
<body>
<!-- ========== Start Header ========== -->
<nav class="navbar navbar-expand-lg fixed-top bg-body-tertiary px-1 px-lg-0 px-xlg-5 py-1 align-items-center">
<div class="container">
<a class="navbar-brand" href="index.html"> <img src="./assets/images/logo.png" alt="logo" width="auto" height="80" loading="lazy"></a>
<button class="navbar-toggler me-2 me-lg-0" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon text-gradient">
<span></span>
</span>
</button>
<div class="collapse navbar-collapse py-3 py-lg-0" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto mb-3 mb-lg-0">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="index.html" role="button" data-bs-toggle="dropdown" aria-expanded="false">About Us</a>
<ul class="dropdown-menu mt-1 mb-2 mt-lg-0 mb-lg-0">
<li><a class="dropdown-item" href="index.html#who-we-are">Who We Are?</a></li>
<li><a class="dropdown-item" href="index.html#business-model-section">Business Model</a></li>
<li><a class="dropdown-item" href="index.html#our-strategy">Our Strategy</a></li>
<li><a class="dropdown-item" href="index.html#why-choosen-us">Why Choose Us?</a></li>
<li><a class="dropdown-item" href="index.html#your-business-model">Your Business Partner</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle active" href="services.html" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Services
</a>
<ul class="dropdown-menu mt-1 mb-2 mt-lg-0 mb-lg-0">
<li><a class="dropdown-item" href="#services-cards">Product Design</a></li>
<li><a class="dropdown-item" href="#services-cards">CAD Services</a></li>
<li><a class="dropdown-item" href="#services-cards">Rapid Prototyping</a></li>
<li><a class="dropdown-item" href="#services-cards">Reverse Engineering</a></li>
<li><a class="dropdown-item" href="#services-cards">Packaging Solution</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#capabilities">Capabilities</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="product_development.html" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Product Development
</a>
<ul class="dropdown-menu mt-1 mb-2 mt-lg-0 mb-lg-0">
<li><a class="dropdown-item" href="product_development.html">Development Process</a></li>
<li><a class="dropdown-item" href="product_development.html#product-development__details">Value Engineering</a></li>
<li><a class="dropdown-item" href="product_development.html#product-development__details">Tooling Solutions</a></li>
</ul>
</li>
</ul>
<button class="btn text-nowrap ms-3 ms-lg-0 contact-btn mb-3 mb-lg-0" type="submit" ><a href="#footer">Contact Us</a></button>
</div>
</div>
</nav>
<!-- ========== End Header ========== -->
<div class="main-wrapper">
<!-- ========== Start banner with content ========== -->
<section id="service-banner-content" class="service-banner-content ">
<section class="services-hero mt-5">
<div class="services-hero__overlay">
<div class="container py-5 pb-0">
<!-- Breadcrumbs inside the overlay -->
<nav aria-label="breadcrumb" class="services-hero__breadcrumbs pb-5 pb-md-4 pb-xl-5 mt-lg-0">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item"><a href="index.html">About Us</a></li>
<li class="breadcrumb-item active" aria-current="page">Services</li>
</ol>
</nav>
<!-- Hero Text -->
<div class="services-hero__text pt-1 pt-lg-3 pt-md-0">
<h5 class="services-hero__subtitle">What We Offers</h5>
<h1 class="services-hero__title">Our Services</h1>
</div>
</div>
</div>
</section>
<section class="services-content px-1 px-sm-2 px-xl-5 mx-3 mx-xl-5 mx-sm-4 mx-md-3">
<div class="container px-xl-5 px-1 px-sm-2 py-lg-0 py-5 py-sm-5">
<div class="services-content__row row align-items-center">
<div class="services-content__column services-content__column-texts col-md-4 offset-md-1">
<h3 class="services-content__heading text-gradient">
<span class="services-content__line"></span>Our Services
</h3>
<p class="services-content__description">
Comprehensive engineering services to turn concepts into market-ready products
</p>
</div>
<div class="services-content__column col-md-6 offset-md-1">
<p class="services-content__paragraph">
Our solutions cater to industries such as automotive, consumer goods, medical devices, and packaging.
By combining creativity and technical expertise, we ensure products that meet market demands and customer expectations.
</p>
<p class="services-content__paragraph">
From initial concept to final delivery, our commitment to quality, cost-efficiency, and timely delivery sets us apart.
</p>
</div>
</div>
<div class="services-cards services-pro-cards row mt-5 px-2 px-sm-0 px-xl-5" id="services-cards">
<div class="col-md-4 col-lg-3 col-10 offset-1 col-sm-6 mb-4 offset-lg-1 offset-sm-0">
<div class="services-card">
<div class="services-card__icon">
<img src="./assets/images/product-design-logo.png" alt="product-design-icon" width="50" height="50" loading="lazy">
</div>
<h5 class="services-card__title">Product Design</h5>
<p class="services-card__description">
Transforming ideas into market-ready products with innovative design solutions.
</p>
<button class="services-card__button"><a href="#services-process-card-card-1">Learn More</a></button>
</div>
</div>
<div class="col-md-4 col-lg-3 col-10 offset-1 col-sm-6 offset-sm-0 mb-4">
<div class="services-card">
<div class="services-card__icon">
<img src="./assets/images/CAD-services-icon.png" alt="cad-services-icon" width="60" height="50" loading="lazy">
</div>
<h5 class="services-card__title">CAD Services</h5>
<p class="services-card__description">
Comprehensive 3D modeling and 2D detailing for precise product development.
</p>
<button class="services-card__button"><a href="#services-process-card-card-2">Learn More</a></button>
</div>
</div>
<div class="col-md-4 col-lg-3 col-10 offset-1 col-sm-6 offset-sm-0 mb-4">
<div class="services-card">
<div class="services-card__icon">
<img src="./assets/images/rapid-prototyping-icon.png" alt="rapid-prototyping-icon" width="50" height="50" loading="lazy">
</div>
<h5 class="services-card__title">Rapid Prototyping</h5>
<p class="services-card__description">
Accelerating product development with accurate and functional prototypes.
</p>
<button class="services-card__button"><a href="#services-process-card-card-3">Learn More</a></button>
</div>
</div>
<div class="col-md-6 col-lg-3 col-10 offset-1 col-sm-6 offset-sm-0 offset-lg-3 mb-4 ">
<div class="services-card">
<div class="services-card__icon">
<img src="./assets/images/reverse-engineering-icon.png" alt="reverse-engineering-icon" width="50" height="50" loading="lazy">
</div>
<h5 class="services-card__title">Reverse Engineering</h5>
<p class="services-card__description">
Enhancing and optimizing existing designs for improved performance and cost-efficiency.
</p>
<button class="services-card__button"><a href="#services-process-card-card-4">Learn More</a></button>
</div>
</div>
<div class="col-md-6 col-lg-3 col-10 offset-1 col-sm-6 offset-sm-0 mb-4">
<div class="services-card">
<div class="services-card__icon">
<img src="./assets/images/packaging-solution-icon.png" alt="packaging-solution-icon" width="50" height="50" loading="lazy">
</div>
<h5 class="services-card__title">Packaging Solutions</h5>
<p class="services-card__description">
Eco-friendly and innovative packaging designed to protect and promote your products.
</p>
<button class="services-card__button"><a href="#services-process-card-card-5">Learn More</a></button>
</div>
</div>
</div>
</div>
</section>
</section>
<!-- ========== End banner with content ========== -->
<!-- ========== Start services-{product design,cad modelling, rapid prototyping, reverse engineering, packaging solutions }========== -->
<section class="services-process mb-5 fade-section" id="services-process">
<div class="container">
<!-- Section Heading -->
<h2 class="services-process__heading text-gradient">Services Process</h2>
<!-- Cards Row -->
<div class="row justify-content-center">
<!-- Card 1: Product Design -->
<div class="col-lg-4 col-md-6 col-10 col-sm-6">
<div class="services-process-card services-process-card-card-1" id="services-process-card-card-1">
<div class="image-container">
<img src="./assets/images/engineer-factory.jpg" alt="Product Design" class="img-fluid" loading="lazy">
<div class="overlay-content">
<h3>Product Design</h3>
<h5>Turning Ideas into Market-Ready Products</h5>
</div>
</div>
<div class="content-box">
<h3>Product Design</h3>
<h5>Turning Ideas into Market-Ready Products</h5>
<p>We design functional, high-quality, and scalable products with a focus on efficiency and manufacturability.</p>
<div class="keyfeatures">
<h5>Key Features</h5>
<ul>
<li><span class="capabilities__icon">✔</span>Innovative and functional design solutions</li>
<li><span class="capabilities__icon">✔</span>3D visualization and rendering</li>
<li><span class="capabilities__icon">✔</span>Material selection for durability and efficiency</li>
<li><span class="capabilities__icon">✔</span>Ergonomic and aesthetic enhancements</li>
<li><span class="capabilities__icon">✔</span>Cost-effective manufacturing approach</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Card 2: CAD services -->
<div class="col-lg-4 col-md-6 col-10 col-sm-6 mt-5 mt-sm-0">
<div class="services-process-card services-process-card-card-2" id="services-process-card-card-2">
<div class="image-container">
<img src="./assets/images/bearded-engineer-his-home-office-night-working-gear-mechanism.jpg" alt="CAD services" class="img-fluid" loading="lazy">
<div class="overlay-content">
<h3>CAD Services</h3>
<h5>Precision CAD for Engineering & Manufacturing</h5>
</div>
</div>
<div class="content-box content-box-2">
<h3>CAD Services</h3>
<h5>Precision CAD for Engineering & Manufacturing</h5>
<p>Advanced 3D & 2D modeling ensures design accuracy, functionality, and seamless production integration</p>
<div class="keyfeatures">
<h5>Key Features</h5>
<!-- <ul>
<li>2D & 3D CAD Modeling</li>
<li>Sketch to CAD Conversion</li>
<li>Assembly Drawings</li>
<li>Design Optimization</li>
<li>Multi-Format Support</li>
</ul> -->
<ul>
<li><span class="capabilities__icon">✔</span>High-precision 2D and 3D CAD modeling</li>
<li><span class="capabilities__icon">✔</span>Sketch to CAD Conversion</li>
<li><span class="capabilities__icon">✔</span>Detailed assembly and part drawings</li>
<li><span class="capabilities__icon">✔</span>Design optimization for manufacturing</li>
<li><span class="capabilities__icon">✔</span>Multi-Format Support</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Card 3: Rapid Prototyping -->
<div class="col-lg-4 col-md-6 col-10 col-sm-6 mt-5 mt-lg-0">
<div class="services-process-card services-process-card-card-3" id="services-process-card-card-3">
<div class="image-container" >
<img src="./assets/images/who-we-are-image-2.jpg" alt="rapid-prototyping" class="img-fluid" loading="lazy">
<div class="overlay-content">
<h3>Rapid Prototyping</h3>
<h5>Fast, Accurate Prototypes for Design Validation</h5>
</div>
</div>
<div class="content-box content-box-3">
<h3>Rapid Prototyping</h3>
<h5>Fast, Accurate Prototypes for Design Validation</h5>
<p>Speeding up product development with accurate prototypes.</p>
<div class="keyfeatures">
<h5>Key Features</h5>
<!-- <ul>
<li>3D Scanning</li>
<li>Digital Reconstruction</li>
<li>Functional Testing</li>
<li>Quick Iterations</li>
<li>Low-Volume Production</li>
</ul> -->
<ul>
<li><span class="capabilities__icon">✔</span>High-speed prototype development</li>
<li><span class="capabilities__icon">✔</span>3D printing and CNC machining</li>
<li><span class="capabilities__icon">✔</span>Functional and appearance models</li>
<li><span class="capabilities__icon">✔</span>Testing and validation before mass production</li>
<li><span class="capabilities__icon">✔</span>Reduction in product development time</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Card 4: Reverse Engineering -->
<div class="col-lg-4 col-md-6 col-10 col-sm-6 mt-5">
<div class="services-process-card services-process-card-card-4" id="services-process-card-card-4">
<div class="image-container">
<img src="./assets/images/our-strategy-image-2.jpg" alt="Product Design" class="img-fluid" loading="lazy">
<div class="overlay-content">
<h3>Reverse Engineering</h3>
<h5>Optimizing & Enhancing Existing Designs</h5>
</div>
</div>
<div class="content-box content-box-4">
<h3>Reverse Engineering</h3>
<h5>Optimizing & Enhancing Existing Designs</h5>
<p>We analyze, reconstruct, and enhance products for performance, cost-efficiency,</p>
<div class="keyfeatures">
<h5>Key Features</h5>
<ul>
<li><span class="capabilities__icon">✔</span>3D scanning and digital modeling</li>
<li><span class="capabilities__icon">✔</span>Reconstruction of outdated components</li>
<li><span class="capabilities__icon">✔</span>Functional Testing</li>
<li><span class="capabilities__icon">✔</span>Quick Iterations and design refinements</li>
<li><span class="capabilities__icon">✔</span>Low-Volume Production for prototypes</li>
</ul>
<!-- <ul>
<li>3D Scanning</li>
<li>Digital Reconstruction</li>
<li>Functional Testing</li>
<li>Quick Iterations</li>
<li>Low-Volume Production</li>
</ul> -->
<button class="btn mb-4"><a href="#reverse-engineering-carousel-section" class="f6 small">Click here to see our work!</a></button>
</div>
</div>
</div>
</div>
<!-- Card 5: Packaging Solutions -->
<div class="col-lg-4 col-md-6 col-10 col-sm-6 mt-5">
<div class="services-process-card services-process-card-card-5" id="services-process-card-card-5">
<div class="image-container">
<img src="./assets/images/packaging-solution.jpg" alt="Product Design" class="img-fluid" loading="lazy">
<div class="overlay-content">
<h3>Packaging Solutions</h3>
<h5>Sustainable & Custom Packaging Innovations</h5>
</div>
</div>
<div class="content-box content-box-5">
<h3>Packaging Solutions</h3>
<h5>Sustainable & Custom Packaging Innovations</h5>
<p>We design protective, sustainable, and visually appealing packaging that enhances product value.</p>
<div class="keyfeatures">
<h5>Key Features</h5>
<ul>
<li><span class="capabilities__icon">✔</span>Custom Packaging</li>
<li><span class="capabilities__icon">✔</span>Protective & sustainable packaging materials</li>
<li><span class="capabilities__icon">✔</span>Branding & Aesthetics appeal enhancements</li>
<li><span class="capabilities__icon">✔</span>Prototyping & structural testing</li>
<li><span class="capabilities__icon">✔</span>Cost-efficient & Eco-Friendly Solutions</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ========== End services-{product design,cad modelling, rapid prototyping, reverse engineering, packaging solutions }========== -->
<!-- ========== Start reverse-engineering before and after moulding image section ========== -->
<section class="reverse-engineering-carousel-section mb-5" id="reverse-engineering-carousel-section">
<div class="container">
<h2 class="reverse-engineering-carousel-title text-gradient">Before & After Reverse Engineering</h2>
<!-- Carousel -->
<div id="reverseEngineeringCarousel" class="carousel slide reverse-engineering-carousel" data-bs-ride="carousel">
<div class="carousel-inner">
<!-- Before Slide -->
<div class="carousel-item active">
<div class="reverse-engineering-before-content">
<div class="reverse-engineering-before-image">
<img src="./assets/images/before-re-engineering-img.png" alt="Before Reverse Engineering" class="img-fluid">
</div>
<div class="reverse-engineering-before-text">
<h3>Before Reverse Engineering</h3>
<h6>(Sheet metal body)</h6>
<p>The original design used heavy sheet metal, making it prone to corrosion and wear over time.
The lack of CAD data made it difficult to reproduce or enhance, requiring manual redesign efforts</p>
<button class="btn btn-danger mt-2 mb-0"><a href="#footer">Get a Quote</a></button>
</div>
</div>
</div>
<!-- After Slide -->
<div class="carousel-item">
<div class="reverse-engineering-after-content">
<div class="reverse-engineering-after-image">
<img src="./assets/images/after-reverse-engineering-img.png" alt="After Reverse Engineering" class="img-fluid">
</div>
<div class="reverse-engineering-after-text">
<h3>After Reverse Engineering</h3>
<h6>(Sheet metals replaced
with Plastic frames)</h6>
<p>The redesigned model features lightweight, durable plastic frames, improving strength and
corrosion resistance. With precise CAD models, production is now more efficient and cost-effective</p>
<button class="btn btn-danger mt-2"><a href="#footer">Get a Quote</a></button>
</div>
</div>
</div>
</div>
<!-- Carousel Controls -->
<button class="carousel-control-prev reverse-engineering-prev" type="button" data-bs-target="#reverseEngineeringCarousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon"></span>
</button>
<button class="carousel-control-next reverse-engineering-next" type="button" data-bs-target="#reverseEngineeringCarousel" data-bs-slide="next">
<span class="carousel-control-next-icon"></span>
</button>
</div>
</div>
</section>
<!-- ========== End reverse-engineering before and after moulding image section ========== -->
<!-- Tool Room Machineries Modal -->
<div class="modal fade" id="toolMachineryModal" tabindex="-1" aria-labelledby="toolMachineryModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content modal-custom">
<!-- Modal Header -->
<div class="modal-header text-white">
<h5 class="modal-title" id="toolMachineryModalLabel">🔧 Tool Room Machineries</h5>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<!-- Modal Body (Table) -->
<div class="modal-body">
<div class="table-responsive">
<table class="table table-hover table-custom">
<thead class="table-dark">
<tr>
<th scope="col">Machine Name</th>
<th scope="col">Specification</th>
<th scope="col">Make</th>
<th scope="col">Quantity</th>
</tr>
</thead>
<tbody>
<tr><td>VMC</td><td>XYZ-820X510X510 MM</td><td>MACPOWER</td><td>1</td></tr>
<tr><td>EDM</td><td>550X350 MM</td><td>CHMER</td><td>1</td></tr>
<tr><td>Surface Grinding</td><td>450X150 MM</td><td>SEEDTEC</td><td>1</td></tr>
<tr><td>Surface Grinding</td><td>1000X500 MM</td><td>DAHANUKAR</td><td>1</td></tr>
<tr><td>Screw Compressor</td><td>7.5 HP</td><td>FRANK</td><td>1</td></tr>
<tr><td>Stacker (Heavy)</td><td>2 TON</td><td>HUNTER, CHINA</td><td>1</td></tr>
</tbody>
</table>
</div>
</div>
<!-- Modal Footer -->
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- View Our Machines Modal -->
<div class="modal fade" id="machineGalleryModal" tabindex="-1" aria-labelledby="machineGalleryModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content modal-customs">
<!-- Modal Header -->
<div class="modal-header text-gradient">
<h5 class="modal-title" style="background: linear-gradient(to right, red, #1e1e24)!important;
-webkit-background-clip: text!important;
color: transparent!important;
font-size: 1rem;
font-weight: 600;" id="machineGalleryModalLabel">Aggressive Polymer-Our Machines</h5>
<button type="button" class="btn-close btn-close-modal" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<!-- Modal Body (Carousel with Fixed Height) -->
<div class="modal-body d-flex flex-column align-items-center">
<div id="machineCarousel" class="carousel slide" data-bs-ride="carousel">
<!-- Carousel Indicators -->
<div class="carousel-indicators">
<button type="button" data-bs-target="#machineCarousel" data-bs-slide-to="0" class="active"></button>
<button type="button" data-bs-target="#machineCarousel" data-bs-slide-to="1"></button>
<button type="button" data-bs-target="#machineCarousel" data-bs-slide-to="2"></button>
<button type="button" data-bs-target="#machineCarousel" data-bs-slide-to="3"></button>
</div>
<div class="carousel-inner carousel-inner-modal ">
<!-- Image 1 -->
<div class="carousel-item active">
<img src="./assets/images/view-machine-1.jpeg" class="machine-img" alt="Machine 1" loading="lazy">
</div>
<!-- Image 2 -->
<div class="carousel-item">
<img src="./assets/images/view-machine-2.jpeg" class="machine-img" alt="Machine 2" loading="lazy">
</div>
<!-- Image 3 -->
<div class="carousel-item">
<img src="./assets/images/view-machine-3.jpeg" class="machine-img" alt="Machine 3" loading="lazy">
</div>
<!-- Image 4 -->
<div class="carousel-item">
<img src="./assets/images/view-machine-4.jpeg" class="machine-img" alt="Machine 4" loading="lazy">
</div>
</div>
<!-- Carousel Controls (Middle Left & Right in Square Boxes) -->
<button class="carousel-control-prev carousel-control-prev-modal custom-control" type="button" data-bs-target="#machineCarousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon"></span>
</button>
<button class="carousel-control-next carousel-control-next-modal custom-control" type="button" data-bs-target="#machineCarousel" data-bs-slide="next">
<span class="carousel-control-next-icon"></span>
</button>
</div>
<!-- Machine Name Container -->
<div class="machine-name text-center mt-2">
<h5 id="machineTitle"> EDM MACHINE- CHMER </h5>
<h6 id="machineSize">
BED SIZE— 550X350 MM</h6>
</div>
</div>
<!-- Modal Footer -->
<!-- <div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
</div> -->
</div>
</div>
</div>
<!-- ========== Start pagination section ========== -->
<div class="container mb-3">
<nav aria-label="Page navigation">
<ul class="pagination justify-content-center justify-content-md-end pagination-lg">
<li class="page-item">
<a class="page-link next-arrow" href="index.html" aria-label="Previous">
<span aria-hidden="true">«</span>
</a>
</li>
<li class="page-item"><a class="page-link" href="index.html">1</a></li>
<li class="page-item active"><a class="page-link" href="services.html">2</a></li>
<li class="page-item"><a class="page-link" href="product_development.html">3</a></li>
<li class="page-item">
<a class="page-link right-arrow" href="product_development.html" aria-label="Next">
<span aria-hidden="true">»</span>
</a>
</li>
</ul>
</nav>
</div>
<!-- ========== End pagination section ========== -->
</div>
<!-- ========== Start contact-us footer ========== -->
<footer id="footer" class="footer mt-0 fade-section">
<div class="container-fluid px-0">
<!-- First Row -->
<div class="row">
<div class="col-10 offset-1 col-sm-8 offset-sm-2 col-md-12 offset-md-0 col-lg-12 offset-lg-0">
<div class="row footer__row text-center">
<!-- Get in Touch -->
<div class="col-lg-5 col-md-4 offset-md-1">
<h5 class="footer__heading text-gradient">Get in Touch with us!</h5>
<p class="footer__content">
Have questions or need assistance? We're here to help.
Feel free to reach out to us through the following channels.
Our dedicated team ensures your queries are addressed promptly and effectively.
</p>
<div class="footer__icon d-flex align-items-center">
<i class="fas fa-envelope me-3 fa-sm text-gradient" ></i>
<a href="mailto:aggressivepolymers@outlook.com" style="text-decoration: none; color: inherit;">
aggressivepolymers@outlook.com
</a>
</div>
<div class="footer__icon">
<i class="fas fa-mobile-alt me-4 fa-sm text-gradient"></i>
<div>
<a href="tel:+918056227558" style="text-decoration: none; color: inherit;">+91 8056227558</a><br>
<a href="tel:+919047425015" style="text-decoration: none; color: inherit;">+91 9047425015</a>
</div>
</div>
<div class="footer__icon">
<a href="https://www.google.com/maps/search/?api=1&query=No.15/A, Kamatchi Amman Street, Ekkattuthangal, Chennai-32, TamilNadu"
target="_blank"
style="text-decoration: none; color: inherit;">
<i class="fas fa-map-marker-alt fa-sm me-4 text-gradient"></i>
No.15/A, Kamatchi Amman Street, Ekkattuthangal,<br>
Chennai-32, TamilNadu
</a>
</div>
</div>
<!-- Contact Us Form -->
<div class="col-md-5 col-lg-4 offset-md-1 footer__form">
<h3 class="footer__head">say something 😊</h3>
<form>
<input type="text" name="name" placeholder="Your Name" required>
<input type="email" name="email" placeholder="Your Mail" required>
<textarea rows="4" name="message" placeholder="Message..." required></textarea>
<button type="submit">Send Message</button>
</form>
</div>
</div>
</div>
</div>
<!-- Second Row -->
<div class="row g-sm-4 g-md-3 g-lg-0 footer__bottom mt-0">
<div class="col-lg-4 col-md-5 col-sm-6 footer__column mt-lg-0 d-flex flex-column align-items-start justify-content-start">
<h3 class="footer__column-heading">About Us</h3>
<div class="footer__column-line"></div>
<div class="footer__column-para">
Aggressive Polymers specializes in plastic injection molds, jigs, and fixtures, delivering innovative and cost-effective solutions to drive business success.
</div>
<!-- View Our Machines Button -->
<button type="button" class="btn btn-danger bg-warning fs-6 mt-3 me-0 ms-sm-0" data-bs-toggle="modal" data-bs-target="#machineGalleryModal">
View Our Machines
</button>
</div>
<div class="col-lg-2 col-md-3 col-sm-5 footer__column">
<h3 class="footer__column-heading">Quick Links</h3>
<div class="footer__column-line"></div>
<div class="footer__links">
<a href="index.html">Home</a>
<a href="index.html">About Us</a>
<a href="services.html">Services</a>
<a href="index.html">Capabilities</a>
<a href="product_development.html">Product Development</a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-5 order-sm-4 order-md-3 footer__column">
<h3 class="footer__column-heading">Address</h3>
<div class="footer__column-line"></div>
<p>No.15/A, Kamatchi Amman Street, Ekkattuthangal,<br>
Chennai-32, TamilNadu <br>
<a href="https://maps.google.com/?q=13.0102,80.2124" target="_blank">
View on Google Maps
</a>
</p>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 me-sm-4 me-md-0 footer__column order-sm-3 order-md-4 px-4">
<h3 class="footer__column-heading">Contact Links</h3>
<div class="footer__column-line"></div>
<a href="https://wa.me/918056227558" target="_blank" class="footer__button"><i class="fab fa-whatsapp-square fa-lg me-3 text-gradient"></i>Chat with Us</a>
<a href="mailto:aggressivepolymers@outlook.com" class="footer__button"> <i class="fas fa-envelope me-3 f6 text-gradient" ></i>Email Us</a>
</div>
</div>
</div>
</footer>
<!-- ========== End contact-us footer ========== -->
<!-- Back to Top Button -->
<button onclick="scrollToTop()" id="backToTopBtn">
<i class="fas fa-angle-double-up"></i>
</button>
<!-- WhatsApp Floating Button -->
<a href="https://wa.me/918056227558 "
class="whatsapp-btn" target="_blank">
<i class="fab fa-whatsapp"></i>
</a>
<!--Bootstrap-5 popper CDN Link-->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<!--bootstrap js link-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<script src="./assets/js/script.js"></script>
</body>
</html>