From 3d17f53eac420f6477c98c3e794ab937af62440a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Arma=C4=9Fan=20=C3=9Cnl=C3=BC?=
 <36102404+armgnunlu@users.noreply.github.com>
Date: Thu, 24 Sep 2020 15:40:41 +0300
Subject: [PATCH] Resolved #3223

---
 .../Pages/Index.cshtml                        | 162 ++++++++++++++++--
 1 file changed, 150 insertions(+), 12 deletions(-)

diff --git a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Web/Pages/Index.cshtml b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Web/Pages/Index.cshtml
index 532aa810c4..d01781f24b 100644
--- a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Web/Pages/Index.cshtml
+++ b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Web/Pages/Index.cshtml
@@ -15,17 +15,155 @@
         <abp-script src="/Pages/Index.js" />
     </abp-script-bundle>
 }
-<div class="jumbotron text-center">
-    <h1>@L["Welcome"]</h1>
-    <div class="row">
-        <div class="col-md-6 mx-auto">
-            <p>@L["LongWelcomeMessage"]</p>
-            <hr class="my-4"/>
+<div class="container">
+    <div class="p-5 text-center">
+        <div class="badge badge-success h5 rounded mb-4 " role="alert">
+            <h5 class="m-1"> <i class="fas fa-rocket"></i> Congratulations, <strong>MyProjectName</strong> is running successfully!</h5>
         </div>
+        <h1>@L["Welcome"] to <strong>Abp.io</strong></h1>
+
+        <p class="lead px-lg-5 mx-lg-5">@L["LongWelcomeMessage"]</p>
+
+        <a href="https://abp.io?ref=tmpl" target="_blank" class="btn btn-primary "><i class="fas fa-external-link-square-alt"></i> abp.io</a>
+        @if (!CurrentUser.IsAuthenticated)
+        {
+            <a abp-button="Primary" href="~/Account/Login" ><i class="fa fa-sign-in"></i> @L["Login"]</a>
+        }
+
     </div>
