diff --git a/templates/news/deprecated/news_v2-en.html b/templates/news/deprecated/news_v3-en.html
similarity index 83%
rename from templates/news/deprecated/news_v2-en.html
rename to templates/news/deprecated/news_v3-en.html
index 6cf2009ec..ce07db8f2 100644
--- a/templates/news/deprecated/news_v2-en.html
+++ b/templates/news/deprecated/news_v3-en.html
@@ -2,59 +2,84 @@
 {
 	"title": "News",
 	"language": "en",
-	"altLangPage": "news_v2-fr.html",
+	"altLangPage": "news_v3-fr.html",
 	"secondlevel": false,
-	"dateModified": "2023-09-01",
+	"dateModified": "2024-09-13",
 	"share": "true",
 	"pageType": "news"
 }
 ---
 
-<!-- START: Banner -->
-<div class="mrgn-bttm-md" data-wb-randomize="{ &quot;shuffle&quot;: true, &quot;selector&quot;: &quot;a&quot;, &quot;toggle&quot;: &quot;hide&quot; }">
-	<h2 class="wb-inv">Promotions</h2>
-	<a href="https://www.international.gc.ca/world-monde/issues_development-enjeux_developpement/response_conflict-reponse_conflits/crisis-crises/israel.aspx?lang=eng" class="promo hide learmore" data-gc-analytics="promo:homePageFeature">
-		<figure>
-			<img class="img-responsive full-width" src="https://dummyimage.com/1170x347/F5F5F5/000000.png" alt="">
-			<figcaption class="well brdr-rds-0">
-				<span class="h4 mrgn-tp-0 mrgn-bttm-0 mrgn-lft-0">Canada’s response to the crisis in Israel, the West Bank and the Gaza Strip</span>
-			</figcaption>
-		</figure>
-	</a>
-	<a href="https://www.international.gc.ca/world-monde/issues_development-enjeux_developpement/response_conflict-reponse_conflits/crisis-crises/ukraine.aspx?lang=eng&amp;utm_campaign=gac-amc-ukraine-21-22&amp;utm_source=canadahome&amp;utm_medium=feat&amp;utm_content=en" class="promo hide learmore" data-gc-analytics="promo:homePageFeature">
-		<figure>
-			<img class="img-responsive full-width" src="https://dummyimage.com/1170x347/26374A/FFFFFF.png" alt="">
-			<figcaption class="well brdr-rds-0">
-				<span class="h4 mrgn-tp-0 mrgn-bttm-0 mrgn-lft-0">Learn about Canada’s response to the Russian invasion of Ukraine</span>
-			</figcaption>
-		</figure>
-	</a>
-	<a href="/en/services/health/campaigns/childhood-vaccines.html" class="promo hide learmore" data-gc-analytics="promo:homePageFeature">
-		<figure>
-			<img class="img-responsive full-width" src="https://dummyimage.com/1170x347/7834BC/FFFFFF.png" alt="">
-			<figcaption class="well brdr-rds-0">
-				<span class="h4 mrgn-tp-0 mrgn-bttm-0 mrgn-lft-0">Protect your child with routine vaccination</span>
-			</figcaption>
-		</figure>
-	</a>
-	<a href="https://natural-resources.canada.ca/simply-science/forestry-and-insects/667?utm_campaign=ss-nfw&amp;utm_medium=vurl&amp;utm_source=canada.ca&amp;utm_content=forestry-en" class="promo hide learmore" data-gc-analytics="promo:homePageFeature">
-		<figure>
-			<img class="img-responsive full-width" src="https://dummyimage.com/1170x347/0000FF/000000.png" alt="">
-			<figcaption class="well brdr-rds-0">
-				<span class="h4 mrgn-tp-0 mrgn-bttm-0 mrgn-lft-0">Discover groundbreaking forestry research at Natural Resources Canada</span>
-			</figcaption>
-		</figure>
-	</a>
-</div>
-<!-- END -->
-
-<div class="clearfix">
-	<div class="pull-right">
-		{% include gc-follow-us/follow.html %}
+<div class="row">
+	<div class="col-xs-12 col-sm-8 col-md-9 col-lg-10">
+		<p>Find the most recent Government of Canada news content.</p>
+	</div>
+	<div class="col-xs-12 col-sm-4 col-md-3 col-lg-2">
+		<div class="text-sm-right">
+			<section class="followus">
+				<h2>Follow:</h2>
+				<ul>
+					<li><a rel="external" class="rss" href="https://canada.ca/en/news/web-feeds.html"><span class="wb-inv">Web feeds</span></a></li>
+					<li><a rel="external" class="twitter" href="https://twitter.com/NewsroomGC"><span class="wb-inv">Twitter</span></a></li>
+				</ul>
+			</section>
+		</div>
 	</div>
 </div>
 
