Applications added

abp_io/Volo.AbpWebSite.sln

@@ -11,7 +11,7 @@ Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "Volo.AbpWebSite.Application
 EndProject
 Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "Volo.AbpWebSite.EntityFrameworkCore", "src\Volo.AbpWebSite.EntityFrameworkCore\Volo.AbpWebSite.EntityFrameworkCore.csproj", "{028C05DB-61BF-41EF-B9AD-614A43CD0A7F}"
 EndProject
-Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Volo.Utils.SolutionTemplating", "src\Volo.Utils.SolutionTemplating\Volo.Utils.SolutionTemplating.csproj", "{742FCDDD-537C-42CC-AF16-A92C094D4B1D}"
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "Volo.Utils.SolutionTemplating", "src\Volo.Utils.SolutionTemplating\Volo.Utils.SolutionTemplating.csproj", "{742FCDDD-537C-42CC-AF16-A92C094D4B1D}"
 EndProject
 Global
 	GlobalSection(SolutionConfigurationPlatforms) = preSolution

abp_io/src/Volo.AbpWebSite.Web/Pages/Applications.cshtml

@@ -0,0 +1,30 @@
+@page
+@model Volo.AbpWebSite.Pages.ApplicationsModel
+@{
+    ViewBag.PageTitle = "Applications";
+}
+<div class="row applications-container">
+    <div class="col-md-8 mx-auto">
+        <div class="row"> 
+            <div class="col-lg-4 offset-lg-1 col-md-6">
+                <abp-card >
+                    <img abp-card-image="Top" src="/assets/applications/application-screenshot-voloblog.jpg" />
+                    <abp-card-body background="Light">
+                        <abp-card-text>VoloBlog is an open-source basic blog module. The product is being developed...</abp-card-text>
+                        <a abp-button="Primary" href="#" disabled="true"> Get Started</a>
+                    </abp-card-body>
+                </abp-card>
+            </div>
+            
+            <div class="col-lg-4 offset-lg-1  col-md-6">
+                <abp-card>
+                    <img abp-card-image="Top" src="/assets/applications/application-screenshot-volodocs.jpg" />
+                    <abp-card-body background="Light">
+                        <abp-card-text>VoloDocs is a cross-platform web application that allows you to easily create beautiful documentation</abp-card-text>
+                        <a abp-button="Primary" href="#"> Get Started</a>
+                    </abp-card-body>
+                </abp-card>
+            </div>
+        </div>
+    </div>
+</div>

abp_io/src/Volo.AbpWebSite.Web/Pages/Applications.cshtml.cs

@@ -0,0 +1,16 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Threading.Tasks;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.AspNetCore.Mvc.RazorPages;
+
+namespace Volo.AbpWebSite.Pages
+{
+    public class ApplicationsModel : PageModel
+    {
+        public void OnGet()
+        {
+        }
+    }
+}

abp_io/src/Volo.AbpWebSite.Web/Pages/Shared/Components/Header/Default.cshtml

@@ -19,6 +19,9 @@
                     <li class="nav-item">
                         <a class="nav-link" href="/documents">Documents</a>
                     </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="/applications">Applications</a>
+                    </li>
                     <li class="nav-item">
                         <a class="nav-link" href="/blog/abp/">Blog</a>
                     </li>

abp_io/src/Volo.AbpWebSite.Web/Volo.AbpWebSite.Web.csproj

@@ -54,6 +54,7 @@
 
   <ItemGroup>
     <Folder Include="Downloads\" />
+    <Folder Include="wwwroot\assets\applications\" />
   </ItemGroup>
 
 </Project>

abp_io/src/Volo.AbpWebSite.Web/compilerconfig.json

@@ -2,5 +2,9 @@
   {
     "outputFile": "wwwroot/scss/vs.css",
     "inputFile": "wwwroot/scss/vs.scss"
+  },
+  {
+    "outputFile": "Pages/Applications.css",
+    "inputFile": "Pages/Applications.scss"
   }
 ]

abp_io/src/Volo.AbpWebSite.Web/wwwroot/scss/vs.css

@@ -694,3 +694,6 @@ span.code-arrow {
 
 body {
   background-size: cover; }
+
+.applications-container .card-body p {
+  min-height: 7em; }

abp_io/src/Volo.AbpWebSite.Web/wwwroot/scss/vs.scss

@@ -19,4 +19,12 @@
 
 body {
     background-size: cover;
-}
+}
+
+.applications-container {
+    .card-body {
+        p {
+            min-height: 7em;
+        }
+    }
+}