Skip to content

Commit

Permalink
Merge branch 'main' of https://github.com/gc-proto/ircc
Browse files Browse the repository at this point in the history
  • Loading branch information
jackiedegouffe committed Nov 18, 2024
2 parents 65771fb + 999a744 commit 35fd950
Showing 1 changed file with 198 additions and 0 deletions.
198 changes: 198 additions & 0 deletions prototypes/my-application/demande-expando.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,198 @@
<!doctype html>
<html class="no-js" dir="ltr" lang="fr" xmlns="http://www.w3.org/1999/xhtml">

<head prefix="og: http://ogp.me/ns#">

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">

<!-- CONFIGURATIONS START HERE -->
<title>Demandes d’IRCC - Canada.ca</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<script id="pageConstants">
let pageConstants = {
pageFeedbackTool: true, // true | false; Set to 'true' if adding the Page Feedback tool to bottom of page
alternateLanguageURL: "application.html", // URL; Add the English or French URL link
dateModified: "2024-08-16", // YYYY-MM-DD
fluidWidth: true, // true | false; Set to 'true' if you will be using full width elements like bands.
signin: "https://www.canada.ca/fr/immigration-refugies-citoyennete/services/demande/comptes-ircc.html", // URL | Leave blank if you don't want a sign in button
breadcrumbs: { //use "title":"url" in order of appearance or leave blank if none, ex.:
// "Visit Canada": "https://www.canada.ca/en/immigration-refugees-citizenship/services/visit-canada.html",
// "Visitor visa (temporary resident visa)":"https://www.canada.ca/en/immigration-refugees-citizenship/services/visit-canada/visitor-visa.html"
}
}
</script>

<link rel="stylesheet" href="my-application-v3.8.css" />
<!-- CONFIGURATIONS END HERE -->
<script src="https://test.canada.ca/ircc/templates/js/template.js" type="text/javascript" defer></script>


<noscript>
<link rel="stylesheet" href="https://wet-boew.github.io/themes-dist/GCWeb/wet-boew/css/noscript.min.css" />
</noscript>
</head>


<body vocab="http://schema.org/" typeof="WebPage">

<main property="mainContentOfPage" resource="#wb-main" typeof="WebPageElement">

<!--CONTENT STARTS HERE-->
<div class="mrgn-tp-lg mrgn-bttm-lg">
<div class="container mrgn-tp-md mrgn-bttm-md py-4 wb-eqht-grd">
<div class="row">
<div class="col-md-7">
<h1 property="name" id="wb-cont" dir="ltr">Demandes d’IRCC</h1>

<p class="mrgn-tp-md lead">Le processus de demande, y compris les programmes d’immigration, les documents dont vous pourriez avoir besoin, la manière de faire une demande et ce qu’il faut faire pendant que vous attendez une décision.</p>


</div>
<div class="col-md-5 hidden-sm hidden-xs"><img src="images/my-application-banner.png" class="full-width"></div>
</div>
</div>
</div>

<section class="my-application">



<div class="container">
<div class="alert alert-warning">
<details class=""><summary>La perturbation du travail à Postes Canada causera des retards de livraison
de la poste</summary>
<p>Nous continuons de traiter les demandes comme à l’habitude. Cependant, il y aura des retards
concernant&nbsp;:</p>
<ul>
<li>l’envoi par la poste de demandes au Canada ou vers le Canada;</li>
<li>la réception de courrier de notre part.</li>
</ul>
<p>Nous vous encourageons à <strong>présenter une demande en ligne, si possible</strong>. Si vous devez présenter une demande papier, utilisez un service de messagerie pour nous envoyer votre demande.</p></details>
</div>


<div class="row mrgn-bttm-lg">
<div class="col-md-1 h2 mrgn-tp-0 mrgn-rght-lg hidden-xs hidden-sm"><i class="big-number">1</i></div>
<div class="col-md-10">
<div class="row d-sm-flex">
<div class="col-md-6 col-sm-7">

