-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
155 lines (122 loc) · 6.06 KB
/
index.html
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
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="main.css">
<title>3Smart Reloaded</title>
<link rel="stylesheet" href="assets/Ext-styles/fa-css/all.min.css">
<script src="https://use.fontawesome.com/9e5ea821c0.js"></script>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap" rel="stylesheet">
</head>
<body>
<!-- Navigation Bar Code -->
<nav>
<img class="nav-logo" onClick="location.href='index.html'" src="./assets/Images/nav-footer-img/3smart_nobg_white.png" alt="3Smart Logo on NavBar">
<i class="fas fa-bars" onclick="toggleNavbar()"></i>
<ul class="menu">
<a href="changeover.html"><li class="list-item">Change Overs</li></a>
<a href="solar.html"><li class="list-item">Solar Installations</li></a>
<a href="#"><li class="list-item">About</li></a>
<a href="#"><li class="list-item">Contact</li></a>
</ul>
</nav>
<div id="mobile-menu" class="mobile-menu">
<ul>
<li><a href="changeover.html">ChangeOver</a></li>
<li><a href="solar.html">Solar Installations</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<section class="hero">
<div class="hero-text">
<p class="company-name">3Smart Technologies</p>
<p class="company-decrp">3Smart is a Technology Company that deals with the installation of Renewable Energy Systems,
they also Produce Automatic ChangeOver that help people to autonomously
change between Nepa power and Generator.</p>
</div>
<div class="hero-img">
</div>
</section>
<section class="services">
<p class="services-header">Our Sparkling Services </p>
<div class="services-cards-container">
<div class="services-cards services-card-1">
<p>Automatic Change Overs</p>
<a href="changeover.html"> <button>Check Products</button></a>
</div>
<div class="services-cards services-card-2">
<p>Solar Installations</p>
<a href="solar.html"> <button>Request Quote</button></a>
</div>
</div>
</section>
<section class="featured-product">
<p class="header">Featured Products</p>
<div class="single-product">
<img class="product-img" src="./assets/Images/homepage-img/featured-product.png" alt="">
<div class="product-descp">
<p class="pheader">3smart 120A Automatic Changeover With Generator Auto-start And Timer</p>
<p class="pdescp">Apart from switching off the generator and changing over automatically when public supply is available,
this device also has the capacity to start the generator automatically when there is public power failure (the auto start feature must be enabled for this to happen).
The device also allows users to time their generator for as long as they want it operational.
The generator will go off at the end of the set time.
</p>
<a href="changeover.html"> <button>View Product</button></a>
</div>
</div>
</section>
<section class="projects">
<p class="header">Our Projects</p>
<p class="project-descp">
Check out some of our amazing prohects carried out all over <br>
Nigeria with amazung ratings from customers.
</p>
<div class="project-gallery">
<img src="./assets/Images/homepage-img/our project 1.png" alt="3smart Solar Installation">
<img src="./assets/Images/homepage-img/our project 2.png" alt="3smart Solar Installation">
<img src="./assets/Images/homepage-img/our project 3.png" alt="3smart Solar Installation">
<img src="./assets/Images/homepage-img/our project 4.png" alt="3smart Solar Installation">
</div>
<a href="#"> <button>See More</button></a>
</section>
<section class="more">
<div class="blue-box">
<p>Interested in using our services or you have questions? <br>We would love to hear from you.</p>
<a href="#"> <button>Contact Us</button></a>
</div>
</section>
<footer class="footer">
<div class="footer-1">
<img src="./assets/Images/nav-footer-img/footer-logo.png" alt="3Smart Technology Logo">
<p class="footer-1-descp">
3smart Technologies is a leading Nigeria Technology company that is committed to
providing millions of individuals and Institutes in Nigeria with reliable automatic changeover,
as well as offering you professional services,
through innovative approaches in the installation of solar energy systems.</p>
<div class="social-links">
<i class="fab fa-2x fa-facebook"></i>
<i class="fab fa-2x fa-twitter"></i>
<i class="fab fa-2x fa-instagram"></i>
</div>
</div>
<div class="footer-2">
<p class="footer-2-subheader">Quick Links</p>
<ul class="footer-links">
<a href="changeover.html"><li>Change Overs</li> </a>
<a href="solar.html"><li>Solar Installations</li></a>
<a href="#"><li>About Us</li></a>
<a href="#"><li>Contact Us</li></a>
<a href="#"><li>Privacy Policy</li></a>
</ul>
</div>
<div class="footer-3">
<p class="footer-3-subheader">Reach out to us</p>
<input type="text" placeholder="Enter Email Address">
</div>
</footer>
<script src="./main.js"></script>
</body>
</html>