-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
240 lines (222 loc) · 7.51 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
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
231
232
233
234
235
236
237
238
239
240
<!DOCTYPE html>
<html>
<head>
<title>Zirite Technologies</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="css/fonts.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<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=Titillium+Web:ital,wght@0,600;0,700;1,400&display=swap" rel="stylesheet">
</head>
<body>
<header class="pop heading">
<div id="logo">Zirite
</div>
<nav class="nav">
<ul class="top">
<li><a href="#">About</a></li>
<li><a href="#">Apps</a></li>
<li><a href="#">Plans</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Contacts</a></li>
</ul>
</nav>
</header>
<div class="social-media">
<ul>
<li><i class="fa fa-facebook" aria-hidden="true"></i></li>
<li><i class="fa fa-instagram" aria-hidden="true"></i></li>
<li><i class="fa fa-twitter" aria-hidden="true"></i></li>
</ul>
</div>
<div class="container pop">
<section class="header row">
<div class="col-lg-8">
<h1 class="display-1 space-above">Zirite Technologies</h1>
<p>Innovative technology for sustainable devlopment and empowerment in Africa. <br />
A team of motivated, adaptable and perpetually improving sofware engineers poised to solve the
technology challeges
Of our current age
</p>
<button class="blue">Contact us</button>
</div>
<div class="col-lg-4">
<canvas id="fire"></canvas>
</div>
</section>
</div>
<div class="bg-white pop">
<div class="container pad">
<section class="row">
<div class="col-md-6">
<h2>Who are We?</h2>
<p>Located in Lagos Nigeria, we are a group of people motivated by a common affinity for technology
and technological Technologies
Creative, Disciplined developers striving to make their mark in the technological word.
</p>
</div>
<div class="col-md-6">
<div class="float-right">
<a href="#">
<button class="transparent my-button">
Watch video
<i class="arrow-right"></i>
</button>
</a>
</div>
</div>
</section>
<section class="row">
<div class="col-lg-4 info-panel">
<img class="svg-info">
<h4>Creativity</h4>
<p>An innovative approach sofware development with new Ideas structured with an improving methodoly
and process in order to keep pace with the constantly changing environment
</p>
</div>
<div class="col-lg-4 info-panel">
<img class="svg-info">
<h4>Disciplined</h4>
<p>An effective creative needs to have the Discipline to be extremely meticulous, determined to
bring results by dexterity and stucture within the creative free thinking mind. One needs to
conquer laxity and mediocrity</p>
</div>
<div class="col-lg-4 info-panel">
<img class="svg-info">
<h4>Integrity</h4>
<p>We hope to be a group of people who will put in their best effort to deliver what they have
promised to the best of their ability. And on the rare occasion where there are unforseen
circumstances, have the honesty to be totally transparent about the challenges</p>
</div>
<div class="col-lg-3 detail-panel">
<ul>
<Li>Community</Li>
<Li>Work Ethic</Li>
<Li>Learning</Li>
</ul>
<button class="transparent my-button">
Watch video
<i class="arrow-right"></i>
</button>
</div>
</section>
</div>
</div>
<section class="portfolio pad">
<div class="container pop">
<h2>Projects</h2>
<div class="row">
<div class="col-md-6">
<p class="col-md-4"><br /><span class="h4">DELIVERY DASHBOARD</span></p>
</div>
<div class="col-md-6">
<p class="col-md-4"><br /><span class="h4">DOWNSTREAM VIEW</span></p>
</div>
</div>
<div class="row">
<div class="col-md-6">
<a class="project" href="#">
<img src="images/unsplash.png" />
<div class="overlay">
Click to view
</div>
</a>
<div class="row">
<p class="col-md-10 project-description">This Angular and Laravel dashboard suitable for
logistics tracking and inventory management for ecommerce</p>
</div>
</div>
<div class="col-md-6">
<a class="project" href="#">
<img src="images/unsplash.png" />
<div class="overlay">
Click to vie
</div>
</a>
<div class="row">
<p class="col-md-10 project-description">Angular dashboard for prices display powered by firebase
and wordpress</p>
</div>
</div>
</div>
</div>
</section>
<div class="bg-white pop">
<section class="pad profiles">
<div class="container">
<div class="row">
<div class="col-md-6">
<img src="images/people/ekenebg.png" class="user-image" />
<div class="icon-group">
<a href="#"><img class="icon" src="images/icons/facebook-svgrepo-com.svg" /></a>
<!-- <img class="icon" src="images/icons/twitter-svgrepo-com.svg" /> -->
<a href="#"> <img class="icon" src="images/icons/web-svgrepo-com.svg" /></a>
</div>
<h2>Ekene Madunagu</h2>
<p class="">Full Stack and Mobile Developer </p>
<p class="about">Ekene Madunagu pushing his ability perpetually onwards through a determined learning schedule
and work ethic. A pure soul always willing to learn and grow. When he's not coding you can
find him with his guitar singing worship.</p>
</div>
<div class="col-md-6">
<img src="images/people/joshua.jpeg" class="user-image" />
<div class="icon-group">
<!-- <img class="icon" src="images/icons/facebook-svgrepo-com.svg" /> -->
<!-- <img class="icon" src="images/icons/twitter-svgrepo-com.svg" /> -->
<a href="#"> <img class="icon" src="images/icons/web-svgrepo-com.svg" /></a>
</div>
<h2>Joshua Awom</h2>
<p>Mobile and Web Developer </p>
<p class="about">Joshua Awom is a dedicated Deadline oriented developer who is constantly seeking to expand his knowledge base.
An ambitious person willing to learn new things.
When he is not coding you can find him watching his favorite animes and reading documentaries.</p>
</div>
</div>
</div>
</section>
</div>
<section class="pad">
<div class="container txt-white">
<div class="row">
<div class="col-md-4">
<img src="images/unsplash.png" class="user-image" />
</div>
<div class="col-md-8">
#f #t #web
<h2></h2>
<p></p>
</div>
</div>
</div>
</section>
<div class="bg-white pop">
<section class="bg-white pad">
<div class="container">
<div class="row">
<div class="col-lg-4">
<h3>Need a website or mobile app?</h3>
<p>Leave us a message</p>
</div>
<div class="col-lg-8">
<input class="contact-form" placeholder="Your Name" name="name" />
<input class="contact-form" placeholder="Email" type="email" name="email" />
<textarea class="contact-form large-input" name="message" placeholder="Message Body"></textarea>
<p>Send your request <a id="contact-button" href="mailto: [email protected]">
<img class="icon" src="images/icons/arrow-right-svgrepo-com.svg" />
</a></p>
</div>
</div>
</div>
</section>
</div>
<section>
<p class="pop">
Created By Zirite Technologies
</p>
</section>
<section class="back-background deviseHeight"></section>
<section class="noise deviseHeight"></section>
<script src="js/main.js"></script>
</body>
</html>