<h2 class="mrgn-tp-lg d-flex"><span class="visible-xs visible-sm mrgn-rght-md pull-left big-number">1.</span> <span class="align-self-end">Se préparer à faire une demande</span></h2>
<div class="clearfix visible-xs visible-sm mrgn-bttm-md"></div>
<ul class="list-unstyled lst-spcd-2 mrgn-tp-lg">
<li class="brdr-bttm d-flex position-relative"><a href="https://ircc.canada.ca/explorer-programmes/" class="no-undrln stretched-link full-width">Explorer les programmes d’immigration</a><span class="fas fa-arrow-right mrgn-tp-sm mrgn-lft-md" aria-hidden="true"></span></li>
<li class="brdr-bttm d-flex position-relative"><a href="https://www.canada.ca/fr/immigration-refugies-citoyennete/services/nouveaux-immigrants/apprendre-sujet-canada.html" class="no-undrln stretched-link full-width">Apprendre à connaître le Canada</a><span class="fas fa-arrow-right mrgn-tp-sm mrgn-lft-md" aria-hidden="true"></span></li>
<li class="brdr-bttm d-flex position-relative"><a href="https://www.canada.ca/fr/immigration-refugies-citoyennete/services/representant-immigration-citoyennete.html" class="no-undrln stretched-link full-width">Faire une demande avec un représentant</a><span class="fas fa-arrow-right mrgn-tp-sm mrgn-lft-md" aria-hidden="true"></span></li>
<li class="brdr-bttm d-flex position-relative"><a href="https://www.canada.ca/fr/immigration-refugies-citoyennete/services/proteger-fraude.html" class="no-undrln stretched-link full-width">Se protéger de la fraude</a><span class="fas fa-arrow-right mrgn-tp-sm mrgn-lft-md" aria-hidden="true"></span></li>
</ul>
</div>
<div class="col-sm-5 col-md-5 col-md-offset-1 align-self-center">
<div class="well well-rnd mrgn-tp-lg no-box-shadow brdr-0">
<h3 class="mrgn-tp-0">Documents dont vous pourriez avoir besoin avant de faire une demande</h3>
<ul class="list-unstyled lst-spcd-2 mrgn-tp-lg" id="documents-step-one">
<li class="brdr-bttm d-flex position-relative"><a href="https://www.canada.ca/fr/immigration-refugies-citoyennete/services/demande/medical-police/examens-medicaux.html" class="no-undrln stretched-link full-width" id="step-one-medical">Examens médicaux</a><span class="fas fa-arrow-right mrgn-tp-sm mrgn-lft-md" aria-hidden="true"></span></li>
<li class="brdr-bttm d-flex position-relative"><a href="https://www.canada.ca/fr/immigration-refugies-citoyennete/services/demande/medical-police/certificats-police.html" class="no-undrln stretched-link full-width" id="step-one-police">Certificats de police</a><span class="fas fa-arrow-right mrgn-tp-sm mrgn-lft-md" aria-hidden="true"></span></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>



<div class="well brdr-0 brdr-rds-0 no-box-shadow py-4">
<div class="container">
<div class="row">
<div class="col-md-1 h2 mrgn-tp-0 mrgn-rght-lg hidden-xs hidden-sm"><i class="big-number">2</i></div>
<div class="col-md-10">