-{% include components/gc-features/features.html %}
+<section class="gc-features">
+	<h2>Features</h2>
+	<!-- START: Add the list of links to the features to display in basic HTML mode -->
+	<ul class="nojs-show">
+		<li><a href="#">[1. Feature hyperlink text]</a></li>
+		<li><a href="#">[2. Feature hyperlink text]</a></li>
+		<li><a href="#">[3. Feature hyperlink text]</a></li>
+		<li><a href="#">[4. Feature hyperlink text]</a></li>
+		<li><a href="#">[5. Feature hyperlink text]</a></li>
+		<li><a href="#">[6. Feature hyperlink text]</a></li>
+	</ul>
+	<!-- END -->
+
+	<!-- Add the "data-wb-randomize" attribute to the "row" element to randomize the features -->
+	<div class="row wb-eqht-grd">
+		<div class="col-lg-4 col-sm-6 hght-inhrt" data-wb-randomize='{ "toggle": "hide" }'>
+			<section class="well well-sm eqht-trgt hide">
+				<img src="https://dummyimage.com/360x203/000000/FFFFFF" alt="">
+				<h3><a href="#" class="stretched-link">[1. Feature hyperlink text]</a></h3>
+				<p>1. Brief description of the feature being promoted.</p>
+			</section>
+			<section class="well well-sm eqht-trgt hide">
+				<img src="https://dummyimage.com/360x203/e5ff6a/000000" alt="">
+				<h3><a href="#" class="stretched-link">[2. Feature hyperlink text]</a></h3>
+				<p>2. Brief description of the feature being promoted.</p>
+			</section>
+		</div>
+		<div class="col-lg-4 col-sm-6 hght-inhrt" data-wb-randomize='{ "toggle": "hide" }'>
+			<section class="well well-sm eqht-trgt hide">
+				<img src="https://dummyimage.com/360x203/46b393/000000" alt="">
+				<h3><a href="#" class="stretched-link">[3. Feature hyperlink text]</a></h3>
+				<p>3. Brief description of the feature being promoted.</p>
+			</section>
+			<section class="well well-sm eqht-trgt hide">
+				<img src="https://dummyimage.com/360x203/0bd6fd/000000" alt="">
+				<h3><a href="#" class="stretched-link">[4. Feature hyperlink text]</a></h3>
+				<p>4. Brief description of the feature being promoted.</p>
+			</section>
+		</div>
+		<div class="col-lg-4 col-sm-6 hght-inhrt" data-wb-randomize='{ "toggle": "hide" }'>
+			<section class="well well-sm eqht-trgt hide">
+				<img src="https://dummyimage.com/360x203/2b3551/FFFFFF" alt="">
+				<h3><a href="#" class="stretched-link">[5. Feature hyperlink text]</a></h3>
+				<p>5. Brief description of the feature being promoted.</p>
+			</section>
+			<section class="well well-sm eqht-trgt hide">
+				<img src="https://dummyimage.com/360x203/311893/FFFFFF" alt="">
+				<h3><a href="#" class="stretched-link">[6. Feature hyperlink text]</a></h3>
+				<p>6. Brief description of the feature being promoted.</p>
+			</section>
+		</div>
+	</div>
+</section>
 
 <div class="row mrgn-tp-md">
 	<div class="col-md-3">
@@ -385,7 +410,7 @@ <h2 class="h4">Resources</h2>
 		</section>
 	</div>
 	<div class="col-md-9">
-		<p>To access all articles, please visit the <a href="https://www.canada.ca/en/news/advanced-news-search.html">advanced search</a>.</p>
+		<p>To access all articles, please visit the <a href="https://www.canada.ca/en/news/advanced-news-search/news-results.html">advanced search</a>.</p>
 
 		<section class="mrgn-tp-xl">
 			<h2 class="wb-inv">Search results</h2>
@@ -420,6 +445,6 @@ <h2 class="wb-inv">Search results</h2>
 			</table>
 		</section>
 
-		<p>To access all articles, please visit the <a href="https://www.canada.ca/en/news/advanced-news-search.html">advanced search</a>.</p>
+		<p>To access all articles, please visit the <a href="https://www.canada.ca/en/news/advanced-news-search/news-results.html">advanced search</a>.</p>
 	</div>
 </div>
