Dashboard Temp Share Shortlinks Frames API

HTMLify

services.html
Views: 34 | Author: karbonsites
  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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Services - Nasir Hardwares</title>
    <link rel="stylesheet" href="./style.css">
    <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Roboto:wght@300;400;700&display=swap" rel="stylesheet">
</head>
<body>
    <header class="main-header">
        <nav class="navbar">
            <div class="logo">NASIR <span class="highlight">HARDWARES</span></div>
            <ul class="nav-links">
                <li><a href="index.html">Home</a></li>
                <li><a href="products.html">Products</a></li>
                <li><a href="services.html" class="active">Services</a></li>
                <li><a href="about.html">About Us</a></li>
                <li><a href="contact.html" class="cta-nav">Get Quote</a></li>
            </ul>
            <div class="menu-toggle" id="menu-toggle">&#9776;</div>
        </nav>
    </header>

    <main>
        <section class="page-header" id="services-hero">
            <div class="container">
                <h1 class="fade-in-up">Comprehensive Industrial Support</h1>
                <p class="fade-in-up delay-1">Beyond supply: We offer engineering consultation, custom fabrication, and supply chain management.</p>
            </div>
        </section>

        <section class="container section-padding">
            <h2>Our Value-Added Services</h2>
            <div class="service-list">
                <div class="service-item card-3d fade-in-scroll" data-delay="0">
                    <div class="service-icon">&#128295;</div>
                    <h3>Precision CNC Machining</h3>
                    <p>Utilizing state-of-the-art 5-axis CNC machines for tight tolerance components in various alloys.</p>
                    <a href="contact.html" class="service-link">Request Quote &rarr;</a>
                </div>
                <div class="service-item card-3d fade-in-scroll" data-delay="1">
                    <div class="service-icon">&#128187;</div>
                    <h3>Supply Chain Optimization</h3>
                    <p>Managing inventory, forecasting demand, and ensuring JIT (Just-In-Time) delivery schedules.</p>
                    <a href="contact.html" class="service-link">Learn More &rarr;</a>
                </div>
                <div class="service-item card-3d fade-in-scroll" data-delay="2">
                    <div class="service-icon">&#128204;</div>
                    <h3>Material Sourcing & Certification</h3>
                    <p>Sourcing specialized materials (Inconel, Titanium, Aerospace Grade Steel) with full traceability documentation.</p>
                    <a href="contact.html" class="service-link">View Materials &rarr;</a>
                </div>
            </div>
        </section>

        <section class="process-section bg-dark-gray">
            <div class="container">
                <h2>Our Consultation Process</h2>
                <div class="timeline">
                    <div class="timeline-item fade-in-scroll">
                        <div class="timeline-dot">1</div>
                        <div class="timeline-content">
                            <h4>Requirement Analysis</h4>
                            <p>Deep dive into project scope and material needs.</p>
                        </div>
                    </div>
                    <div class="timeline-item fade-in-scroll">
                        <div class="timeline-dot">2</div>
                        <div class="timeline-content">
                            <h4>Design & Prototyping</h4>
                            <p>CAD modeling and rapid prototyping for client approval.</p>
                        </div>
                    </div>
                    <div class="timeline-item fade-in-scroll">
                        <div class="timeline-dot">3</div>
                        <div class="timeline-content">
                            <h4>Production & QA</h4>
                            <p>Scaled manufacturing under strict quality control protocols.</p>
                        </div>
                    </div>
                    <div class="timeline-item fade-in-scroll">
                        <div class="timeline-dot">4</div>
                        <div class="timeline-content">
                            <h4>Delivery & Integration</h4>
                            <p>Logistics handled; integration support provided on site if required.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <footer class="main-footer">
        <div class="container footer-grid">
            <div class="footer-col">
                <h4>NASIR HARDWARES</h4>
                <p>Engineering the future of industry with quality and precision.</p>
            </div>
            <div class="footer-col">
                <h4>Quick Links</h4>
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="products.html">Products</a></li>
                    <li><a href="services.html" class="active">Services</a></li>
                    <li><a href="about.html">Careers</a></li>
                </ul>
            </div>
            <div class="footer-col">
                <h4>Support</h4>
                <ul>
                    <li><a href="#">FAQ</a></li>
                    <li><a href="contact.html">Support Center</a></li>
                    <li><a href="#">Privacy Policy</a></li>
                </ul>
            </div>
            <div class="footer-col">
                <h4>Connect</h4>
                <p>Email: info@nasirhardware.com</p>
                <p>Phone: +1 (555) 123-4567</p>
            </div>
        </div>
        <div class="footer-bottom">
            &copy; 2024 Nasir Hardwares. All Rights Reserved.
        </div>
    </footer>

    <script src="./script.js"></script>
</body>
</html>