changed screenshots according to AspNet Zero v4.0

Author: ismcagdas

doc/Development-Guide-Angular.html

@@ -279,7 +279,7 @@ <h4>Edition Management</h4>
 page</strong> (available in host login)<strong> </strong>is used to manage 
 application's editions:</p>
 <p>
-<img class="img-thumbnail" alt="Editions page" height="227" src="images/editions-page-core.png" width="800" /></p>
+<img class="img-thumbnail" alt="Editions page" src="images/editions-page-core-2.png" /></p>
 <p>Editions are used to group feature values and assign to tenants. When we 
 click Actions/Edit for an edition, we can see it's assigned features:</p>
 <p>
@@ -309,7 +309,7 @@ <h4>Tenant Management</h4>
 <p>If this is a multi-tenant application and you logged in as a host user, then 
 tenants page is shown:</p>
 <p>
-<img class="img-thumbnail"  alt="Tenant management page" height="272" src="images/tenant-management-core.png" width="1168" /></p>
+<img class="img-thumbnail"  alt="Tenant management page" src="images/tenant-management-core-1.png" /></p>
 <p>A tenant is represented by <strong>Tenant</strong> class. Tenant class 
 <a href="Extending-Existing-Entities.html">can be 
 extended</a> by adding new properties. There is an only 
@@ -379,7 +379,7 @@ <h4>Role Management</h4>
 
 <p>When we click Administration/Roles menu, we enter to the role management page:</p>
 <p>
-<img class="img-thumbnail" alt="Role management page" height="333" src="images/role-management-core.png" width="702" /></p>
+<img class="img-thumbnail" alt="Role management page" src="images/role-management-core-1.png" /></p>
 <p>Roles are used to <strong>group permissions</strong>. When a user has a 
 role, then they will have all permissions of that role.</p>
 <p>A role is represented by the <strong>Role</strong> class. Role class 
@@ -421,7 +421,7 @@ <h4>User Management</h4>
 
 <p>When we click Administration/Users menu, we enter to the user management page:</p>
 <p>
-<img class="img-thumbnail" alt="User management" height="635" src="images/user-management-core.png" width="1643" /></p>
+<img class="img-thumbnail" alt="User management" src="images/user-management-core-1.png" /></p>
 
 <p><strong>Users</strong> are people who can <strong>login </strong>to the application and 
 perform some operations based on their <strong>permissions</strong>.</p>
@@ -460,7 +460,7 @@ <h4>Language Management</h4>
 <p>Language management page is used to manage (add/edit/delete) <strong>application 
 languages</strong> and change <strong>localized texts</strong>:</p>
 <p>
-<img class="img-thumbnail" alt="Language management" height="510" src="images/language-list-core.png" width="752" /></p>
+<img class="img-thumbnail" alt="Language management" src="images/language-list-core-1.png" /></p>
 <p>We can create new language, edit/delete an existing language and <strong>set a 
 language as default</strong>. Note that; tenants can not edit/delete default 
 languages, but host users can do.</p>

doc/Development-Guide-Core.html

@@ -48,7 +48,7 @@ <h4>Solution Structure (Layers)</h4>
 <p>After you create and <a href="/Download">download</a> your project, you have a solution structure 
 as shown below:</p>
 <p>
