-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
505 lines (441 loc) · 23.5 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
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<!--Page Title-->
<title>Globalplex</title>
<!--Meta Keywords and Description-->
<meta name="keywords" content="Globalplex">
<meta name="description" content="Globalplex">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
<!--Favicon-->
<link rel="apple-touch-icon" sizes="57x57" href="favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
<link rel="icon" type="image/png" href="favicon/favicon-32x32.png">
<link rel="manifest" href="favicon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<!-- Main CSS Files -->
<link rel="stylesheet" href="css/style.css">
<!-- Namari Color CSS -->
<link rel="stylesheet" href="css/namari-color.css">
<!--Icon Fonts - Font Awesome Icons-->
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="fonts/webfontkint-nunito_sans/stylesheet.css">
<!-- Animate CSS-->
<link href="css/animate.css" rel="stylesheet" type="text/css">
</head>
<body>
<!-- Preloader -->
<div id="preloader">
<div id="status" class="la-ball-triangle-path">
<div></div>
<div></div>
<div></div>
</div>
</div>
<!--End of Preloader-->
<div id="wrapper">
<header id="banner" class="scrollto clearfix fullscreen">
<div id="header" class="nav-collapse">
<div class="row clearfix">
<div class="col-1">
<!--Logo-->
<div id="logo">
<!--Logo that is shown on the banner-->
<img src="images/gp4.png" id="banner-logo" alt="Landing Page"/>
<!--End of Banner Logo-->
<!--The Logo that is shown on the sticky Navigation Bar-->
<img src="images/gp1.png" id="navigation-logo" alt="Landing Page"/>
<!--End of Navigation Logo-->
</div>
<!--End of Logo-->
<!--Main Navigation-->
<aside>
<nav id="nav-main">
<ul>
<li>
<a href="#banner">Home</a>
</li>
<li>
<a href="#equipping">Why Us</a>
</li>
<li>
<a href="#testimonials">Testimonials</a>
</li>
<li>
<a href="#contact">Contact</a>
</li>
</ul>
</nav>
</aside>
<!--End of Main Navigation-->
<div id="nav-trigger"><span></span></div>
<nav id="nav-mobile"></nav>
</div>
</div>
</div><!--End of Header-->
<!--Banner Content-->
<div id="banner-content" class="row clearfix">
<div class="col-2">
<div class="section-heading">
<h1>Discover and Develop Your Potential<sup>™</sup></h1>
<h3><mark>Our mission is to effectively <b>equip</b> people to <b>excel</b> in life and <b>expand</b> their influence</mark></h3>
<a href="#equipping" class="button">FIND OUT MORE</a>
</div>
</div>
</div><!--End of Row-->
</header>
<!--Main Content Area-->
<main id="content">
<!--Introduction-->
<section id="equipping" class="introduction scrollto section-size">
<div class="row clearfix">
<div class="col-3">
<div class="section-heading">
<h2 class="section-title">Effectively Equipping</h2>
<p class="section-subtitle">Our approach is to effectively equip and empower each individual through personal coaching, consistent consultation, and goal-setting accountability</p>
</div>
</div>
<div class="col-2-3">
<div class="col-1">
<!--Icon Block-->
<div class="col-2 icon-block icon-top wow fadeInUp" data-wow-delay="0.1s">
<!--Icon-->
<div class="icon">
<img src="images/icons/in-person.png" alt="Icon">
</div>
<!--Icon Block Description-->
<div class="icon-block-description">
<h4>In Person</h4>
<p>In person coaching to give you a personalized training and development experience</p>
</div>
</div>
<!--End of Icon Block-->
<!--Icon Block-->
<div class="col-2 icon-block icon-top wow fadeInUp" data-wow-delay="0.3s">
<!--Icon-->
<div class="icon">
<img src="images/icons/one-time.png" alt="Icon">
</div>
<!--Icon Block Description-->
<div class="icon-block-description">
<h4><mark>Consultation</mark></h4>
<mark>Professional consultation on the areas of development you or your team would like to grow in</mark>
</div>
</div>
<!--End of Icon Block-->
</div>
<div class="col-1">
<div class="col-2 web"></div>
<!--Icon Block-->
<div class="col-2 icon-block icon-top wow fadeInUp" data-wow-delay="0.5s">
<!--Icon-->
<div class="icon">
<img src="images/icons/educational.png" alt="Icon">
</div>
<!--Icon Block Description-->
<div class="icon-block-description">
<h4><mark>On Site</mark></h4>
<mark>Educational training programs and curriculum to help empower and equip you or your organization</mark>
</div>
</div>
<!--End of Icon Block-->
</div>
</div>
</div>
</section>
<!--End of Introduction-->
<section id="excel-in-life" class="scrollto section-size">
<div class="row clearfix web">
<div class="col-2">
<!--Icon Block-->
<div class="col-2 icon-block icon-top wow fadeInUp" data-wow-delay="0.3s">
<!--Icon-->
<div class="icon">
<img src="images/icons/soft-skill.png" alt="Icon">
</div>
<!--Icon Block Description-->
<div class="icon-block-description">
<h4>Soft Skills</h4>
<p>
For you to navigate your environment, cooperate with others, perform well and achieve your goals.
</p>
<p>
<i>Leadership Development</i><br/>
<i>Problem Solving Skills</i><br/>
<i>Stress Management</i><br/>
</p>
</div>
</div>
<div class="col-2 icon-block icon-top wow fadeInUp" data-wow-delay="0.1s">
<!--Icon-->
<div class="icon">
<img src="images/icons/technical-skill.png" alt="Icon">
</div>
<!--Icon Block Description-->
<div class="icon-block-description">
<h4>Technical Skills</h4>
<p>
Hard skills that allow you to get ahead of your peers at workplace and school.
</p>
<p>
<i>Presentation Skills</i><br/>
<i>Interview Coaching</i><br/>
<i>Technology Proficiency</i><br/>
</p>
</div>
</div>
<!--End of Icon Block-->
</div>
<div class="col-2">
<!-- <div class="col-2"></div> -->
<div class="col-1">
<div class="section-heading">
<h2 class="section-title">Excel In Life</h2>
<p class="section-subtitle">Our carefully tailored development services enable you to reach your full potential and help you achieve greater performance and results</p>
</div>
</div>
</div>
<div class="col-1">
<div class="col-4 icon-block icon-top wow fadeInUp" data-wow-delay="0.3s">
<div class="icon">
<img src="images/icons/personal-skills.png" alt="Icon">
</div>
<!--Icon Block Description-->
<div class="icon-block-description">
<h4>Personal Skills</h4>
<p>
In-depth understanding of ourselves, developing your character while also looking within to maximize your strengths and embracing weakness.
</p>
<p>
<i>Character Development</i><br/>
<i>Emotional Intelligence</i><br/>
<i>Confidence and Motivation</i> <br/>
</p>
</div>
</div>
</div>
</div>
<div class="row clearfix mobile">
<div class="col-61">
<!-- <div class="col-2"></div> -->
<div class="col-1">
<div class="section-heading">
<h2 class="section-title">Excel In Life</h2>
<p class="section-subtitle">Our carefully tailored development services enable you to reach your full potential and help you achieve greater performance and results</p>
</div>
</div>
</div>
<div class="col-38">
<!--Icon Block-->
<div class="col-2 icon-block icon-top wow fadeInUp" data-wow-delay="0.1s">
<!--Icon-->
<div class="icon">
<img src="images/icons/personal-skills.png" alt="Icon">
</div>
<!--Icon Block Description-->
<div class="icon-block-description">
<h4>Personal Skills</h4>
<p>
In-depth understanding of ourselves, developing your character while also looking within to maximize your strengths and embracing weakness.
</p>
<p>
<i>Character Development</i><br/>
<i>Emotional Intelligence</i><br/>
<i>Confidence and Motivation</i> <br/>
</p>
</div>
</div>
<!--End of Icon Block-->
<!--Icon Block-->
<div class="col-2 icon-block icon-top wow fadeInUp" data-wow-delay="0.3s">
<!--Icon-->
<div class="icon">
<img src="images/icons/soft-skill.png" alt="Icon">
</div>
<!--Icon Block Description-->
<div class="icon-block-description">
<h4>Soft Skills</h4>
<p>
For you to navigate your environment, cooperate with others, perform well and achieve your goals.
</p>
<p>
<i>Leadership Development</i><br/>
<i>Problem Solving Skills</i><br/>
<i>Stress Management</i><br/>
</p>
</div>
</div>
<div class="col-2 icon-block icon-top wow fadeInUp" data-wow-delay="0.3s">
<!--Icon-->
<div class="icon">
<img src="images/icons/technical-skill.png" alt="Icon">
</div>
<!--Icon Block Description-->
<div class="icon-block-description">
<h4>Technical Skills</h4>
<p>
Hard skills that allow you to get ahead of your peers at workplace and school.
</p>
<p>
<i>Presentation Skills</i><br/>
<i>Interview Coaching</i><br/>
<i>Technology Proficiency</i><br/>
</p>
</div>
</div>
</div>
</div>
</section>
<div id="expand-influence" class="scrollto section-size">
<div class="row no-padding-bottom clearfix">
<div class="col-1">
<div class="col-38">
<div class="section-heading">
<h2 class="section-title">Expanding Your Influence</h2>
<p class="section-subtitle">
Our program helps you expand your influence and develop life-long impact within your organization
</p>
</div>
</div>
</div>
<div class="col-61">
<div class="col-2 icon-block icon-top wow fadeInUp" data-wow-delay="0.1s">
<div class="icon">
<img src="images/icons/transformation.png" alt="Icon">
</div>
<div class="icon-block-description">
<h4><mark>Grow your influence</mark></h4>
<p><mark>We have the right transformation roadmap for you whether you are transitioning from school to the workforce or advancing your career to the next level</mark></p>
</div>
</div>
<div class="col-2 icon-block icon-top wow fadeInUp" data-wow-delay="0.3s">
<div class="icon">
<img src="images/icons/change-world.png" alt="Icon">
</div>
<div class="icon-block-description">
<h4><mark>Transform the world</mark></h4>
<p><mark>We believe that we can change the world for the better by transforming one person at a time, start with you!</mark></p>
</div>
</div>
</div>
</div>
</div>
<!--Testimonials-->
<div id="testimonials" class="scrollto section-size text-center">
<div class="row clearfix">
<div class="section-heading">
<h2 class="section-title">Testimonials</h2>
</div>
<!--User Testimonial-->
<div class="col-3">
<blockquote class="testimonial classic card wow fadeInUp" data-wow-delay="0.4s">
<img src="images/user-images/user-1.jpg" alt="User"/>
<q>Globalplex has shown me what it means to become a servant-leader that work with passion of influencing others with our profession. I am able to excel at work because of the purpose I discovered behind it. </q>
<p><b class="highlight">Nick</b>, Wealth Management Manager</p>
<!-- <footer>John Doe - Happy Customer</footer> -->
</blockquote>
</div>
<div class="col-3">
<blockquote class="testimonial card classic wow fadeInUp" data-wow-delay="0.6s">
<img src="images/user-images/user-3.jpg" alt="User"/>
<q>Seth is a HIIT coach for the character - he is always maximizing on teaching moments that he observes on the spot in different situations. He helps the learner to understand why we do what we do and addresses our deeper motivations in order to excel and move forward. </q>
<p><b class="highlight">Anne</b>, Instructional Design Assistant</p>
<!-- <footer>Thomas Doe - Happy Customer</footer> -->
</blockquote>
</div>
<div class="col-3">
<blockquote class="testimonial card classic wow fadeInUp" data-wow-delay="0.5s">
<img src="images/user-images/user-2.jpg" alt="User"/>
<q>Nobody likes to fail. Being a student, this is something I always try to avoid. While university taught me to avoid failures at all cost, Globalplex has helped me not just to overcome my failures, but to welcome them as opportunities of growth and development to become a better person.</q>
<p><b class="highlight">Albert</b>, 4th Year University Student</p>
<!-- <footer>Roslyn Doe - Happy Customer</footer> -->
</blockquote>
</div>
</div>
</div>
<!--End of Testimonials-->
<!--Contact-->
<section id="contact" class="contact scrollto">
<div class="row clearfix">
<div class="col-2 text-center">
<div class="section-heading text-center">
<h2 class="section-title">Contact Us</h2>
</div>
</div>
<div class="col-2">
<!--Logo that is shown on the banner-->
<img src="images/gp4.png" id="footer-logo" alt="Landing Page"/>
<div>
<img src="images/icons/location.png" alt="Location" width="40" height="40" align="left">
<h3>Hong Kong</h3>
</div>
<div>
<img style="margin-top: 0.5%" src="images/icons/email.png" alt="Email" width="40" height="40" align="left">
<h3><a style="color: white" href="mailto:[email protected]">[email protected]</a></h3>
</div>
</div>
</div>
</section>
<!--End of Contact Area-->
</main>
<!--End Main Content Area-->
<!--Footer-->
<footer id="landing-footer" class="clearfix">
<div class="row">
<p id="copyright" class="col-2">© 2019 Globalplex</p>
<!--Social Icons in Footer-->
<ul class="col-2 social-icons">
<li>
<div class="gray-out">COMING SOON</div>
</li>
<li>
<a target="_blank" title="Facebook" href="https://www.facebook.com/username">
<i class="fa fa-facebook fa-1x"></i><span>Facebook</span>
</a>
</li>
<li>
<a target="_blank" title="Twitter" href="http://www.twitter.com/username">
<i class="fa fa-twitter fa-1x"></i><span>Twitter</span>
</a>
</li>
<li>
<a target="_blank" title="Instagram" href="http://www.instagram.com/username">
<i class="fa fa-instagram fa-1x"></i><span>Instagram</span>
</a>
</li>
</ul>
<div class="invis col-1"><a href="https://www.freepik.com/free-photos-vectors/background">Background vector created by freepik - www.freepik.com</a></div>
<!--End of Social Icons in Footer-->
</div>
</footer>
<!--End of Footer-->
</div>
<!-- Include JavaScript resources -->
<script src="js/jquery.1.8.3.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/featherlight.min.js"></script>
<script src="js/featherlight.gallery.min.js"></script>
<script src="js/jquery.enllax.min.js"></script>
<script src="js/jquery.scrollUp.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<!-- <script src="js/jquery.stickyNavbar.min.js"></script> -->
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/images-loaded.min.js"></script>
<script src="js/lightbox.min.js"></script>
<script src="js/site.js"></script>
</body>
</html>