PageSourceSearch

https://nykfil.com.ph/

html nykfil.com.ph collected 2026-10-08 23:36:40 UTC 45,820 bytes, 893 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="en">
4
5<head>
vendor: 67 bytes, lines 5-6
5
6  <script async src="https://www.googletagmanager.com/gtag/js?id=
6G-RSK76PFV7Q
vendor: 15 bytes, lines 6-7
6"></script>
7  
7<script>
8    
vendor: 161 bytes, lines 8-15
8window.dataLayer = window.dataLayer || [];
9
10    function gtag() {
11      dataLayer.push(arguments);
12    }
13    gtag('js', new Date());
14
15    gtag('config', '
15G-RSK76PFV7Q
vendor: 7 bytes, lines 15-16
15');
16  
16</script>
16
17  <meta charset="UTF-8">
18  <title>NYK-Fil Ship Management, Inc.</title>
19  <meta name="description" content="NYK-Fil Ship Management, Inc.">
20  <meta name="keywords" content="NYK-Fil Website, NYK-Fil Ship Management Inc.">
21  <meta name="author" content="Jefferson Villanueva Sarmiento">
22  <meta name="viewport" content="width=device-width, initial-scale=1.0">
23  <link href="images/nykflag.png" rel="icon">
24  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Raleway:300,400,500,700,800|Montserrat:300,400,700" rel="stylesheet">
25  <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
26  <link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
27  <link href="lib/animate/animate.min.css" rel="stylesheet">
28  <link href="lib/ionicons/css/ionicons.min.css" rel="stylesheet">
29  <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
30  <link href="lib/magnific-popup/magnific-popup.css" rel="stylesheet">
31  <link href="lib/ionicons/css/ionicons.min.css" rel="stylesheet">
32  <link href="css/style.css" rel="stylesheet">
33  <link href="css/navbar-style.css" rel="stylesheet">
34  <link href="css/chatbot-modal-style.css" rel="stylesheet">
35  <link rel="stylesheet" type="text/css" href="lib/datatable/css/datatables.css" />
36</head>
37
38<body oncontextmenu="return false;" id="body">
39
40  
41<header class="position-relative shadow-sm w-100" > 
42  
43  <div class="position-relative w-100 p-0">
44      <nav class="d-none d-lg-flex justify-content-between navbar navbar-expand-lg navbar-dark bg-light w-100">
45  
46      <a class="d-flex gap-3 align-items-center navbar-brand" href="#">
47        <img src="images/logo.png" class="logo mr-3 object-fit-cover" alt="Logo" height="50px;">
48       <!-- <div style="position: relative" class="">
49          <p style="position:relative; color: #0c2e8a; z-index: 11" class="h3 font-weight-bold">NYK-FIL Ship Management, Inc.</p>
50          <p style="position:absolute;top:0;color: #3563de;left:1px; z-index:10" class="h3 font-weight-bold">NYK-FIL Ship Management, Inc.</p>
51        </div>-->
52      </a>      
53
54      <div class="float-right">
55        <ul class="navbar-nav navbar-collapse ml-auto">
56          <li class="nav-item">
57            <a class="nav-link" href="https://www.nyk.com/english/" target="_blank">NYK</a>
58          </li>
59          <li class="nav-item">
60            <a class="nav-link" href="https://www.tdgworld.com/" target="_blank">TDG World</a>
61          </li>
62          <li class="nav-item">
63            <a class="nav-link" href="http://mpipv2.nykfil.com.ph/olis/" target="_blank">OLIS</a>
64          </li>
65           <li class="nav-item">
66            <a class="nav-link" href="https://netiaccess.com/" target="_blank">Training</a>
67          </li>
68
69        </ul>
70      </div>
71    </nav>
72     
73  </div>
74  
75  <div style="position:relative; background-color: #0c2e8a; z-index:100" class="sticky-top w-100 p-0 bg-gradient">
76    <nav class="sticky-top navbar navbar-expand-lg navbar-light">
77
78    <div class="position-relative w-100">
79      <div class=" position-relative d-flex flex-row justify-content-between ">
80        <div class="position-relative d-flex flex-column">
81          <div>
82          <button style="z-index:10" class="position-relative navbar-toggler navbar-dark" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
83            <span class="navbar-toggler-icon"></span>
84          </button>
85          </div>
86          <div class="collapse navbar-collapse"  id="navbarSupportedContent">
87            <ul class="navbar-nav ml-auto w-100 text-light">
88
89              <li class="nav-item active">
90                <a class="nav-link text-light" href="index">Home</a>
91              </li>
92              <li class="nav-item active">
93                <a class="nav-link text-light" href="index#about">About Us</a>
94              </li>
95              <li class="nav-item active">
96                <a class="nav-link text-light" href="privacy">Data Privacy</a>
97              </li>
98              <li class="nav-item">
99                <a class="nav-link text-light" href="nyk_group_mission_statement">NYK Group Mission Statement</a>
100              </li>
101              <li class="nav-item">
102                <a class="nav-link text-light" href="https://production.nykfil.com.ph" target="_blank">Careers</a>
103              </li>
104              <li class="nav-item">
105                <a class="nav-link text-light" href="announcement">Announcements</a>
106              </li>
107              <li class="nav-item">
108                <a class="nav-link text-light" href="faq">FAQ</a>
109              </li>
110            
111                        </div>
112        </div>
113
114        <div class="position-absolute w-100 d-flex justify-content-center d-lg-none">
115          <img src="images/logo-white.png" class="" height="40px">
116        </div>      
117
118        <div style="position:relative;z-index:10"></div>
119      </div>     
120   </ul>
121      </div>
122    </nav>
123  </div>
124
125</header>  <br>
126  <div class="container">
127
128  <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
129    <ol class="carousel-indicators">
130      <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
131      <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
132      <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
133      <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
134    </ol>
135    <div class="carousel-inner">
136      <div class="carousel-item active">
137        <img class="d-block w-100" src="images/slideshow/Landscape Poster Hiring.jpg" alt="First slide">
138      </div>
139      <div class="carousel-item">
140        <img class="d-block w-100" src="images/slideshow/1.jpg" alt="First slide">
141      </div>
142      <div class="carousel-item">
143        <img class="d-block w-100" src="images/slideshow/2.jpg" alt="Second slide">
144      </div>
145      <div class="carousel-item">
146        <img class="d-block w-100" src="images/slideshow/3.jpg" alt="Third slide">
147    </div>
148    <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
149      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
150      <span class="sr-only">Previous</span>
151    </a>
152    <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
153      <span class="carousel-control-next-icon" aria-hidden="true"></span>
154      <span class="sr-only">Next</span>
155    </a>
156  </div>
157  
158</div>
159  <section class="wow fadeInUp" id="testimonials">
160    <div class="container">
161      <div class="row col-sm-12">
162        <div class="section-header">
163          <h2>NYK-FIL</h2>
164        </div>
165        <div class="justify">
166          <p>We value partnerships. The value of a partnership is something very close to our hearts. For the past two (2) decades, we have worked hard to nurture our relationship with our Principal, our hardworking Filipino seafarers, and their families.</p>
167
168          <p>Because of this, our company has emerged as one of the top providers of qualified Filipino seafarers to international-going vessels of NYK Line, one of the oldest and largest shipping companies in the world.</p>
169
170          <p>Today, our merchant marine officers and ratings (non-officers) are in majority of the NYK fleet. They operate and man modern and sophisticated ships that traverse the seas transporting goods and raw materials across continents.</p>
171
172          <p>Under our E2R (Education & Training to Employment to Retirement) program, we build relationships with our seafarers from the time they are in school, throughout their professional career as seafarers, and when they retire from sea duty; we offer alternative land-based employment that enable them to use years of experience as shipping executives or maritime instructors to the younger generation of Filipino seafarers.</p>
173        </div>
174      </div>
175
176      <div class="row">
177        <div class="owl-carousel testimonials-carousel">
178          <div class="testimonial-item">
179            <p>
180              <img src="images/testimonials/ourchampions.png"><br>
181              <img src="images/quote-sign-left.png" class="quote-sign-left" alt="Icon">
182              Our pool of merchant marine officers and crew can be deployed to almost all types of ocean-going ships—from the traditional carriers to highly-modernized and specialized ones such as big containers, product tankers, Liquefied Natural Gas carriers, and chemical tankers. <a href="ourchampions" class="text-danger font-weight-bold">read more..</a>
183              <img src="images/quote-sign-right.png" class="quote-sign-right" alt="Icon">
184            </p>
185          </div>
186
187          <div class="testimonial-item">
188            <p>
189              <img src="images/testimonials/ourcompany.png"><br>
190              <img src="images/quote-sign-left.png" class="quote-sign-left" alt="Icon">
191              Established in 1989, we were born from the partnership of NYK Line and the Filipino-owned Transnational Diversified Group,a fast growing conglomerate consisting of more than 33 operating companies. <a href="ourcompany" class="text-danger font-weight-bold">read more..</a>
192              <img src="images/quote-sign-right.png" class="quote-sign-right" alt="Icon">
193            </p>
194          </div>
195
196          <div class="testimonial-item">
197            <p>
198              <img src="images/testimonials/ourpeople.png"><br>
199              <img src="images/quote-sign-left.png" class="quote-sign-left" alt="Icon">
200              Behind the successes of our company are our people. Our people, whether they are based on land or at sea, are the reason for the numerous awards and recognitions—both local and international—that our company has received in the last two (2) decades. <a href="ourpeople" class="text-danger font-weight-bold">read more..</a>
201              <img src="images/quote-sign-right.png" class="quote-sign-right" alt="Icon">
202            </p>
203          </div>
204
205          <div class="testimonial-item">
206            <p>
207              <img src="images/testimonials/ourseafarersfamily.png"><br>
208              <img src="images/quote-sign-left.png" class="quote-sign-left" alt="Icon">
209              We treat our seafarers’ family and dependents as integral partners of our company. Towards this, we have established the NYK-FIL Seafarers Dependents Associations (SDA) in various parts of the country. <a href="ourseafarersfamily" class="text-danger font-weight-bold">read more..</a>
210              <img src="images/quote-sign-right.png" class="quote-sign-right" alt="Icon">
211            </p>
212          </div>
213
214          <div class="testimonial-item">
215            <p>
216              <img src="images/testimonials/ourresponsibilities.png"><br>
217              <img src="images/quote-sign-left.png" class="quote-sign-left" alt="Icon">
218              Our way of giving back. Corporate Social Responsibility is an integral part NYK-FIL’s business operations. Since our establishment, it has become our mission to provide our crew excellent maritime training that is focused on technical competence, safety, <a href="oursocialresponsibilities" class="text-danger font-weight-bold">read more..</a>
219              <img src="images/quote-sign-right.png" class="quote-sign-right" alt="Icon">
220            </p>
221          </div>
222        </div>
223      </div>
224
225    </div>
226  </section>
227
228  <section class="wow fadeInUp" id="about">
229    <div class="container">
230      <div class="row col-md-12">
231        <div class="section-header content">
232          <h2>About Us</h2>
233          <h3>Growth. Reputability.</h3>
234        </div>
235      </div>
236      <div class="row">
237        <div class="col-md-6 justify">
238          <p>
239            We have emerged as one of the most successful ship manning companies in the Philippines engaged in the recruitment, selection, and deployment of Filipino seafarers to the ocean-going fleet of NYK Line, one of the oldest and largest shipping companies in the world. Although a relatively young player in the ship manning business, we have carved a respectable niche in the maritime industry for our accomplishments in deploying quality seafarers as shown by various <a href="ourchampions" class="text-primary">
239recognitions and awards</a> received over the years. Throughout the years, we have systematically improved and re-defined our compliance to standards set by international and local regulations as well as Principal requirements and continuously came up with initiatives that enhanced our image as a reputable and trusted company—in the eyes of its Principal and the industry where we belong. Our main office is in the Intramuros district in Manila and a <a href="ourseafarersfamily" class="text-primary">satellite branch</a> in Iloilo province in the western Visayas region of the Philippines.
240          </p>
241        </div>
242        <div class="col-md-6">
243          <img src="images/nyk.png" class="w-100" alt="Image">
244        </div>
245      </div>
246    </div>
247  </section>
248
249  <section class="wow fadeInUp" id="services">
250    <div class="container">
251      <div class="row">
252        <div class="section-header col-md-12">
253          <h2>Services</h2>
254        </div>
255        <div class="justify">
256          <div class="col-md-12 pb-3">
257            <p>“Your career is assured with NYK!” Under our E2R (Education & Training to Employment to Retirement) program, we build relationships with our seafarers from the time they are in school, throughout their professional career as seafarers, and when they retire from sea duty we offer alternative land-based employment that enable them to use years of experience as shipping executives or maritime instructors to the younger generation of Filipino seafarers.
258            </p>
259          </div>
260
261          <div class="col-md-12">
262            <div class="box wow fadeInLeft" data-wow-delay="0.2s">
263              <div class="icon"></div>
264              <h4 class="title"><img src="images/services/1.png"></h4>
265              <p class="description">Be respectful and considerate to your customers and colleagues. Stay warm,cordial,courteous and caring.</p>
266            </div>
267          </div>
268
269          <div class="col-md-12">
270            <div class="box wow fadeInRight" data-wow-delay="0.2s">
271              <div class="icon"></div>
272              <h4 class="title"><img src="images/services/2.png"></h4>
273              <p class="description">Continually think of new ideas for improvement, even when conditions apeear satisfactory. Remain open to betterment.</p>
274            </div>
275          </div>
276
277          <div class="col-md-12">
278            <div class="box wow fadeInLeft" data-wow-delay="0.2s">
279              <div class="icon"></div>
280              <h4 class="title"><img src="images/services/3.png"></h4>
281              <p class="description">Carry through with and accomplish your task. Never give up. Overcome challenges. Remain motivated.</p>
282            </div>
283          </div>
284
285          <div class="col-md-12">
286            <div class="box wow fadeInRight" data-wow-delay="0.2s">
287              <div class="icon"></div>
288              <h4 class="title text-muted">Quality Policy</h4>
289              <p class="description">
290                NYK-Fil Ship Management Inc. is an organization where quality is a way of life for every employee, working hand - in - hand to provide technically competent, professional, well disciplined, loyal, hardworking and adaptable marine personnel to our Principals. We will take the highest quality standard service to heart, basic to the discharge of our responsibilities and central to our company's distinct yet interrelated operations.
291              </p>
292            </div>
293          </div>
294        </div>
295      </div>
296    </div>
297  </section>
298
299  <section class="wow fadeInUp" id="portfolio">
300    <div class="container">
301      <div class="row col-md-12">
302        <div class="section-header">
303          <h2>Our Portfolio</h2>
304        </div>
305      </div>
306    </div>
307
308    <div class="container-fluid">
309      <div class="row no-gutters">
310        <div class="col-md-3">
311          <div class="portfolio-item wow fadeInUp">
312            <a href="images/portfolio/1.jpg" class="portfolio-popup">
313              <img src="images/portfolio/1.jpg" alt="Image">
314            </a>
315          </div>
316        </div>
317
318        <div class="col-md-3">
319          <div class="portfolio-item wow fadeInUp">
320            <a href="images/portfolio/2.jpg" class="portfolio-popup">
321              <img src="images/portfolio/2.jpg" alt="Image">
322            </a>
323          </div>
324        </div>
325
326        <div class="col-md-3">
327          <div class="portfolio-item wow fadeInUp">
328            <a href="images/portfolio/3.jpg" class="portfolio-popup">
329              <img src="images/portfolio/3.jpg" alt="Image">
330            </a>
331          </div>
332        </div>
333
334        <div class="col-md-3">
335          <div class="portfolio-item wow fadeInUp">
336            <a href="images/portfolio/4.jpg" class="portfolio-popup">
337              <img src="images/portfolio/4.jpg" alt="Image">
338            </a>
339          </div>
340        </div>
341
342        <div class="col-md-3">
343          <div class="portfolio-item wow fadeInUp">
344            <a href="images/portfolio/5.jpg" class="portfolio-popup">
345              <img src="images/portfolio/5.jpg" alt="Image">
346            </a>
347          </div>
348        </div>
349
350        <div class="col-md-3">
351          <div class="portfolio-item wow fadeInUp">
352            <a href="images/portfolio/6.jpg" class="portfolio-popup">
353              <img src="images/portfolio/6.jpg" alt="Image">
354            </a>
355          </div>
356        </div>
357
358        <div class="col-md-3">
359          <div class="portfolio-item wow fadeInUp">
360            <a href="images/portfolio/7.jpg" class="portfolio-popup">
361              <img src="images/portfolio/7.jpg" alt="Image">
362            </a>
363          </div>
364        </div>
365
366        <div class="col-md-3">
367          <div class="portfolio-item wow fadeInUp">
368            <a href="images/portfolio/8.jpg" class="portfolio-popup">
369              <img src="images/portfolio/8.jpg" alt="Image">
370            </a>
371          </div>
372        </div>
373      </div>
374    </div>
375  </section>
376
377  <section class="wow fadeInUp" id="contact">
378    <div class="container">
379
380      <div class="row col-md-12">
381        <div class="section-header">
382          <h2>Contact Us</h2>
383        </div>
384      </div>
385      <div class="row contact-info col-md-12">
386        <div class="col-md-4">
387          <div class="contact-email">
388            <h3 class="text-info">Customer Relation</h3>
389            <p><a href="mailto:[email protected]"> [email protected]</a></p>
390          </div>
391        </div>
392
393        <div class="col-md-4">
394          <div class="contact-email">
395            <h3 class="text-info">Training</h3>
396            <p><a href="mailto:[email protected]"> [email protected]</a></p>
397          </div>
398        </div>
399
400        <div class="col-md-4">
401          <div class="contact-email">
402            <h3 class="text-info">Administration</h3>
403            <p><a href="mailto:[email protected]">
403 [email protected]</a></p>
404          </div>
405        </div>
406
407        <div class="col-md-4">
408          <div class="contact-email">
409            <h3 class="text-info">Financial</h3>
410            <p><a href="mailto:[email protected]"> [email protected]</a></p>
411          </div>
412        </div>
413
414        <div class="col-md-4">
415          <div class="contact-email">
416            <h3 class="text-info">Manning</h3>
417            <p><a href="mailto:[email protected]"> [email protected]</a></p>
418          </div>
419        </div>
420
421        <div class="col-md-4">
422          <div class="contact-email">
423            <h3 class="text-info">Quality Assurance</h3>
424            <p><a href="mailto:[email protected]"> [email protected]</a></p>
425          </div>
426        </div>
427
428        <div class="col-md-4">
429          <div class="contact-email">
430            <h3 class="text-info">Recruitment Team</h3>
431            <p><a href="mailto:[email protected]">[email protected]</a></p>
432          </div>
433        </div>
434
435
436
437        <div class="col-md-4">
438          <div class="contact-email">
439            <h3 class="text-info">Whistleblower</h3>
440            <p><strong>Email:</strong><a href="mailto:[email protected]"> [email protected]</a></p>
441            <p><strong>Hotline:</strong> +63 998 963 1397</p>
442          </div>
443        </div>
444
445        <div class="col-md-4">
446          <div class="contact-phone">
447            <h3 class="text-info">Phone Number</h3>
448            <p><strong>PLDT:</strong> +(632) 8554-3888</p>
449          </div>
450        </div>
451
452        <button type="button" class="btn btn-info btn-block" data-toggle="modal" data-target="#contactModal">
453          We would like to hear from you, email us.
454        </button>
455
456      </div>
457    </div>
458
459    <div class="modal fade" id="contactModal" tabindex="-1" role="dialog" aria-hidden="true">
460      <div class="modal-dialog modal-dialog-centered" role="document">
461        <div class="modal-content">
462          <form method="post" id="email_form">
463            <div class="modal-header bgb3d9ff-modal-header">
464              <h5 class="modal-title">
465                <img src="images/logo.png" width="250px">
466              </h5>
467              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
468                <span aria-hidden="true">&times;</span>
469              </button>
470            </div>
471            <div class="modal-body">
472
473              <fieldset class="pt-2 pr-2 pl-2 mb-3" style="border:1px solid black;">
474
475                <div class="alert alert-success justify p-2 text-center" role="alert">
476                  <small>Crew Details</small>
477                </div>
478
479                <div class="form-row">
480                  <div class="form-group col-md-6">
481                    <input type="text" class="form-control" name="contact_firstname" id="contact_firstname" maxlength="50" placeholder="Firstname" required="">
482                  </div>
483                  <div class="form-group col-md-6">
484                    <input type="text" class="form-control" name="contact_lastname" id="contact_lastname" maxlength="50" placeholder="Lastname" required="">
485                  </div>
486                </div>
487
488                <div class="form-group">
489                  <input type="email" class="form-control" name="contact_email" id="contact_email" maxlength="100" placeholder="Email Address of Crew" required="">
490                </div>
491              </fieldset>
492
493
494              <div class="form-group">
495                <input type="text" class="form-control" name="contact_subject" id="contact_subject" maxlength="100" placeholder="Subject" required="">
496              </div>
497
498              <div class="form-group">
499                <textarea class="form-control" name="contact_message" id="contact_message" rows="3" placeholder="Message" required=""></textarea>
500              </div>
501
502            </div>
503            <div class="modal-footer">
504              <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-window-close-o" aria-hidden="true"></i> Cancel</button>
505              <button type="submit" name="send_email" class="btn btn-success"><i class="fa fa-check-square-o" aria-hidden="true"></i> Send</button>
506            </div>
507          </form>
508        </div>
509      </div>
510    </div>
511
512    <div class="mapouter">
513      <div class="gmap_canvas">
514        <iframe 
515        loading="async" 
516        width="100%" 
517        height="350" 
518        id="gmap_canvas" 
519        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3861.171784815515!2d120.97327067577343!3d14.5892852773523!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3397ca3d292dbf27%3A
5190xc5a32850080a8ef0!2sNYK-Fil%20Ship%20Management%2C%20Inc.!5e0!3m2!1sen!2sph!4v1709118723703!5m2!1sen!2sph"
520        frameborder="0" 
521        scrolling="no" 
522        marginheight="0" 
523        marginwidth="0">
524      </iframe>
525    </div>
526      <style>
527        .mapouter {
528          position: relative;
529          text-align: right;
530          height: 380px;
531          width: 100%;
532        }
533
534        .gmap_canvas {
535          overflow: hidden;
536          background: none !important;
537          height: 380px;
538          width: 100%;
539        }
540      </style>
541    </div>
542
543  </section>
544
545  <div class="modal fade" id="landingPageAgreement" tabindex="-1" role="dialog" aria-hidden="true">
546  <div class="modal-dialog modal-dialog-centered" role="document">
547    <div class="modal-content">
548      <div class="modal-header bgb3d9ff-modal-header">
549        <h3 class="modal-title"><i class="fa fa-bullhorn" aria-hidden="true"></i> ANNOUNCEMENT</h3>
550      </div>
551      <div class="modal-body">
552        <h5 class="text-center text-success mb-3">Welcome back to all our NYK-Fil Crew!</h5>
553        <p>
554          Please note Debriefing will be carried out online. Please check in the Announcement Page.
555        </p>
556        <p>For instruction, please 
557        <a href="" data-toggle="modal" data-target="#landingPageAgreementInstruction">click here</a>.
558        </p>
559      </div>
560      <div class="modal-footer">
561        <button type="button" class="btn btn-success btn-block" id="understand"><i class="fa fa-check-square-o" aria-hidden="true"></i> OK</button>
562      </div>
563    </div>
564  </div>
565</div>
566
567<div class="modal fade" id="landingPageAgreementInstruction" tabindex="-1" role="dialog" aria-hidden="true">
568  <div class="modal-dialog modal-dialog-centered" role="document">
569    <div class="modal-content">
570      <div class="modal-header bgb3d9ff-modal-header">
571        <h3 class="modal-title"><i class="fa fa-list-ol" aria-hidden="true"></i> Instruction Registration</h3>
572        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
573          <span aria-hidden="true">&times;</span>
574        </button>
575      </div>
576      <form method="post" id="landingpage_agree_instruction_form">
577        <div class="modal-body">
578          <div class="form-group">
579            <div class="input-group">
580              <div class="input-group-prepend">
581                <span class="input-group-text" id=""><i class="fa fa-address-book-o" aria-hidden="true"></i></span>
582              </div>
583              <input type="text" class="form-control" name="rank" placeholder="Rank" autocomplete="off" required>
584              <input type="text" class="form-control" name="crew_id" placeholder="Crew ID" autocomplete="off" required>
585            </div>
586          </div>
587          <div class="form-group">
588            <div class="input-group">
589              <div class="input-group-prepend">
590                <span class="input-group-text" id=""><i class="fa fa-user-o" aria-hidden="true"></i></span>
591              </div>
592              <input type="text" class="form-control" name="firstname" placeholder="Firstname" autocomplete="off" onkeypress="return /[a-z]/i.test(event.key)" required>
593              <input type="text" class="form-control" name="lastname" placeholder="Lastname" autocomplete="off" onkeypress="return /[a-z]/i.test(event.key)" required>
594            </div>
595          </div>
596          <div class="form-group">
597            <div class="input-group">
598              <div class="input-group-prepend">
599                <span class="input-group-text" id=""><i class="fa fa-volume-control-phone" aria-hidden="true"></i></span>
600              </div>
601              <input type="text" class="form-control" name="contact" placeholder="Contact Number" autocomplete="off" oninput="this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');" required>
602            </div>
603          </div>
604          <div class="form-group">
605            <div class="input-group">
606              <div class="input-group-prepend">
607                <span class="input-group-text" id="">@</span>
608              </div>
609              <input type="email" class="form-control" name="email" placeholder="Email" autocomplete="off" required>
610            </div>
611          </div>
612        </div>
613        <div class="modal-footer">
614          <button type="submit" class="btn btn-success"><i class="fa fa-check-square-o" aria-hidden="true"></i> Register</button>
615          <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-window-close-o" aria-hidden="true"></i> Cancel</button>
616        </div>
617      </form>
618    </div>
619  </div>
620</div>
621  <div class="chat_with_us" id="not_agree">
622  <img src="images/chatbot/chaticon.png" class="chat_icon"><!-- 80px-->
623</div>
624
625<div class="modal fade" id="notagreeModal" tabindex="-1" role="dialog" aria-hidden="true">
626  <div class="modal-dialog modal-dialog-centered" role="document">
627    <form method="post" id="register_form">
628      <div class="modal-content">
629        <div class="modal-header bgb3d9ff-modal-header">
630          <h5 class="modal-title">
631            <img src="images/logo.png" class="pull-left" width="250px">
632          </h5>
633          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
634            <span aria-hidden="true">&times;</span>
635          </button>
636        </div>
637        <div class="modal-body">
638
639          <div class="alert alert-success justify p-2" role="alert">
640            <small>Please fill up the form below so we can address your concern. Any information you provide us will be treated in accordance with our <a href="https://nykfil.com.ph/privacy" title="Data Privacy Policy"><b>Data Privacy Policy</b></a>.</small>
641          </div>
642
643          <div class="alert alert-primary justify p-2" role="alert">
644            <div class="row">
645              <div class="col-md-1"><h3 class="text-center mt-2"><i class="fa fa-info-circle" aria-hidden="true"></i></h3></div>
646              <div class="col-md-11">
647                <small>
648                  Please be informed that your contact information will be used to update your MPIP contact information.
649                </small>
650              </div>
651            </div>
652          </div>
653
654          <div class="form-group">
655            <div class="input-group mb-3">
656              <div class="input-group-prepend">
657                <span class="input-group-text" id="basic-addon"><i class="fa fa-id-badge" aria-hidden="true"></i></span>
658              </div>
659              <input type="text" name="chat_register_crew_id" id="chat_register_crew_id" class="form-control" placeholder="Crew ID" autocomplete="off" aria-label="Crew ID" aria-describedby="basic-addon" maxlength="50" required="">
660            </div>
661          </div>
662
663          <div class="form-row">
664            <div class="form-group col-md-4">
665              <input type="text" name="chat_register_firstname" id="chat_register_firstname" class="form-control"  placeholder="Firstname" autocomplete="off" maxlength="50" onkeypress="return /[a-z]/i.test(event.key)" required="">
666            </div>
667            <div class="form-group col-md-4">
668              <input type="text" name="chat_register_middlename" id="chat_register_middlename" class="form-control"  placeholder="*Middlename" autocomplete="off" maxlength="50" onkeypress="return /[a-z]/i.test(event.key)">
669            </div>
670            <div class="form-group col-md-4">
671              <input type="text" name="chat_register_lastname" id="chat_register_lastname" class="form-control"  placeholder="Lastname" autocomplete="off" maxlength="50" onkeypress="return /[a-z]/i.test(event.key)" required="">
672            </div>
673          </div>
674
675          <div class="form-group">
676            <div class="input-group mb-3">
677              <div class="input-group-prepend">
678                <span class="input-group-text" id="basic-addon">@</span>
679              </div>
680              <input type="email" name="chat_register_email" id="chat_register_email" class="form-control" placeholder="Email" autocomplete="off" aria-label="Email" aria-describedby="basic-addon" maxlength="50" required="">
681            </div>
682          </div>
683
684          <div class="form-group">
685            <div class="input-group mb-3">
686              <div class="input-group-prepend">
687                <span class="input-group-text" id="basic-addon"><i class="fa fa-volume-control-phone" aria-hidden="true"></i></span>
688              </div>
689              <input type="text" name="chat_register_contact" id="chat_register_contact" class="form-control" placeholder="Contact" autocomplete="off" aria-label="Contact" aria-describedby="basic-addon" maxlength="11" oninput="this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');" required="">
690            </div>
691          </div>
692
693          <div class="form-group">
694            <select name="chat_register_department" id="chat_register_department" class="custom-select" required="">
695              <option value="">-- Select Department --</option>
696              <option value="online_debriefing" id="try">Crew Online Debriefing</option>
697              <option value="crew_morale_department">Crew Morale Department</option>
698              <option value="finance_center">Finance Center</option>
699              <option value="fleet_operation">Fleet Operation Department (Documentation)</option>
700              <option value="jiss_visa_section">JISS/VISA Section</option>
701              <option value="dry_vessels">Technical Department Dry Vessels (Crewing)</option>
702              <option value="liquid_vessels">Technical Department Liquid Vessels (Crewing)</option>
703            </select>
704          </div>
705
706          <div id="onlineDebriefingGroup">
707            <div class="form-group">
708              <div class="input-group mb-1">
709                <select name="rank_id" id="rank_id" class="form-control" required>
710                  <option value="">-- Choose Rank --</option>
711                  <option value="0">Others</option>
712                  <option value="48">AB/FIREFIGHTER</option><option value="1">ABLE-SEAMAN</option><option value="2">ADMINISTRATOR</option><option value="3">BOATSWAIN</option><option value="4">
712CATERING BOY</option><option value="5">CHIEF COOK</option><option value="6">CHIEF COOK - CHIKYU</option><option value="7">CHIEF ENGINEER</option><option value="8">CHIEF MATE</option><option value="9">COXSWAIN</option><option value="10">CRANE OPERATOR</option><option value="11">DECK BOY</option><option value="12">DECK CADET</option><option value="13">DECK MAINTENANCE ATTENDANT</option><option value="14">ELECTRICAL ENGINEER</option><option value="15">ELECTRICAL ENGINEER TRAINEE</option><option value="16">ELECTRICIAN</option><option value="17">ENGINE ASSISTANT</option><option value="18">ENGINE BOY</option><option value="19">ENGINE CADET</option><option value="20">ENGINE MAINTENANCE ATTENDANT</option><option value="21">FIRST ASSISTANT ENGINEER</option><option value="22">FITTER</option><option value="23">FITTER MAINTENANCE ATTENDANT</option><option value="24">HELPER ELECTRICIAN</option><option value="25">JUNIOR CHIEF MATE</option><option value="26">JUNIOR FIRST ASSISTANT ENGINEER</option><option value="27">JUNIOR THIRD ASSISTANT ENGINEER</option><option value="28">JUNIOR THIRD MATE</option><option value="29">MASTER</option><option value="30">MESSMAN</option><option value="31">NO 1 OILER</option><option value="32">OILER</option><option value="33">ORDINARY SEAMAN</option><option value="34">PUMPMAN</option><option value="35">ROUSTABOUT</option><option value="36">ROUSTABOUT - PUSHER</option><option value="37">SECOND ASSISTANT ENGINEER</option><option value="38">SECOND COOK</option><option value="39">SECOND MATE</option><option value="40">SENIOR ENGINE ASSISTANT</option><option value="41">SENIOR STEWARD</option><option value="42">STEWARD</option><option value="43">STOREKEEPER</option><option value="44">THIRD ASSISTANT ENGINEER</option><option value="45">THIRD MATE</option><option value="46">WELDER</option><option value="47">WIPER</option>                </select>
713                <input type="text" name="chat_crew_last_vessel" id="chat_crew_last_vessel" class="form-control" placeholder="Last Vessel" autocomplete="off">
714              </div>
715            </div>
716            <div class="form-group">
717              <label>Arrival Date</label>
718              <div class="input-group mb-1">
719                <input type="date" name="chat_crew_date_arrival" id="chat_crew_date_arrival" class="form-control" placeholder="Arrival Date">
720              </div>
721            </div>
722            <div class="form-group">
723              <label>Employment Status</label>
724              <select name="chat_crew_debriefing_section" id="chat_crew_debriefing_section" class="custom-select">
725                <option value="">-- Choose an Option --</option>
726                <option value="Off-signers">Off-signers Crew</option>
727                <option value="Repatriated">Repatriated Crew</option>
728              </select>
729            </div>
730            <div class="form-group">
731              <label>Online Debriefing Schedule</label>
732              <select name="schedule_id" id="schedule_id" class="custom-select">
733                <option value="">-- Choose an Option --</option>
734                <option value="739" data-date="2026-10-12">2026-10-12 - Monday</option><option value="740" data-date="2026-10-14">2026-10-14 - Wednesday</option><option value="741" data-date="2026-10-16">2026-10-16 - Friday</option>              </select>
735            </div>
736            <div class="form-group" id="late_reason">
737              <label>Reason for Late Schedule</label>
738              <textarea name="schedule_late_reason" id="schedule_late_reason" class="form-control" rows="3"></textarea>
739            </div>
740          </div>
741
742          <div class="form-group">
743            <div class="form-check">
744              <input class="form-check-input" type="checkbox" name="chat_register_privacy_agreement" id="chat_register_privacy_agreement gridCheck" value="Agree" required="">
745              <label class="form-check-label" for="gridCheck">
746                I agree to the Data Privacy Policy.
747              </label>
748            </div>
749          </div>
750
751        </div>
752        <div class="modal-footer">
753          <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-window-close-o" aria-hidden="true"></i> Cancel</button>
754          <button type="submit" name="register" id="register" class="btn btn-success"><i class="fa fa-check-square-o" aria-hidden="true"></i> Submit</button>
755        </div>
756      </div>
757    </form>
758  </div>
759</div>
760
761<div id="modal_aside_left" class="modal fixed-left fade" tabindex="-1" role="dialog" data-backdrop="false">
762  <div class="modal-dialog modal-dialog-aside" role="document">
763    <div class="modal-content">
764      <div class="modal-header">
765        <h5 class="modal-title p-0">
766          <img src="images/logo.png" class="pull-left" width="250px">
767        </h5>
768        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
769          <span aria-hidden="true">&times;</span>
770        </button>
771      </div>
772      <div class="modal-body">
773
774        <div class="alert alert-success mb-3 p-1">
775          Hello,           <br/>
776          Welcome to NYK-Fil Ship Management, Inc.
777        </div>
778        
779        <div id="accordion" class="mt-3 mb-3">
780          <div class="card mb-2">
781            <div class="card-header p-2">
782              <a class="collapsed card-link" data-toggle="collapse" href="#collapseOne">
783                How long is the validity of E-PDOS?
784              </a>
785            </div>
786            <div id="collapseOne" class="collapse" data-parent="#accordion">
787              <div class="card-body">
788                <p class="card-text">The validity of E-PDOS is five (5) years.</p>
789              </div>
790            </div>
791          </div>
792
793          <div class="card mb-2">
794            <div class="card-header p-2">
795              <a class="collapsed card-link" data-toggle="collapse" href="#collapseTwo">
796                How to claim mails and parcels?
797              </a>
798            </div>
799            <div id="collapseTwo" class="collapse" data-parent="#accordion">
800              <div class="card-body">
801                <p class="card-text">The following documents must be presented by the claimant or his/her authorized representative:</p>
802                <ol>
803                  <li class="mb-2">At least two (2) valid Identification Cards</li>
804                  <li>For the authorized representative, he/she must present a letter of authorization from the actual recipient and a photocopy of the recipient identification card.</li>
805                </ol>
806              </div>
807            </div>
808          </div>
809
810          <div class="card mb-2">
811            <div class="card-header p-2">
812              <a class="collapsed card-link" data-toggle="collapse" href="#collapseThree">
813                Special Notice
814              </a>
815            </div>
816            <div id="collapseThree" class="collapse" data-parent="#accordion">
817              <div class="card-body">
818                <p class="card-text">While there is still COVID-19, Crew Morale and Welfare Department are not accepting any parcels for crew on-board until further notice.
819                </p>
820              </div>
821            </div>
822          </div>
823        </div>
824
825        <a href="faq" class="btn btn-primary btn-block mb-3">See more...</a>
826
827        <div class="container-fluid">
828          <div class="row">
829            <div id="load_chat"></div>
830          </div>
831        </div>
832
833      </div>
834      <form method="post" id="chat_form">
835        <div class="modal-footer">
836          <button type="button" class="btn btn-info btn-block" id="others">Do you have other inquiries?</button>
837          <div class="input-group" id="chat">
838            <textarea class="form-control" name="data" id="data" placeholder="What would you like to know?" required=""></textarea>
839            <div class="input-group-prepend">
840              <span class="input-group-text"><input type="submit" class="btn btn-success" name="send-btn" id="send-btn" value="Send"></span>
841            </div>
842          </div>
843        </div>
844      </form>
845    </div>
846  </div>
847</div>
848  <footer id="footer">
849  <div class="container">
850    <div class="copyright" style="color: black">
851    	
852      <center>
853        <span class="col-md-3"></span>
854        <span id="siteseal">
854<script async type="text/javascript" src="https://seal.godaddy.com/getSeal?sealID=v6BrkbmfATSzNo76yGO4LCIEEW1ZT92E4SnOF0coXz6YmZkRjoeXH4YEck4J"></script>
854</span>
855        <img class="col-md-3" style="width: 155px; height: 50px;" src="images/footer/logo_tdg.png"> 
856        <img class="col-md-1 object-fit-cover" style="width: 80px; height: 70px;" src="images/footer/logo_cor.jpg">
857        <img class="col-md-3" style="width: 155px; height: 50px;" src="images/footer/logo_iso.jpg">
858        <img class="col-md-1" style="width: 100px; height: 50px;" src="images/footer/logo_pqa.png">
859      </center>
860      <br/>
861    	<a class="col-md-12">&copy; Copyright 2020<strong> NYK-Fil Ship Management, Inc</strong>. All Rights Reserved.</a>
862
863    </div>
864  </div>
865</footer>
866
867<a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
868
869<script src="lib/jquery/jquery.min.js"></script>
vendor: 2 bytes, line 869
869
870<script src="lib/datatable/js/jquery-3.5.1.js"></script>
vendor: 2 bytes, line 870
870
871<script type="text/javascript" src="lib/datatable/js/datatables.js"></script>
vendor: 2 bytes, line 871
871
872<script src="lib/jquery/jquery-migrate.min.js"></script>
vendor: 2 bytes, line 872
872
873<script src="lib/bootstrap/js/bootstrap.bundle.min.js"></script>
vendor: 2 bytes, line 873
873
874<script src="lib/easing/easing.min.js"></script>
vendor: 2 bytes, line 874
874
875<script src="lib/superfish/hoverIntent.js"></script>
vendor: 2 bytes, line 875
875
876<script src="lib/superfish/superfish.min.js"></script>
vendor: 2 bytes, line 876
876
877<script src="lib/wow/wow.min.js"></script>
vendor: 2 bytes, line 877
877
878<script src="lib/owlcarousel/owl.carousel.min.js"></script>
vendor: 2 bytes, line 878
878
879<script src="lib/magnific-popup/magnific-popup.min.js"></script>
vendor: 2 bytes, line 879
879
880<script src="lib/sticky/sticky.js"></script>
vendor: 2 bytes, line 880
880
881<script src="js/main.js"></script>
vendor: 2 bytes, line 881
881
882<script src="js/chatbot.js"></script>
vendor: 2 bytes, line 882
882
883<script src="js/custom.js"></script>
vendor: 2 bytes, line 883
883
884<script type="text/javascript" src="js/manage_users.js"></script>
vendor: 2 bytes, line 884
884
885<script type="text/javascript" src="js/manage_announcements.js"></script>
vendor: 2 bytes, line 885
885
886<script type="text/javascript" src="js/manage_debriefing_schedules.js"></script>
vendor: 2 bytes, line 886
886
887<script type="text/javascript" src="js/registered_online_debriefing.js"></script>
vendor: 2 bytes, line 887
887
888<script type="text/javascript" src="js/manage_ranks.js"></script>
vendor: 2 bytes, line 888
888
889<script type="text/javascript" src="js/landingpage_agreement.js"></script>
vendor: 2 bytes, line 889
889
890<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"></script>
vendor: 2 bytes, line 890
890
891<script type="text/javascript" src="js\datepicker.js"></script>
891
892</body>
893</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.