Make AMP Fest 2020 content i18n ready

Author: zaibamachhaliya

pages/content/amp-dev/events/amp-fest-2020.html

@@ -20,24 +20,26 @@
       <div class="ap--container-fluid">
         <div class="ap-o-stage-content">
           <amp-img class="logo" alt="AMP Fest" src="/static/img/amp-fest/logo.png" layout="intrinsic" width="800px" height="177px"></amp-img>
-            <h1>Rewatch the talks</h1>
+             <h1>{{_('Rewatch the talks')}}</h1>
         </div>
       </div>
     </div>
 </section>
 
 <section class="ap--container">
   <div class="ap--content-default">
-    <p>Thank you to everyone who joined us during the premiere of AMP Fest! From AMP and page experience, to Web Stories and WordPress, we shared a ton of exciting news during the event. And we learned from developers around the world who are using AMP to help succeed on the web.</p>
-    <p>If you weren’t able to catch it live, check out all the awesome talks from our event below.</p>
+     <p>{{_('Thank you to everyone who joined us during the premiere of AMP Fest! From AMP and page experience, to Web Stories and WordPress, we shared a ton of exciting news during the event. And we learned from developers around the world who are using AMP to help succeed on the web.')}}</p>
+     <p>{{_('If you weren’t able to catch it live, check out all the awesome talks from our event below.')}}</p>
   </div>
 </section>
 
+
+
 {% do doc.styles.addCssFile('/css/components/organisms/video-slider.css') %}
 <section class="ap--container">
   <div class="ap--content-x-wide">
-    <h1>Featured Talks</h1>
-    <h2 class="ap-o-video-slider-text">Keynote</h2>
+     <h1>{{_('Featured Talks')}}</h1>
+    <h2 class="ap-o-video-slider-text">{{_('Keynote')}}</h2>
     <amp-youtube data-videoid="FsvY5p3YDJ8"
       width="391"
       height="220"
@@ -46,9 +48,10 @@ <h2 class="ap-o-video-slider-text">Keynote</h2>
   </div>
 </section>
 
+
 <section class="ap--container">
   <div class="ap--content-x-wide">
-    <h2 class="ap-o-video-slider-text">AMP for websites</h2>
+    <h2 class="ap-o-video-slider-text">{{_('AMP for websites')}}</h2>
     {% with %}
     {% set youtube_video_ids = [
       'x7vPl0BjdDA',
@@ -65,7 +68,7 @@ <h2 class="ap-o-video-slider-text">AMP for websites</h2>
 
 <section class="ap--container">
   <div class="ap--content-x-wide">
-    <h2 class="ap-o-video-slider-text">Industry experts and AMP success stories</h2>
+    <h2 class="ap-o-video-slider-text">{{_('Industry experts and AMP success stories')}}</h2>
     {% with %}
     {% set youtube_video_ids = [
       '-m4E50kJnfM',
@@ -82,7 +85,7 @@ <h2 class="ap-o-video-slider-text">Industry experts and AMP success stories</h2>
 
 <section class="ap--container">
   <div class="ap--content-x-wide">
-    <h2 class="ap-o-video-slider-text">Web Stories</h2>
+    <h2 class="ap-o-video-slider-text">{{_('Web Stories')}}</h2>
     {% with %}
     {% set youtube_video_ids = [
       '-Dc6vj97jLM',
@@ -96,7 +99,7 @@ <h2 class="ap-o-video-slider-text">Web Stories</h2>
 
 <section class="ap--container">
   <div class="ap--content-x-wide">
-    <h2 class="ap-o-video-slider-text">AMP for Email</h2>
+    <h2 class="ap-o-video-slider-text">{{_('AMP for Email')}}</h2>
     {% with %}
     {% set youtube_video_ids = [
       'rhZIDT3ydKQ',
@@ -106,4 +109,4 @@ <h2 class="ap-o-video-slider-text">AMP for Email</h2>
     {% include '/views/partials/video-carousel.j2' %}
     {% endwith %}
   </div>
-</section>
+</section>