diff --git a/templates/news/deprecated/news_v2-fr.html b/templates/news/deprecated/news_v3-fr.html
similarity index 83%
rename from templates/news/deprecated/news_v2-fr.html
rename to templates/news/deprecated/news_v3-fr.html
index 2ccd850fb..742bb9e90 100644
--- a/templates/news/deprecated/news_v2-fr.html
+++ b/templates/news/deprecated/news_v3-fr.html
@@ -2,60 +2,84 @@
 {
 	"title": "Nouvelles",
 	"language": "fr",
-	"altLangPage": "news_v2-en.html",
-	"breadcrumbs": false,
+	"altLangPage": "news_v3-en.html",
 	"secondlevel": false,
-	"dateModified": "2023-09-01",
+	"dateModified": "2024-09-13",
 	"share": "true",
 	"pageType": "news"
 }
 ---
 
-<!-- START: Banner -->
-<div class="mrgn-bttm-md" data-wb-randomize="{ &quot;shuffle&quot;: true, &quot;selector&quot;: &quot;a&quot;, &quot;toggle&quot;: &quot;hide&quot; }">
-	<h2 class="wb-inv">Promotions</h2>
-	<a href="https://www.international.gc.ca/world-monde/issues_development-enjeux_developpement/response_conflict-reponse_conflits/crisis-crises/israel.aspx?lang=eng" class="promo hide learmore" data-gc-analytics="promo:homePageFeature">
-		<figure>
-			<img class="img-responsive full-width" src="https://dummyimage.com/1170x347/F5F5F5/000000.png" alt="">
-			<figcaption class="well brdr-rds-0">
-				<span class="h4 mrgn-tp-0 mrgn-bttm-0 mrgn-lft-0">La réponse du Canada à la crise en Israël, en Cisjordanie et dans la bande de Gaza</span>
-			</figcaption>
-		</figure>
-	</a>
-	<a href="https://www.international.gc.ca/world-monde/issues_development-enjeux_developpement/response_conflict-reponse_conflits/crisis-crises/ukraine.aspx?lang=eng&amp;utm_campaign=gac-amc-ukraine-21-22&amp;utm_source=canadahome&amp;utm_medium=feat&amp;utm_content=en" class="promo hide learmore" data-gc-analytics="promo:homePageFeature">
-		<figure>
-			<img class="img-responsive full-width" src="https://dummyimage.com/1170x347/26374A/FFFFFF.png" alt="">
-			<figcaption class="well brdr-rds-0">
-				<span class="h4 mrgn-tp-0 mrgn-bttm-0 mrgn-lft-0">Renseignez-vous sur la réponse du Canada à l’invasion russe de l’Ukraine</span>
-			</figcaption>
-		</figure>
-	</a>
-	<a href="/en/services/health/campaigns/childhood-vaccines.html" class="promo hide learmore" data-gc-analytics="promo:homePageFeature">
-		<figure>
-			<img class="img-responsive full-width" src="https://dummyimage.com/1170x347/7834BC/FFFFFF.png" alt="">
-			<figcaption class="well brdr-rds-0">
-				<span class="h4 mrgn-tp-0 mrgn-bttm-0 mrgn-lft-0">Protégez votre enfant grâce à la vaccination de routine</span>
-			</figcaption>
-		</figure>
-	</a>
-	<a href="https://natural-resources.canada.ca/simply-science/forestry-and-insects/667?utm_campaign=ss-nfw&amp;utm_medium=vurl&amp;utm_source=canada.ca&amp;utm_content=forestry-en" class="promo hide learmore" data-gc-analytics="promo:homePageFeature">
-		<figure>
-			<img class="img-responsive full-width" src="https://dummyimage.com/1170x347/0000FF/000000.png" alt="">
-			<figcaption class="well brdr-rds-0">
-				<span class="h4 mrgn-tp-0 mrgn-bttm-0 mrgn-lft-0">Découvrez le travail de recherche novateur de RNCan dans le domaine de la foresterie</span>
-			</figcaption>
-		</figure>
-	</a>
-</div>
-<!-- END -->
-
-<div class="clearfix">
-	<div class="pull-right">
-		{% include gc-follow-us/follow.html %}
+<div class="row">
+	<div class="col-xs-12 col-sm-8 col-md-9 col-lg-10">
+		<p>Trouvez les dernières nouvelles du gouvernement du Canada.</p>
+	</div>
+	<div class="col-xs-12 col-sm-4 col-md-3 col-lg-2">
+		<div class="text-sm-right">
+			<section class="followus">
+				<h2>Suivez :</h2>
+				<ul>
+					<li><a rel="external" class="rss" href="https://canada.ca/fr/nouvelles/fils-nouvelles.html"><span class="wb-inv">Fils de nouvelles</span></a></li>
+					<li><a rel="external" class="twitter" href="https://twitter.com/salledepresseGC"><span class="wb-inv">Twitter</span></a></li>
+				</ul>
+			</section>
+		</div>
 	</div>
 </div>
 
