Used TagHelper instead of Razor to render partial view

src/Web/WebMVC/Views/Campaigns/Details.cshtml

@@ -1,5 +1,9 @@
 @{
 	ViewData["Title"] = "Campaign details";
+	var headers = new List<Header>{
+		new Header { Controller = "Campaigns", Text = "Back to Campaigns" },
+		new Header { Controller = "Catalog", Text = "Back to catalog" }
+	};
 	@model CampaignItem
 }
 <section class="esh-campaigns-hero">
@@ -8,9 +12,7 @@
 	</div>
 </section>
 
-@Html.Partial("_Header", new List<Header>() {
+<partial name="_Header" model="headers" />
-            new Header() { Controller = "Catalog", Text = "Back to catalog" },
-        new Header() { Controller = "Campaigns", Text = "Back to Campaigns" } })
 
 <div class="container">
 	<div class="card esh-campaigns-items">

src/Web/WebMVC/Views/Campaigns/Index.cshtml

@@ -1,6 +1,8 @@
 @{
 	ViewData["Title"] = "Campaigns";
-@model WebMVC.ViewModels.CampaignViewModel
+	@model WebMVC.ViewModels.CampaignViewModel
+	var headers = new List<Header>() {
+new Header() { Controller = "Catalog", Text = "Back to catalog" } };
 }
 
 <section class="esh-campaigns-hero">
@@ -9,8 +11,7 @@
 	</div>
 </section>
 
-@Html.Partial("_Header", new List<Header>() {
+<partial name="_Header" model="headers" />
-    new Header() { Controller = "Catalog", Text = "Back to catalog" } })
 
 <div class="container">
 	<br />
@@ -48,18 +49,20 @@
 		</div>
 	</div>
 	<br />