<div class="row d-sm-flex">
<div class="col-md-6 col-sm-7">
<h2 class="mrgn-tp-lg d-flex"><span class="visible-xs visible-sm mrgn-rght-md pull-left big-number">2.</span> <span class="align-self-end">Faire une demande</span></h2>
<div class="clearfix visible-xs visible-sm mrgn-bttm-md"></div>
<ul class="list-unstyled lst-spcd-2 mrgn-tp-lg">
<li class="brdr-bttm d-flex position-relative"><a href="https://www.canada.ca/fr/immigration-refugies-citoyennete/services/demande/comptes-ircc.html" class="no-undrln stretched-link full-width">Se connecter à son compte IRCC</a><span class="fas fa-arrow-right mrgn-tp-sm mrgn-lft-md" aria-hidden="true"></span></li>
<li class="brdr-bttm d-flex position-relative"><a href="https://www.canada.ca/fr/immigration-refugies-citoyennete/services/demande/formulaires-demande-guides.html" class="no-undrln stretched-link full-width">Trouver les formulaires de demande dont vous avez besoin</a><span class="fas fa-arrow-right mrgn-tp-sm mrgn-lft-md" aria-hidden="true"></span></li>
<li class="brdr-bttm d-flex position-relative"><a href="https://www.canada.ca/fr/immigration-refugies-citoyennete/nouvelles/video/ne-gaspillez-temps-envoyez-demande-complete.html" class="no-undrln stretched-link full-width">Préparer une demande complète </a><span class="fas fa-arrow-right mrgn-tp-sm mrgn-lft-md" aria-hidden="true"></span></li>
<li class="brdr-bttm d-flex position-relative"><a href="https://ircc.canada.ca/francais/information/frais/index.asp" class="no-undrln stretched-link full-width ">Payer les frais</a><span class="fas fa-arrow-right mrgn-tp-sm mrgn-lft-md" aria-hidden="true"></span></li>
<li class="brdr-bttm d-flex position-relative"><a href="https://www.canada.ca/fr/immigration-refugies-citoyennete/organisation/contactez-ircc/bureaux.html" class="no-undrln stretched-link full-width">Trouver un bureau ou centre de demande de visa</a><span class="fas fa-arrow-right mrgn-tp-sm mrgn-lft-md" aria-hidden="true"></span></li>
</ul>
</div>
<div class="col-sm-5 col-md-5 col-md-offset-1 align-self-center">
<div class="panel panel-body well-rnd mrgn-tp-lg no-box-shadow brdr-0">
<h3 class="mrgn-tp-0">Documents dont vous pourriez avoir besoin après avoir fait une demande</h3>
<ul class="list-unstyled lst-spcd-2 mrgn-tp-lg" id="documents-step-two">
<li class="brdr-bttm d-flex position-relative"><a href="https://www.canada.ca/fr/immigration-refugies-citoyennete/services/biometrie.html" class="no-undrln stretched-link full-width" id="step-two-biometrics">Données biométriques (empreintes digitales et photo)</a><span class="fas fa-arrow-right mrgn-tp-sm mrgn-lft-md" aria-hidden="true"></span></li>
<li class="brdr-bttm d-flex position-relative"><a href="https://www.canada.ca/fr/immigration-refugies-citoyennete/services/demande/medical-police/examens-medicaux.html" class="no-undrln stretched-link full-width" id="step-two-medical">Examens médicaux</a><span class="fas fa-arrow-right mrgn-tp-sm mrgn-lft-md" aria-hidden="true"></span></li>
<li class="brdr-bttm d-flex position-relative"><a href="https://www.canada.ca/fr/immigration-refugies-citoyennete/services/demande/medical-police/certificats-police.html" class="no-undrln stretched-link full-width" id="step-two-police">Certificats de police</a><span class="fas fa-arrow-right mrgn-tp-sm mrgn-lft-md" aria-hidden="true"></span></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>


<div class="container">
<div class="row mrgn-bttm-lg">
<div class="col-md-1 h2 mrgn-tp-0 mrgn-rght-lg hidden-xs hidden-sm"><i class="big-number">3</i></div>
<div class="col-md-10">