-{% include components/gc-features/features.html %}
+<section class="gc-features">
+	<h2>En vedette</h2>
+	<!-- START: Add the list of links to the features to display in basic HTML mode -->
+	<ul class="nojs-show">
+		<li><a href="#">[1. Lien à l’élément en vedette]</a></li>
+		<li><a href="#">[2. Lien à l’élément en vedette]</a></li>
+		<li><a href="#">[3. Lien à l’élément en vedette]</a></li>
+		<li><a href="#">[4. Lien à l’élément en vedette]</a></li>
+		<li><a href="#">[5. Lien à l’élément en vedette]</a></li>
+		<li><a href="#">[6. Lien à l’élément en vedette]</a></li>
+	</ul>
+	<!-- END -->
+
+	<!-- Add the "data-wb-randomize" attribute to the "row" element to randomize the features -->
+	<div class="row wb-eqht-grd">
+		<div class="col-lg-4 col-sm-6 hght-inhrt" data-wb-randomize='{ "toggle": "hide" }'>
+			<section class="well well-sm eqht-trgt hide">
+				<img src="https://dummyimage.com/360x203/000000/FFFFFF" alt="">
+				<h3><a href="#" class="stretched-link">[1. Lien à l’élément en vedette]</a></h3>
+				<p>1. Brève description de l’élément en vedette.</p>
+			</section>
+			<section class="well well-sm eqht-trgt hide">
+				<img src="https://dummyimage.com/360x203/e5ff6a/000000" alt="">
+				<h3><a href="#" class="stretched-link">[2. Lien à l’élément en vedette]</a></h3>
+				<p>2. Brève description de l’élément en vedette.</p>
+			</section>
+		</div>
+		<div class="col-lg-4 col-sm-6 hght-inhrt" data-wb-randomize='{ "toggle": "hide" }'>
+			<section class="well well-sm eqht-trgt hide">
+				<img src="https://dummyimage.com/360x203/46b393/000000" alt="">
+				<h3><a href="#" class="stretched-link">[3. Lien à l’élément en vedette]</a></h3>
+				<p>3. Brève description de l’élément en vedette.</p>
+			</section>
+			<section class="well well-sm eqht-trgt hide">
+				<img src="https://dummyimage.com/360x203/0bd6fd/000000" alt="">
+				<h3><a href="#" class="stretched-link">[4. Lien à l’élément en vedette]</a></h3>
+				<p>4. Brève description de l’élément en vedette.</p>
+			</section>
+		</div>
+		<div class="col-lg-4 col-sm-6 hght-inhrt" data-wb-randomize='{ "toggle": "hide" }'>
+			<section class="well well-sm eqht-trgt hide">
+				<img src="https://dummyimage.com/360x203/2b3551/FFFFFF" alt="">
+				<h3><a href="#" class="stretched-link">[5. Lien à l’élément en vedette]</a></h3>
+				<p>5. Brève description de l’élément en vedette.</p>
+			</section>
+			<section class="well well-sm eqht-trgt hide">
+				<img src="https://dummyimage.com/360x203/311893/FFFFFF" alt="">
+				<h3><a href="#" class="stretched-link">[6. Lien à l’élément en vedette]</a></h3>
+				<p>6. Brève description de l’élément en vedette.</p>
+			</section>
+		</div>
+	</div>
+</section>
 
 <div class="row mrgn-tp-md">
 	<div class="col-md-3">
@@ -379,14 +403,14 @@ <h2 class="wb-inv">Promotions</h2>
 		<section>
 			<h2>Ressources</h2>
 			<ul class="list-group">
-				<li class="list-group-item"><a rel="external" href="http://www.gazette.gc.ca/accueil-home-fra.html">Gazette du Canada</a></li>
-				<li class="list-group-item"><a rel="external" href="https://www.noscommunes.ca/DocumentViewer/fr/chambre/dernier/debats">Index du Hansard</a></li>
-				<li class="list-group-item"><a href="./nouvelles/coordonnees-medias.html">Coordonnées pour les médias</a></li>
+				<li class="list-group-item"><a rel="" href="#">Gazette du Canada</a></li>
+				<li class="list-group-item"><a rel="" href="#">Index du Hansard</a></li>
+				<li class="list-group-item"><a href="#">Coordonnées pour les médias</a></li>
 			</ul>
 		</section>
 	</div>
 	<div class="col-md-9">