-        @if (Model != null && Model.CampaignItems !=null && Model.CampaignItems.Any())
+	@if (Model != null && Model.CampaignItems != null && Model.CampaignItems.Any())
 	{
 		<div class="card-group esh-campaigns-items row">
 			@foreach (var catalogItem in Model.CampaignItems)
 			{
 				<div class="esh-campaigns-item col-md-4">
-                        @Html.Partial("_campaign", catalogItem)
+					@*@Html.Partial("_campaign", catalogItem)*@
+					<partial name="_campaign" model="catalogItem" />
 				</div>
 			}
 		</div>
 
-            @Html.Partial("_pagination", Model.PaginationInfo)
+		@*@Html.Partial("_pagination", Model.PaginationInfo)*@
+		<partial name="_pagination" model="Model.PaginationInfo" />
 	}
 	else
 	{

src/Web/WebMVC/Views/Cart/Index.cshtml

@@ -6,13 +6,13 @@
 
 @{
 	ViewData["Title"] = "My Cart";
+	var headers = new List<Header>() {
+		    new Header() { Controller = "Catalog", Text = "Back to catalog" } };
 }
 
 <form method="post" id="cartForm">
 	<div class="esh-basket">
-        @Html.Partial("_Header", new List<Header>() {
+		<partial name="_header" model="headers" />
-            new Header() { Controller = "Catalog", Text = "Back to catalog" } })
-
 		@await Component.InvokeAsync("CartList", new { user = UserManager.Parse(User) })
 	</div>
 </form>

src/Web/WebMVC/Views/Catalog/Index.cshtml

@@ -25,7 +25,7 @@
 <div class="container">
 	<div class="row">
 		<br />
-        @if(ViewBag.BasketInoperativeMsg != null)
+		@if (ViewBag.BasketInoperativeMsg != null)
 		{
 			<div class="alert alert-warning" role="alert">
 				&nbsp;@ViewBag.BasketInoperativeMsg
@@ -35,18 +35,18 @@
 
 	@if (Model.CatalogItems.Count() > 0)
 	{
-        @Html.Partial("_pagination", Model.PaginationInfo)
+		<partial name="_pagination" model="Model.PaginationInfo" />
 
 		<div class="esh-catalog-items row">
 			@foreach (var catalogItem in Model.CatalogItems)
 			{
 				<div class="esh-catalog-item col-md-4">
-                    @Html.Partial("_product", catalogItem)
+					<partial name="_product" , model="catalogItem" />
 				</div>
 			}
 		</div>
 
-        @Html.Partial("_pagination", Model.PaginationInfo)
+		<partial name="_pagination" model="Model.PaginationInfo" />
 	}
 	else
 	{

src/Web/WebMVC/Views/Order/Create.cshtml

@@ -4,15 +4,17 @@
 
 @{
 	ViewData["Title"] = "New Order";
+	var header = new Header { Controller = "Cart", Text = "Back to cart" };
 }
 
-@Html.Partial("_Header", new List<Header>() {
+<partial name="_header" model="new List<Header> { header  }" />
-        new Header() { Controller = "Cart", Text = "Back to cart" } })
+
 <div class="container">
 	<form method="post" asp-controller="Order" asp-action="Checkout">
 		<section class="esh-orders_new-section">
 			<div class="row">
-                @foreach (var error in ViewData.ModelState.Values.SelectMany(err => err.Errors)) {
+				@foreach (var error in ViewData.ModelState.Values.SelectMany(err => err.Errors))
+				{
 					<div class="alert alert-warning" role="alert">
 						&nbsp;@error.ErrorMessage
 					</div>
@@ -23,28 +25,28 @@
 				<div class="col-md-6">
 					<div class="form-group">
 						<label asp-for="Street" class="esh-orders_new-title">Address</label>
-                        <input asp-for="Street" class="form-control form-input" type="text" placeholder="Street"/>
+						<input asp-for="Street" class="form-control form-input" type="text" placeholder="Street" />
 						<span asp-validation-for="Street" class="alert alert-danger" />
 					</div>
 				</div>
 				<div class="col-md-6">
 					<div class="form-group">
 						<label asp-for="City" class="esh-orders_new-title">City</label>
-                        <input asp-for="City" class="form-control form-input" type="text" placeholder="City"/>
+						<input asp-for="City" class="form-control form-input" type="text" placeholder="City" />
 						<span asp-validation-for="City" class="alert alert-danger" />
 					</div>
 				</div>
 				<div class="col-md-6">
 					<div class="form-group">
 						<label asp-for="State" class="esh-orders_new-title">State</label>
-                        <input asp-for="State" class="form-control form-input" type="text" placeholder="State"/>
+						<input asp-for="State" class="form-control form-input" type="text" placeholder="State" />
 						<span asp-validation-for="State" class="alert alert-danger" />
 					</div>
 				</div>
 				<div class="col-md-6">
 					<div class="form-group">
 						<label asp-for="Country" class="esh-orders_new-title">Country</label>
-                        <input asp-for="Country" class="form-control form-input" type="text" placeholder="Country"/>
+						<input asp-for="Country" class="form-control form-input" type="text" placeholder="Country" />
 						<span asp-validation-for="Country" class="alert alert-danger" />
 					</div>
 				</div>
@@ -56,35 +58,35 @@
 				<div class="col-md-6">
 					<div class="form-group">
 						<label asp-for="CardNumber" class="esh-orders_new-title">Card number</label>
-                        <input asp-for="CardNumber" class="form-control form-input" type="text" placeholder="000000000000000"/>
+						<input asp-for="CardNumber" class="form-control form-input" type="text" placeholder="000000000000000" />
 						<span asp-validation-for="CardNumber" class="alert alert-danger" />
 					</div>
 				</div>
 				<div class="col-md-6">
 					<div class="form-group">
 						<label asp-for="CardHolderName" class="esh-orders_new-title">Cardholder name</label>
-                        <input asp-for="CardHolderName" class="form-control form-input" type="text" placeholder="Cardholder"/>
+						<input asp-for="CardHolderName" class="form-control form-input" type="text" placeholder="Cardholder" />
 						<span asp-validation-for="CardHolderName" class="alert alert-danger" />
 					</div>
 				</div>
 				<div class="col-md-6">
 					<div class="form-group">
 						<label asp-for="CardExpirationShort" class="esh-orders_new-title">Expiration date</label>
-                        <input asp-for="CardExpirationShort" class="form-control form-input form-input-medium" type="text" placeholder="MM/YY"/>
+						<input asp-for="CardExpirationShort" class="form-control form-input form-input-medium" type="text" placeholder="MM/YY" />
 						<span asp-validation-for="CardExpirationShort" class="alert alert-danger" />
 					</div>
 				</div>
 				<div class="col-md-6">
 					<div class="form-group">
 						<label asp-for="CardSecurityNumber" class="esh-orders_new-title">Security code</label>
-                        <input asp-for="CardSecurityNumber" class="form-control form-input form-input-small" type="text" placeholder="000"/>
+						<input asp-for="CardSecurityNumber" class="form-control form-input form-input-small" type="text" placeholder="000" />
 						<span asp-validation-for="CardSecurityNumber" class="alert alert-danger" />
 					</div>
 				</div>
 			</div>
 		</section>
 
-        @await Html.PartialAsync("_OrderItems")
+		<partial name="_OrderItems" />
 
 		<section class="esh-orders_new-section">
 			<div class="form-group">
@@ -96,10 +98,10 @@
 			</div>
 		</section>
 		<input asp-for="ZipCode" type="hidden" />
-        <input asp-for="RequestId" type="hidden" value="@Guid.NewGuid().ToString()"/>
+		<input asp-for="RequestId" type="hidden" value="@Guid.NewGuid().ToString()" />
 	</form>
 </div>
 
 @section Scripts {
-    @{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
+	<partial name="_ValidationScriptsPartial" />
 }

src/Web/WebMVC/Views/Order/Detail.cshtml

@@ -4,11 +4,12 @@
 
 @{
 	ViewData["Title"] = "Order Detail";
+	var headers = new List<Header>() {
+		new Header() { Controller = "Catalog", Text = "Back to catalog" } };
 }
 
 <div class="esh-orders_detail">
-    @Html.Partial("_Header", new List<Header>() {
+	<partial name="_Header" model="headers" />
-        new Header() { Controller = "Catalog", Text = "Back to catalog" } })
 
 	<div class="container">
 		<section class="esh-orders_detail-section">

src/Web/WebMVC/Views/Order/Index.cshtml

@@ -4,13 +4,15 @@
 
 @{
 	ViewData["Title"] = "My Orders";
+	var headers = new List<Header>() {
+new Header() { Controller = "Catalog", Text = "Back to catalog" },
+new Header() { Text = " / " },
+new Header() { Controller = "OrderManagement", Text = "Orders Management" }
+};
 }
 
 <div class="esh-orders">
-    @Html.Partial("_Header", new List<Header>() {
+	<partial name="_Header" model="headers" />
-new Header() { Controller = "Catalog", Text = "Back to catalog" },
-new Header() { Text = " / " },
-new Header() { Controller = "OrderManagement", Text = "Orders Management" } })
 
 	<div class="container">
 		<article class="esh-orders-titles row">

src/Web/WebMVC/Views/OrderManagement/Index.cshtml

@@ -4,11 +4,12 @@
 
 @{
 	ViewData["Title"] = "My Orders";
+	var headers = new List<Header>() {
+	    new Header { Controller = " Catalog", Text="Back to catalog" } };
 }
 
 <div class="esh-orders">
-    @Html.Partial("_Header", new List<Header>() {
+	<partial name="_Header" model="headers" />
-            new Header() { Controller = "Catalog", Text = "Back to catalog" } })
 
 	<div class="container">
 		<article class="esh-orders-titles row">