detedfg/maplepath-express
0
1<!DOCTYPE html>2<html lang="fr">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Procédure d'immigration - Canada</title>7 <link rel="icon" type="image/x-icon" href="/static/favicon.ico">8 <script src="https://cdn.tailwindcss.com"></script>9 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>10 <script src="https://unpkg.com/feather-icons"></script>11 <style>12 @import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Noto+Sans:wght@400;700&display=swap');13 14 body {15 font-family: 'Lato', 'Noto Sans', sans-serif;16 color: #333;17 line-height: 1.6;18 background-color: #f8f8f8;19 }20 21 .header-bg {22 background-color: #335075;23 border-bottom: 4px solid #335075;24 }25 26 .main-content {27 max-width: 1200px;28 margin: 30px auto;29 padding: 0 15px;30 }31 32 .step-card {33 background: white;34 border: 1px solid #d3d3d3;35 border-radius: 4px;36 padding: 20px;37 margin-bottom: 20px;38 }39 40 .step-number {41 width: 30px;42 height: 30px;43 background-color: #af3c43;44 color: white;45 border-radius: 50%;46 display: flex;47 align-items: center;48 justify-content: center;49 font-weight: bold;50 margin-right: 15px;51 flex-shrink: 0;52 }53 54 .step-content {55 flex-grow: 1;56 }57 58 .page-title {59 font-size: 36px;60 font-weight: 700;61 border-bottom: 4px solid #af3c43;62 padding-bottom: 15px;63 margin-bottom: 30px;64 }65 66 .btn-primary {67 background-color: #26374a;68 color: white;69 padding: 12px 24px;70 border-radius: 4px;71 text-decoration: none;72 font-size: 18px;73 display: inline-block;74 margin-top: 30px;75 }76 </style>77</head>78<body class="font-sans bg-gray-50">79 <!-- Header -->80 <header class="header-bg text-white">81 <div class="container" style="max-width: 1200px; margin: 0 auto; padding: 12px 15px; display: flex; justify-content: space-between; align-items: center;">82 <div style="display: flex; align-items: center;">83 <img src="https://www.canada.ca/content/dam/canada-tbs-sct/migration/hgw-cgf/collaboration/af-finance/2011-03/fip-pfi/2011-03-eng.gif" 84 alt="Government of Canada" 85 style="height: 40px; margin-right: 10px;">86 <span style="font-size: 20px; font-weight: 400;">Gouvernement du Canada</span>87 </div>88 <a href="index.html" style="color: white; text-decoration: none; display: flex; align-items: center;">89 <i data-feather="home" style="margin-right: 5px;"></i> Accueil90 </a>91 </div>92 </header>93 <!-- Main Content -->94 <main class="main-content">95 <h1 class="page-title">Procédure d'immigration au Canada</h1>96 97 <p style="margin-bottom: 30px; font-size: 16px;">98Le processus d'immigration au Canada comprend plusieurs étapes importantes pour s'assurer que vous répondez à tous les critères nécessaires. Suivez attentivement ces étapes pour maximiser vos chances de succès.99 </p>100 <!-- Steps -->101 <div>102 <!-- Step 1 -->103 <div class="step-card">104 <div style="display: flex;">105 <div class="step-number">1</div>106 <div class="step-content">107 <h2 style="font-size: 20px; font-weight: 700; margin-bottom: 10px;">Déterminez votre admissibilité</h2>108 <p style="font-size: 16px;">109Utilisez notre outil en ligne pour voir si vous êtes admissible à immigrer au Canada. Vous devrez répondre à des questions sur votre éducation, votre expérience de travail, votre langue et d'autres facteurs.110 </p>111 </div>112 </div>113 <!-- Step 2 -->114 <div class="step-card">115 <div style="display: flex;">116 <div class="step-number">2</div>117 <div class="step-content">118 <h2 style="font-size: 20px; font-weight: 700; margin-bottom: 10px;">Créez votre profil</h2>119 <p style="font-size: 16px;">120Si vous êtes admissible, créez votre profil dans le système Entrée express. Vous recevrez un score basé sur le système de classement global (CRS).121 </p>122 </div>123 </div>124 <!-- Step 3 -->125 <div class="step-card">126 <div style="display: flex;">127 <div class="step-number">3</div>128 <div class="step-content">129 <h2 style="font-size: 20px; font-weight: 700; margin-bottom: 10px;">Recevez une invitation</h2>130 <p style="font-size: 16px;">131Les candidats avec les scores les plus élevés reçoivent une invitation à présenter une demande de résidence permanente lors des tirages réguliers.132 </p>133 </div>134 </div>135 <!-- Step 4 -->136 <div class="step-card">137 <div style="display: flex;">138 <div class="step-number">4</div>139 <div class="step-content">140 <h2 style="font-size: 20px; font-weight: 700; margin-bottom: 10px;">Présentez votre demande</h2>141 <p style="font-size: 16px;">142Une fois invité, vous avez 60 jours pour présenter une demande complète de résidence permanente avec tous les documents requis.143 </p>144 </div>145 </div>146 <!-- Step 5 -->147 <div class="step-card">148 <div style="display: flex;">149 <div class="step-number">5</div>150 <div class="step-content">151 <h2 style="font-size: 20px; font-weight: 700; margin-bottom: 10px;">Réussissez les vérifications</h2>152 <p style="font-size: 16px;">153Votre demande sera examinée et vous devrez peut-être fournir des informations supplémentaires ou passer un examen médical et une vérification des antécédents.154 </p>155 </div>156 </div>157 <!-- Step 6 -->158 <div class="step-card">159 <div style="display: flex;">160 <div class="step-number">6</div>161 <div class="step-content">162 <h2 style="font-size: 20px; font-weight: 700; margin-bottom: 10px;">Recevez votre confirmation</h2>163 <p style="font-size: 16px;">164Si votre demande est approuvée, vous recevrez une confirmation de résidence permanente et pourrez planifier votre arrivée au Canada.165 </p>166 </div>167 </div>168 </div>169 <div style="text-align: center;">170 <a href="application.html" class="btn-primary">Postuler maintenant</a>171 </div>172</main>173 174 <script>175 feather.replace();176 </script>177</body>178</html>179