-		<p>Pour accéder&nbsp;à tous les&nbsp;articles, visitez la <a href="https://www.canada.ca/fr/nouvelles/recherche-avancee-de-nouvelles.html">page de recherche avancée</a>.</p>
+		<p>Pour accéder&nbsp;à tous les&nbsp;articles, visitez la <a href="https://www.canada.ca/fr/nouvelles/recherche-avancee-de-nouvelles/resultats-de-nouvelles.html">page de recherche avancée</a>.</p>
 
 		<section class="mrgn-tp-xl">
 			<h2 class="wb-inv">Search results</h2>
@@ -421,6 +445,6 @@ <h2 class="wb-inv">Search results</h2>
 			</table>
 		</section>
 
-		<p>Pour accéder&nbsp;à tous les&nbsp;articles, visitez la <a href="https://www.canada.ca/fr/nouvelles/recherche-avancee-de-nouvelles.html">page de recherche avancée</a>.</p>
+		<p>Pour accéder&nbsp;à tous les&nbsp;articles, visitez la <a href="https://www.canada.ca/fr/nouvelles/recherche-avancee-de-nouvelles/resultats-de-nouvelles.html">page de recherche avancée</a>.</p>
 	</div>
 </div>
diff --git a/templates/news/news-doc-en.html b/templates/news/news-doc-en.html
index 78bda6310..d782f6613 100644
--- a/templates/news/news-doc-en.html
+++ b/templates/news/news-doc-en.html
@@ -3,7 +3,7 @@
 description: Documentation and working examples for the News template.
 language: en
 altLangPage: news-doc-fr.html
-dateModified: 2024-09-13
+dateModified: 2024-12-19
 share: true
 ---
 
@@ -15,26 +15,29 @@
 	<dt>Type</dt>
 	<dd>Canada.ca template</dd>
 	<dt>Last review</dt>
-	<dd>2024-09-13</dd>
+	<dd>2024-12-19</dd>
 	<dt>Conforming to</dt>
 	<dd>Content and IA spec 3.0</dd>
 	<dt>Specification</dt>
 	<dd><a href="https://design.canada.ca/mandatory-templates/news-pages.html#landing">News pages - Canada.ca mandatory template</a></dd>
 	<dt>Template version</dt>
-	<dd>Version 3.0</dd>
+	<dd>Version 4.0</dd>
 	<dt>Available instances</dt>
 	<dd><a href="https://www.canada.ca/en/news.html">https://www.canada.ca/en/news.html</a></dd>
 	<dd><a href="https://www.canada.ca/fr/nouvelles.html">https://www.canada.ca/fr/nouvelles.html</a></dd>
 </dl>
 
-<h2>Working examples</h2>
-<ul>
-	<li><a href="news-en.html">News landing page template - Version 3.0</a></li>
-	<li><a href="news-fr.html" lang="fr">Gabarit de la page d'accueil des nouvelles - Version 3.0</a></li>
-</ul>
+<h2>Working example</h2>
+<p><a href="news-en.html">News landing page template - Version 4.0</a></p>
 
 <h2>List of changes</h2>
 <ul>
+	<li>Version 4.0:
+		<ul>
+			<li>Changed paragraph above news items.</li>
+			<li>Changed paragraph below news items.</li>
+		</ul>
+	</li>
 	<li>Version 3.0:
 		<ul>
 			<li>Removal of the promotions section at the top of the page.</li>
@@ -47,36 +50,33 @@ <h2>List of changes</h2>
 
 <h3>Previous version</h3>
 <dl>
+	<dt>Version 3.0</dt>
+	<dd><a href="deprecated/news_v3-en.html">News landing page template - Version 3.0</a></dd>
 	<dt>Version 2.0</dt>
 	<dd><a href="deprecated/news_v2-en.html">News landing page template - Version 2.0</a></dd>
 </dl>
 
-<h2>Transition from version 2.0 to 3.0</h2>
+<h2>Transition from version 3.0 to 4.0</h2>
 <ul>
-	<li>Promotions:
-		<ul>
-			<li>Remove the promotions section at the top of the page.</li>
-			<li>Add introduction text to the left of the "Follow" section and change <code>pull-right</code> class to <code>text-sm-right</code> on the <code>&lt;div></code> wrapping the "Follow" section. See working example for HTML markup.</li>
-		</ul>
+	<li>
+		Change paragraph above news items from:<br>
+		<pre><code>&lt;p>To access all articles, please visit the &lt;a href="https://www.canada.ca/en/news/advanced-news-search/news-results.html">advanced search&lt;/a>.&lt;/p></code></pre>
+		to:<br>
+		<pre><code>&lt;p class="nojs-hide">&lt;a href="https://www.canada.ca/en/news/advanced-news-search.html">Perform an advanced search&lt;/a>&lt;/p></code></pre>
 	</li>
