Tweak information and structure a bit.

MayaKirova · MayaKirova · commit 07669a43e3f9 · 2025-12-01T13:36:05.000+02:00
diff --git a/doc/en/components/general-getting-started-oss.md b/doc/en/components/general-getting-started-oss.md
@@ -19,22 +19,18 @@ The open-source libraries include:
 
 ## Create a New Blazor Project
 
-Start Visual Studio 2022 and click **Create a new project** on the start page, select a Blazor template such as **Blazor Server App**, **Blazor WebAssembly App**, or **Blazor Web App**, and click **Next**.
+ - Start Visual Studio 2022 and click **Create a new project** on the start page, select a Blazor template such as **Blazor Server App**, **Blazor WebAssembly App**, or **Blazor Web App**, and click **Next**.
 
-Provide a project name and location, then click **Next**.
+- Provide a project name and location, then click **Next**.
 
-Specify additional project options and click **Create**.
+- Specify additional project options and click **Create**.
 
 ## Install IgniteUI.Blazor.Lite
 
 The IgniteUI.Blazor.Lite package contains open-source UI components delivered via NuGet.
 
 In Visual Studio, open the NuGet package manager by selecting **Tools** → **NuGet Package Manager** → **Manage NuGet Packages for Solution**. Search for and install the **IgniteUI.Blazor.Lite** NuGet package.
 
-<img src="https://img.shields.io/nuget/v/IgniteUI.Blazor.Lite?label=NuGet" alt="NuGet Version" />
-
-[View on NuGet](https://www.nuget.org/packages/IgniteUI.Blazor.Lite)
-
 Or install via the Package Manager Console:
 
 ```cmd
@@ -73,28 +69,44 @@ var app = builder.Build();
 
 3 - Add the Style Sheet in the appropriate location based on your project type:
 
-For Blazor Server Apps, add to **Pages/_Layout.cshtml** or **Pages/_Host.cshtml**:
-
 ```razor
 <head>
     <link href="_content/IgniteUI.Blazor/themes/light/bootstrap.css" rel="stylesheet" />
 </head>
 ```
 
-For Blazor WebAssembly Apps, add to **wwwroot/index.html**:
+4 - Add Script Reference:
 
 ```razor
-<head>
-    <link href="_content/IgniteUI.Blazor/themes/light/bootstrap.css" rel="stylesheet" />
-</head>
+<script src="_content/IgniteUI.Blazor/app.bundle.js"></script>
 ```
 
-4 - Add Script Reference:
+## Using the OSS Blazor Components
+
+Add an Ignite UI for Blazor component to your razor page, for example:
 
 ```razor
-<script src="_content/IgniteUI.Blazor/app.bundle.js"></script>
+<IgbCard style="width:350px">
+    <IgbCardMedia>
+        <img src="https://images.unsplash.com/photo-1541516160071-4bb0c5af65ba?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=350&q=80" />
+    </IgbCardMedia>
+    <IgbCardHeader>
+        <h4>Jane Doe</h4>
+        <h6>Professional Photographer</h6>
+    </IgbCardHeader>
+    <IgbCardContent>Hi! I'm Jane, photographer and filmmaker.
+        Photography is a way of feeling, of touching,
+        of loving. What you have caught on film is captured forever...
+        it remembers little things, long after you have
+        forgotten everything.</IgbCardContent>
+    <IgbCardActions>
+        <IgbButton>More Info</IgbButton>
+    </IgbCardActions>
+</IgbCard>
 ```
 
+For more detailed information about which components are included in the light package, see the - [Open-Source vs Premium Components](general-open-source-vs-premium.md) topic.
+
 ## Grid Lite
 
 The Grid Lite component is a lightweight, open-source data grid that provides essential features for displaying tabular data.
@@ -103,10 +115,6 @@ The Grid Lite component is a lightweight, open-source data grid that provides es
 
 In Visual Studio, open the NuGet package manager by selecting **Tools** → **NuGet Package Manager** → **Manage NuGet Packages for Solution**. Search for and install the **IgniteUI.Blazor.GridLite** NuGet package.
 
-<img src="https://img.shields.io/nuget/v/IgniteUI.Blazor.GridLite?label=NuGet" alt="NuGet Version" />
-
-[View on NuGet](https://www.nuget.org/packages/IgniteUI.Blazor.GridLite)
-
 Or install via the Package Manager Console:
 
 ```cmd
@@ -118,23 +126,23 @@ Or via .NET CLI:
 ```cmd
 dotnet add package IgniteUI.Blazor.GridLite
 ```
+### Using Grid Lite
 
-### Grid Lite Features
+1 - Add the **IgniteUI.Blazor.Controls** namespace in the **_Imports.razor** file:
 
-The Grid Lite component includes the following features:
+```razor
+@using IgniteUI.Blazor.Controls
+```
 
-- Column Filtering
-- Column Hiding
-- Column Resizing
-- Column Sorting
-- Row Virtualization
-- Accessibility Support
-- Themes and Styling
-- Column Data Types
+2 - Add the Style Sheet in the appropriate location based on your project type:
 
-### Using Grid Lite
+```razor
+<head>
+       <link href="_content/IgniteUI.Blazor.GridLite/css/themes/light/bootstrap.css" rel="stylesheet" />
+</head>
+```
 
-Add the Grid Lite component to your razor page:
+3 - Add the Grid Lite component to your razor page:
 
 ```razor
 <IgbGridLite Data="data" AutoGenerateColumns="true">
@@ -156,4 +164,3 @@ For more detailed information about Grid Lite features and configuration, see th
 
 - [Open-Source vs Premium Components](general-open-source-vs-premium.md)
 - [Grid Lite Overview](grid-lite/overview.md)
-- [GitHub Repository]({GithubLinkLite})
