-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
916 lines (800 loc) · 63.1 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>BSCS Educational Tour</title>
<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=DM+Sans:wght@400;500;700&display=swap" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-icons.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-expand-lg">
<div class="container">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a href="index.html" class="navbar-brand mx-auto mx-lg-0">
<span class="brand-text">Computer Science <br> Educational Tour</span>
</a>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link click-scroll" href="#section_1">Home</a>
</li>
<li class="nav-item">
<a class="nav-link click-scroll" href="#section_2">Speakers</a>
</li>
<li class="nav-item">
<a class="nav-link click-scroll" href="#section_3">Schedules</a>
</li>
<li class="nav-item">
<a class="nav-link click-scroll" href="#section_4">Venue</a>
</li>
<li class="nav-item">
<button id="playPauseBtn" class="nav-link">PLAY ME</button>
</li>
</ul>
</div>
</div>
</nav>
<script>
document.addEventListener('DOMContentLoaded', function() {
var audio = new Audio('audio/DJ JOANNA BREAKBEAT!!!.mp3'); // Replace with your music file path
var playPauseBtn = document.getElementById('playPauseBtn');
// Set initial volume to a low level
audio.volume = 0.05;
playPauseBtn.addEventListener('click', function() {
if (audio.paused) {
audio.play();
playPauseBtn.textContent = 'PAUSE ME';
} else {
audio.pause();
playPauseBtn.textContent = 'PLAY ME';
}
});
});
</script>
</body>
</html>
<main>
<section class="hero" id="section_1">
<div class="container">
<div class="row">
<div class="col-lg-5 col-12 m-auto">
<div class="hero-text">
<h1 class="text-white mb-4"><u class="text-info"></u>BSCS EDUCATIONAL TOUR 2024</h1>
</div>
</div>
</div>
</div>
<div class="video-wrap">
<video autoplay="" loop="" muted="" class="custom-video" poster="">
<source src="videos/copy-8CB20015-C1FE-4F2A-A658-5FF.mp4" type="video/mp4">
</video>
</div>
</section>
<section class="highlight">
<div class="container">
<div class="intro-high">
<h2>A Four-day company visit, activities, lectures, and workshops.</h2>
</div>
<div class="row">
<div class="col-lg-3 col-md-6 col-12">
<div id="highlightCarousel1" class="carousel slide" data-ride="carousel">
<ul class="carousel-indicators">
<li data-target="#highlightCarousel1" data-slide-to="0" class="active"></li>
<li data-target="#highlightCarousel1" data-slide-to="1"></li>
<li data-target="#highlightCarousel1" data-slide-to="2"></li>
</ul>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="images/448195825_1182888989408555_772301088254718141_n (1).jpg" class="d-block w-100" alt="">
</div>
<div class="carousel-item">
<img src="images/448258253_994062188629086_6580826266902814573_n.jpg" class="d-block w-100" alt="">
</div>
<div class="carousel-item">
<img src="images/448576139_1654486335342874_5941330403090923941_n.jpg" class="d-block w-100" alt="">
</div>
</div>
<a class="carousel-control-prev" href="#highlightCarousel1" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" href="#highlightCarousel1" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
<div class="highlight-info">
<h3 class="highlight-title">Day 1</h3>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div id="highlightCarousel2" class="carousel slide" data-ride="carousel">
<ul class="carousel-indicators">
<li data-target="#highlightCarousel2" data-slide-to="0" class="active"></li>
<li data-target="#highlightCarousel2" data-slide-to="1"></li>
<li data-target="#highlightCarousel2" data-slide-to="2"></li>
</ul>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="images/445387493_1450834418877218_8639058595263118021_n (1).jpg" class="d-block w-100" alt="">
</div>
<div class="carousel-item">
<img src="images/448587781_834894391850654_7592196884201182942_n.jpg" class="d-block w-100" alt="">
</div>
</div>
<a class="carousel-control-prev" href="#highlightCarousel2" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" href="#highlightCarousel2" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
<div class="highlight-info">
<h3 class="highlight-title">Day 2</h3>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div id="highlightCarousel3" class="carousel slide" data-ride="carousel">
<ul class="carousel-indicators">
<li data-target="#highlightCarousel3" data-slide-to="0" class="active"></li>
<li data-target="#highlightCarousel3" data-slide-to="1"></li>
<li data-target="#highlightCarousel3" data-slide-to="2"></li>
</ul>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="images/lrt2 (1).jpg" class="d-block w-100" alt="">
</div>
<div class="carousel-item">
<img src="images/Screenshot 2024-07-05 020711 (1).png" class="d-block w-100" alt="">
</div>
</div>
<a class="carousel-control-prev" href="#highlightCarousel3" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" href="#highlightCarousel3" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
<div class="highlight-info">
<h3 class="highlight-title">Day 3</h3>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div id="highlightCarousel4" class="carousel slide" data-ride="carousel">
<ul class="carousel-indicators">
<li data-target="#highlightCarousel4" data-slide-to="0" class="active"></li>
<li data-target="#highlightCarousel4" data-slide-to="1"></li>
<li data-target="#highlightCarousel4" data-slide-to="2"></li>
</ul>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="images/Screenshot 2024-07-05 025121 (1).png" class="d-block w-100" alt="">
</div>
<div class="carousel-item">
<img src="images/lrt (1).jpg" class="d-block w-100" alt="">
</div>
</div>
<a class="carousel-control-prev" href="#highlightCarousel4" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" href="#highlightCarousel4" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
<div class="highlight-info">
<h3 class="highlight-title">Day 4</h3>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="about section-padding" id="">
<div class="container">
<div class="s">
<div class="col-lg-10 col-12">
<h2 class="mb-4">The <u class="text-info">GOAL</u></h2>
</div>
<div class="goal-desc">
<h3 class="mb-3">The goal of the Bachelor of Science in Computer Science (BSCS) educational tour is to provide students with practical exposure to the real-world applications of computer science concepts and technologies.</h3>
</div>
<div class="goal-caro">
<div id="goalCarousel" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="images/IMG_0761.jpg" class="d-block w-100" alt="Image 1">
</div>
<div class="carousel-item">
<img src="images/IMG_1115.jpg" class="d-block w-100" alt="Image 2">
</div>
<div class="carousel-item">
<img src="images/IMG_1687.jpg" class="d-block w-100" alt="Image 3">
</div>
</div>
<a class="carousel-control-prev" href="#goalCarousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only"></span>
</a>
<a class="carousel-control-next" href="#goalCarousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only"></span>
</a>
</div>
</div>
</div>
</div>
</section>
<section class="speakers section-padding" id="section_2">
<div class="container">
<div class="">
<div class="col-lg-6 col-12 d-flex flex-column justify-content-center align-items-center">
<div class="speakers-text-info">
<h2 class="mb-4">The <u class="text-info">SPEAKERS</u></h2>
</div>
</div>
<div class="col-lg-12 col-12">
<div class="row">
<div class="col-lg-4 col-md-4 col-12">
<div class="speakers-thumb speakers-thumb-small">
<img src="images/Screenshot 2024-07-05 005013.jpg" class="img-fluid speakers-image" alt="">
<div class="speakers-info">
<h5 class="speakers-title mb-0">Jerome Saddi</h5>
<p class="speakers-text mb-0">VESSEL TRAFFIC MANAGEMENT SYSTEM</p>
</div>
<div class="speakers-description">
<p>"An Engineer who tour and teach us about on how to locate the coming ships and going out of the ship, distance of the ship, and if it is in their boundaries. Because tracking of the location and status of the ships is important to ensure the safety and security of the ships nad also to predict on what time it will arrived so that it can be used in their predicting patterns for future purposes."</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="speakers-thumb speakers-thumb-small">
<img src="images/Screenshot 2024-07-05 001944.jpg" class="img-fluid speakers-image" alt="">
<div class="speakers-info">
<h5 class="speakers-title mb-0">Arnel Gonzales</h5>
<p class="speakers-text mb-0">PAGASA WEATHER STATION</p>
</div>
<div class="speakers-description">
<p>"He discussed to us about how are the operations to know what will be the weather for the next days, weeks, and months and how it is determined which is by their software and hardware and also the directions of the winds and These knowledges helps them to predict the weather patterns."</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="speakers-thumb speakers-thumb-small">
<img src="images/Screenshot 2024-07-05 002213.jpg" class="img-fluid speakers-image" alt="">
<div class="speakers-info">
<h5 class="speakers-title mb-0">Berna Puyat</h5>
<p class="speakers-text mb-0">NATIONAL MUSEUM OF THEPHILIPPINES</p>
</div>
<div class="speakers-description">
<p>"She's a student of Philippine history who shares her passion with us through engaging stories and historical insights. Her tours cater to our curiosity, unveiling the treasures of Filipino culture and history with enthusiasm and depth. Berna's explanations are clear and filled with anecdotes that bring history to life, making each visit to the museum an enriching experience we won't forget."</p>
</div>
</div>
</div>
<div class="col-lg-12 col-12">
<div class="row">
<div class="col-lg-4 col-md-4 col-12">
<div class="speakers-thumb speakers-thumb-small">
<img src="images/Screenshot 2024-07-05 002533.jpg" class="img-fluid speakers-image" alt="">
<div class="speakers-info">
<h5 class="speakers-title mb-0">Brian Tanseng</h5>
<p class="speakers-text mb-0">98 LABS INC.</p>
</div>
<div class="speakers-description">
<p>"Sir Brian Tan Seng is an CEO of the company 98Labs incorparation which is about creating website or software for a many companies and they already have products for different companies and what they do is more on developing software products compared with the other companies."</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="speakers-thumb speakers-thumb-small">
<img src="images/Screenshot 2024-07-05 003022.jpg" class="img-fluid speakers-image" alt="">
<div class="speakers-info">
<h5 class="speakers-title mb-0">Dave Del Rosario</h5>
<p class="speakers-text mb-0">FIRSTAVIATION ACADEMY</p>
</div>
<div class="speakers-description">
<p>"An FAA staff that guide and teach us about the software used in their school for the student on how to drive or fly an airplane through a software without really flying an actual airplane. He discussed about the details of the software like what it's features just like letting the student see what will be the actual scene if they will be flying the airplane through a software."</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="speakers-thumb speakers-thumb-small">
<img src="images/Screenshot 2024-07-05 003152.jpg" class="img-fluid speakers-image" alt="">
<div class="speakers-info">
<h5 class="speakers-title mb-0">Rose Anne Caraan</h5>
<p class="speakers-text mb-0">PACKETWORX INC.</p>
</div>
<div class="speakers-description">
<p>"She explained to us what is their company all about, what do they do, what are their paired or collaboration companies and also what is their purpose in what they do and that is doing IOT devices which means they connect 2 or more devices and they let us see their products which are all IoT and it's really advanced technology that could really help nowadays and they also thought as what does the hardware do and where will be the data stored which will be in the dashboard in their online website meaning the hardware collects data then send it to the online webiste for future research purposes and that would be really useful."</p>
</div>
</div>
</div>
<div class="col-lg-12 col-12">
<div class="row">
<div class="col-lg-4 col-md-4 col-12">
<div class="speakers-thumb speakers-thumb-small">
<img src="images/Screenshot 2024-07-05 003307.jpg" class="img-fluid speakers-image" alt="">
<div class="speakers-info">
<h5 class="speakers-title mb-0">Karla Legaspi</h5>
<p class="speakers-text mb-0">QBO INNOVATION HUB</p>
</div>
<div class="speakers-description">
<p>"She explained to us what is their company all about like what does it do, who are the people they need in their company, and explained what is start ups which is about they say that that companies or people who are just starting and explained that they need people like that most especially students who just graduated so it will really be a start up and they will be happy to accept fresh starting graduates there."</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="speakers-thumb speakers-thumb-small">
<img src="images/Screenshot 2024-07-05 003421.jpg" class="img-fluid speakers-image" alt="">
<div class="speakers-info">
<h5 class="speakers-title mb-0">Adrian Francisco Salda</h5>
<p class="speakers-text mb-0">LIGHT RAIL TRANSIT AUTHORITY</p>
</div>
<div class="speakers-description">
<p>"Sir Adrian teaches us about the operation they do in the train, the safety precautions while riding the train, and warned us what are the do's and don't in riding the train so that passenger are safe. He also let us see what their software looked like how they can able to track their train and the status of their train he also explains how does the train go and the technical details on the rails which serves as the road for the trains."</p>
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="speakers-thumb speakers-thumb-small">
<img src="images/Screenshot 2024-07-05 004939.jpg" class="img-fluid speakers-image" alt="">
<div class="speakers-info">
<h5 class="speakers-title mb-0">Gretchel Listana</h5>
<p class="speakers-text mb-0">HYTEC POWER INC.</p>
</div>
<div class="speakers-description">
<p>"During our tour with Gretchel from Hytec Power Inc., I felt right at home exploring their cutting-edge facilities and learning about their innovative power generation solutions. Gretchel's expertise and passion for sustainable energy were evident as she guided us through their impressive lineup of generators and renewable energy technologies. Her insightful explanations and friendly demeanor made the tour not only informative but also enjoyable. It was inspiring to see firsthand how Hytec Power Inc. is leading the way in powering a sustainable future."</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="schedule section-padding" id="section_3">
<div class="container">
<div class="row">
<div class="col-lg-12 col-12">
<h2 class="mb-5 text-center">The <u class="text-info">SCHEDULES</u></h2>
<nav>
<div class="nav nav-tabs align-items-baseline" id="nav-tab" role="tablist">
<button class="nav-link active" id="nav-DayZero-tab" data-bs-toggle="tab" data-bs-target="#nav-DayZero" type="button" role="tab" aria-controls="nav-DayZero" aria-selected="true">
<h3>
<span>Day 1</span>
<small>June 16, 2024</small>
</h3>
</button>
<button class="nav-link" id="nav-DayOne-tab" data-bs-toggle="tab" data-bs-target="#nav-DayOne" type="button" role="tab" aria-controls="nav-DayOne" aria-selected="false">
<h3>
<span>Day 2</span>
<small>June 17, 2024</small>
</h3>
</button>
<button class="nav-link" id="nav-DayTwo-tab" data-bs-toggle="tab" data-bs-target="#nav-DayTwo" type="button" role="tab" aria-controls="nav-DayTwo" aria-selected="false">
<h3>
<span>Day 3</span>
<small>June 18, 2024</small>
</h3>
</button>
<button class="nav-link" id="nav-DayThree-tab" data-bs-toggle="tab" data-bs-target="#nav-DayThree" type="button" role="tab" aria-controls="nav-DayThree" aria-selected="false">
<h3>
<span>Day 4</span>
<small>June 19, 2024</small>
</h3>
</button>
<button class="nav-link" id="nav-DayFour-tab" data-bs-toggle="tab" data-bs-target="#nav-DayFour" type="button" role="tab" aria-controls="nav-DayFour" aria-selected="false">
<h3>
<span>Day 5</span>
<small>June 20, 2024</small>
</h3>
</button>
<button class="nav-link" id="nav-DayFive-tab" data-bs-toggle="tab" data-bs-target="#nav-DayFive" type="button" role="tab" aria-controls="nav-DayFive" aria-selected="false">
<h3>
<span>Day 6-7</span>
<small>June 21-23, 2024</small>
</h3>
</button>
</div>
</nav>
<div class="tab-content mt-5" id="nav-tabContent">
<div class="tab-pane fade show active" id="nav-DayZero" role="tabpanel" aria-labelledby="nav-DayZero-tab">
<div class="row border-bottom pb-5 mb-5">
<div class="col-lg-8 col-12 mt-3 mt-lg-0">
<h4 class="mb-2">CHECK-IN AND LUNCH</h4>
<div class="d-flex align-items-center mt-4">
<div class="avatar-group d-flex">
<img src="images/441537799_1996131714135176_8506271356700011167_n.jpg" class="img-fluid avatar-image" alt="">
<div class="ms-3">
Rie Coronel
<p class="speakers-text mb-0">DJM TOUR GUIDE</p>
</div>
</div>
<span class="mx-3 mx-lg-5">12:00 NN</span>
<span class="mx-1 mx-lg-5">24 Seminary Rd, Project 8, Quezon City</span>
</div>
</div>
</div>
<div class="row border-bottom pb-5 mb-5">
<div class="col-lg-8 col-12 mt-3 mt-lg-0">
<h4 class="mb-2">METRO MANILA (City Tour)</h4>
<div class="d-flex align-items-center mt-4">
<div class="avatar-group d-flex">
<img src="images/441537799_1996131714135176_8506271356700011167_n.jpg" class="img-fluid avatar-image" alt="">
<div class="ms-3">
Rie Coronel
<p class="speakers-text mb-0">DJM TOUR GUIDE</p>
</div>
</div>
<span class="mx-3 mx-lg-5">1:00 PM</span>
<span class="mx-1 mx-lg-5">Pasay, Metro Manila</span>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="nav-DayOne" role="tabpanel" aria-labelledby="nav-DayOne-tab">
<div class="row border-bottom pb-5 mb-5">
<div class="col-lg-8 col-12 mt-3 mt-lg-0">
<h4 class="mb-2">PAGASA WEATHER STATION</h4>
<div class="d-flex align-items-center mt-4">
<div class="avatar-group d-flex">
<img src="images/441537799_1996131714135176_8506271356700011167_n.jpg" class="img-fluid avatar-image" alt="">
<div class="ms-3">
Rie Coronel
<p class="speakers-text mb-0">DJM Tour Guide</p>
</div>
</div>
<span class="mx-3 mx-lg-5">9:00 AM</span>
<span class="mx-1 mx-lg-5">Subic Bay Freeport Zone, Bataan</span>
</div>
</div>
</div>
<div class="row border-bottom pb-5 mb-5">
<div class="col-lg-8 col-12 mt-3 mt-lg-0">
<h4 class="mb-2">FIRST AVIATION ACADEMY</h4>
<div class="d-flex align-items-center mt-4">
<div class="avatar-group d-flex">
<img src="images/441537799_1996131714135176_8506271356700011167_n.jpg" class="img-fluid avatar-image" alt="">
<div class="ms-3">
Rie Coronel
<p class="speakers-text mb-0">DJM Tour Guide</p>
</div>
</div>
<span class="mx-3 mx-lg-5">10:30 AM</span>
<span class="mx-1 mx-lg-5">Subic Bay Freeport Zone, Bataan</span>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-8 col-12 mt-3 mt-lg-0">
<h4 class="mb-2">VESSEL TRAFFIC MANAGEMENT SYSTEM</h4>
<div class="d-flex align-items-center mt-4">
<div class="avatar-group d-flex">
<img src="images/441537799_1996131714135176_8506271356700011167_n.jpg" class="img-fluid avatar-image" alt="">
<div class="ms-3">
Rie Coronel
<p class="speakers-text mb-0">DJM Tour Guide</p>
</div>
</div>
<span class="mx-3 mx-lg-5">1:00 PM</span>
<span class="mx-1 mx-lg-5">Subic Bay Freeport Zone, Olongapo</span>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="nav-DayTwo" role="tabpanel" aria-labelledby="nav-DayTwo-tab">
<div class="row border-bottom pb-5 mb-5">
<div class="col-lg-8 col-12 mt-3 mt-lg-0">
<h4 class="mb-2">QBO INNOVATION HUB</h4>
<div class="d-flex align-items-center mt-4">
<div class="avatar-group d-flex">
<img src="images/441537799_1996131714135176_8506271356700011167_n.jpg" class="img-fluid avatar-image" alt="">
<div class="ms-3">
Rie Coronel
<p class="speakers-text mb-0">DJM Tour Guide</p>
</div>
</div>
<span class="mx-3 mx-lg-5">9:00 AM</span>
<span class="mx-1 mx-lg-5">1375 Sen. Gil J. Puyat Ave, Makati</span>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-8 col-12 mt-3 mt-lg-0">
<h4 class="mb-2">PACKETWORX INC. IOT TECHNOLOGIES HUB</h4>
<div class="d-flex align-items-center mt-4">
<div class="avatar-group d-flex">
<img src="images/441537799_1996131714135176_8506271356700011167_n.jpg" class="img-fluid avatar-image" alt="">
<div class="ms-3">
Rie Coronel
<p class="speakers-text mb-0">DJM Tour Guide</p>
</div>
</div>
<span class="mx-3 mx-lg-5">10:30 AM</span>
<span class="mx-1 mx-lg-5">Astra Building, Quezon City</span>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="nav-DayThree" role="tabpanel" aria-labelledby="nav-DayThree-tab">
<div class="row border-bottom pb-5 mb-5">
<div class="col-lg-8 col-12 mt-3 mt-lg-0">
<h4 class="mb-2">LIGHT RAIL TRANSIT AUTHORITY - LINE 2</h4>
<div class="d-flex align-items-center mt-4">
<div class="avatar-group d-flex">
<img src="images/441537799_1996131714135176_8506271356700011167_n.jpg" class="img-fluid avatar-image" alt="">
<div class="ms-3">
Rie Coronel
<p class="speakers-text mb-0">DJM Tour Guide</p>
</div>
</div>
<span class="mx-3 mx-lg-5">9:00 AM</span>
<span class="mx-1 mx-lg-5">Corner Aurora Boulevard, Pasay,</span>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-8 col-12 mt-3 mt-lg-0">
<h4 class="mb-2">NATIONAL MUSEUM OF THE PHILIPPINES</h4>
<div class="d-flex align-items-center mt-4">
<div class="avatar-group d-flex">
<img src="images/441537799_1996131714135176_8506271356700011167_n.jpg" class="img-fluid avatar-image" alt="">
<div class="ms-3">
Rie Coronel
<p class="speakers-text mb-0">DJM Tour Guide</p>
</div>
</div>
<span class="mx-3 mx-lg-5">12:30 PM</span>
<span class="mx-1 mx-lg-5">Padre Burgos Ave, Ermita, Manila</span>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="nav-DayFour" role="tabpanel" aria-labelledby="nav-DayFour-tab">
<div class="row border-bottom pb-5 mb-5">
<div class="col-lg-8 col-12 mt-3 mt-lg-0">
<h4 class="mb-2">98 Labs INC.</h4>
<div class="d-flex align-items-center mt-4">
<div class="avatar-group d-flex">
<img src="images/441537799_1996131714135176_8506271356700011167_n.jpg" class="img-fluid avatar-image" alt="">
<div class="ms-3">
Rie Coronel
<p class="speakers-text mb-0">DJM Tour Guide</p>
</div>
</div>
<span class="mx-3 mx-lg-5">8:30 AM</span>
<span class="mx-1 mx-lg-5">Rufino St, Makati, Metro Manila</span>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-8 col-12 mt-3 mt-lg-0">
<h4 class="mb-2">HYTEC POWER INC.</h4>
<div class="d-flex align-items-center mt-4">
<div class="avatar-group d-flex">
<img src="images/441537799_1996131714135176_8506271356700011167_n.jpg" class="img-fluid avatar-image" alt="">
<div class="ms-3">
Rie Coronel
<p class="speakers-text mb-0">DJM Tour Guide</p>
</div>
</div>
<span class="mx-3 mx-lg-5">2:00 PM</span>
<span class="mx-1 mx-lg-5">T. Cruz, Novaliches, Quezon City</span>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="nav-DayFive" role="tabpanel" aria-labelledby="nav-DayFive-tab">
<div class="row border-bottom pb-5 mb-5">
<div class="col-lg-8 col-12 mt-3 mt-lg-0">
<h4 class="mb-2">BAGUIO CITY (City Tour)</h4>
<div class="d-flex align-items-center mt-4">
<div class="avatar-group d-flex">
<img src="images/441537799_1996131714135176_8506271356700011167_n.jpg" class="img-fluid avatar-image" alt="">
<div class="ms-3">
Rie Coronel
<p class="speakers-text mb-0">DJM Tour Guide</p>
</div>
</div>
<span class="mx-3 mx-lg-5">1:00 AM</span>
<span class="mx-1 mx-lg-5">15 Legarda Rd, Baguio,Benguet</span>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-8 col-12 mt-3 mt-lg-0">
<h4 class="mb-2">CHECK-OUT / LEAVING BAGUIO</h4>
<div class="d-flex align-items-center mt-4">
<div class="avatar-group d-flex">
<img src="images/441537799_1996131714135176_8506271356700011167_n.jpg" class="img-fluid avatar-image" alt="">
<div class="ms-3">
Rie Coronel
<p class="speakers-text mb-0">DJM Tour Guide</p>
</div>
</div>
<span class="mx-3 mx-lg-5">1:00 PM</span>
<span class="mx-1 mx-lg-5">24 Seminary Rd, Project 8, Quezon City</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="venue section-padding" id="section_4">
<div class="container">
<div class="row">
<div class="col-lg-12 col-12">
<h2 class="mb-5">The <u class="text-info">VENUE</u></h2>
</div>
<div class="col-lg-6 col-12">
<iframe class="google-map" src=https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d15429.484478309092!2d120.26551559104166!3d14.804415166811335!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x339673e12d023fc9%3A0x59ecdab757c9391c!2sPAGASA%20Synoptic%2FAirport%20Weather%20Station%20-%20Subic!5e0!3m2!1sen!2sph!4v1720238578792!5m2!1sen!2sph" width="800" height="600" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div class="col-lg-6 col-12 mt-5 mt-lg-0">
<div class="venue-thumb bg-white shadow-lg">
<div class="venue-info-title">
<h2 class="text-white mb-0">PAGASA WEATHER STATION</h2>
</div>
<div class="venue-info-body">
<h4 class="d-flex">
<span>https://maps.app.goo.gl/izoznKH8ShfNGxnb7 <br>Q7RC+J9M, Argonaut Hwy, Subic Bay Freeport Zone, Bataan </span>
</h4>
</div>
</div>
</div>
<div class="col-lg-6 col-12">
<iframe class="google-map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d493772.7644690997!2d119.71014396562495!3d14.791562000000003!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3396718150945b3d%3A0x4b6f605fea257dcd!2sFirst%20Aviation%20Academy!5e0!3m2!1sen!2sph!4v1720240320779!5m2!1sen!2sph" width="800" height="600" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div class="col-lg-6 col-12 mt-5 mt-lg-0">
<div class="venue-thumb bg-white shadow-lg">
<div class="venue-info-title">
<h2 class="text-white mb-0">FIRST AVIATION ACADEMY</h2>
</div>
<div class="venue-info-body">
<h4 class="d-flex">
<span>https://maps.app.goo.gl/dVt38YUCeSAkfe2G6 <br>Subic Bay International Airport, Subic Bay, Olongapo City, Zambales, Subic Bay Freeport Zone, Bataan</span>
</h4>
</div>
</div>
</div>
<div class="col-lg-6 col-12">
<iframe class="google-map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3857.169355481848!2d120.28092147457667!3d14.815750271774043!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3396716d2c317895%3A0x80efb8e606357bfd!2sSBMA%20Seaport%20Administration%20Building!5e0!3m2!1sen!2sph!4v1720240631853!5m2!1sen!2sph" width="800" height="600" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div class="col-lg-6 col-12 mt-5 mt-lg-0">
<div class="venue-thumb bg-white shadow-lg">
<div class="venue-info-title">
<h2 class="text-white mb-0">VESSEL TRAFFIC MANAGEMENT SYSTEM</h2>
</div>
<div class="venue-info-body">
<h4 class="d-flex- prob1">
<span>https://maps.app.goo.gl/t2oVJf6Nakyk12C66 <br>R78M+79X, Waterfront Rd, Olongapo, 2222 Zambales</span>
</h4>
</div>
</div>
</div>
<div class="col-lg-6 col-12">
<iframe class="google-map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3861.6753338431167!2d121.02743737457237!3d14.560549578057037!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3397c900f2161131%3A0x929312216d6fcc29!2sQBO%20Innovation%20Hub!5e0!3m2!1sen!2sph!4v1720243259778!5m2!1sen!2sph" width="800" height="600" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div class="col-lg-6 col-12 mt-5 mt-lg-0">
<div class="venue-thumb bg-white shadow-lg">
<div class="venue-info-title">
<h2 class="text-white mb-0">QBO INNOVATION HUB</h2>
</div>
<div class="venue-info-body">
<h4 class="d-flex-prob1">
<span>https://maps.app.goo.gl/kfbHcGgGxa3RSiGr8<br>375 Sen. Gil J. Puyat Ave, Makati, 1209 Metro Manila</span>
</h4>
</div>
</div>
</div>
<div class="col-lg-6 col-12">
<iframe class="google-map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3861.237623056919!2d121.06099757457282!3d14.585531277446563!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3397c9a4a1982bd9%3A0xe1e7227208bd9247!2sPacketworx%20Inc%20-%20IoT%20Technology%20Hub!5e0!3m2!1sen!2sph!4v1720243002571!5m2!1sen!2sph" width="800" height="600" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div class="col-lg-6 col-12 mt-5 mt-lg-0">
<div class="venue-thumb bg-white shadow-lg">
<div class="venue-info-title">
<h2 class="text-white mb-0">PACKETWORX INC. IOT TECHNOLOGIES HUB</h2>
</div>
<div class="venue-info-body">
<h4 class="d-flex">
<span>https://maps.app.goo.gl/LFchiiUqzVtug7i79<br>G/F, iSquare Bldg, 15 Meralco Ave, Ortigas Center, Pasig, 1605 Metro Manila</span>
</h4>
</div>
</div>
</div>
<div class="col-lg-6 col-12">
<iframe class="google-map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3862.2190749535866!2d120.99957172457172!3d14.529457828815566!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3397c94c2ec97427%3A0xe46ec9f6511416d6!2sOffice%20of%20the%20Line%202%20Station%20Operations%20Division%20-%20Light%20Rail%20Transit%20Authority!5e0!3m2!1sen!2sph!4v1720244695949!5m2!1sen!2sph" width="800" height="600" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div class="col-lg-6 col-12 mt-5 mt-lg-0">
<div class="venue-thumb bg-white shadow-lg">
<div class="venue-info-title">
<h2 class="text-white mb-0">LIGHT RAIL TRANSIT AUTHORITY - LINE 2</h2>
</div>
<div class="venue-info-body">
<h4 class="d-flex">
<span>https://maps.app.goo.gl/qcnvspnUHDuUVhXW8<br>G2H2+RXM, LRTA Maintenance Building, Airport Road, Corner Aurora Boulevard, Pasay, 1301 Metro Manila</span>
</h4>
</div>
</div>
</div>
<div class="col-lg-6 col-12">
<iframe class="google-map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3861.2239078312414!2d120.97863282457259!3d14.586313377427338!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3397ca23d0569b6b%3A0xcfc70cbb93eae02a!2sNational%20Museum%20of%20Fine%20Arts!5e0!3m2!1sen!2sph!4v1720244785555!5m2!1sen!2sph" width="800" height="600" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div class="col-lg-6 col-12 mt-5 mt-lg-0">
<div class="venue-thumb bg-white shadow-lg">
<div class="venue-info-title">
<h2 class="text-white mb-0">NATIONAL MUSEUM OF THE PHILIPPINES</h2>
</div>
<div class="venue-info-body">
<h4 class="d-flex-prob1">
<span>https://maps.app.goo.gl/WMZY6S69fge9njjV6<br>Padre Burgos Ave, Ermita, Manila, 1000 Metro Manila</span>
</h4>
</div>
</div>
</div>
<div class="col-lg-6 col-12">
<iframe class="google-map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3861.7014523275398!2d121.0170369745724!3d14.559057578093503!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3397c908d0d55acf%3A0x3a25821d4166359!2s98Labs%2C%20Inc.!5e0!3m2!1sen!2sph!4v1720245010359!5m2!1sen!2sph" width="800" height="600" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div class="col-lg-6 col-12 mt-5 mt-lg-0">
<div class="venue-thumb bg-white shadow-lg">
<div class="venue-info-title">
<h2 class="text-white mb-0">98 Labs INC.</h2>
</div>
<div class="venue-info-body">
<h4 class="d-flex">
<span>https://maps.app.goo.gl/pKPadzi8zyuqBGGB6<br>98, 1227 V.A. Rufino St, Makati, Metro Manila Located in: Belkam Philippines Inc.</span>
</h4>
</div>
</div>
</div>
<div class="col-lg-6 col-12">
<iframe class="google-map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3861.2239078312414!2d120.97863282457259!3d14.586313377427338!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3397ca23d0569b6b%3A0xcfc70cbb93eae02a!2sNational%20Museum%20of%20Fine%20Arts!5e0!3m2!1sen!2sph!4v1720244785555!5m2!1sen!2sph" width="800" height="600" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div class="col-lg-6 col-12 mt-5 mt-lg-0">
<div class="venue-thumb bg-white shadow-lg">
<div class="venue-info-title">
<h2 class="text-white mb-0">HYTEC POWER INC.</h2>
</div>
<div class="venue-info-body">
<h4 class="d-flex">
<span>https://maps.app.goo.gl/XgaeqvKGQCTptG9E9<br>2 T. Cruz Street, Cruzville Subdivision, Zabarte Road, Quezon City, T. Cruz, Novaliches, Quezon City, Metro Manila</span>
</h4>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container">
<div class="row align-items-center">
<div class="footer-content">
<div class="djm-h2"><h2>I had experienced a blast and a wonderful tour!</h2></div>
<div class="djm-text">
<h3>Amazing Travel Partner: DJM Travel and Tour Services, Inc.</h3>
<p>Their expertise and attention to detail ensured that every aspect of our trip was seamlessly organized. Learn more about DJM Travel and Tour Services, Inc. and discover how they can help you create your own extraordinary travel memories.</p>
<br>CraftedBy@Monzky2024
</div>
<div class="insta"><a href="https://www.instagram.com/djm_mnl?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw==">LEARN MORE</a></div>
</div>
</div>
</div>
</footer>
<script src="scripts/jquery.min.js"></script>
<script src="scripts/bootstrap.min.js"></script>
<script src="scripts/jquery.sticky.js"></script>
<script src="scripts/click-scroll.js"></script>
<script src="scripts/custom.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>