Merge pull request #77092 from chrisbasoglu/patch-8

[Cog Svcs] fix top width

Author: v-dansch

articles/cognitive-services/Speech-Service/index.yml

@@ -20,20 +20,7 @@ metadata:
   ms.custom: seodec18
 
 abstract:
-  description: |
-    Learn how to use the Speech Services with REST APIs or with our Speech SDK to add speech-enabled features to your apps. 
-    You can use the Speech SDK to add the following capabilities (and more) to your apps: 
-    <div class="row" style="font-size:16px"><div class="column"><ul>
-    <li><b><a href="speech-to-text.md">speech-to-text</a></b> (speech-recognition/SR)</li>
-    <li><b><a href="speech-devices-sdk-create-kws.md">custom wake-word</a></b> (keyword-spotter/KWS)</li>
-    <li><b><a href="how-to-recognize-intents-from-speech-csharp.md">intent</a></b></li>
-    <li><b><a href="speech-translation.md">translation</a></b></li>
-    <li><b><a href="speech-container-howto.md">on-premises container</a></b></li></ul></div><div class="column"><ul>
-    <li><b><a href="text-to-speech.md">text-to-speech</a></b> (TTS)</li>
-    <li><b><a href="conversation-transcription-service.md">conversation-transcription</a></b> (CTS)</li>
-    <li><b><a href="how-to-phrase-lists.md">phrase list personalization</a>/<a href="how-to-custom-speech.md">custom speech adaptation</a></b></li>
-    <li><b><a href="voice-first-virtual-assistants.md">voice-first virtual assistant</a></b></li>
-    <li><b><a href="call-center-transcription.md">call center transcription</a></b></li></ul></div></div>
+  description: Use with our Speech SDK or with REST API.
 sections:
 - items:
     - type: list
@@ -56,10 +43,26 @@ sections:
           image:
             src: ../media/index/i_guidelines.svg
           title: Speech Devices SDK
+- title: Introduction
+  items:
+  - type: paragraph
+    text: |
+      You can use the Speech SDK to add the following capabilities (and more) to your apps&colon; 
+      <div class="row"><div class="column"><ul>
+      <li><b><a href="speech-to-text.md">speech-to-text</a></b> (speech-recognition/SR)</li>
+      <li><b><a href="speech-devices-sdk-create-kws.md">custom wake-word</a></b> (keyword-spotter/KWS)</li>
+      <li><b><a href="how-to-recognize-intents-from-speech-csharp.md">intent</a></b></li>
+      <li><b><a href="speech-translation.md">translation</a></b></li>
+      <li><b><a href="speech-container-howto.md">on-premises container</a></b></li></ul></div><div class="column"><ul>
+      <li><b><a href="text-to-speech.md">text-to-speech</a></b> (TTS)</li>
+      <li><b><a href="conversation-transcription-service.md">conversation-transcription</a></b> (CTS)</li>
+      <li><b><a href="how-to-phrase-lists.md">phrase list personalization</a>/<a href="how-to-custom-speech.md">custom speech adaptation</a></b></li>
+      <li><b><a href="voice-first-virtual-assistants.md">voice-first virtual assistant</a></b></li>
+      <li><b><a href="call-center-transcription.md">call center transcription</a></b></li></ul></div></div>
 - title: 5-Minute Quickstarts
   items:
   - type: paragraph
-    text: Learn how to download, install, and use the SDK by selecting an arrow link <img src="media/index/link.jpg" height="15" width="15"></img>.<br/><br/>All of the arrow links <img src="media/index/link.jpg" height="15" width="15"></img> default to a speech-to-text quickstart. From there, you can select other quickstarts (<a href="scenario-availability.md">where available</a>) like text-to-speech or voice-first virtual assistant. 
+    text: Learn how to download, install, and use the SDK by selecting an arrow link <img src="media/index/link.jpg" height="15" width="15"></img>.<br/>All of the arrow links <img src="media/index/link.jpg" height="15" width="15"></img> default to a speech-to-text quickstart. From there, you can select other quickstarts (<a href="scenario-availability.md">where available</a>) like text-to-speech or voice-first virtual assistant. 
   - type: table
     style: dataMatrix
     columns: