code blocks

Author: subash-sf

README.md

@@ -8,38 +8,37 @@ This guide details the initial setup and basic usage of the [SfMarkdownViewer]()
 2. Add an [SfMarkdownViewer]() instance to your page.
 3. To display Markdown content, assign a string to the `Source` property of the SfMarkdownViewer control. This string can contain standard Markdown syntax such as headings, bold text, lists, and images.
 
-{% tabs %} 
-{% highlight xaml %}
+#### XAML
 
+```xaml
     <markdown:SfMarkdownViewer>
         <markdown:SfMarkdownViewer.Source>
             <x:String>
                 <![CDATA[
-    # What is Markdown Viewer?  
-    Markdown View is a UI control in .NET MAUI that allows developers to render Markdown content with full formatting support. It is designed to work efficiently across both mobile and desktop platforms. The viewer supports headings, bold and italic text, lists, tables, images, code blocks, etc.
+# What is Markdown Viewer?  
+Markdown View is a UI control in .NET MAUI that allows developers to render Markdown content with full formatting support. It is designed to work efficiently across both mobile and desktop platforms. The viewer supports headings, bold and italic text, lists, tables, images, code blocks, etc.
 
-    # Header 1  
-    Used for the main title or top-level heading in a Markdown document. 
+# Header 1  
+Used for the main title or top-level heading in a Markdown document. 
 
-    ## Header 2  
-    Used to define major sections within your Markdown content.
+## Header 2  
+Used to define major sections within your Markdown content.
 
-    ## Table 
+## Table 
 
-    |              | Column 1 | Column 2 | Column 3 |
-    |--------------|----------|----------|----------|
-    | Row 1        | Content  | Content  | Content  |
-    | Row 2        | Content  | Content  | Content  |
-    | Row 3        | Content  | Content  | Content  |
+|              | Column 1 | Column 2 | Column 3 |
+|--------------|----------|----------|----------|
+| Row 1        | Content  | Content  | Content  |
+| Row 2        | Content  | Content  | Content  |
+| Row 3        | Content  | Content  | Content  |
                 ]]>
             </x:String>
         </markdown:SfMarkdownViewer.Source>
     </markdown:SfMarkdownViewer>
+```
+#### C#
 
-{% endhighlight %}
-
-{% highlight C# %}
-
+```C#
     public partial class MainPage : ContentPage
     {
             private const string markdownContent = @"# What is Markdown Viewer?  
@@ -67,9 +66,7 @@ This guide details the initial setup and basic usage of the [SfMarkdownViewer]()
             Content = markdownViewer;       
         }
     }  
-
-{% endhighlight %}
-{% endtabs %}
+```
 
 ## Output
 [Output]