hartplan/Template.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
<!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">Sign Up</button>

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


       </nav>


       <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</a></li>
           <li><a href="#">Register</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.
      </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>