---\*-----\*-\*---\*---\*-\*-----\*-\*---\*---\*-\*-----\*------\*\*-----\*--\*---\*----\*-\*------\*-\*----\*---\*--\*-----\*\*-------\*-------\*-\*-----\*---\*---\*-----\*-\*-------\*-\*-----\*---\*---\*-----\*-\*-------\*----|
+
+## Hints and Guidelines
+
+What we know from the problem explanation is that the diamond is with size **`n` x `n`**.
+
+From the example input and output we can conclude that all rows contain exactly **`n`** symbols, and all the rows, with the exception of the top and bottom ones, have **2 stars**. We can mentally divide the diamond into 2 parts:
+* **Upper** part. It starts from the upper tip down to the middle.
+* **Lower** part. It starts from the row below the middle one and goes down to the lower tip (inclusive).
+
+### Upper Part
+
+* If **n** is an **odd** number, it starts with **1 star**.
+* If **n** is an **even** number, it starts with **2 stars**.
+* With each row down, the stars get further away from each other.
+* The space between, before and after **the stars** is filled up with **dashes**.
+
+### Lower Part
+
+* With each row down, the stars get closer to each other. This means that the space (**the dashes**) between them is getting smaller and the space (**the dashes**) on the left and on the right is getting larger.
+* The bottom-most part has 1 or 2 **stars**, depending on whether **n** is an even or odd number.
+
+#### Upper and Lower Parts of the Diamond
+
+* On each row, except the middle one, the stars are surrounded by inner and outer **dashes**.
+* On each row there is space between the two **stars**, except on the first and the last row (sometimes **the star is 1**).
+
+### Reading the Input Data
+
+We read **n** from the console and we save it in a variable of **`int`** type.
+
+
+
+### Printing the Top Part of the Diamond
+
+We start drawing the upper part of the diamond. The first thing we need to do is to calculate the number of the outer **dashes `leftRight`** (the dashes on the outer side of **the stars**). It is equal to **`(n - 1) / 2`**, rounded down.
+
+
+
+After we have calculated **`leftRight`**, we start drawing **the upper part** of the diamond. We can start by running a **loop** from **`0`** to **`n / 2 + 1`** (rounded down).
+
+At each iteration of the loop the following steps must be taken:
+* We draw on the console the left **dashes** (with length **`leftRight`**) and right after them the first **star**.
+
+
+
+* We will calculate the distance between the two **stars**. We can do this by subtracting from **n** the number of the outer **dashes**, and the number 2 (the number of **the stars**, i.e. the diamonds outline). We need to store the result of the subtraction in a variable **`mid`**.
+
+
+
+* If **`mid`** is lower than 0, we know that on the row there should be only 1 star. If it is higher or equal to 0 then we have to print **dashes** with length **`mid`** and one **star** after them.
+* We draw on the console the right outer **dashes** with length **`leftRight`**.
+
+
+
+* In the end of the loop we decrease **`leftRight`** by 1 (**the stars** are moving away from each other).
+
+We are ready with the upper part.
+
+### Printing the Bottom Part of the Diamond
+
+Printing the lower part is very similar to that of the upper part. The difference is that instead of decreasing **`leftRight`** with 1 in the end of the loop, we will increase **`leftRight`** with 1 at the beginning of the loop. Also, **the loop will be from 0 to `(n - 1) / 2`**.
+
+
+
+ |
+Repeating a code is considered bad practice, because the code becomes very hard to maintain. Let's imagine that we have a piece of code (e.g. the logic for drawing a row from the diamond) at a few more places and we decide to change it. For this we will have to go through all the places and change it everywhere. Now let's imagine that you need to reuse a piece of code not 1, 2 or 3 times but tens of times. A way to overcome this problem is to use methods. You can look for additional information for methods in the Internet or to look at Chapter “10” (Methods). | +
|
-Repeating a code is considered bad practice, because the code becomes very hard to maintain. Let's imagine that we have a piece of code (e.g. the logic for drawing a row from the diamond) at a few more places and we decide to change it. For this we will have to go through all the places and change it everywhere. Now let's imagine that you need to reuse a piece of code not 1, 2 or 3 times but tens of times. A way to overcome this problem is to use methods. You can look for additional information for methods in the Internet or to look at Chapter “10” (Methods). | -
--\*---\*\*\*-\*\*\*\*\*|\*\*\*||\*\*\*||8|---\*\*-----\*\*\*\*---\*\*\*\*\*\*-\*\*\*\*\*\*\*\*|\*\*\*\*\*\*||\*\*\*\*\*\*||\*\*\*\*\*\*||\*\*\*\*\*\*| |
+It is very important to check if the input data is correct! In these tasks it is not a problem to directly convert the data from the console into int type, because it is said that we will receive valid integers. If you are making more complex programs it is a good practice to check the data. What will happen if instead of the character "А" the user inputs a number? |
+
|
+It is not a good idea to add many character strings as it is shown above, because this leads to performance issues. Learn more at: https://bg.wikipedia.org/wiki/%D0%9D%D0%B8%D0%B7#String_Builder | +
|
-It is not a good idea to add many character strings as it is shown above, because this leads to performance issues. For more information visit: https://bg.wikipedia.org/wiki/%D0%9D%D0%B8%D0%B7#String_Builder | -
|
-It is very important to check if the input data is correct! In these tasks it is not a problem to directly convert the data from the console into int type, because it is said that we will receive valid integers. If you are making more complex programs it is a good practice to check the data. What will happen if instead of the character "А" the user inputs a number? |
-
\*\*\*\*\*\*\*\*\*\* \*\*\*\*\*\*\*\*\*\*\*////////\* \*////////\*\*////////\*|||||\*////////\*\*////////\* \*////////\*\*\*\*\*\*\*\*\*\*\* \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*|
-#### Hints and Guidelines
+## Hints and Guidelines
How does the example work? We initialize **a loop with a variable `i = 1`**, which increases with each iteration of the loop, while it is **less or equal to 10**. This way the code in the body of the loop is executed **10 times**. In the body of the loop we print a new line on the console **`new string('*', 10)`**, which creates a string of 10 stars.
-#### Testing in the Judge System
+## Testing in the Judge System
Test your solution here: [https://judge.softuni.bg/Contests/Practice/Index/512#0](https://judge.softuni.bg/Contests/Practice/Index/512#0).
diff --git a/Content/Chapter-6-1-nested-loops/example-rectangle-NxN/example-rectangle-NxN.md b/Content/Chapter-6-1-nested-loops/example-rectangle-NxN/example-rectangle-NxN.md
index 246737234..9404070e6 100644
--- a/Content/Chapter-6-1-nested-loops/example-rectangle-NxN/example-rectangle-NxN.md
+++ b/Content/Chapter-6-1-nested-loops/example-rectangle-NxN/example-rectangle-NxN.md
@@ -1,4 +1,4 @@
-### Example: Rectangle Made of N x N Stars
+# Example: Rectangle Made of N x N Stars
Write a program that gets a positive integer **n** and prints in the console **a rectangle made out of N x N stars**.
@@ -6,10 +6,10 @@ Write a program that gets a positive integer **n** and prints in the console **a
|---|---|---|---|---|---|
|2|\*\*\*\*|3|\*\*\*\*\*\*\*\*\*|4|\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*|
-#### Hints and Guidelines
+## Hints and Guidelines
-#### Testing in the Judge System
+## Testing in the Judge System
Test your solution here: [https://judge.softuni.bg/Contests/Practice/Index/512#1](https://judge.softuni.bg/Contests/Practice/Index/512#1).
diff --git a/Content/Chapter-6-1-nested-loops/exercise-drawing-figures-in-web-app/exercise-drawing-figures-in-web-app.md b/Content/Chapter-6-1-nested-loops/exercise-drawing-figures-in-web-app/exercise-drawing-figures-in-web-app.md
index e644179d7..9e28af145 100644
--- a/Content/Chapter-6-1-nested-loops/exercise-drawing-figures-in-web-app/exercise-drawing-figures-in-web-app.md
+++ b/Content/Chapter-6-1-nested-loops/exercise-drawing-figures-in-web-app/exercise-drawing-figures-in-web-app.md
@@ -1,6 +1,57 @@
-## Lab: Drawing Figures in a Web Environment
+# Lab: Drawing Ratings in Web
-Now that we got used to **nested loops** and the way to use them to draw figures on the console, we can get into something even more interesting: we can see how loops can be used to **draw in a web environment**. We will make a web application that visualizes a number rating \(a number from 0 to 100\) with stars. This kind of visualization is common in e-commerce sites, reviews of products, event rating, rating of apps, and others.
+Now that we got used to **nested loops** and the way to use them to draw figures on the console, we can get into something even more interesting: we can see how loops can be used to **draw in a Web environment**. We will make a web application that visualizes a number rating (a number from 0 to 100) with stars. This kind of visualization is common in e-commerce sites, reviews of products, event rating, rating of apps, and others.
Don't worry if you don't understand all of the code, how exactly it is written and how the project works. It is normal, now we are learning to write code and we are a long way from the web development technologies. If you are struggling to write your project by following the steps, **watch the video** from the beginning of the chapter or ask in the SoftUni forum: [https://softuni.bg/forum](https://softuni.bg/forum).
+## Ratings – Visualization in a Web Environment
+
+Your task now is to create an **ASP.NET MVC Web Application** for visualizing a rating (a number from 0 to 100). 1 to 10 stars should be drawn (with halves). The stars should be generated with a **`for`** loop.
+
+
+
+## Creating a New C# Project
+
+Create a new ASP.NET MVC web app with C# in Visual Studio. Add a new project from [**Solution Explorer**] -> [**Add**] -> [**New Project…**]. Give it a meaningful name, for example "WebApp-Ratings".
+
+
+
+Choose the type of the app to be **MVC**.
+
+
+
+## Creating a View Holding a HTML Form
+
+Open and edit the file **`Views/Home/Index.cshtml`**. Delete everything and insert the following code:
+
+
+
+This code creates a web form **`