-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1170 lines (1019 loc) · 67.7 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
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Game It</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/browser-tab-logo.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Jost:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- =======================================================
* Template Name: Arsha - v4.7.1
* Template URL: https://bootstrapmade.com/arsha-free-bootstrap-html-template-corporate/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<body>
<!-- ======= Header ======= -->
<header id="header" class="fixed-top ">
<div class="container d-flex align-items-center">
<!-- <h1 class="logo me-auto"><a href="index.html">Arsha</a></h1> -->
<!-- Uncomment below if you prefer to use an image logo -->
<a href="index.html" class="logo me-auto"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>
<nav id="navbar" class="navbar">
<ul>
<li><a class="nav-link scrollto active" href="#hero">Home</a></li>
<li><a class="nav-link scrollto" href="#about">About Us</a></li>
<li><a class="nav-link scrollto" href="#our_event">Our Event</a></li>
<li><a class="nav-link scrollto" href="#our_activity">Our Activity</a></li>
<li><a class="nav-link scrollto" href="#reflection">Reflection</a></li>
<li><a class="nav-link scrollto" href="#contact">Contact Us</a></li>
<li><a class="getstarted scrollto" href="#about">Get Started</a></li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav><!-- .navbar -->
</div>
</header><!-- End Header -->
<!-- ============================================================================ Hero Section ======= -->
<section id="hero" class="d-flex align-items-center">
<div class="container">
<div class="row">
<div class="col-lg-6 d-flex flex-column justify-content-center pt-4 pt-lg-0 order-2 order-lg-1" data-aos="fade-up" data-aos-delay="200">
<h1>Better Solutions For Your Game Business</h1>
<h2>We are team of talented game developer team</h2>
<div class="d-flex justify-content-center justify-content-lg-start">
<a href="#about" class="btn-get-started scrollto">Get Started</a>
<!-- <a href="https://www.youtube.com/watch?v=jDDaplaOz7Q" class="glightbox btn-watch-video"><i class="bi bi-play-circle"></i><span>Watch Video</span></a> -->
</div>
</div>
<div class="col-lg-6 order-1 order-lg-2 hero-img" data-aos="zoom-in" data-aos-delay="200">
<img src="assets/img/hero-img.png" class="img-fluid animated" alt="">
</div>
</div>
</div>
</section><!-- End Hero -->
<main id="main">
<!-- ========================================================================== About Us Section ======= -->
<section id="about" class="about">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>About Us</h2>
</div>
<div class="row content">
<div class="col-lg-15">
<p class="text-justify">
We are a game development team that provide you excellent gaming application for education, working professional,
government, researcher or community. We will be using the latest and popular technology or software tools for our development
such as Unity, Maya, Unreal Engine, Blender and any other suitable tools, ensuring your game is working on any desired
platform or operating system. We promised that we will be providing you with the best quality game development services.
Besides, we also provide the updated resource and maintanance for your game. We promised that we will:
</p>
<br>
<ul>
<li><i class="ri-check-double-line"></i> Keep maintaining and upgrading after deployment.</li>
<li><i class="ri-check-double-line"></i> Free to translate the entire game into any other two languages.</li>
<li><i class="ri-check-double-line"></i> Do use the most popular engine to ensure it works on most platform.</li>
<li><i class="ri-check-double-line"></i> Free of charge for the first three minor and major changes after deployment.</li>
</ul>
<br>
<br>
</div>
<!-- ======= Team Section ======= -->
<section id="team" class="team section-bg">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>Team</h2>
<p>We are a team that full of motivation and passion to serve you in any kind of gaming business. Here is our profile.</p>
</div>
<div class="row">
<div class="col-lg-6">
<div class="member d-flex align-items-start" data-aos="zoom-in" data-aos-delay="100">
<div class="pic"><img src="assets/img/team/simon.jpg" class="img-fluid" alt=""></div>
<div class="member-info">
<h4>Simon Chong Kai Yuen</h4>
<span>
<h5>Team Leader</h5>
Third year student of UTM, Johor Bahru, Bachelor of Computer Science in Graphic & Multimedia Software.
<br>
<br>
From Kuching, Sarawak
</span>
<p>Contact me to start-up and enjoy your first game development service from my team!</p>
<div class="social">
<a href="https://github.com/simonnchong"><i class="i bi-github"></i></a>
<a href="https://web.facebook.com/simon.chong.711"><i class="ri-facebook-fill"></i></a>
<a href="https://www.instagram.com/simonnchong/"><i class="ri-instagram-fill"></i></a>
<a href="https://www.linkedin.com/in/simon-chong-1b0362236/"> <i class="ri-linkedin-box-fill"></i> </a>
</div>
</div>
</div>
</div>
<div class="col-lg-6 mt-4 mt-lg-0">
<div class="member d-flex align-items-start" data-aos="zoom-in" data-aos-delay="200">
<div class="pic"><img src="assets/img/team/ng.jpg" class="img-fluid" alt=""></div>
<div class="member-info">
<h4>Ng Shu Yu</h4>
<span>
<h5>Scrum Master</h5>
Third year student of UTM, Johor Bahru, Bachelor of Computer Science in Graphic & Multimedia Software.
<br>
<br>
From Johor Bahru, Johor
</span>
<p>I will be contacting with our client frequently during the agile development progress fullfil your requirement!</p>
<div class="social">
<a href=""><i class="ri-twitter-fill"></i></a>
<a href=""><i class="ri-facebook-fill"></i></a>
<a href=""><i class="ri-instagram-fill"></i></a>
<a href=""> <i class="ri-linkedin-box-fill"></i> </a>
</div>
</div>
</div>
</div>
<div class="col-lg-6 mt-4">
<div class="member d-flex align-items-start" data-aos="zoom-in" data-aos-delay="300">
<div class="pic"><img src="assets/img/team/clive2.png" class="img-fluid" alt=""></div>
<div class="member-info">
<h4>Clive Lai Yi Cheng</h4>
<span>
<h5>Developer 1</h5>
Third year student of UTM, Johor Bahru, Bachelor of Computer Science in Graphic & Multimedia Software.
<br>
<br>
From Kuching, Sarawak
</span>
<p>I am one of the developers in implementing your requirement into the game!</p>
<div class="social">
<a href=""><i class="ri-twitter-fill"></i></a>
<a href=""><i class="ri-facebook-fill"></i></a>
<a href=""><i class="ri-instagram-fill"></i></a>
<a href=""> <i class="ri-linkedin-box-fill"></i> </a>
</div>
</div>
</div>
</div>
<div class="col-lg-6 mt-4">
<div class="member d-flex align-items-start" data-aos="zoom-in" data-aos-delay="400">
<div class="pic"><img src="assets/img/team/siah.jpg" class="img-fluid" alt=""></div>
<div class="member-info">
<h4>Siah Weng Tze</h4>
<span>
<h5>Developer 2</h5>
Third year student of UTM, Johor Bahru, Bachelor of Computer Science in Computer Network and Security.
<br>
<br>
From Klang, Selangor
</span>
<p>I will be the second developer that have magic to turn your imagination into real!</p>
<div class="social">
<a href=""><i class="ri-twitter-fill"></i></a>
<a href=""><i class="ri-facebook-fill"></i></a>
<a href=""><i class="ri-instagram-fill"></i></a>
<a href=""> <i class="ri-linkedin-box-fill"></i> </a>
</div>
</div>
</div>
</div>
<div class="col-lg-6 mt-4">
<div class="member d-flex align-items-start" data-aos="zoom-in" data-aos-delay="500">
<div class="pic"><img src="assets/img/team/chong.jpg" class="img-fluid" alt=""></div>
<div class="member-info">
<h4>Chong Kai Zhe</h4>
<span>
<h5>Tester</h5>
Second year student of UTM, Johor Bahru, Bachelor of Computer Science in Data Engineering.
<br>
<br>Alor Setar, Kedah
</span>
<p>I am responsible to test the game ensure everthing is working well before the game is released!</p>
<div class="social">
<a href=""><i class="ri-twitter-fill"></i></a>
<a href=""><i class="ri-facebook-fill"></i></a>
<a href=""><i class="ri-instagram-fill"></i></a>
<a href=""> <i class="ri-linkedin-box-fill"></i> </a>
</div>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Team Section -->
</div>
</div>
</section><!-- End About Us Section -->
<!-- ================================================================================== Our Event Section =========================== -->
<section id="our_event" class="why-us section-bg">
<div class="container-fluid" data-aos="fade-up">
<div class="section-title">
<h2>Our Event</h2>
<p>We had organized some events previously, let's join us for the future event if possible!</p>
</div>
<div class="row">
<div class="col-lg-7 d-flex flex-column justify-content-center align-items-stretch order-2 order-lg-1">
<div class="content">
<h3>Industrial Talk by <strong>Mr David Chew</strong>. One of The Founders of <strong>Pin Tea Malaysia.</strong></h3>
<p>
On 14<sup>th</sup> June 2022, we invited the local business man Mr David as our speaker to deliver an industrial talk
on Webex online paltform about his business journey in Malaysia, let's go through the event on that day.
</p>
</div>
<div class="accordion-list">
<ul>
<li>
<a data-bs-toggle="collapse" data-bs-target="#accordion-list-1" class="collapse">
<span>01</span> Details of Speaker<i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="accordion-list-1" class="collapse show" data-bs-parent=".accordion-list">
<p>
<p><span class="text-primary">Full name: </span>David Chew</p>
<p><span class="text-primary">Position:</span>Director, Chief Business Development Officer (CBDO)</p>
<p><span class="text-primary">Company name:</span>Pin Tea Malaysia</p>
<p><span class="text-primary">Company address:</span>85, Jalan Perindustrian 4/KU8, Kawasan Perindustrian Meru Selatan, 41050 Klang, Selangor, Malaysia.</p>
<p><span class="text-primary">Email: </span>[email protected]</p>
<p><span class="text-primary">Contact: </span>016-6960165</p>
</p>
</div>
</li>
<li>
<a data-bs-toggle="collapse" data-bs-target="#accordion-list-2" class="collapsed">
<span>02</span>Interview Session<i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="accordion-list-2" class="collapse" data-bs-parent=".accordion-list">
<br>
<div class="ratio ratio-16x9">
<iframe src="https://www.youtube.com/embed/KLpptpDwjj8" title="Interview with founder of Pin Tea Malaysia" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
</div>
</li>
<li>
<a data-bs-toggle="collapse" data-bs-target="#accordion-list-3" class="collapsed">
<span>03</span> Q & A <i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="accordion-list-3" class="collapse" data-bs-parent=".accordion-list">
<ul>
<li>
<h5><strong>Can you share with us what a typical working day is like for you?</strong></h5>
<h6 class="text-justify">
I wake up at 11 or 12 am, that's why I hate the 9am-5am job. I usually ship breakfast and go to the office.
Because I am the chief of business development, my main task is to search for creative ideas,
what and how collaboration with other company, make Pin Tea more exposed. Usually I sleep at 2 or 3 am,
sometimes at 4 am, due to scrolling Facebook, Tiktok searching for research on packaging designing.
How to make the business much better, more powerful and stronger. Our brain is active at midnight.
</h6>
</li>
<li>
<h5><strong>How do you manage your stress? </strong></h5>
<h6 class="text-justify">
When I have stress, I don’t like to be distracted. I like to be alone a lot on my own. Because of a
few things, I have a tea set to make tea. I just sit there alone. Just like a very quiet moment for
me, then just drink some tea, make some tea like we called KungFu tea. I just relieve all my stress,
maybe I can listen to some music. And one more thing, the favorite way to help me to relieve stress
is to drive to Genting, as fast as I can. So whenever my favorite sport is not sky avenue or casino
because I'm not a gambler. When I went to Genting, there was a temperature write 18° or what, from
there we drove down the first corner and the first corner there have a blank spot, so I always stop
my car there. I stop my car there then step down then the view is like I can look all the way all KL
cities. From standing there I can release my stress, because when I’m standing there I will like stepping
out from my city already. So I can see everything is very small. So when I have stress, what is the stress
caused? When we have stress, that thing will enlarge, so negativity in your brain will like exploring
already so every day your daily life will be distracted. So when I step out there, when I go to the hilltop,
go to my favorite sport, when I look at the city, the city is so small, I’m thinking the thing that
bother me that are trying to get in way is smaller than the city, so why do I care it, just go away.
This is how I release my stress.
</h6>
</li>
<li>
<h5><strong>What's your favorite aspect of being an entrepreneur?</strong></h5>
<h6 class="text-justify">
I can say it is a challenge and my time, because the challenge in entrepreneurship is not easy, because
the world is very cruel. We want to collaborate with the other company and the other company wants to
collaborate with us are two different things. If we want to collaborate with other companies, they want
to see our profile, attitude. If someone wants to collaborate with us, we need to look into their things,
this is quite challenging for me, because not every company likes our culture, this is the truth. Most of
them like us, because we are very free, we are young, we are lively, we can negotiate with the boss, we can
also go anywhere we like. So, the aspect that I like the most is the challenge. Like myself, I like challenges
the most, everything I'm doing now is challenging, so I like my job. The other aspect is time, because I can
control my time freely, I can sleep all the way until 12 noon, then if I want to wake, then I wake up and go
to the office. After work, I can brainstorm, meet, then I can go back home and spend time with my family.
</h6>
</li>
<li>
<h5><strong>What’s your most satisfying entrepreneur moment so far?</strong></h5>
<h6 class="text-justify">
One of the things I want to tell you is that, normally, we think doing business is very profitable. Businessmen
can always drive a good car, that is nonsense I tell you, that is a lie. Instead, my crews are driving a better
car than me, like GTR and Ferrari to my shop. So what is my expectation during my business? In this journey,
I enjoy every particular moment. The best thing about entrepreneurship is I can observe my business growth.
This is very interesting. The reason is no matter how big the achievement, for example, opening a new shop is
one of an achievement, actually the achievement in the market is very small. For me, I enjoy starting a business
by opening a shop. I also solve many problems during my business. Next, I also like to spend my time with my
partner, because our working time is very free. Although we need to complete our tasks in time, every one of us
works differently, not following company regulation. A company usually has constant meetings and writing reports,
but we don’t need that. When we have a project to do with, we just need to go anywhere we want. Let’s say we want
to go to some food restaurant, so we just go straight away and enjoy our trip. It could be considered 90% of the
process that we are playing, and the left is the discussion. What we have done is we are learning while playing.
</h6>
</li>
<li>
<h5><strong>What's your advice to those fresh graduates that are thinking of creating their own business?</strong></h5>
<h6 class="text-justify">
In the different part of view, Mr. David thought that different sizes of business get their own way, not every
startup business needs to have a huge start-up capital. People can start up what they like from a very small
capital. For fresh graduates, they need to clear out their mind first, are they ready to jump up from their
comfort zone or not. They should always have a backup plan and continue learning. The most important thing
is to enjoy the whole journey.
</h6>
</li>
</ul>
</div>
</li>
<li>
<a data-bs-toggle="collapse" data-bs-target="#accordion-list-4" class="collapsed">
<span>04</span> Photography Session of Interview <i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="accordion-list-4" class="collapse" data-bs-parent=".accordion-list">
<p>
<img src="assets\img\interview.png" class="img-responsive center-block d-block mx-auto" alt="Photography Session of Interview" width="100%" height="100%">
</p>
</div>
</li>
<li>
<a data-bs-toggle="collapse" data-bs-target="#accordion-list-5" class="collapsed">
<span>05</span>Industrial Talk Session<i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="accordion-list-5" class="collapse" data-bs-parent=".accordion-list">
<br>
<div class="ratio ratio-16x9">
<iframe src="https://www.youtube.com/embed/PZ0ixk_NP4Q" title="Industrial Talk by founder of Pin Tea Malaysia" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
</div>
</li>
<li>
<a data-bs-toggle="collapse" data-bs-target="#accordion-list-6" class="collapsed">
<span>06</span> Photography Session of Industrial Talk <i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="accordion-list-6" class="collapse" data-bs-parent=".accordion-list">
<p>
<img src="assets\img\talk.png" class="img-responsive center-block d-block mx-auto" alt="Photography Session of Industrial Talk" width="100%" height="100%">
</p>
</div>
</li>
<li>
<a data-bs-toggle="collapse" data-bs-target="#accordion-list-7" class="collapsed">
<span>07</span> Results of Google Form <i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="accordion-list-7" class="collapse" data-bs-parent=".accordion-list">
<ul>
<li>
<img src="assets\img\google-form\1.png" class="img-responsive center-block d-block mx-auto" width="100%" height="100%">
</li>
<li>
<img src="assets\img\google-form\2.png" class="img-responsive center-block d-block mx-auto" width="100%" height="100%">
</li>
<li>
<img src="assets\img\google-form\3.png" class="img-responsive center-block d-block mx-auto" width="100%" height="100%">
</li>
<li>
<img src="assets\img\google-form\4.png" class="img-responsive center-block d-block mx-auto" width="100%" height="100%">
</li>
<li>
<img src="assets\img\google-form\5.png" class="img-responsive center-block d-block mx-auto" width="100%" height="100%">
</li>
<li>
<img src="assets\img\google-form\6.png" class="img-responsive center-block d-block mx-auto" width="100%" height="100%">
</li>
<li>
<img src="assets\img\google-form\7.png" class="img-responsive center-block d-block mx-auto" width="100%" height="100%">
</li>
<li>
<img src="assets\img\google-form\8.png" class="img-responsive center-block d-block mx-auto" width="100%" height="100%">
</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
<div class="col-lg-5 align-items-stretch order-1 order-lg-2 img" style='background-image: url("assets/img/poster.png");' data-aos="zoom-in" data-aos-delay="150" width="100%" height="100%"> </div>
</div>
</div>
</section><!-- End Our Event Section -->
<!-- ========================================================================================== Skills Section ======= -->
<!-- <section id="skills" class="skills">
<div class="container" data-aos="fade-up">
<div class="row">
<div class="col-lg-6 d-flex align-items-center" data-aos="fade-right" data-aos-delay="100">
<img src="assets/img/skills.png" class="img-fluid" alt="">
</div>
<div class="col-lg-6 pt-4 pt-lg-0 content" data-aos="fade-left" data-aos-delay="100">
<h3>Voluptatem dignissimos provident quasi corporis voluptates</h3>
<p class="fst-italic">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua.
</p>
<div class="skills-content">
<div class="progress">
<span class="skill">HTML <i class="val">100%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill">CSS <i class="val">90%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill">JavaScript <i class="val">75%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill">Photoshop <i class="val">55%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>End Skills Section -->
<!-- =============================================================================== Our Activity Section ======= -->
<section id="our_activity" class="services section-bg">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>Our Activities</h2>
<p>
In this subject, we have done some activities that related to the subject of <strong>TECHNOPRENEURSHIP SEMINAR</strong>.
</p>
</div>
<div class="row">
<div class="col-xl-3 col-md-6 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
<div class="icon-box">
<div class="icon"><i class="bx bx-file"></i></div>
<h4><a href="">Activity 1</a></h4>
<p class="text-justify">We shared a poster from UTMxCITE as our submission because we were yet to get an infustrial talk speaker at the time.
This is the link that we posted.
<a href="https://web.facebook.com/utmxcite/photos/a.518509121617843/2403885229746880/">Webinar Poster of Entrepreneurship and Sustainable Development Goals (SDGs). </a>
Mr. Mohd Rizalman, the Head of Sustainability at Spritzer Berhad, will explain how students or researchers can develop transformational solutions
for the SDGs through entrepreneurship projects. The event being held on 18<sup>th</sup> NOV 2021 at UTMxCITE facebook live.
</p><br>
<p class="text-justify">
<img src="assets\img\utmxcite_poster.png" class="img-responsive center-block d-block mx-auto" width="100%" height="100%">
</p>
</div>
</div>
<div class="col-xl-3 col-md-6 d-flex align-items-stretch mt-4 mt-md-0" data-aos="zoom-in" data-aos-delay="200">
<div class="icon-box">
<div class="icon"><i class="bx bx-video"></i></div>
<h4><a href="">Activity 2</a></h4>
<p class="text-justify">We posted a video as for the poster in activity 1, it is an Webinar talk about Entrepreneurship and Sustainable Development Goals (SDGs).
being held on 18<sup>th</sup> NOV 2021 at UTMxCITE facebook live. You may watch the video here.
</p><br>
<div class="ratio ratio-16x9">
<iframe src="https://www.facebook.com/plugins/video.php?height=314&href=https%3A%2F%2Fweb.facebook.com%2Futmxcite%2Fvideos%2F496000021516027%2F&show_text=true&width=560&t=0" style="border:none;overflow:hidden" scrolling="no"
frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture;
web-share" allowFullScreen="true"></iframe>
</div>
<br>
<p class="text-justify">The Webinar was moderated by Dr Logaiswari Indiran, a senior lecturer at UTM. The overall purpose of this Webinar is to follow Mr Rizalman's
journey through years of experience in sustainability advocacy, beginning with his involvement in numerous environmental and social sustainability projects.
He also makes a name for himself with programmes that use entrepreneurial thinking and impact to empower communities and enterprises. Mr Rizalman is also a supporter
of all social enterprises in various industries.</p>
</div>
</div>
<div class="col-xl-3 col-md-6 d-flex align-items-stretch mt-4 mt-xl-0" data-aos="zoom-in" data-aos-delay="400">
<div class="icon-box">
<div class="icon"><i class="bx bx-game"></i></div>
<h4><a href="">Activity 3</a></h4>
<p class="text-justify">Based on the recent industrial talk event, we picked 2 events and created a puzzle game by using <a href="https://puzzel.org/">PUZZLE.ORG</a>
We created total 10 questions from our team, and we received 9 replies from other friends, here is examples of their replies.</p>
<br>
<br>
<p class="text-justify">
<img src="assets\img\puzzle1.png" class="img-responsive center-block d-block mx-auto" width="100%" height="100%">
</p>
<br>
<br>
<p class="text-justify">
<img src="assets\img\puzzle2.png" class="img-responsive center-block d-block mx-auto" width="100%" height="100%">
</p>
<br>
<br>
<p class="text-justify">
<img src="assets\img\puzzle3.png" class="img-responsive center-block d-block mx-auto" width="100%" height="100%">
</p>
<p class="text-justify">
<img src="assets\img\puzzle4.png" class="img-responsive center-block d-block mx-auto" width="100%" height="100%">
</p>
</div>
</div>
<div class="col-xl-3 col-md-6 d-flex align-items-stretch mt-4 mt-xl-0" data-aos="zoom-in" data-aos-delay="300">
<div class="icon-box">
<div class="icon"><i class="bx bx-video"></i></div>
<h4><a href="">Activity 4</a></h4>
<p class="text-justify">After the industrial talk and interview session with Mr David. We used Plotagon to create a animation video to simulate the interview content. Each of us asked 1
question, so total 5 questions have been asked to Mr David about his daily life, how to handle the stress and so on. You may watch the video here.
</p>
<br>
<div class="ratio ratio-16x9">
<iframe src="https://www.youtube.com/embed/s0Q8nGSruHw" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture;
web-share" allowFullScreen="true"></iframe>
</div>
<br>
<p class="text-justify">
As for the script version. you may refer to the last sub-menu -- "Our Event", in QnA tab.
The questions have been asked in the interview session are => Can you share with us what a typical working day is like for you? How do you manage your stress?
What's your favorite aspect of being an entrepreneur? What’s your most satisfying entrepreneur moment so far? What's your advice to those fresh graduates
that are thinking of creating their own business?
</p>
</div>
</div>
</div>
</div>
</section><!-- End Our Activity Section -->
<!-- ======= Cta Section ======= -->
<!-- <section id="cta" class="cta"> -->
<!-- <div class="container" data-aos="zoom-in">
<div class="row">
<div class="col-lg-9 text-center text-lg-start">
<h3>Call To Action</h3>
<p> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div class="col-lg-3 cta-btn-container text-center">
<a class="cta-btn align-middle" href="#">Call To Action</a>
</div>
</div>
</div>
</section>End Cta Section -->
<!-- =========================================================================================== Reflection Section ======= -->
<!-- <section id="reflection" class="portfolio">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>Portfolio</h2>
<p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi
quidem hic quas.</p>
</div>
<ul id="portfolio-flters" class="d-flex justify-content-center" data-aos="fade-up" data-aos-delay="100">
<li data-filter="*" class="filter-active">All</li>
<li data-filter=".filter-app">App</li>
<li data-filter=".filter-card">Card</li>
<li data-filter=".filter-web">Web</li>
</ul>
<div class="row portfolio-container" data-aos="fade-up" data-aos-delay="200">
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-img"><img src="assets/img/portfolio/portfolio-1.jpg" class="img-fluid" alt=""></div>
<div class="portfolio-info">
<h4>App 1</h4>
<p>App</p>
<a href="assets/img/portfolio/portfolio-1.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="App 1"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
<div class="portfolio-img"><img src="assets/img/portfolio/portfolio-2.jpg" class="img-fluid" alt=""></div>
<div class="portfolio-info">
<h4>Web 3</h4>
<p>Web</p>
<a href="assets/img/portfolio/portfolio-2.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="Web 3"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-img"><img src="assets/img/portfolio/portfolio-3.jpg" class="img-fluid" alt=""></div>
<div class="portfolio-info">
<h4>App 2</h4>
<p>App</p>
<a href="assets/img/portfolio/portfolio-3.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="App 2"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-card">
<div class="portfolio-img"><img src="assets/img/portfolio/portfolio-4.jpg" class="img-fluid" alt=""></div>
<div class="portfolio-info">
<h4>Card 2</h4>
<p>Card</p>
<a href="assets/img/portfolio/portfolio-4.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="Card 2"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
<div class="portfolio-img"><img src="assets/img/portfolio/portfolio-5.jpg" class="img-fluid" alt=""></div>
<div class="portfolio-info">
<h4>Web 2</h4>
<p>Web</p>
<a href="assets/img/portfolio/portfolio-5.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="Web 2"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-img"><img src="assets/img/portfolio/portfolio-6.jpg" class="img-fluid" alt=""></div>
<div class="portfolio-info">
<h4>App 3</h4>
<p>App</p>
<a href="assets/img/portfolio/portfolio-6.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="App 3"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-card">
<div class="portfolio-img"><img src="assets/img/portfolio/portfolio-7.jpg" class="img-fluid" alt=""></div>
<div class="portfolio-info">
<h4>Card 1</h4>
<p>Card</p>
<a href="assets/img/portfolio/portfolio-7.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="Card 1"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-card">
<div class="portfolio-img"><img src="assets/img/portfolio/portfolio-8.jpg" class="img-fluid" alt=""></div>
<div class="portfolio-info">
<h4>Card 3</h4>
<p>Card</p>
<a href="assets/img/portfolio/portfolio-8.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="Card 3"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
<div class="portfolio-img"><img src="assets/img/portfolio/portfolio-9.jpg" class="img-fluid" alt=""></div>
<div class="portfolio-info">
<h4>Web 3</h4>
<p>Web</p>
<a href="assets/img/portfolio/portfolio-9.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="Web 3"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
</div>
</section>End Portfolio Section -->
<section id="reflection" class="cta">
<div class="section-title text-color">
<h2>Reflection</h2>
<p>This our reflection for the organized event in the past.</p>
</div>
<div class="container" data-aos="zoom-out">
<br><br>
<div class="row g-5">
<div class="col-lg-8 col-md-6 content d-flex flex-column justify-content-center order-last order-md-first">
<h3 class="text-uppercase">simon chong kai yuen</h3>
<p class="text-justify">From the industrial talk by 1 of the founders of Pin Tea Malaysia – Mr David on 14th June 2022, 8:30 pm to 9:30 pm,
at Webex online meeting platform. I learned how they started up their business. He is a diploma graduate from Inti College,
Malaysia, and last he and his partners decided to start their own business with Pin Tea Malaysia. He does not like 9 to 6 work,
although it pays more, he and his partners faced conflict during the business. Still, it is really ordinary when working in a
team, everyone has different opinions, ideas and thoughts, try to solve them together and talk to each other instead of just
keeping silent. The level of misunderstanding or argument will be increased. His diploma education is not being helpful or
useful to him if he could travel back to the timeframe before he furthered his study to diploma level, he said he would not
go for it, he would start his business journey directly. Furthermore, by inspiration from Mr David, I have learned the
difficulty of start-up a journey as a business, it is not as easy as I thought, and need to grab the opportunity, have
the ability of time management, patience, passion, and responsibility. Besides, from Mr David’s talk, he traveled a lot,
he went to China, he got a culture shock because he saw how advanced is China, developed rapidly, that was a great experience
for him, he learned from Chinese in China how they operate their business successfully. Therefore, I think we cannot only
just stay within our comfort zone, we must take our first step, try to look around the world, we could have a different perspective.
Other than that, I also learned that we have to be patient when facing conflict among team members, keeping silent will
not be the best decision, it might bring a worse situation. Try to communicate with them, figure out the solution, think
about the causes, and make the best decision for each of the team members. In the future, I know how to handle
in-team conflict, even currently studying, we have our own time and might have some conflict. Besides, I have to be courageous
to step out of the first step, fearless of failure in a critical situation, failure never makes you fail, but fear does.
</p>
</div>
<div class="col-lg-4 col-md-6 order-first order-md-last d-flex align-items-center">
<div class="img">
<img src="assets\img\team\simon2.png" alt="" class="img-fluid">
</div>
</div>
</div>
<br> <br> <br> <br> <br> <br>
<div class="row g-5">
<div class="col-lg-8 col-md-6 content d-flex flex-column justify-content-center order-last order-md-first">
<h3 class="text-uppercase">Clive Lai Yi Cheng</h3>
<p class="text-justify">The industry that we interviewed is Pin Tea Malaysia, which is founded by Mr. David and his team.
He was giving a speech from 8.30pm until 9.30pm on June 14th, 2022. After that, we had our interview session after the
speech for about an hour. Mr. David was giving an extraordinary and interesting sharing during the interview session.
The most important thing that I have learnt is the ways to release stress. Mr. David mentioned that he would like to
drink tea and listen to music when he is alone, because he does not like to be distracted. The other way is he likes
to drive away from the city area and has a chill with tourist attractions such as Genting Highland. During his tour
to Genting Highland, he stopped his car at the blind spot and that particular place could get the view of KL. He also
experienced the cold of Genting Highland. Thus, these methods impressed me to get rid of the stress as a businessman.
Moreover, I am also doing similar ways to release stress as Mr. David too. When I have a lot of work in my todo list,
I will try to release the burden by listening to music, also trying to stay in a cool environment or get a bath just
like staying in Genting Highland. Mr. David also impressed me that he is enjoying every particular moment in his business
life. The interesting thing is he does not really have the satisfaction from the profit brought by the business, even
his crew and customers have a better automobile and house. But he enjoys the time together with his partner. Their
working time is very free, they can have a kick start meeting anytime they want. They also travel anywhere and try
the food around the world as a way of research. I like his lifestyle of spending time together with friends and also
working at the same time. From his lesson, I can also spend my time together with my classmate to complete the
assignment together. We also can plan for a trip to spend our leisure time together.
</p>
</div>
<div class="col-lg-4 col-md-6 order-first order-md-last d-flex align-items-center">
<div class="img">
<img src="assets\img\team\clive.jpg" alt="" class="img-fluid">
</div>
</div>
</div>
<br> <br> <br> <br> <br> <br>
<div class="row g-5">
<div class="col-lg-8 col-md-6 content d-flex flex-column justify-content-center order-last order-md-first">
<h3 class="text-uppercase">Ng Shu Yu</h3>
<p class="text-justify">Our invited speaker for the industry talk is Mr. David Chew. One of the founders of Pin Tea
Malaysia. The presentation was held on June 14, 2022 from 8:30pm to 9:30pm. This event is an online event by using
webex platform. After Mr. David finished his speech, we invited him to do a short interview. Mr David shared many of
his own stories during his speech. I was inspired a lot by his speech. I learned that the brand Pin tea Malaysia was
created by him and 3 other friends. I also learned about the difficulties and hardships that Mr. david said in his
entrepreneurial journey. Mr David often travels to different places to experience different cultural shocks. He then
learns from the locals and how they have managed to run his business successfully. Since Pin Tea Malaysia was co-created
by 4 people, there was bound to be some friction between them in the process of starting the company. With Mr David's
sharing, I learned that we have to be patient in the face of friction between members, try to communicate with them,
and work with members to find solutions and make the best decision. Because staying silent all the time is not a good
solution to a problem. What impressed me most in the interviews that followed was Mr David's way of managing his emotions.
When facing pressure, Mr. David likes to drink tea and listen to music quietly, or he will drive to Genting alone to
look at the whole view of Kuala Lumpur. The reason this topic strikes me so much is that I also like to be alone when
I'm feeling really stressed. Listen to the songs quietly and relax, and then continue to face the next challenge with
a good attitude.
</p>
</div>
<div class="col-lg-4 col-md-6 order-first order-md-last d-flex align-items-center">
<div class="img">
<img src="assets\img\team\ng.jpg" alt="" class="img-fluid">
</div>
</div>
</div>
<br> <br> <br> <br> <br> <br>
<div class="row g-5">
<div class="col-lg-8 col-md-6 content d-flex flex-column justify-content-center order-last order-md-first">
<h3 class="text-uppercase">Chong Kai Zhe</h3>
<p class="text-justify">On June 14th, 2022, from 8.30 p.m until 9.30 p.m, it was quite a memorable day. There is an
industry talk by 1 of the founders of Pin Tea Malaysia- Mr David. I attend the talk by using Webex online meeting platform.
Mr David was giving a very lively talk that evening, he has shown us the spirit of a teenager and the dedication to be
successful in entrepreneurship. He shared to us about how much he does not like to study, but he is very dedicated to be
successful, not to be a loser. From this experience, I had learnt that the drive to finish a task is the key to success.
Not only that, I also like the way he releases his stress. He shared that he likes to drive up the Genting Highland and
stop by the mountainside and look at Kuala Lumpur City. He says he is able to see through the whole city, even though the
city is quite huge, then his problems are just not the huge as he thinks. I like the positivity which is given out by him,
he shows me a sight of looking at things in real life. In the end I really hope that one day I could meet up with him again
and share the same hobbies with him and get close to him. He could be the model for all the teenagers who want to start up
their business. I believe that he will be really willing to help us up and share his experience with us again.
</p>
</div>
<div class="col-lg-4 col-md-6 order-first order-md-last d-flex align-items-center">
<div class="img">
<img src="assets\img\team\chong.jpg" width="400px" height="400px" alt="" class="img-fluid">
</div>
</div>
</div>
<br> <br> <br> <br> <br> <br>
<div class="row g-5">
<div class="col-lg-8 col-md-6 content d-flex flex-column justify-content-center order-last order-md-first">
<h3 class="text-uppercase">Siah Weng Tze</h3>
<p class="text-justify">After having the industrial talk with Mr. David from Pin Tea Malaysia, I gained a lot of new knowledge
regarding this entrepreneurship field. It tended to make me think back to what I wanted the most in my life? Was it freedom,
or a stable income? Mr. David shared with us how he found Pin Tea together with his friend. I was inspired by his attitude
where he would give all in something that he really looked forward to. He and his friend were willing to travel all the way
to China and Taiwan to get the idea, choose their products raw material wisely and did the market research. It was wonderful
when people get to enjoy what they are doing although it was a tough journey.This started to make me feel that the road I
chose right now was the one that I was really interested in? Was it because I had no guts to go for the field that I was
willing to give all of myself in? Was it because I refused to step out of my comfort zone? After listening to Mr. David's speech,
I gained more confidence to think properly. What was the future that
I really looked into? One thing that I learnt from him was that we should never give up no matter how tough the road in
front of us as long as it was the road that we wanted to. As long as we did not regret it when we think back on the journey
in the future.The successful story of Mr. David did inspire me a lot in the terms of physically and mentally. Physically,
I was inspired by his learning attitude that learn all the way until now even though he was at the entrepreneur level.
This reflected that learning was important and was not the task in university life only. Mentally, his guts and his desperation
were the ones I was interested in. He did not care about whether he had the capital for a startup or not, he did not care about
whether he had the knowledge to start up the business or not, he just made his idea into action, which was the most important
key feature. Nowadays, people always start at dreaming and end at dreaming, they rarely make their idea into action.
In conclusion, it was a great talk and I appreciated Mr. David for giving such a knowledgeable session for free.
</p>
</div>
<div class="col-lg-4 col-md-6 order-first order-md-last d-flex align-items-center">
<div class="img">
<img src="assets\img\team\siah.jpg" alt="" class="img-fluid">
</div>
</div>
</div>
</div>
</section>
<!-- ======= Frequently Asked Questions Section ======= -->
<!-- <section id="faq" class="faq section-bg">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>Frequently Asked Questions</h2>
<p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi
quidem hic quas.</p>
</div>
<div class="faq-list">
<ul>
<li data-aos="fade-up" data-aos-delay="100">
<i class="bx bx-help-circle icon-help"></i> <a data-bs-toggle="collapse" class="collapse" data-bs-target="#faq-list-1">Non consectetur a erat nam at lectus urna duis? <i class="bx bx-chevron-down icon-show"></i><i
class="bx bx-chevron-up icon-close"></i></a>
<div id="faq-list-1" class="collapse show" data-bs-parent=".faq-list">
<p>
Feugiat pretium nibh ipsum consequat. Tempus iaculis urna id volutpat lacus laoreet non curabitur gravida. Venenatis lectus magna fringilla urna porttitor rhoncus dolor purus non.
</p>
</div>
</li>
<li data-aos="fade-up" data-aos-delay="200">
<i class="bx bx-help-circle icon-help"></i> <a data-bs-toggle="collapse" data-bs-target="#faq-list-2" class="collapsed">Feugiat scelerisque varius morbi enim nunc? <i class="bx bx-chevron-down icon-show"></i><i
class="bx bx-chevron-up icon-close"></i></a>
<div id="faq-list-2" class="collapse" data-bs-parent=".faq-list">
<p>
Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi. Id interdum velit laoreet id donec ultrices. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Est pellentesque elit ullamcorper dignissim.
Mauris ultrices eros in cursus turpis massa tincidunt dui.
</p>
</div>
</li>
<li data-aos="fade-up" data-aos-delay="300">
<i class="bx bx-help-circle icon-help"></i> <a data-bs-toggle="collapse" data-bs-target="#faq-list-3" class="collapsed">Dolor sit amet consectetur adipiscing elit? <i class="bx bx-chevron-down icon-show"></i><i
class="bx bx-chevron-up icon-close"></i></a>
<div id="faq-list-3" class="collapse" data-bs-parent=".faq-list">
<p>
Eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Faucibus pulvinar elementum integer enim. Sem nulla pharetra diam sit amet nisl suscipit. Rutrum tellus pellentesque eu tincidunt. Lectus urna duis convallis
convallis tellus. Urna molestie at elementum eu facilisis sed odio morbi quis
</p>
</div>
</li>
<li data-aos="fade-up" data-aos-delay="400">
<i class="bx bx-help-circle icon-help"></i> <a data-bs-toggle="collapse" data-bs-target="#faq-list-4" class="collapsed">Tempus quam pellentesque nec nam aliquam sem et tortor consequat? <i class="bx bx-chevron-down icon-show"></i><i
class="bx bx-chevron-up icon-close"></i></a>
<div id="faq-list-4" class="collapse" data-bs-parent=".faq-list">
<p>
Molestie a iaculis at erat pellentesque adipiscing commodo. Dignissim suspendisse in est ante in. Nunc vel risus commodo viverra maecenas accumsan. Sit amet nisl suscipit adipiscing bibendum est. Purus gravida quis blandit turpis
cursus in.
</p>
</div>
</li>
<li data-aos="fade-up" data-aos-delay="500">
<i class="bx bx-help-circle icon-help"></i> <a data-bs-toggle="collapse" data-bs-target="#faq-list-5" class="collapsed">Tortor vitae purus faucibus ornare. Varius vel pharetra vel turpis nunc eget lorem dolor? <i
class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="faq-list-5" class="collapse" data-bs-parent=".faq-list">
<p>
Laoreet sit amet cursus sit amet dictum sit amet justo. Mauris vitae ultricies leo integer malesuada nunc vel. Tincidunt eget nullam non nisi est sit amet. Turpis nunc eget lorem dolor sed. Ut venenatis tellus in metus vulputate eu
scelerisque.
</p>
</div>
</li>
</ul>
</div>
</div>
</section>
End Frequently Asked Questions Section -->
<!-- ======= Contact Section ======= -->
<section id="contact" class="contact">