<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="google-site-verification" content="zbKu5VSEeGarScyWvtHNdaIcJ8A3p5dk_i5Gkisbwos" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- SEO Meta Tags -->
<meta name="description" content="Find maritime jobs and opportunities for Filipino seafarers.">
<title>Pinoy Seaman Job Portal</title>
<!-- Open Graph Meta Tags (for social sharing) -->
<meta property="og:title" content="Pinoy Seaman Job Portal" />
<meta property="og:description" content="Find maritime jobs and opportunities for Filipino seafarers." />
<meta property="og:image" content="https://pinoyseaman.com/pinoyseaman-logo/round-logo.png?v=2" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:url" content="https://pinoyseaman.com/" />
<meta property="og:type" content="website" />
<!-- App and UI -->
<link rel="manifest" href="manifest.json">
<link rel="icon" href="Pinoyseaman.ico" type="image/x-icon">
<meta name="theme-color" content="#007bff">
<!-- Styles -->
<link rel="stylesheet" href="css/main.css?v=1750994929">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-MK3ZK0D9GS"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-MK3ZK0D9GS');
</script>
</head>
<body>
<!-- Alert Container -->
<div id="alert" class="alert"></div>
<header>
<nav class="main-nav">
<div class="nav-left">
<div class="logo-container">
<a href="index.php" class="logo-link">
<img src="pinoyseaman-logo/admin-logo.png" alt="pinoyseaman-logo" id="sidebar-logo">
</a>
</div>
<ul class="nav-links">
<li><a href="index.php">Home</a></li>
<li><a href="job_search.php">Jobs</a></li>
<li><a href="explore-companies.php">Explore Companies</a></li>
<li><a href="contact-us.php">Contact us</a></li>
<li><a href="user-login-signup.php" class="login-btn">Join Us</a></li>
<li><a href="employer-login-signup.php" class="signup-btn">Employer login</a></li>
</ul>
</div>
<!-- Moved Buttons Inside nav-links -->
<div class="buttons">
<a href="user-login-signup.php" class="login-btn">Join Us</a>
<a href="employer-login-signup.php" class="signup-btn">Employer Login</a>
</div>
<!-- Burger Menu Button -->
<div class="burger-menu" onclick="toggleMenu()">
☰ <!-- Unicode for the burger icon -->
</div>
</nav>
</header>
<main>
<section class="bg-container">
<div class="top-section">
<section>
<h1 class="motto">TRABAHONG SEAMAN, ISANG CLICK NALANG</h1>
</section>
<section class="container">
<div class="header-form">
<h1>Registration Form</h1>
</div>
<div>
<form action="includes/seaman_init_reg2.php" method="POST" class="form-container">
<div class="user-card">
<div class="input-fname">
<label for="firstname">Firstname</label>
<input type="text" id="firstname" name="firstname" placeholder="Firstname">
</div>
<div class="input-lname">
<label for="lastname">Lastname</label>
<input type="text" id="lastname" name="lastname" placeholder="Lastname">
</div>
</div>
<div class="input-no">
<label for="rank">Rank</label>
<input type="text" id="rank" name="rank" placeholder="Rank/Position">
</div>
<div class="input-no">
<label for="phone">Phone</label>
<input type="text" id="phone" name="phone" placeholder="11 digits">
</div>
<div class="birth-card">
<label for="dob">Date of birth</label>
<div class="input-group">
<select id="month" name="month">
<option>January</option>
<option>February</option>
<option>March</option>
<option>April</option>
<option>May</option>
<option>June</option>
<option>July</option>
<option>August</option>
<option>September</option>
<option>October</option>
<option>November</option>
<option>December</option>
</select>
<input type="number" id="day" name="day" placeholder="1" min="1" max="31">
<input type="number" id="year" name="year" placeholder="2025" min="1900">
</div>
</div>
<div class="input-email">
<label for="email">Email</label>
<input type="email" id="email" name="email" placeholder="Email">
</div>
<div class="input-pws">
<label for="password">Password</label>
<input type="password" id="password" name="password" placeholder="Password">
</div>
<div class="checkbox-container">
<input type="checkbox" id="view" name="view">
<label for="view">Allow Employer to view my profile and include me on manual job search.</label>
</div>
<div class="btn-create">
<button class="create-btn" type="submit">Create Account</button>
<p>Already have an account? <a href="#">Log in</a></p>
</div>
</form>
</div>
</section>
</div>
</section>
<section class="job-section">
<div class="company-title-card">
<h2>Urgent Seaman Job Hiring</h2>
</div>
<div class="urg-job-main-container">
<section>
<div class="urgent-jobs-container">
<div class="company-info">
<div class="company-jobs-img">
<img src="company-logo/logo_686f1dea8d6130.08793117.jpg" alt="Company image" loading="lazy"> </div>
<div class="company-jobs-content">
<h2>Chief Cook</h2>
<h3>D-H Marine Services & Shipping Agency, Inc.</h3>
<div class="tags">Container</div>
</div>
</div>
<div class="company-jobs-btn">
<a href="jobs.php?job_id=8442" class="apply-button">Details & Apply</a>
</div>
</div>
</section>
<section>
<div class="urgent-jobs-container">
<div class="company-info">
<div class="company-jobs-img">
<img src="company-logo/logo_686f1dea8d6130.08793117.jpg" alt="Company image" loading="lazy"> </div>
<div class="company-jobs-content">
<h2>Ordinary Seaman</h2>
<h3>D-H Marine Services & Shipping Agency, Inc.</h3>
<div class="tags">Container</div>
</div>
</div>
<div class="company-jobs-btn">
<a href="jobs.php?job_id=8441" class="apply-button">Details & Apply</a>
</div>
</div>
</section>
<section>
<div class="urgent-jobs-container">
<div class="company-info">
<div class="company-jobs-img">
<img src="company-logo/logo_686f1dea8d6130.08793117.jpg" alt="Company image" loading="lazy"> </div>
<div class="company-jobs-content">
<h2>Chief Engineer</h2>
<h3>D-H Marine Services & Shipping Agency, Inc.</h3>
<div class="tags">Bulk Carrier</div>
</div>
</div>
<div class="company-jobs-btn">
<a href="jobs.php?job_id=8440" class="apply-button">Details & Apply</a>
</div>
</div>
</section>
<section>
<div class="urgent-jobs-container">
<div class="company-info">
<div class="company-jobs-img">
<img src="company-logo/logo_686f1dea8d6130.08793117.jpg" alt="Company image" loading="lazy"> </div>
<div class="company-jobs-content">
<h2>Second Engineer</h2>
<h3>D-H Marine Services & Shipping Agency, Inc.</h3>
<div class="tags">Bulk Carrier</div>
</div>
</div>
<div class="company-jobs-btn">
<a href="jobs.php?job_id=8439" class="apply-button">Details & Apply</a>
</div>
</div>
</section>
<section>
<div class="urgent-jobs-container">
<div class="company-info">
<div class="company-jobs-img">
<img src="company-logo/logo_686f1dea8d6130.08793117.jpg" alt="Company image" loading="lazy"> </div>
<div class="company-jobs-content">
<h2>Fourth Engineer</h2>
<h3>D-H Marine Services & Shipping Agency, Inc.</h3>
<div class="tags">Bulk Carrier</div>
</div>
</div>
<div class="company-jobs-btn">
<a href="jobs.php?job_id=8438" class="apply-button">Details & Apply</a>
</div>
</div>
</section>
<section>
<div class="urgent-jobs-container">
<div class="company-info">
<div class="company-jobs-content">
<h2>Ordinary Seaman</h2>
<h3>F. A. VINNEN PHILIPPINES, INC.</h3>
<div class="tags">Container</div>
</div>
</div>
<div class="company-jobs-btn">
<a href="jobs.php?job_id=8437" class="apply-button">Details & Apply</a>
</div>
</div>
</section>
<section>
<div class="urgent-jobs-container">
<div class="company-info">
<div class="company-jobs-content">
<h2>Third Engineer</h2>
<h3>F. A. VINNEN PHILIPPINES, INC.</h3>
<div class="tags">Container</div>
</div>
</div>
<div class="company-jobs-btn">
<a href="jobs.php?job_id=8436" class="apply-button">Details & Apply</a>
</div>
</div>
</section>
<section>
<div class="urgent-jobs-container">
<div class="company-info">
<div class="company-jobs-content">
<h2>First Officer / Chief Mate</h2>
<h3>F. A. VINNEN PHILIPPINES, INC.</h3>
<div class="tags">Bulk Carrier</div>
</div>
</div>
<div class="company-jobs-btn">
<a href="jobs.php?job_id=8435" class="apply-button">Details & Apply</a>
</div>
</div>
</section>
<section>
<div class="urgent-jobs-container">
<div class="company-info">
<div class="company-jobs-content">
<h2>Chief Engineer</h2>
<h3>F. A. VINNEN PHILIPPINES, INC.</h3>
<div class="tags">Container</div>
</div>
</div>
<div class="company-jobs-btn">
<a href="jobs.php?job_id=8434" class="apply-button">Details & Apply</a>
</div>
</div>
</section>
<section>
<div class="urgent-jobs-container">
<div class="company-info">
<div class="company-jobs-content">
<h2>Fitter</h2>
<h3>F. A. VINNEN PHILIPPINES, INC.</h3>
<div class="tags">Container</div>
</div>
</div>
<div class="company-jobs-btn">
<a href="jobs.php?job_id=8433" class="apply-button">Details & Apply</a>
</div>
</div>
</section>
</div>
<a href="job_search.php">Search all jobs <i class="fa-solid fa-arrow-right"></i></a>
</section>
<section>
<div class="company-title-card">
<h2>Companies</h2>
<p>
Join us and connect with top talent effortlessly. Post jobs,
find skilled crew members, and streamline your hiring process.
all in one place!
</p>
</div>
<div class="slider-wrapper">
<button id="prevBtn" class="slider-btn">❮</button>
<div class="company-container">
<div class="company-track">
<p>No featured companies available at the moment.</p> </div>
</div>
<button id="nextBtn" class="slider-btn">❯</button>
</div>
</section>
<section class="statics-section">
<div class="statistics">
<h2>Statistics</h2>
</div>
<div class="stats-container">
<div class="stat-card">
<div class="icon-title">
<i class="fa-solid fa-user"></i>
<h3>Registered Job-Seekers</h3>
</div>
<p>
Total:
130,795 </p>
</div>
<div class="stat-card">
<div class="icon-title">
<i class="fa-solid fa-building"></i>
<h3>Registered Company</h3>
</div>
<p>
Total:
234 </p>
</div>
<div class="stat-card">
<div class="icon-title">
<i class="fa-solid fa-briefcase"></i>
<h3>Job Posted</h3>
</div>
<p>
Total:
31 </p>
</div>
</div>
</section>
<section class="ads-section">
<div class="ads-container">
<div class="ads-card"><a href=""><img src="company-ads/D-H_pinoyseaman.jpg" alt="ads" loading="lazy"></a></div>
</div>
<!-- <div class="ads-container">
<div class="ads-card"><a href=""><img src="company-ads/vship_logo.jpg" alt="ads"></a></div>
<div class="ads-card"><a href=""><img src="company-ads/wallem_logo.jpg" alt="ads"></a></div>
<div class="ads-card"><a href=""><img src="company-ads/status_big.jpg" alt="ads"></a></div>
<div class="ads-card"><a href=""><img src="company-ads/marl.jpg" alt="ads"></a></div>
<div class="ads-card"><a href=""><img src="company-ads/vship_logo.jpg" alt="ads"></a></div>
<div class="ads-card"><a href=""><img src="company-ads/wallem_logo.jpg" alt="ads"></a></div>
<div class="ads-card"><a href=""><img src="company-ads/status_big.jpg" alt="ads"></a></div>
<div class="ads-card"><a href=""><img src="company-ads/marl.jpg" alt="ads"></a></div>
<div class="ads-card"><a href=""><img src="company-ads/vship_logo.jpg" alt="ads"></a></div>
<div class="ads-card"><a href=""><img src="company-ads/wallem_logo.jpg" alt="ads"></a></div>
<div class="ads-card"><a href=""><img src="company-ads/status_big.jpg" alt="ads"></a></div>
<div class="ads-card"><a href=""><img src="company-ads/marl.jpg" alt="ads"></a></div>
</div> -->
</section>
</main>
<footer>
<div class="footer-container">
<div class="brand">
<div class="footer-container">
<a href="index.php" class="logo-link">
<img src="pinoyseaman-logo/admin-logo.png" alt="pinoyseaman-logo" id="sidebar-logo">
</a>
</div>
<p>© 2023 pinoyseaman. All rights reserved.</p>
</div>
<div class="footer-section contact">
<h3>Get in Touch</h3>
<p>customerservice@pinoyseaman.ph</p>
</div>
<div class="footer-section links">
<h3>Learn More</h3>
<ul>
<li><a href="#">About Us</a></li>
<li><a href="#">Our Story</a></li>
<li><a href="#">Terms of Use</a></li>
</ul>
</div>
<div class="footer-section links">
<ul>
<li><a href="contact-us.php">Contact us</a></li>
<li><a href="#">Advertise</a></li>
</ul>
</div>
</div>
</footer>
<script src="script/company-arrow.js"></script>
<script src="script/nav-hover-effect.js"></script>
<!-- <script src="script/ads-carousel.js"></script> -->
<script>
// Function to show alert
function showAlert(message, type = 'success') {
const alertBox = document.getElementById('alert');
alertBox.textContent = message;
alertBox.className = `alert ${type} show`;
// Hide the alert after 3 seconds
setTimeout(() => {
alertBox.classList.remove('show');
}, 3000);
}
// Check for query parameters
const urlParams = new URLSearchParams(window.location.search);
const message = urlParams.get('message');
const type = urlParams.get('type'); // 'success' or 'error'
if (message) {
showAlert(message, type);
// Remove query parameters from the URL
history.replaceState(null, '', window.location.pathname);
}
</script>
<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('service-worker.js')
.then(reg => console.log('Service Worker Registered', reg))
.catch(err => console.error('Service Worker Failed', err));
}
// Optional: Listen for the A2HS prompt
let deferredPrompt;
window.addEventListener('beforeinstallprompt', (e) => {
e.preventDefault();
deferredPrompt = e;
// You can optionally show your own custom "Add to Home" button
console.log('A2HS prompt available');
// e.prompt(); // Uncomment to auto prompt (not recommended)
});
</script>
</body>
</html>