-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
executable file
·360 lines (341 loc) · 18.6 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
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
<!DOCTYPE html>
<html lang="en">
<head>
<title>Genoffe Studio</title>
<link rel="shortcut icon" href="./assets/images/favicon/favicon.ico">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css"
integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP" crossorigin="anonymous">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap" rel="stylesheet">
<link href="./assets/css/style.css" rel="stylesheet">
<meta name="twitter:card" content="summary"/>
<meta name="twitter:site" content="@GenoffeStudio"/>
<meta name="twitter:creator" content="@GenoffeStudio"/>
<meta property="og:title" content="Genoffe Studio"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="https://genoffe.com/"/>
<meta property="og:image" content="https://genoffe.com/images/logo.png"/>
<meta property="og:description"
content="We are team that have a major focus in developing islamic application. Our product is mostly about islam and we aim to be the most innovative company in the world. One of our mission is to create technology that help humanity, not change the role of human itself. We believe that technology can help human to ease their life and guaranteeing their future."/>
</head>
<body>
<nav class="navbar navbar-expand-md bg-white navbar-light">
<div class="container">
<a class="navbar-brand" href="#"><img src="assets/images/template/logo.png" width="210" height="50" alt=""></a>
<div class="collapse navbar-collapse text-center justify-content-end" id="navbar2SupportedContent">
</div>
</div>
</nav>
<div class="py-5 text-center opaque-overlay"
style="background-image: url('assets/images/template/genoffe-background.jpg'); background-size:cover; background-position: center 30%;">
<div class="container py-5">
<div class="row">
<div class="col-md-12 text-white">
<h1 class="display-3 mb-4"><span class="slogan">We are developing the future</span></h1>
<p class="lead mb-5"> Together build solution with a technology and blessings</p>
<!-- <a href="#" class="btn btn-lg mx-1 btn-success">Tell Us Your Bussiness</a> -->
<!-- <a href="#" class="btn btn-lg btn-light mx-1">Your call to action</a> -->
</div>
</div>
</div>
</div>
<div class="py-5">
<div class="container">
<div class="row">
<div class="col-md-12">
<!-- <h1 class="text-center display-3 text-primary" contenteditable="true">About Us</h1> -->
<h1 class="mb-4 text-center text-primary">About Us</h1>
<p class="text-center">We are team that have a major focus in developing islamic application. Our
product is mostly about islam and we aim to be the most innovative company in the world. One of our
mission is to create technology that help humanity, not change the role of human itself. We believe
that technology can help human to ease their life and guaranteeing their future.</p>
</div>
</div>
</div>
</div>
<div class="py-5 bg-light">
<div class="container">
<div class="row text-center">
<div class="col-md-12">
<h1 class="mb-4 text-primary">Our Services</h1>
<div class="row text-left mt-5">
<div class="col-md-4 my-3">
<div class="row mb-3">
<div class="text-center col-2"><i class="d-block mx-auto fa fa-3x fa-globe-asia"></i></div>
<div class="align-self-center col-10">
<h5 class="text-secondary"><b>Web App</b></h5>
</div>
</div>
<p>
We are create a web app with the best framework. Of course, the web is like more friendly
interface to open with your smartphone, no more laptop again.
</p>
</div>
<div class="col-md-4 my-3">
<div class="row mb-3">
<div class="text-center col-2"><i class="d-block mx-auto fab fa-3x fa-android"></i></div>
<div class="align-self-center col-10">
<h5 class="text-secondary"><b>Mobile App (Android)</b></h5>
</div>
</div>
<p>
We are create a mobile app with your needs. So, the world is in your hand.
</p>
</div>
<div class="col-md-4 my-3">
<div class="row mb-3">
<div class="text-center col-2"><i class="d-block mx-auto fa fa-3x fa-code"></i></div>
<div class="align-self-center col-10">
<h5 class="text-secondary"><b>Full Support</b></h5>
</div>
</div>
<p>
We are give you Full Support for our best client. Don't worry, we are on your side to help
and give solution for any trouble.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="py-5">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="mb-4 text-center text-primary">Why are we the best for you?</h1>
<p class="text-center">Because we are build with heart and some coffee, we are one of the best team in
the world! <strong>Just believe your app is great with us, and we give the best code for
you</strong>.</p>
</div>
</div>
</div>
</div>
<div class="py-5 text-center text-dark opaque-overlay gradient-overlay">
<div class="container">
<div class="row">
<div class="p-4 col-md-3"><i class="d-block fa fa-3x fa-tv"></i>
<h2 class="my-3">Improve</h2>
<p>Based on fluid design principles. Works with any screen resolution</p>
</div>
<div class="col-md-3 p-4"><i class="d-block fa fa-3x fa-th"></i>
<h2 class="my-3">Scale</h2>
<p>Work simultaneously on different panels. Share the work with teammates.</p>
</div>
<div class="col-md-3 p-4"><i class="d-block fa fa-3x fa-globe"></i>
<h2 class="my-3">Spread</h2>
<p>Help us spreading the word. Tell your friends with just one-click</p>
</div>
<div class="col-md-3 p-4"><i class="d-block fa fa-3x fa-dollar-sign"></i>
<h2 class="my-3">Make money</h2>
<p>Choose settings depending on the criteria you value the most</p>
</div>
</div>
</div>
</div>
<div class="py-5">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="">Completed Projects</h1>
<p class="lead">the project that we have worked on</p>
</div>
<div class="col-md-4 my-3">
<img class="img-fluid d-block mb-4" src="assets/images/projects/putra-pribumi-grup.png"
alt="Putra Pribumi Grup">
<h5><b></b></h5>
<p class="mt-1"><a href="http://putrapribumigrup.com/" target="_blank" rel="noopener noreferrer">Putra
Pribumi Grup</a> <span class="badge badge-secondary">Local Business</span></p>
</div>
<div class="col-md-4 my-3">
<img class="img-fluid d-block mb-4 img-thumbnail"
src="assets/images/projects/bprs-harta-insan-karimah.png"
alt="BPRS Harta Insan Karimah">
<p class="mt-1"><b><a href="https://bprshik.co.id" target="_blank" rel="noopener noreferrer">PT BPRS
Harta Insan Karimah</a></b> <span class="badge badge-secondary">Bank Syariah</span></p>
</div>
<div class="col-md-4 my-3">
<img class="img-fluid d-block mb-4 img-thumbnail"
src="assets/images/projects/nanda-izaharul-wedding.png"
alt="Nanda & Izharul Wedding">
<p class="mt-1"><b><a href="https://nandaizharul.com/" target="_blank" rel="noopener noreferrer">Nanda &
Izharul</a></b> <span class="badge badge-secondary">Wedding</span></p>
</div>
<div class="col-md-4 my-3">
<img class="img-fluid d-block mb-4 img-thumbnail" src="assets/images/projects/suzuki-best-promo.png"
alt="Suzuki Roxy">
<p class="mt-1"><b><a href="https://suzukibestpromo.com/" target="_blank" rel="noopener noreferrer">PT
Restu Mahkota Karya (Suzuki Roxy)</a></b>
<span class="badge badge-secondary">Dealer Automobile</span></p>
</div>
<div class="col-md-4 my-3">
<img class="img-fluid d-block mb-4 img-thumbnail" src="assets/images/projects/muda-berdakwah.png"
alt="Muda Berdakwah">
<p class="mt-1"><b><a href="https://mudaberdakwah.org/" target="_blank" rel="noopener noreferrer">Muda
Berdakwah</a></b>
<span class="badge badge-secondary">Community</span></p>
</div>
<div class="col-md-4 my-3">
<img class="img-fluid d-block mb-4 img-thumbnail" src="assets/images/projects/satcomm-group.png"
alt="Satcomm Group">
<p class="mt-1"><b><a href="http://satcommgroup.com/" target="_blank" rel="noopener noreferrer">Satcomm
Group</a></b>
<span class="badge badge-secondary">Local Business</span></p>
</div>
<div class="col-md-4 my-3">
<img class="img-fluid d-block mb-4 img-thumbnail" src="assets/images/projects/obbi.png"
alt="Startup OBBI">
<p class="mt-1"><b><a href="https://obbi.id/" target="_blank" rel="noopener noreferrer">OBBI App</a></b>
<span class="badge badge-secondary">Local Business</span></p>
</div>
<div class="col-md-4 my-3">
<img class="img-fluid d-block mb-4 img-thumbnail" src="assets/images/projects/bikin-hosting.png"
alt="Bikin Hosting">
<p class="mt-1"><b><a href="https://www.bikinhosting.com/" target="_blank" rel="noopener noreferrer">Bikin
Hosting</a></b>
<span class="badge badge-secondary">Local Business</span></p>
</div>
<div class="col-md-4 my-3">
<img class="img-fluid d-block mb-4 img-thumbnail" src="assets/images/projects/dealer-mobil-suzuki.png"
alt="Dealer Mobil Suzuki">
<p class="mt-1"><b><a href="https://dealermobilsuzuki.id/" target="_blank" rel="noopener noreferrer">Dealer
Mobil Suzuki</a></b>
<span class="badge badge-secondary">Dealer Automobile</span></p>
</div>
<div class="col-md-4 my-3">
<img class="img-fluid d-block mb-4 img-thumbnail"
src="assets/images/projects/belgio-birdnest-genoffe-studio.jpg"
alt="Aplikasi Belgio Birdnest">
<p class="mt-1"><b><a href="https://belgiobirdnest.com/" target="_blank" rel="noopener noreferrer">Aplikasi
Belgio Birdnest</a></b>
<span class="badge badge-secondary">E-Commerce</span></p>
</div>
<div class="col-md-4 my-3">
<img class="img-fluid d-block mb-4 img-thumbnail"
src="assets/images/projects/wazzup-doc-genoffe-studio.jpg"
alt="Aplikasi Wazzup, Doc?">
<p class="mt-1"><b><a href="https://play.google.com/store/apps/details?id=com.genoffe.whatzdoc"
target="_blank" rel="noopener noreferrer">Aplikasi Wazzup, Doc?</a></b>
<span class="badge badge-secondary">Entertainment</span></p>
</div>
</div><!-- row -->
</div><!-- container -->
</div><!-- py-5 -->
<div class="py-5 text-center bg-light">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1>Meet Our Team</h1>
<p class="lead">We met by destiny. Here is the key people behind us</p>
</div>
</div>
<div class="row">
<div class="col-md-4 p-4">
<img class="img-fluid d-block rounded-circle mx-auto"
src="assets/images/team/januri.jpg" alt="Januri Dwi Prasetyo">
<p class="my-4"><i>I can't tell you about me because I'm not a good storyteller.</i></p>
<p><b>Januri D. P.</b>
<br>SysAdmin 4.0/DevOps</p>
</div>
<div class="col-md-4 p-4">
<img class="img-fluid d-block rounded-circle mx-auto" height="200" width="200"
src="assets/images/team/arief.jpg" alt="Muhammad Arief Rahman">
<p class="my-4"><i>Big Data and Machine Learning enthusiast. Sleep well is my dreams. Love morning
sunlight. Golang is my language.</i></p>
<p><b>M. Arief R.</b>
<br>Programmer</p>
</div>
<div class="col-md-4 p-4">
<img class="img-fluid d-block rounded-circle mx-auto" height="200" width="200"
src="assets/images/team/joko.jpg" alt="Joko Priyono">
<p class="my-4"><i>Turn caffeine into code.</i></p>
<p><b>Joko P.</b>
<br>Android Developer</p>
</div>
<div class="col-md-4 p-4">
<img class="img-fluid d-block rounded-circle mx-auto" height="200" width="200"
src="assets/images/team/yoga.jpg" alt="Yoga">
<p class="my-4"><i>Caffeine + Nicotine = The Best Code.</i></p>
<p><b>Yoga W. A.</b>
<br>Programmer</p>
</div>
<div class="col-md-4 p-4">
<img class="img-fluid d-block rounded-circle mx-auto" height="200" width="200"
src="assets/images/team/humam.jpg" alt="Humam Al Amin">
<p class="my-4"><i>Always learn, try & humble.</i></p>
<p><b>Humam A. A.</b>
<br>Programmer</p>
</div>
<div class="col-md-4 p-4">
<img class="img-fluid d-block rounded-circle mx-auto" height="200" width="200"
src="assets/images/team/habib.jpg" alt="Fauzan Habib">
<p class="my-4"><i>Make the dream come true.</i></p>
<p><b>Fauzan H.</b>
<br>Business Development</p>
</div>
<div class="col-md-4 p-4">
<img class="img-fluid d-block rounded-circle mx-auto" height="200" width="200"
src="assets/images/team/helmi.png" alt="Helmi Nur Ihsan">
<p class="my-4"><i>Experienced in Web Services Development. Focus on delivering fast and robust app.</i>
</p>
<p><b>Helmi Nur Ihsan</b>
<br>Backend Developer</p>
</div>
<div class="col-md-4 p-4">
<img class="img-fluid d-block rounded-circle mx-auto" height="200" width="200"
src="assets/images/team/edi.jpg"
alt="Edi Susanto">
<p class="my-4"><i>Quran, Learn and Code.</i></p>
<p><b>Edi S.</b>
<br>Android Developer</p>
</div>
<div class="col-md-4 p-4">
<img class="img-fluid d-block rounded-circle mx-auto" height="200" width="200"
src="assets/images/team/agung.jpg" alt="Agung Santoso">
<p class="my-4"><i>Hidup hanya sementara.</i></p>
<p><b>Agung S.</b>
<br>Android Developer</p>
</div>
<div class="col-md-4 p-4">
<img class="img-fluid d-block rounded-circle mx-auto" height="200" width="200"
src="assets/images/icon.png" alt="Next">
<p class="my-4"><i>You are Awesome!</i></p>
<p><b>You</b>
<br>Chief Awesome Officer</p>
</div>
</div>
</div>
</div>
<div class="text-light bg-dark">
<div class="container">
<div class="row">
<div class="col-md-12 mt-3">
<div class="text-center col-12 my-4">
<a href="https://github.com/Genoffe" target="_blank"><i
class="fab fa-github d-inline fa-lg mr-3"></i></a>
<a href="https://twitter.com/@GenoffeStudio" target="_blank"><i
class="fab fa-twitter d-inline mx-3 fa-lg"></i></a>
<a href="https://www.instagram.com/GenoffeStudio" target="_blank"><i
class="fab fa-instagram d-inline mx-3 fa-lg"></i></a>
</div>
<p class="text-center">Copyright © 2017 Genoffe Studio - All rights reserved. </p>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
</body>
</html>