-</ul>
-
-<ul>
-	<li>Features:
-		<ul>
-			<li>Add the attribute <code>data-wb-randomize='{ "toggle": "hide" }'</code> to each <code>&lt;div class="col-lg-4 col-sm-6 hght-inhrt"></code> element wrapping the features groups.</li>
-			<li>Change the HTML tag for features from <code>&lt;div></code> to <code>&lt;section></code></li>
-			<li>Add the class <code>hide</code> to the <code>&lt;section class="well well-sm eqht-trgt"></code> elements (feature elements).</li>
-			<li>Above the <code>&lt;div class="row"></code> element, add a <code>&lt;ul class="nojs-show"></code> with a list of the links for all the features contained in all the <code>&lt;div class="col-lg-4 col-sm-6 hght-inhrt"></code> elements. This step is necessary for users of the basic HTML version.</li>
-		</ul>
+	<li>
+		Change paragraph below news items from:<br>
+		<pre><code>&lt;p>To access all articles, please visit the &lt;a href="https://www.canada.ca/en/news/advanced-news-search/news-results.html">advanced search&lt;/a>.&lt;/p></code></pre>
+		to:<br>
+		<pre><code>&lt;p class="text-center nojs-hide">&lt;a href="https://www.canada.ca/en/news/advanced-news-search/news-results.html">Access all news products&lt;/a>&lt;/p></code></pre>
 	</li>
-</ul>
-
-<ul>
-	<li>News articles:
-		<ul>
-			<li>Update the advanced search link to the following: <code>https://www.canada.ca/en/news/advanced-news-search/news-results.html</code></li>
-		</ul>
+	<li>Add the following block right after the first paragraph (before the news products table):
+		<pre><code>&lt;div class="nojs-show">&lt;p>News products are not available in basic HTML view. You can either:&lt;/p>
+			&lt;ul>
+				&lt;li>&lt;a href="https://www.canada.ca/en/news/advanced-news-search/news-results.html">Access all news products&lt;/a> or&lt;/li>
+				&lt;li>&lt;a href="https://www.canada.ca/en/news/advanced-news-search.html">Perform an advanced search&lt;/a>&lt;/li>
+			&lt;/ul>
+		&lt;/div></code></pre>
 	</li>
 </ul>
 
diff --git a/templates/news/news-doc-fr.html b/templates/news/news-doc-fr.html
index a4a66e0e7..be582faf6 100644
--- a/templates/news/news-doc-fr.html
+++ b/templates/news/news-doc-fr.html
@@ -3,7 +3,7 @@
 description: Documentation et exemple pratique des pages de nouvelles.
 language: fr
 altLangPage: news-doc-en.html
-dateModified: 2024-09-13
+dateModified: 2024-12-19
 share: true
 ---
 
@@ -15,26 +15,29 @@
 	<dt>Type</dt>
 	<dd>Gabarit de Canada.ca</dd>
 	<dt>Dernière revue</dt>
-	<dd>2024-09-13</dd>
+	<dd>2024-12-19</dd>
 	<dt>Est conforme à</dt>
 	<dd>Spécifications du contenu et de l'architecture de l'information 3.0</dd>
 	<dt>Spécification</dt>
 	<dd><a href="https://conception.canada.ca/modeles-obligatoire/pages-nouvelles.html">Pages de profil des ministres - Modèle obligatoire de Canada.ca</a></dd>
 	<dt>Version du gabarit</dt>
-	<dd>Version 3.0</dd>
+	<dd>Version 4.0</dd>
 	<dt>Instances disponibles</dt>
 	<dd><a href="https://www.canada.ca/fr/nouvelles.html">https://www.canada.ca/fr/nouvelles.html</a></dd>
 	<dd><a href="https://www.canada.ca/en/news.html">https://www.canada.ca/en/news.html</a></dd>
 </dl>
 
-<h2>Exemples pratiques</h2>
-<ul>
-	<li><a href="news-fr.html">Gabarit de la page d'accueil des nouvelles - Version 3.0</a></li>
-	<li><a href="news-en.html" lang="en">News landing page template - Version 3.0</a></li>
-</ul>
+<h2>Exemple pratique</h2>
+<p><a href="news-fr.html">Gabarit de la page d'accueil des nouvelles - Version 4.0</a></p>
 
 <h2>Liste des modifications</h2>
 <ul>