<div class="row d-sm-flex align-items-center">
<div class="col-md-6 col-sm-7">
<h2 class="mrgn-tp-lg d-flex"><span class="visible-xs visible-sm mrgn-rght-md pull-left big-number">3.</span> <span class="align-self-end">Attendre une décision</span></h2>
<div class="clearfix visible-xs visible-sm mrgn-bttm-md"></div>
<ul class="list-unstyled lst-spcd-2 mrgn-tp-lg">
<li class="brdr-bttm d-flex position-relative"><a href="https://www.canada.ca/fr/immigration-refugies-citoyennete/services/demande/verifier-etat.html" class="no-undrln stretched-link full-width">Vérifier l’état de sa demande</a><span class="fas fa-arrow-right mrgn-tp-sm mrgn-lft-md" aria-hidden="true"></span></li>
<li class="brdr-bttm d-flex position-relative"><a href="https://www.canada.ca/fr/immigration-refugies-citoyennete/services/demande/verifier-delais-traitement.html" class="no-undrln stretched-link full-width">Vérifier nos délais de traitement actuels</a><span class="fas fa-arrow-right mrgn-tp-sm mrgn-lft-md" aria-hidden="true"></span></li>
<li class="brdr-bttm d-flex position-relative"><a href="https://ircc.canada.ca/francais/centre-aide/reponse.asp?qnum=052&top=" class="no-undrln stretched-link full-width">Mettre à jour une demande ou poser des questions à son sujet</a><span class="fas fa-arrow-right mrgn-tp-sm mrgn-lft-md" aria-hidden="true"></span></li>
<li class="brdr-bttm d-flex position-relative"><a href="https://www.canada.ca/fr/immigration-refugies-citoyennete/services/demande/changement-adresse.html" class="no-undrln stretched-link full-width">Changer l’adresse sur sa demande</a><span class="fas fa-arrow-right mrgn-tp-sm mrgn-lft-md" aria-hidden="true"></span></li>
<li class="brdr-bttm d-flex position-relative"><a href="https://ircc.canada.ca/fr/immigration-refugies-citoyennete/services/demande/medical-police/certificats-police.html" class="no-undrln stretched-link full-width">Demander un remboursement</a><span class="fas fa-arrow-right mrgn-tp-sm mrgn-lft-md" aria-hidden="true"></span></li>
</ul>
</div>
</div>
</div>
</div>
</div>


<div class="well brdr-0 brdr-rds-0 no-box-shadow py-4">
<div class="container">
<div class="row">
<div class="col-md-1 h2 mrgn-tp-0 mrgn-rght-lg hidden-xs hidden-sm"><i class="big-number">4</i></div>
<div class="col-md-10">

<div class="row">
<h2 class="col-md-6 col-sm-12 mrgn-tp-lg d-flex"><span class="visible-xs visible-sm mrgn-rght-md pull-left big-number">4.</span> <span class="align-self-end">Se préparer à aller au Canada</span></h2>
<div class="clearfix"></div>
<div class=" col-md-6 col-sm-7">
<ul class="list-unstyled lst-spcd-2 mrgn-tp-lg">
<li class="brdr-bttm d-flex position-relative"><a href="https://www.canada.ca/en/immigration-refugees-citizenship/services/new-immigrants/prepare-life-canada.html" class="no-undrln stretched-link full-width">Se préparer à la vie au Canada</a><span class="fas fa-arrow-right mrgn-tp-sm mrgn-lft-md" aria-hidden="true"></span></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>



</section>
<!--CONTENT ENDS HERE-->

</main>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js" integrity="sha384-rY/jv8mMhqDabXSo+UCggqKtdmBfd3qC2/KvyTDNQ6PcUJXaxK1tMepoQda4g5vB" crossorigin="anonymous"></script>
<script src="https://wet-boew.github.io/themes-dist/GCWeb/wet-boew/js/wet-boew.min.js"></script>
<script src="https://wet-boew.github.io/themes-dist/GCWeb/GCWeb/js/theme.min.js"></script>
<script src="https://test.canada.ca/ircc/templates/js/components.js" type="text/javascript" defer></script>

</body>

</html>

0 comments on commit 35fd950

Please sign in to comment.