hartplan/services.html at main · chimelu4/hartplan · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Services</title>
    <link rel="stylesheet" type="text/css" href="./services.css">
</head>
<body>


  <header>
    <div class="container-img-h2   logo">
      <div class="contents-icon-and-contact-info">
      <img id="icon"  src="images/Hartplan.png" alt="img-logo" height="40px">
      </div>

      <div class="contents-icon-and-contact-info">
        <p id="paragraph-contents-contact-info">+234 813 346 2928 | info@hartplannigerialimited.ng</p>
      </div>

   </div>
   </header>


      <nav class="navbar" id="background">
        <div id="container-navlink-buttons">

            <ul class="nav-links">
             <li class="nav-options"><a href="index.html">Home</a></li>
             <li class="nav-options"><a href="aboutus.html">About Us</a></li>
             <li class="nav-options"><a href="services.html">Services</a></li>
             <li class="nav-options"><a href="contactus.html">Contact Us</a></li>
            </ul>


            <div class="hamburger-menu">
              <div class="hamburger" id="hamburger">
                &#9776;
              </div>
               <div class="dropdown-menu" id="dropdown-menu">
                <a href="index.html">Home</a></li>
                <a href="aboutus.html">About Us</a>
                <a href="services.html">Services</a>
                <a href="contactus.html">Contact Us</a>
              </div>
           </div>


             <div id="container-signin-and-sign-out">
               <button id="signup" class="signin-and-sign-out"><a href="./Signup.html">Sign Up</a></button>

               <button id="Login" class="signin-and-sign-out"><a href="./Login.html">Log In</a></button>
             </div>


       </nav>


       <section class="Services">
          <h2>Our <Span style="color: #621a1d;">Services</Span></h2>
          <hr>
          <p>Welcome to the Services page of Hartplan
            <br>
            Transform the way you drive with our top-tier CNG conversion services. At Hartplan, we specialize in converting vehicles to run on eco-friendly Compressed Natural Gas (CNG), offering you a greener, more cost-effective driving solution.
            Whether you're looking to convert your vehicle, purchase high-quality CNG kits, or gain hands-on training in CNG conversion, our expert team is here to guide you every step of the way.
            Join us in our commitment to a greener future, one vehicle at a time. Explore our services below:
          </p>

      <div class="cng-conversion-services-container">

            <div class="service-box">
              <img src="images/icons8-car-50.png" alt="A car conversion icon">
              <h3>Conversion</h3>
              <p>We offer end-to-end CNG conversion solutions, including vehicle assessment, system installation, safety inspections, and post-conversion maintenance.
                Every conversion is carried out precisely to ensure that your vehicle maintains performance and complies with all relevant safety and environmental standards.
                Whether you're a fleet operator or an individual driver,we are committed to delivering reliable, efficient, and eco-friendly CNG conversion solutions tailored to your needs.
              </p>
              <a href="#" class="cta-button">Learn More</a>
          </div>

          <div class="service-box">
             <img src="images/icons8-training-50.png" alt="A training icon">
              <h3>Training</h3>
              <p>We specialize in providing comprehensive CNG (Compressed Natural Gas) training services designed for individuals and businesses looking to adopt and safely operate CNG systems. Our training programs cover the essentials of CNG technology, ensuring participants understand the installation, maintenance, and operational procedures involved in utilizing CNG systems efficiently.
                Our courses are tailored to meet industry standards and equip trainees with the needed skills.
              </p>
                <a href="#" class="cta-button">Learn More</a>
          </div>

          <div class="service-box">
            <img src="images/icons8-sell-50.png">
              <h3>CNG Kits Sales</h3>
              <p>We specialize in offering high-quality CNG (Compressed Natural Gas) kits to help you convert your vehicles. Our CNG conversion kits are designed for seamless integration with a wide range of vehicles, ensuring improved fuel efficiency while reducing harmful emissions. With a focus on safety, our kits undergo rigorous testing to meet the highest industry standards.
                we also provide a range of accessories including fuel injectors, regulators, hoses, and sensors to enhance your CNG system's performance
              </p>
              <a href="#" class="cta-button">Learn More</a>
          </div>

       </div>

       </section>

       <section class="how-it-works">
                <h2 style="color: #621a1d;">How it works</h2>
                <hr>
                <p>Discover the way we onboarding customers to convert their vehicles to run on CNG instead of petrol/diesel or both.</p>

                <div class="how-it-works-process-container">

                      <div class="how-it-works-steps">
                        <img src="images/icons8-check-50.png" alt="check icon">
                        <h3>Eligibility check</h3>
                        <p>
                          To begin, you'll need to verify if your vehicle qualifies for a CNG conversion. Our team will assess your vehicle's make, model, and engine type to ensure it meets the necessary criteria for a successful and safe conversion.
                        </p>
                        <a href="#" class="how-it-works-button">Learn More</a>
                      </div>


                      <div class="how-it-works-steps">
                        <img src="images/icons8-clock-50.png" alt="waiting list icon">
                        <h3>Join the Waiting list</h3>
                        <p>
                          Once eligibility is confirmed, you'll join our waiting list. This step is crucial as it helps us manage the scheduling of conversions efficiently. You'll receive regular updates on your position in the queue and expected timelines.
                         </p>
                        <a href="#" class="how-it-works-button">Learn More</a>
                      </div>

                      <div class="how-it-works-steps">
                        <img src="images/icons8-car-50.png" alt="conversion icon">
                        <h3>Conversion</h3>
                        <p>
                          When your turn arrives, you will be required to bring your vehicle to our certified service center for the conversion.The process is thorough to ensure your vehicle operates smoothly and efficiently on CNG.
                        </p>
                        <a href="#" class="how-it-works-button">Learn More</a>
                      </div>


                </div>
       </section>


       <section class="about-and-user-section">

      <div class="container-about-and-user-section">

      <div class="about-and-user-container">
         <div class="about-container">
         <ul class="list-items-about">
          <li style="font-weight: 800; font-size: larger; color: #621a1d;">About</li>
          <li><a href="index.html">Home</a></li>
          <li><a href="aboutus.html">About Us</a></li>
          <li><a href="contactus.html">Contact Us</a></li>
          <li><a href="#">FAQ</a></li>
         </ul>
         </div>

         <div class="user-container">
          <ul class="list-items-user">
           <li style="font-weight: 800; font-size: larger; color: #621a1d;">Users</li>
           <li><a href="#">Terms of use</a></li>
           <li><a href="#">Privacy policy</a></li>
           <li><a href="./Login.html">Login</a></li>
           <li><a href="./Signup.html">Signup</a></li>
          </ul>
          </div>

      </div>

      <div class="at-hartplan-container">
         <h3 style="font-weight: 800; font-size: larger; color: #621a1d;">At Hartplan</h3>
         <p>
          We are dedicated to leading the transition towards a more sustainable and environmentally responsible future. Our commitment is rooted in providing reliable, efficient, and innovative CNG conversion solutions that reduce carbon footprints and promote cleaner energy use.<br>
        </p>
      </div>

      </div>

      <hr>
        <footer>

          <div class="container-allrightreserved">
            <p>© 2024 Hartplan Nigeria Limited. All rights reserved.</p>
         </div>

          <div class="container-socials">
           <a href="#"><img src="images/icons8-facebook-50.png" alt="facebook-logo"></a>
           <a href="#"><img src="images/icons8-instagram-50.png" alt="instagram-logo"></a>
           <a href="#"><img src="images/icons8-twitterx-50.png" alt="x-logo"></a>
         </div>

        </footer>

       </section>


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