-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
230 lines (222 loc) · 14 KB
/
Copy pathindex.html
File metadata and controls
230 lines (222 loc) · 14 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Wise 1 Electrotech</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- THIS IS THE CONTAINER FOR THE WHOLE WEBSITE -->
<div class="wrapper container-fluid">
<!-- THIS IS THE HEADER ELEMENTS -->
<header class="fixed-top">
<div class="header-left">
<a href="index.html"><img src="wise 1 logo.jpg" alt="" width="50"></a>
</div>
<nav>
<img src="open-menu.png" alt="" width="30" class="hide-desktop right-menu-item" onclick="openMenu()">
<ul>
<li><img src="close-menu.png" alt="" width="30" class="hide-desktop" onclick="closeMenu()"></li>
<li><a href="index.html">HOME</a></li>
<li><a href="#">ABOUT US</a></li>
<li><a href="#our-products">OUR PRODUCTS</a></li>
<li><a href="#our-services">OUR SERVICES</a></li>
<li class="hide-desktop"><a href="contact.html">CONTACT US</a></li>
</ul>
</nav>
<a class="ctn-1 hide-mobile" href="contact.html">CONTACT US</a>
</header>
<!-- THIS IS THE MAIN -->
<main id="home">
<div class="headings">
<h1>WISE 1 ELECTROTECH ENGINEERING</h1>
<p>Wise 1 electrotech engineering is a company that brings you quality and reliable power solutions. </p>
<a href="contact.html">HIRE US</a>
</div>
<!-- SLIDING CAROUSEL -->
<!-- <div id="carouselExampleFade" class="carousel slide carousel-fade" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active" data-slide-to="1">
<img src="power-factor-corrections/power-factor-corrections-1.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item" >
<img src="our-services/our-service-1.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item" data-interval="100">
<img src="energy-power-audit/energy-power-audit-2.jpg.png" class="d-block w-100" alt="...">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleFade" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only"></span>
</a>
<a class="carousel-control-next" href="#carouselExampleFade" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only"></span>
</a>
</div> -->
</main>
</div>
<!-- WHO ARE WE SECTION / SECTION 1 -->
<div class="container">
<div class="section-1">
<h2>Who Are We?</h2>
<p>We are responsible for the installations of meters, low voltage line work,
power audit, and power factor corrections, commercial and
domestic wirings installations. </p>
</div>
<!-- OUR PRODUCTS SECTION / SECTION-2 -->
<div class="section-2" id="our-products">
<h2>Our Products</h2>
<p>We have variety of electrical accessories</p>
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-6 products"><img src="prod-1.jpg" alt=""></div>
<div class="col-lg-3 col-md-4 col-sm-6 products"><img src="prod-2.jpg" alt=""></div>
<div class="col-lg-3 col-md-4 col-sm-6 products"><img src="prod-3.jpg" alt=""></div>
<div class="col-lg-3 col-md-4 col-sm-6 products"><img src="prod-4.jpg" alt=""></div>
</div>
<a href="products.html">Visit Products Page</a>
</div>
<!-- WHAT DO WE OFFER / SECTION-3 -->
<div class="section-3">
<h2>What do we offer?</h2>
<p>"Quality Of Power And Relliability</p>
<img src="what we offer.jpg" alt="">
</div>
<!-- OUR SERVICES /SECTION-4 -->
<div class="section-4" id="our-services">
<h2>Our Services</h2>
<div class="row services">
<div class="col-lg-3 col-md-4 col-sm-6"><img src="our-services/our-service-1.jpg" alt=""><p>power factor correction</p></div>
<div class="col-lg-3 col-md-4 col-sm-6"><img src="our-services/our-service-2.jpg.jpg" alt=""><p>Wiring installation</p></div>
<div class="col-lg-3 col-md-4 col-sm-6"><img src="our-services/our-service-3.jpg.jpg" alt=""><p>Energy/Power Audit</p></div>
<div class="col-lg-3 col-md-4 col-sm-6"><img src="our-services/our-service-4.jpg.jpg" alt=""><p>Smart home and security services</p></div>
<div class="col-lg-3 col-md-4 col-sm-6"><img src="our-services/our-service-5.jpg.jpg" alt=""><p>Lv powerlines</p></div>
<div class="col-lg-3 col-md-4 col-sm-6"><img src="our-services/our-service-6.jpg.jpg" alt=""><p>Solar installations</p></div>
</div>
</div>
<!-- ENERGY OR POWER AUDIT/ SECTION-5 -->
<div class="section-5">
<h2>Energy/Power Audit</h2>
<p>We help you track the consumption of your electricity, and how much waste is going down in your facility…</p>
<div class="row power">
<div class="col-lg-3 col-md-4 col-sm-12"><img src="energy-power-audit/energy-power-audit-1.jpg" alt=""></div>
<div class="col-lg-3 col-md-4 col-sm-12"><img src="energy-power-audit/energy-power-audit-2.jpg.png" alt=""></div>
<div class="col-lg-3 col-md-4 col-sm-12"><img src="energy-power-audit/energy-power-audit-3.jpg.jpg" alt=""></div>
<div class="col-lg-3 col-md-4 col-sm-12"><img src="energy-power-audit/energy-power-audit-4.jpg" alt=""></div>
</div>
<div class="cta-btns-1">
<p>Do you want to track every <br>consumption in your facility?</p>
<a href="#footer">Get in touch now</a>
</div>
</div>
<!-- LV-POWERLINES/SECTION-6 -->
<div class="section-6 ">
<h2>Lv Power Lines</h2>
<p>We do household connections, and we deliver electricity from distribution transformers to your businesses, factories, organizations and many more ……</p>
<div class="row powerlines">
<div class="col-lg-3 col-md-4 col-sm-12"><img src="lv-powerlines/lv-powerlines-1.jpg" alt=""></div>
<div class="col-lg-3 col-md-4 col-sm-12"><img src="lv-powerlines/lv-powerlines-2.jpg" alt=""></div>
<div class="col-lg-3 col-md-4 col-sm-12"><img src="lv-powerlines/lv-powerlines-3.jpg" alt=""></div>
<div class="col-lg-3 col-md-4 col-sm-12"><img src="lv-powerlines/lv-powerlines-4.jpg" alt=""></div>
</div>
<div class="cta-btns-2">
<p>Do you need our service or get <br>intouch, we are here for you. </p>
<a href="contact.html">Send us a message</a>
</div>
</div>
<!-- SOLAR INSTALLATION/SECTION-7 -->
<div class="section-7">
<h2>Solar Installations</h2>
<p>We install solar panels, inverters, and other equipment, and ensuring proper wiring and connections for a functional solar power system.
</p>
<div class="row installations">
<div class="col-lg-3 col-md-4 col-sm-12"><img src="solar-installations/solar-installations-1.jpg" alt=""></div>
<div class="col-lg-3 col-md-4 col-sm-12"><img src="solar-installations/solar-installations-2.jpg" alt=""></div>
<div class="col-lg-3 col-md-4 col-sm-12"><img src="solar-installations/solar-installations-3.jpg" alt=""></div>
<div class="col-lg-3 col-md-4 col-sm-12"><img src="solar-installations/solar-installations-4.jpeg" alt=""></div>
</div>
<div class="cta-btns-3">
<p>Do you need solar equipments <br>or installation service?</p>
<a href="contact.html">Send us a message</a>
</div>
</div>
<!-- POWER FACTOR CORRECTIONS/SECTION-8 -->
<div class="section-8">
<h2>Power factor correction</h2>
<p>It is the ratio of how efficiency your electricity works.We help improve a lagging power factor at your businesses, factories, organizations and many more …… Power factor corrections help saves up to 30% on electricity bills monthly thereby reducing penalties on power factor surge charges, demand charges, taxes and many more</p>
<div class="row factor">
<div class="col-lg-4 col-md-6 col-sm-12"><img src="power-factor-corrections/power-factor-corrections-1.jpg" alt=""></div>
<div class="col-lg-4 col-md-6 col-sm-12"><img src="power-factor-corrections/power-factor-corrections-2.jpg" alt=""></div>
<div class="col-lg-4 col-md-6 col-sm-12"><img src="power-factor-corrections/power-factor-corrections-3.jpg" alt=""></div>
</div>
<div class="cta-btns-4">
<p>Do you need power correction <br>
and maintainance services? </p>
<a href="#footer">Contact us now</a>
</div>
</div>
<!-- WIRING INSTALLATIONS/SECTION-9 -->
<div class="section-9">
<h2>Wiring installation</h2>
<p>We do domestic wiring, commercial wiring
and industrial wiring and many more</p>
<div class="row wiring">
<div class="col-lg-3 col-md-4 col-sm-12"><img src="wiring and installations/wiring and installations-1.jpg" alt=""></div>
<div class="col-lg-3 col-md-4 col-sm-12"><img src="wiring and installations/wiring and installations-2.jpg" alt=""></div>
<div class="col-lg-3 col-md-4 col-sm-12"><img src="wiring and installations/wiring and installations-3.jpg" alt=""></div>
<div class="col-lg-3 col-md-4 col-sm-12"><img src="wiring and installations/wiring and installations-4.jpg" alt=""></div>
<div class="col-lg-3 col-md-4 col-sm-12"><img src="wiring and installations/wiring and installations-5.jpg" alt=""></div>
<div class="col-lg-3 col-md-4 col-sm-12"><img src="wiring and installations/wiring and installations-6.jpg" alt=""></div>
<div class="col-lg-3 col-md-4 col-sm-12"><img src="wiring and installations/wiring and installations-7.jpg" alt=""></div>
<div class="col-lg-3 col-md-4 col-sm-12"><img src="wiring and installations/wiring and installations-8.jpg" alt=""></div>
<div class="col-lg-3 col-md-4 col-sm-12"><img src="wiring and installations/wiring and installations-9.jpg" alt=""></div>
<div class="col-lg-3 col-md-4 col-sm-12"><img src="wiring and installations/wiring and installations-10.jpg" alt=""></div>
<div class="col-lg-3 col-md-4 col-sm-12"><img src="wiring and installations/wiring and installations-11.jpg" alt=""></div>
</div>
<div class="cta-btns-5">
<p>Our team is ready to offer you <br> the best and safest wiring.</p>
<a href="contact.html">Send us a message</a>
</div>
</div>
<!-- PROFILE FINFO -->
<div class="profile">
<h3>Engineer/Contractor</h3>
<img src="wisdeom darko the engineer.jpg" alt="">
<p>Wisdom Darko</p>
</div>
<!-- COPYRIGHT INFO -->
<div class="copyright">
<p>Copyright@2012</p>
</div>
<!-- FOOTER ELEMENTS/INFO -->
<footer id="footer">
<div class="site-map">
<h4>SITE MAP</h4>
<a href="#home">HOME</a>
<a href="about.html">ABOUT US</a>
<a href="#our-products">OUR PRODUCTS</a>
<a href="#our-services">OUR SERVICES</a>
</div>
<div class="contact-info">
<h4>CONTACT INFO.</h4>
<p>+233 (0) 200 92 82 72</p>
<p>+233 (0) 241 99 95 90</p>
<a href="wise1services@gmail.com">Email: wise1services@gmail.com</a>
<a href="https://web.facebook.com/wise1services/?_rdc=1&_rdr#">Facebook: wise1 electrotech</a>
</div>
<div class="location">
<h4>LOCATION</h4>
<p>Accra, Nii Boi Town</p>
</div>
</footer>
</div>
<script src="script.js"></script>
</body>
</html>