-    <a href="https://abp.io?ref=tmpl" target="_blank" class="btn btn-primary px-4">abp.io</a>
-    @if (!CurrentUser.IsAuthenticated)
-    {
-        <a abp-button="Primary" href="~/Account/Login" class="px-4"><i class="fa fa-sign-in"></i> @L["Login"]</a>
-    }
-</div>
\ No newline at end of file
+    <div class="my-3 text-center">
+        <h3>Let's improve your application!</h3>
+        <p>Here are some links to help you get started:</p>
+    </div>
+    <div class="card mt-4 mb-5">
+        <div class="card-body">
+            <div class="row text-center justify-content-md-center">
+                <div class="col-lg-4">
+                    <div class="p-4">
+                        <h5 class="mb-3"><i class="fas fa-book text-secondary d-block my-3 fa-2x"></i> Learn Abp.io</h5>
+                        <p>The easiest way to start a new web application with the ABP Framework.</p>
+                        <a href="https://docs.abp.io/en/abp/latest" target="_blank" class="btn btn-link px-1">See Documents <i class="fas fa-chevron-right"></i></a>
+                    </div>
+                </div>
+                <div class="col-lg-4 border-left">
+                    <div class="p-4">
+                        <h5 class="mb-3"><i class="fas fa-life-ring text-secondary d-block my-3 fa-2x"></i> Support</h5>
+                        <p>See answers to previously asked questions or ask a new one.</p>
+                        <a href="https://support.abp.io/QA/Questions" target="_blank" class="btn btn-link px-1">Questions <i class="fas fa-chevron-right"></i></a> 
+                    </div>
+                </div>
+                <div class="col-lg-4 border-left">
+                    <div class="p-4">
+                        <h5 class="mb-3"><i class="fas fa-users text-secondary d-block my-3 fa-2x"></i> ABP Community</h5>
+                        <p>Get involved with a vibrant community and become a contributor.</p>
+                        <a href="https://community.abp.io/" target="_blank" class="btn btn-link px-1">Community <i class="fas fa-chevron-right"></i></a>
+                        <a href="https://community.abp.io/articles/submit" target="_blank" class="btn btn-link px-1">Contribute <i class="fas fa-chevron-right"></i></a>
+                    </div>
+                </div>
+            </div>
+            <div class="row text-center mt-lg-3 justify-content-md-center">
+                <div class="col-lg-4">
+                    <div class="p-4">
+                        <h5 class="mb-3"><i class="fas fa-pen-nib text-secondary d-block my-3 fa-2x"></i> ABP Blog</h5>
+                        <p>Take a look at our recently published articles.</p>
+                        <a href="https://blog.abp.io/abp" target="_blank" class="btn btn-link px-1">See Blog <i class="fas fa-chevron-right"></i></a>
+                    </div>
+                </div>
+                <div class="col-lg-4 border-left">
+                    <div class="p-4">
+                        <h5 class="mb-3"><i class="fab fa-github text-secondary d-block my-3 fa-2x"></i> Github</h5>
+                        <p>Do you love Abp.io?</p>
+                        <p class="mb-1">
+                            <a class="github-button" href="https://github.com/abpframework/abp" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star abpframework/abp on GitHub">Star</a>
+                            <a class="github-button" href="https://github.com/abpframework/abp/issues" data-icon="octicon-issue-opened" data-size="large" data-show-count="false" aria-label="Issue abpframework/abp on GitHub">Issue</a>
+                            <a class="github-button" href="https://github.com/abpframework/abp/fork" data-icon="octicon-repo-forked" data-size="large" data-show-count="false" aria-label="Fork abpframework/abp on GitHub">Fork</a>
+                        </p>
+                        <a href="#" target="_blank" class="btn btn-link px-1">Feature Requests <i class="fas fa-chevron-right"></i></a>
+                    </div>
+                </div>
+                <div class="col-lg-4 border-left">
+                    <div class="p-4">
+                        <h5 class="mb-3"><i class="fab fa-stack-overflow text-secondary d-block my-3 fa-2x"></i> Stackoverflow</h5>
+                        <p>See answers to previously asked questions or ask a new one.</p>
+                        <a href="https://stackoverflow.com/questions/tagged/abp" target="_blank" class="btn btn-link px-1">Questions <i class="fas fa-chevron-right"></i></a>
+                        <a href="https://stackoverflow.com/questions/ask" target="_blank" class="btn btn-link px-1">Ask a Question <i class="fas fa-chevron-right"></i></a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+
+    <div class="mt-5 my-3 text-center">
+        <h3>Meet the Abp Commercial</h3>
+        <p>A Complete Web Application Platform Built-on Abp Framework</p>
+    </div>
+
+    <div class="card mt-4 mb-5">
+        <div class="card-body">
+            <p class="px-lg-5 mx-lg-5 py-3 text-center">
+                ABP Commercial is a platform based on the open source ABP framework. It provides pre-built application modules,
+                rapid application development tooling, professional UI themes, premium support and more.
+            </p>
+
+            <div class="row text-center justify-content-md-center">
+                <div class="col-lg-2">
+                    <div class="p-3">
+                        <h6>
+                            <i class="fas fa-plus d-block mb-3 fa- 2x text-secondary"></i> Startup Templates
+                            <a href="https://commercial.abp.io/startup-templates" target="_blank" class="d-block mt-2 btn btn-sm btn-link">Details <i class="fas fa-chevron-right"></i></a>
+                        </h6>
+                    </div>
+                </div>
+                <div class="col-lg-2 border-left">
+                    <div class="p-3">
+                        <h6>
+                            <i class="fas fa-plus d-block mb-3 fa- 2x text-secondary"></i> Application Modules
+                            <a href="https://commercial.abp.io/modules" target="_blank" class="d-block mt-2 btn btn-sm btn-link">Details <i class="fas fa-chevron-right"></i></a>
+                        </h6>
+                    </div>
+                </div>
+                <div class="col-lg-2 border-left">
+                    <div class="p-3"> 
+                        <h6>
+                            <i class="fas fa-plus d-block mb-3 fa- 2x text-secondary"></i> Developer<br />Tools
+                            <a href="https://commercial.abp.io/tools" target="_blank" class="d-block mt-2 btn btn-sm btn-link">Details <i class="fas fa-chevron-right"></i></a>
+                        </h6>
+                    </div>
+                </div> 
+                <div class="col-lg-2 border-left">
+                    <div class="p-3">
+                        <h6>
+                            <i class="fas fa-plus d-block mb-3 fa- 2x text-secondary"></i> UI<br /> Themes
+                            <a href="https://commercial.abp.io/themes" target="_blank" class="d-block mt-2 btn btn-sm btn-link">Details <i class="fas fa-chevron-right"></i></a>
+                        </h6>
+                    </div>
+                </div>
+                <div class="col-lg-2 border-left">
+                    <div class="p-3">
+                        <h6>
+                            <i class="fas fa-plus d-block mb-3 fa- 2x text-secondary"></i> Additional Services
+                            <a href="https://commercial.abp.io/additional-services" target="_blank" class="d-block mt-2 btn btn-sm btn-link">Details <i class="fas fa-chevron-right"></i></a>
+                        </h6>
+                    </div>
+                </div>
+                <div class="col-lg-2 border-left">
+                    <div class="p-3">
+                        <h6>
+                            <i class="fas fa-plus d-block mb-3 fa- 2x text-secondary"></i> Premium Support
+                            <a href="https://support.abp.io/QA/Questions" target="_blank" class="d-block mt-2 btn btn-sm btn-link">Details <i class="fas fa-chevron-right"></i></a>
+                        </h6>
+                    </div>
+                </div>
+            </div> 
+        </div>
+    </div>
+    <div class="mb-5 text-center">
+        <p class="align-middle"> 
+            <a href="https://twitter.com/abpframework" target="_blank" class="mx-2"><i class="fa fa-twitter"></i><span class="text-secondary"> Abp Framework</span></a>
+            <a href="https://twitter.com/abpcommercial" target="_blank" class="mx-2"><i class="fa fa-twitter"></i><span class="text-secondary"> Abp Commercial</span></a>
+            <a href="https://github.com/abpframework/abp" target="_blank" class="mx-2"><i class="fa fa-github"></i><span class="text-secondary"> abpframework</span></a>
+        </p>
+    </div>
+</div>
+<script async defer src="https://buttons.github.io/buttons.js"></script>
\ No newline at end of file