Merge pull request #319 from aspnetzero/update-public-website-documents

Updated Public Website document

Author: ismcagdas

docs/en/Public-Website.md

@@ -10,22 +10,23 @@ Note that, in development time script files are not minified. When you are publi
 
 We are ready to run the application using Visual Studio. So, just run the application using Visual Studio and it will display the main page of the Public website project.
 
-<img src="images/frontend-homepage.jpg" alt="Frontend home page" class="img-thumbnail" width="500" height="496" />
+<div style="text-align: center;">
+    <img src="images/frontend-homepage.png" alt="Frontend home page" class="img-thumbnail text-center" width="700" height="398" />
+</div>
 
-There are two pages here: **Home Page** and **About**. Contents of these pages are just placeholders and for demo purposes. You can completely remove content and build your page upon your needs. Also, you should change the **logo** with your Company's logo.
+There is one page here: **Home Page**. Content of this page is just placeholders and for demo purposes. You can completely remove content and build your page upon your needs. when you update the **logo** in the ASP.NET Zero application panel, the change will also be reflected on the Public Website.
 
-See [metronic front-end theme](http://keenthemes.com/free-bootstrap-templates/multi-purpose-corporate-frontend-themefreebie-corporate-frontend-theme/) for all possibilities and components to build a richer web site.
+See [metronic 8 landing page theme](https://preview.keenthemes.com/metronic8/demo1/landing.html) for all possibilities and components to build a richer web site.
 
-Menus are defined in **FrontEndNavigationProvider** class. When you add a new menu item here, it will be automatically shown in the menu. There is a **Login** link at the top right corner. This link takes user to the **Login page** to enter to the **Angular** application. After the login, user will be redirected back to public website.
+There is a **Login** link at the top right corner. This link takes the user to the **Login** page to enter the application. After logging in, the user will be redirected back to the public website. Additionally, there is a language switcher dropdown at the top right corner.
 
 ## Layout
 
 Layout of front-end pages are located under **Views/Layout** folder:
 
-<img src="images/frontend-layout-views-core.png" alt="Frontend layout views" class="img-thumbnail" width="193" height="253" />
+<img src="images/frontend-layout-views-core.png" alt="Frontend layout views" class="img-thumbnail" />
 
-**\_Layout** is the main layout file that includes scripts and styles. Language flags and the menu is rendered in **Header component** which is located under Shared/Components. \_PreFooter is not used but you can add
-it to the \_Layout if you want.
+**\_Layout** is the main layout file that includes scripts and styles. The menu is rendered in **Header component** which is located under Shared/Components.
 
 ## New Tenant Registration
 
@@ -35,15 +36,15 @@ When you click "**New Tenant**" link (at the top right area) you are redirected
 
 Actually, this UI is located in the main application. When you pick an edition, you are redirected to the payment or register form depending on the button you clicked. Register form is shown as below:
 
-<img src="images/tenant-signup-v3.png" alt="Tenant register form" class="img-thumbnail" />
+<img src="images/tenant-signup-v4.png" alt="Tenant register form" class="img-thumbnail" />
 
 ## Single Sign On
 
 Public web site has a login integration to the main application. When you click to login button (at the top right area) you are redirected to the main application. If you are already logged then you automatically
 login in the public web site too. If not, you can enter your username and password to login. Then you are redirected back to the public web site and your username is shown at the top right:
 
-<img src="images/public-web-site-login-username.png" alt="public web site login username" class="img-thumbnail" width="256" height="140" />
+<img src="images/public-web-site-login-username.png" alt="public web site login username" class="img-thumbnail" />
 
-To make this working, public web site must know URL of Angular app. This is configured in the **appsettings.json** of the **Web.Public** project, set **AdminWebSiteRootAddress** to root URL of the main application.
+To make this working, public web site must know URL of app. This is configured in the **appsettings.json** of the **Web.Public** project, set **AdminWebSiteRootAddress** to root URL of the main application.
 
 This configuration is properly set for the development environment. You should change it when you publish your project.