-<img class="img-thumbnail" alt="ASP.NET Core solution" height="201" src="images/solution-overall-core-3.png" width="256" /></p>
+<img class="img-thumbnail" alt="ASP.NET Core solution" src="images/solution-overall-core-4.png" /></p>
 <p>There are 8 projects in the solution:</p>
 <ul>
 	<li><strong>Core</strong> project contains domain layer classes (like
@@ -350,7 +350,7 @@ <h4>Edition Management</h4>
 page</strong> (available in host login)<strong> </strong>is used to manage 
 application's editions:</p>
 <p>
-<img class="img-thumbnail" alt="Editions page" height="227" src="images/editions-page-core.png" width="800" /></p>
+<img class="img-thumbnail" alt="Editions page" src="images/editions-page-core-2.png" /></p>
 <p>Editions are used to group feature values and assign to tenants. When we 
 click Actions/Edit for an edition, we can see it's assigned features:</p>
 <p>
@@ -379,7 +379,7 @@ <h4>Tenant Management</h4>
 <p>If this is a multi-tenant application and you logged in as a host user, then 
 tenants page is shown:</p>
 <p>
-<img class="img-thumbnail"  alt="Tenant management page" height="272" src="images/tenant-management-core.png" width="1168" /></p>
+<img class="img-thumbnail"  alt="Tenant management page" src="images/tenant-management-core-1.png" /></p>
 <p>A tenant is represented by <strong>Tenant</strong> class. Tenant class 
 <a href="Extending-Existing-Entities.html">can be 
 extended</a> by adding new properties. There is an only 
@@ -465,7 +465,7 @@ <h4>Role Management</h4>
 
 <p>When we click Administration/Roles menu, we enter to the role management page:</p>
 <p>
-<img class="img-thumbnail" alt="Role management page" height="333" src="images/role-management-core.png" width="702" /></p>
+<img class="img-thumbnail" alt="Role management page" src="images/role-management-core-1.png" /></p>
 <p>Roles are used to <strong>group permissions</strong>. When a user has a 
 role, then he/she will have all permissions of that role.</p>
 <p>A role is represented by the <strong>Role</strong> class. Role class can be 
@@ -508,7 +508,7 @@ <h4>User Management</h4>
 
 <p>When we click Administration/Users menu, we enter to the user management page:</p>
 <p>
-<img class="img-thumbnail" alt="User management" height="635" src="images/user-management-core.png" width="1643" /></p>
+<img class="img-thumbnail" alt="User management" src="images/user-management-core-1.png" /></p>
 
 <p><strong>Users</strong> are people who can <strong>login </strong>to the application and 
 perform some operations based on their <strong>permissions</strong>.</p>
@@ -555,7 +555,7 @@ <h4>Language Management</h4>
 <p>Language management page is used to manage (add/edit/delete) <strong>application 
 languages</strong> and change <strong>localized texts</strong>:</p>
 <p>
-<img class="img-thumbnail" alt="Language management" height="510" src="images/language-list-core.png" width="752" /></p>
+<img class="img-thumbnail" alt="Language management" src="images/language-list-core-1.png" /></p>
 <p>We can create new language, edit/delete an existing language and <strong>set a 
 language as default</strong>. Note that; tenants can not edit/delete default 
 languages, but host users can do.</p>
@@ -1026,6 +1026,10 @@ <h4>Sending Emails</h4>
 emails. You can enable it if you want. It's enabled in RELEASE mode. Check <em>
 YourProjectName</em>CoreModule class's PreInitialize method to change it if you 
 like.</p>
+<div class="bs-callout bs-callout-warning">
+	<p><strong>.Net Core Compability</strong></p>
+<p>Since .net core does not support smpt client, AspNet Zero uses <a href="https://github.com/jstedfast/MailKit">MailKit</a> to send emails.</p>
+</div>
 <h4>BinaryObjectManager</h4>
 <p>User <strong>profile pictures</strong> are stored in database, instead of 
 file system. But it's not stored in Users table for performance reasons (Users 

doc/Getting-Started-Angular.html

@@ -22,12 +22,12 @@ <h3 id="DocCreateProject">Create a Project</h3>
 <p>Go to the <a href="/Download">download</a> page. You will see a form as shown 
 below:</p>
 <p>
-<img class="img-thumbnail" alt="Download angular" height="538" src="images/download-angular.png" width="570" /></p>
-<p>Select <strong>ASP.NET Core &amp; Angular 2.x</strong> as Project Type and fill 
+<img class="img-thumbnail" alt="Download angular" src="images/download-angular-1.png" /></p>
+<p>Select <strong>ASP.NET Core &amp; Angular</strong> as Project Type and fill 
 other required fields. Your project will be ready 
 in one minute. When you open the downloaded zip file, you will see two folders:</p>
 <p>
-<img class="img-thumbnail" alt="Client Server folders" height="54" src="images/client-server-folders.png" width="70" /></p>
+<img class="img-thumbnail" alt="Client Server folders" src="images/angular-solution-folders.png" /></p>
 <ul>
 	<li><strong>angular</strong> folder contains the <a href="Development-Guide-Angular.html">
 	Angular application</a> which is configured to work with
@@ -46,7 +46,7 @@ <h3>ASP.NET Core Application</h3>
 <p>When you open Server side solution in <strong>Visual Studio 2017+</strong>, you will see the 
 solution structure as like below:</p>
 <p>
-<img class="img-thumbnail" alt="AspNet Core solution structure" height="181" src="images/aspnet-core-host-solution-2.png" width="257" /></p>
+<img class="img-thumbnail" alt="AspNet Core solution structure" src="images/aspnet-core-host-solution-3.png" /></p>
 <p>
 Right click the 
 <strong>.Web.Host</strong> project and select "<strong>Set as StartUp project</strong>": Then <strong>
@@ -73,12 +73,12 @@ <h5>Entity Framework Migration Command</h5>
 <strong>Package Manager Console</strong> in Visual Studio, set<strong> .</strong>EntityFrameworkCore 
 as the <strong>Default Project</strong> and run the <strong>Update-Database</strong> command as shown below:&nbsp;</p>
 <p>
-<img class="img-thumbnail" alt="dotnet ef database update" height="27" src="images/dotnet-ef-database-update.png" width="499" /></p>
+<img class="img-thumbnail" alt="dotnet ef database update" src="images/update-database-ef-core.png" /></p>
 
 <p>This command will create your database and fill initial data. You can open 
 SQL Server Management Studio to check if database is created:</p>
 <p>
-<img class="img-thumbnail" alt="AspNet Zero Database Tables" height="507" src="images/created-database-tables-3.png" width="243" /></p>
+<img class="img-thumbnail" alt="AspNet Zero Database Tables" src="images/created-database-tables-4.png" /></p>
 <p>
 You can use EF console commands for development and Migrator.exe for 
 production. But notice that; Migrator.exe supports running migrations in 

doc/Getting-Started-Core.html

@@ -22,13 +22,13 @@ <h3 id="DocCreateProject">Create a Project</h3>
 <p>Go to the <a href="/Download">download</a> page. You will see a form as shown 
 below:</p>
 <p>
-<img class="img-thumbnail" alt="Create project" height="678" src="images/download-core-jquery.png" width="571" /></p>
+<img class="img-thumbnail" alt="Create project" src="images/download-core-jquery-1.png" /></p>
 <p>Select <strong>ASP.NET Core &amp; jQuery</strong> as Project Type and fill 
 other required fields. Click to the Download button, your project will be ready 
 in one minute. Open the solution in <strong>Visual Studio 2017+</strong>:</p>
 
 <p>
-<img class="img-thumbnail" alt="ASP.NET Core solution" height="201" src="images/solution-overall-core-3.png" width="256" /></p>
+<img class="img-thumbnail" alt="ASP.NET Core solution" src="images/solution-overall-core-4.png" /></p>
 <p>
 Right click the 
 <strong>.Web.Mvc</strong> project and select "<strong>Set as StartUp project</strong>": Then <strong>
@@ -58,12 +58,12 @@ <h5>Entity Framework Migration Command</h5>
 <strong>Package Manager Console</strong> in Visual Studio, set<strong> .</strong>EntityFrameworkCore 
 as the <strong>Default Project</strong> and run the <strong>Update-Database</strong> command as shown below:&nbsp;</p>
 <p>
-<img class="img-thumbnail" alt="dotnet ef database update" height="27" src="images/dotnet-ef-database-update.png" width="499" /></p>
+<img class="img-thumbnail" alt="dotnet ef database update" src="images/update-database-ef-core.png" /></p>
 
 <p>This command will create your database and fill initial data. You can open 
 SQL Server Management Studio to check if database is created:</p>
 <p>
-<img class="img-thumbnail" alt="AspNet Zero Database Tables" height="507" src="images/created-database-tables-3.png" width="243" /></p>
+<img class="img-thumbnail" alt="AspNet Zero Database Tables" src="images/created-database-tables-4.png" /></p>
 <p>
 You can use EF console commands for development and Migrator.exe for 
 production. But notice that; Migrator.exe supports running migrations in