chore: update info page

examples-standalone/coffee-warehouse/src/app/components/info/info.component.html

@@ -3,46 +3,49 @@
         <div class="section-1">
             <h1>Kendo UI for Angular</h1>
             <h2>Build Professional-Grade Angular UI</h2>
-
-            <a
-                class="github-link"
-                target="_blank"
-                href="https://github.com/telerik/kendo-angular/tree/master/examples-standalone/coffee-warehouse"
-            >
-                <img src="assets/github-icon.svg" alt="github icon" />
-                <span class="github-text">
-                    {{ customMsgService.translate('getSource') }}
-                </span>
-            </a>
-        </div>
-
-        <div class="section-2">
             <p>Progress is the leading provider of application development and digital experience technologies. Telerik and Kendo UI are part of Progress product portfolio.<br/>
                 Kendo UI for Angular delivers Kendo UI components natively developed from the ground up and intended for the Angular framework.</p>
 
+        <div class="section-2">
+            <video width="1040" controls autoplay>
+                <source src="./../assets/Progress_Who_We_Are.mp4" type="video/mp4">
+            </video>
+
+
                <h2> Angular Accessibility Overview </h2>
 <p>Websites and applications are accessible when they provide full control over their features by enabling users with disabilities to access their content through assistive technologies or keyboard navigation.
 Accessibility consists of the following aspects: </p>
 <ul> 
-    <li>WCAG, Section 508, and WAI-ARIA Standards</li>
-    <li>Keyboard Navigation</li>
-    <li>Globalization</li>
+    <li><a target="_blank" href="https://www.telerik.com/kendo-angular-ui/components/accessibility/wcag-section508-wai-aria">WCAG, Section 508, and WAI-ARIA Standards</a></li>
+    <li><a target="_blank" href="https://www.telerik.com/kendo-angular-ui/components/accessibility/accessibility-compliance">Keyboard Navigation</a></li>
+    <li><a target="_blank" href="https://www.telerik.com/kendo-angular-ui/components/globalization/globalization-support">Globalization</a></li>
 </ul>
 
 <h2>Accessibility Compliance</h2>
 <p>The accessibility support available for the Kendo UI for Angular components is based on a set of approaches for adhering to and implementing the established standards and technical specifications ensuring the seamless experience of users with disabilities.</p>
 <h2>Accessibility Approaches in Kendo UI for Angular</h2>
 <p>The following list summarizes how the Kendo UI for Angular team approaches accessibility when developing the component library:</p>
 <ul>
-    <li>When implementing a Kendo UI for Angular component, the team follows the WAI-ARIA specification to ensure that the right foundation for the accessibility of the component is laid.</li>
+    <li>When implementing a Kendo UI for Angular component, the team follows the <a target="_blank" href="https://www.w3.org/WAI/standards-guidelines/aria/">WAI-ARIA</a> specification to ensure that the right foundation for the accessibility of the component is laid.</li>
     <li> From there, to guarantee accessible and semantically correct rendering, the team employs both multiple automated tests and unit tests across the Kendo UI for Angular library.</li>
-    <li> The team also ensures the proper usage of WAI-ARIA attributes and localized messages for labels, titles, and other elements.</li>
+    <li> The team also ensures the proper usage of <a target="_blank" href="https://www.w3.org/WAI/standards-guidelines/aria/">WAI-ARIA</a> attributes and localized messages for labels, titles, and other elements.</li>
     <li>Additionally, each component also goes through manual testing, which covers its usage with various screen readers and other accessibility aspects such as keyboard navigation.</li>
 </ul>
 
 <p>The team sometimes runs into scenarios not covered by the WAI-ARIA specifications. In those cases, the team taps into the web development accessibility know-how of the rest of the Progress organization. This includes feedback from accessibility-minded users and the team's expertise based on 10+ years of creating web component libraries. The knowledge-sharing across internal teams and clients helps ensure that Kendo UI for Angular can reach a certain level of accessibility compliance even with its most advanced components.</p>
 <h2>Components Used</h2>   
-<p>This demo application is built using the following Kendo UI for Angular components.</p>     
+<p>This demo application is available in GitHub and is built using the following Kendo UI for Angular components.</p>   
+<a
+class="github-link"
+target="_blank"
+href="https://github.com/telerik/kendo-angular/tree/master/examples-standalone/coffee-warehouse"
+>
+<img src="./../assets/github-icon.svg" alt="github icon" />
+<span class="github-text">
+    {{ customMsgService.translate('getSource') }}
+</span>
+</a>
+</div>  
 </div>
 
         <div class="section-3">

examples-standalone/coffee-warehouse/src/styles/_common.scss

@@ -5,12 +5,17 @@ h2,
 h3 {
     margin: 0;
     padding: 0;
+    color: var(--kendo-color-on-app-surface);
 }
 
 body{
-    background-color: var(--kendo-color-surface-alt)
+    background-color: var(--kendo-color-surface-alt);
 };
 
+p {
+    color: var(--kendo-color-on-app-surface);
+}
+
 a {
     text-decoration: none;
 }