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">×</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">×</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">×</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">×</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">© 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.