<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Gael Talent Bridge</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
content="Gael Talent Bridge - career services for project professionals, graduates and future leaders.">
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background: #f5f7fa;
color: #333;
}
header {
background: #283593;
color: #fff;
padding: 16px 24px;
}
header h1 {
margin: 0;
font-size: 24px;
}
header p {
margin: 4px 0 0 0;
font-size: 14px;
opacity: 0.85;
}
.container {
max-width: 960px;
margin: 24px auto;
padding: 16px 24px;
background: #ffffff;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
h2 {
color: #283593;
margin-top: 0;
}
p {
line-height: 1.5;
margin: 8px 0;
}
ul {
margin: 8px 0 16px 18px;
padding: 0;
}
li {
margin-bottom: 6px;
}
.section {
margin-bottom: 24px;
}
.btn-primary {
display: inline-block;
padding: 10px 18px;
border-radius: 4px;
background: #283593;
color: #fff;
text-decoration: none;
font-weight: bold;
margin-top: 12px;
}
.btn-secondary {
display: inline-block;
padding: 8px 14px;
border-radius: 4px;
background: #e0e0e0;
color: #333;
text-decoration: none;
margin-top: 8px;
font-size: 13px;
}
.columns {
display: flex;
flex-wrap: wrap;
gap: 24px;
}
.column {
flex: 1 1 280px;
}
footer {
text-align: center;
font-size: 12px;
color: #777;
margin: 24px 0 12px;
}
@media (max-width: 600px) {
.container {
margin: 12px;
padding: 12px 16px;
}
header h1 {
font-size: 20px;
}
}
</style>
</head>
<body>
<header>
<h1>Gael Talent Bridge</h1>
<p>Career services for project professionals, graduates and future leaders.</p>
</header>
<div class="container">
<div class="section">
<h2>Fill in your intake, unlock your options</h2>
<p>
Gael Talent Bridge helps you turn real project exposure, informal roles and hidden skills
into a clear, structured profile that hiring managers can understand.
</p>
<a class="btn-primary" href="intake.html">Start the intake form</a>
</div>
<div class="section columns">
<div class="column">
<h2>What services you can get</h2>
<ul>
<li>Structured intake that captures education, work history and hidden experiences.</li>
<li>Storyboard-style profile for CVs, LinkedIn and project-role applications.</li>
<li>Targeted role mapping for project, operations and PMO-type positions.</li>
<li>Guidance on work authorisation, mobility and role preferences.</li>
</ul>
</div>
<div class="column">
<h2>Who this is built for</h2>
<ul>
<li>Graduates entering project, operations or engineering environments.</li>
<li>Project engineers and coordinators in structural steel or construction.</li>
<li>Professionals moving into PM, PMO, operations or leadership tracks.</li>
<li>Candidates who have practical exposure but struggle to show it on paper.</li>
</ul>
</div>
</div>
<div class="section">
<h2>How the process works</h2>
<p>
1. You complete the intake form with your background, informal roles and high-stakes exposure.<br>
2. Your responses are synced to a secure workspace and Google Sheets for review.<br>
3. You receive tailored guidance and documents aligned to your target roles and regions.
</p>
<a class="btn-secondary" href="intake.html">Go to intake form</a>
</div>
</div>
<footer>
© Gael Talent Bridge – early concept career service for project professionals.
</footer>
</body>
</html>