+	<li>Version 4.0&nbsp;:
+		<ul>
+			<li>Modification du paragraphe au-dessus des nouvelles.</li>
+			<li>Modification du paragraphe sous des nouvelles.</li>
+		</ul>
+	</li>
 	<li>Version 3.0&nbsp;:
 		<ul>
 			<li>Suppression de la section des promotions au haut de la page.</li>
@@ -47,36 +50,31 @@ <h2>Liste des modifications</h2>
 
 <h2>Version précédente</h2>
 <dl>
-	<dt>Version 2.0</dt>
-	<dd><a href="deprecated/news_v2-fr.html">Gabarit de la page d'accueil des nouvelles - Version 2.0</a></dd>
+	<dt>Version 3.0</dt>
+	<dd><a href="deprecated/news_v3-fr.html">Gabarit de la page d'accueil des nouvelles - Version 3.0</a></dd>
 </dl>
 
-<h2>Transition de la version 2.0 à la version 3.0</h2>
+<h2>Transition de la version 3.0 à la version 4.0</h2>
 <ul>
-	<li>Promotions&nbsp;:
-		<ul>
-			<li>Supprimez la section des promotions en haut de la page.</li>
-			<li>Ajoutez le texte d'introduction à gauche de la section « Suivez » et remplacez la classe <code>pull-right</code> par <code>text-sm-right</code> sur le <code>&lt;div></code> qui entoure la section « Suivez ». Voir l'exemple pratique pour le code HTML.</li>
-		</ul>
+	<li>
+		Modifier le paragraphe au-dessus des nouvelles de&nbsp;:<br>
+		<pre><code>&lt;p>Pour accéder à tous les articles, visitez la &lt;a href="https://www.canada.ca/fr/nouvelles/recherche-avancee-de-nouvelles/resultats-de-nouvelles.html">page de recherche avancée&lt;/a>.&lt;/p></code></pre>
+		à&nbsp;:<br>
+		<pre><code>&lt;p class="nojs-hide">&lt;a href="https://www.canada.ca/fr/nouvelles/recherche-avancee-de-nouvelles.html">Effectuer une recherche avancée&lt;/a>&lt;/p></code></pre>
 	</li>
-</ul>
-
-<ul>
-	<li>En vedette&nbsp;:
-		<ul>
-			<li>Ajoutez l'attribut <code>data-wb-randomize='{ "toggle": "hide" }'</code> à chaque élément <code>&lt;div class="col-lg-4 col-sm-6 hght-inhrt"></code> enveloppant les groupes de fonctionnalités.</li>
-			<li>Modifiez la balise HTML des fonctionnalités de <code>&lt;div></code> à <code>&lt;section></code></li>
-			<li>Ajoutez la classe <code>hide</code> aux éléments <code>&lt;section class="well well-sm eqht-trgt"></code> (éléments de fonctionnalité).</li>
-			<li>Au-dessus de l'élément <code>&lt;div></code> nouvellement créé, ajoutez un <code>&lt;ul class="nojs-show"></code> avec une liste des liens vers toutes les promotions contenues dans l'élément <code>&lt;div></code>. Cette étape est nécessaire pour les utilisateurs de la version HTML de base.</li>
-		</ul>
+	<li>
+		Modifier le paragraphe sous les nouvelles de&nbsp;:<br>
+		<pre><code>&lt;p>Pour accéder à tous les articles, visitez la &lt;a href="https://www.canada.ca/fr/nouvelles/recherche-avancee-de-nouvelles/resultats-de-nouvelles.html">page de recherche avancée&lt;/a>.&lt;/p></code></pre>
+		à&nbsp;:<br>
+		<pre><code>&lt;p class="text-center">&lt;a href="https://www.canada.ca/fr/nouvelles/recherche-avancee-de-nouvelles/resultats-de-nouvelles.html">Accéder à tous les articles&lt;/a>&lt;/p></code></pre>
 	</li>
-</ul>
-
-<ul>
-	<li>Articles de nouvelles&nbsp;:
-		<ul>
-			<li>Mettez à jour le lien de recherche avancée vers ce qui suit&nbsp;: <code>https://www.canada.ca/fr/nouvelles/recherche-avancée-nouvelles/resultats-nouvelles.html</code></li>
-		</ul>
+	<li>Ajoutez le bloc suivant juste après le premier paragraphe (avant le tableau des produits d’actualité)&nbsp;:
+		<pre><code>&lt;div class="nojs-show">&lt;p>Les articles ne sont pas disponibles en version HTML simplifiée. Vous pouvez soit&nbsp;:&lt;/p>
+			&lt;ul>
+				&lt;li>&lt;a href="https://www.canada.ca/fr/nouvelles/recherche-avancee-de-nouvelles.html">Effectuer une recherche avancée&lt;/a> ou&lt;/li>
+				&lt;li>&lt;a href="https://www.canada.ca/fr/nouvelles/recherche-avancee-de-nouvelles/resultats-de-nouvelles.html">Accéder à tous les articles&lt;/a>&lt;/li>
+			&lt;/ul>
+		&lt;/div></code></pre>
 	</li>
 </ul>
 
