diff --git a/Blazor DateRangePicker-GitHub.md b/Blazor DateRangePicker-GitHub.md
deleted file mode 100644
index 697d62b..0000000
--- a/Blazor DateRangePicker-GitHub.md
+++ /dev/null
@@ -1,67 +0,0 @@
-The [Blazor DateRangePicker](https://www.syncfusion.com/blazor-components/blazor-daterangepicker?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples) is a lightweight and mobile-friendly component that allows end users to select start and end dates as a range from a calendar pop-up or by entering the value directly in an HTML input text box.
-
-## Features and benefits
-
-### Predefined set of date ranges
-
-Define the preset of ranges (like last 30 days or last week) to set date ranges frequently used by the end users.
-
-### Format date
-
-The Blazor DateRangePicker control formats the value displayed in the input. Formatting displays the date or number based on a specific culture or user need.
-
-### DateRangePicker with multiple language
-
-Globalization translates the names of months, days, and the today button text to any supported language. The date format and first day of the week are set to specific cultures.
-
-### Limit the date selection range
-
-Easily limit selection to a date range with specific minimum and maximum numbers of days (span of days) by setting the min and max days options.
-Date selection within a range
-Enter or select a value within a specific range of dates by defining the min and max properties.
-
-### Date-range validation
-
-The Blazor Date Range Picker allows display of date ranges. When the date value is out of this range, validation error is triggered. . The invalid and out-of-date-range values are set in a disabled state to prevent users from entering them or selecting them.
-
-### Customize DateRangePicker
-
-The appearance of the component can be completely changed. Customize the application’s look and feel according to the requirement.
-
-### Week number
-
-Show the week numbers in the pop-up calendar.
-
-### First day of week
-
-Change the first day of the week for every month.
-
-### Built-in themes
-
-The Blazor DateRangePicker supports several built-in themes such as material, bootstrap, fabric (Office 365), and high contrast.
-
-## Related Links
-
-[Learn about more Blazor DateRangePicker](https://www.syncfusion.com/blazor-components/blazor-daterangepicker?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples)
-[Suggest a feature](https://www.syncfusion.com/feedback/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples)
-
-## About Syncfusion Blazor Components
-
-Syncfusion's Blazor component library offers over 70 UI components to work with Blazor server-side and client-side (Blazor WebAssembly) projects seamlessly. In addition to TreeView, we provide popular Blazor components such as [DataGrid](https://www.syncfusion.com/blazor-components/blazor-datagrid?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples), [Charts](https://www.syncfusion.com/blazor-components/blazor-charts?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples), [Scheduler](https://www.syncfusion.com/blazor-components/blazor-scheduler?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples), [Diagram](https://www.syncfusion.com/blazor-components/blazor-diagram?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples), and [Word Processor](https://www.syncfusion.com/blazor-components/blazor-word-processor?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples).
-
-## About Syncfusion
-
-Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 23,000+ customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.
-
-Today, we provide 1600+ controls and frameworks for web ([ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples), [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples), [ASP.NET Web Forms](https://www.syncfusion.com/jquery/aspnet-webforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples), [Angular](https://www.syncfusion.com/angular-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples), [React](https://www.syncfusion.com/react-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples) or [Vue](https://www.syncfusion.com/vue-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples) and [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples)), mobile ([Xamarin](https://www.syncfusion.com/xamarin-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples) and [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples)), and desktop development ([Windows Forms](https://www.syncfusion.com/winforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples), [WPF](https://www.syncfusion.com/wpf-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples), [WinUI(Preview)](https://www.syncfusion.com/winui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples) & [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples)). We provide ready-to-deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software.
-
-
-
-
\ No newline at end of file
diff --git a/Pages/_Host.cshtml b/Pages/_Host.cshtml
index 14297c5..a815e7b 100644
--- a/Pages/_Host.cshtml
+++ b/Pages/_Host.cshtml
@@ -10,7 +10,7 @@
- Getting Started with Blazor DateRangePicker | Syncfusion Blazor
+ dropdown-list
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..a7949fb
--- /dev/null
+++ b/README.md
@@ -0,0 +1,20 @@
+# Add a Blazor Dropdown List to a Blazor Server App
+
+A Blazor Server App that helps you to learn how easily you can create and configure the basic features of Syncfusion Blazor Dropdown List. You will learn how to add Syncfusion Blazor Dropdown List to a Blazor Server application. You will see how to populate it with JSON data and remote data sources. You will also learn how to sort the data source, and how to set a custom height and width for the Dropdown List pop-up.
+
+Example: https://blazor.syncfusion.com/demos/DropDownList/DefaultFunctionalities
+
+Documentation: https://ej2.syncfusion.com/blazor/documentation/dropdownlist/getting-started
+
+## Project pre-requisites
+Make sure that you have the compatible versions of Visual Studio Code and .NET Core SDK 3.1.2 in your machine before starting to work on this project.
+
+## How to run this application?
+To run this application, you need to first clone the `getting-started-with-blazor-dropdown-list` repository and then open it in Visual Studio Code. Now, open the `Integrated Terminal` in VS Code and run the following command to build and run this project.
+
+```
+dotnet watch run
+```
+
+Navigate to `http://localhost:5000/` or `http://localhost:5001/` in the browser to view the output.
+
diff --git a/Shared/NavMenu.razor b/Shared/NavMenu.razor
index ef5b300..103a4ac 100644
--- a/Shared/NavMenu.razor
+++ b/Shared/NavMenu.razor
@@ -1,5 +1,5 @@