diff --git a/templates/news/news-en.html b/templates/news/news-en.html
index 79d097018..f2d869ee9 100644
--- a/templates/news/news-en.html
+++ b/templates/news/news-en.html
@@ -4,7 +4,7 @@
 	"language": "en",
 	"altLangPage": "news-fr.html",
 	"secondlevel": false,
-	"dateModified": "2024-09-13",
+	"dateModified": "2024-12-19",
 	"share": "true",
 	"pageType": "news"
 }
@@ -410,7 +410,13 @@ <h2 class="h4">Resources</h2>
 		</section>
 	</div>
 	<div class="col-md-9">
-		<p>To access all articles, please visit the <a href="https://www.canada.ca/en/news/advanced-news-search/news-results.html">advanced search</a>.</p>
+		<p class="nojs-hide"><a href="https://www.canada.ca/en/news/advanced-news-search.html">Perform an advanced search</a></p>
+		<div class="nojs-show"><p>News products are not available in basic HTML view. You can either:</p>
+			<ul>
+				<li><a href="https://www.canada.ca/en/news/advanced-news-search/news-results.html">Access all news products</a> or</li>
+				<li><a href="https://www.canada.ca/en/news/advanced-news-search.html">Perform an advanced search</a></li>
+			</ul>
+		</div>
 
 		<section class="mrgn-tp-xl">
 			<h2 class="wb-inv">Search results</h2>
@@ -443,8 +449,7 @@ <h2 class="wb-inv">Search results</h2>
 				</tr>
 				</thead>
 			</table>
+			<p class="text-center nojs-hide"><a href="https://www.canada.ca/en/news/advanced-news-search/news-results.html">Access all news products</a>.</p>
 		</section>
-
-		<p>To access all articles, please visit the <a href="https://www.canada.ca/en/news/advanced-news-search/news-results.html">advanced search</a>.</p>
 	</div>
 </div>
diff --git a/templates/news/news-fr.html b/templates/news/news-fr.html
index 43ae3d658..720d11cd6 100644
--- a/templates/news/news-fr.html
+++ b/templates/news/news-fr.html
@@ -4,7 +4,7 @@
 	"language": "fr",
 	"altLangPage": "news-en.html",
 	"secondlevel": false,
-	"dateModified": "2024-09-13",
+	"dateModified": "2024-12-19",
 	"share": "true",
 	"pageType": "news"
 }
@@ -410,7 +410,13 @@ <h2>Ressources</h2>
 		</section>
 	</div>
 	<div class="col-md-9">
-		<p>Pour accéder&nbsp;à tous les&nbsp;articles, visitez la <a href="https://www.canada.ca/fr/nouvelles/recherche-avancee-de-nouvelles/resultats-de-nouvelles.html">page de recherche avancée</a>.</p>
+		<p class="nojs-hide"><a href="https://www.canada.ca/fr/nouvelles/recherche-avancee-de-nouvelles.html">Effectuer une recherche avancée</a></p>
+		<div class="nojs-show"><p>Les articles ne sont pas disponibles en version HTML simplifiée. Vous pouvez soit&nbsp;:</p>
+			<ul>
+				<li><a href="https://www.canada.ca/fr/nouvelles/recherche-avancee-de-nouvelles.html">Effectuer une recherche avancée</a> ou</li>
+				<li><a href="https://www.canada.ca/fr/nouvelles/recherche-avancee-de-nouvelles/resultats-de-nouvelles.html">Accéder à tous les articles</a></li>
+			</ul>
+		</div>
 
 		<section class="mrgn-tp-xl">
 			<h2 class="wb-inv">Search results</h2>
@@ -443,8 +449,7 @@ <h2 class="wb-inv">Search results</h2>
 				</tr>
 				</thead>
 			</table>
+			<p class="text-center nojs-hide"><a href="https://www.canada.ca/fr/nouvelles/recherche-avancee-de-nouvelles/resultats-de-nouvelles.html">Accéder à tous les articles</a></p>
 		</section>
-
-		<p>Pour accéder&nbsp;à tous les&nbsp;articles, visitez la <a href="https://www.canada.ca/fr/nouvelles/recherche-avancee-de-nouvelles/resultats-de-nouvelles.html">page de recherche avancée</a>.</p>
 	</div>
 </div>