mirror of https://github.com/abpframework/abp.git
enisn
2 years ago
53 changed files with 7768 additions and 119 deletions
@ -1,39 +1,281 @@ |
|||
@page "/" |
|||
@inherits MyProjectNameComponentBase |
|||
<div class="container"> |
|||
<div class="card"> |
|||
<div class="card-header"> |
|||
<h5 class="card-title"> |
|||
@L["Welcome_Title"] |
|||
</h5> |
|||
<div class="row mb-3"> |
|||
<div class="col-xl-6 col-12 d-flex"> |
|||
<div class="card h-lg-100 w-100 overflow-hidden"> |
|||
<div class="card-body"> |
|||
<div class="starting-content"> |
|||
<h3>Getting Started</h3> |
|||
<p class="lead text-muted mb-2">Learn how to create and run |
|||
a |
|||
new web application using the application startup |
|||
template.</p> |
|||
<a href="https://docs.abp.io/en/commercial/latest/getting-started" class="btn btn-brand mb-4" target="_blank">Getting |
|||
Started</a> |
|||
|
|||
<h4>Web Application Development Tutorial</h4> |
|||
<p class="text-muted mb-2">Learn how to build an ABP based |
|||
web |
|||
application named Acme.BookStore.</p> |
|||
<a href="https://docs.abp.io/en/commercial/latest/tutorials/book-store/part-1?UI=MVC&DB=EF" class="btn btn-primary soft mb-4" target="_blank">Explore Tutorial</a> |
|||
|
|||
<h4>Customize Lepton Theme</h4> |
|||
<p class="text-muted mb-2">Learn how to customize LeptonX |
|||
Theme |
|||
as you wish.</p> |
|||
<a href="https://docs.abp.io/en/commercial/latest/themes/lepton/customizing-lepton-theme" class="btn btn-primary soft mb-5 mb-xl-0" target="_blank">Customize Lepton</a> |
|||
</div> |
|||
<img class="card-bg-image" src="/images/getting-started/bg-01.png"> |
|||
</div> |
|||
</div> |
|||
<div class="card-body"> |
|||
@L["Welcome_Text"] |
|||
</div> |
|||
<div class="col-xl-3 col-md-6 d-flex"> |
|||
<div class="row"> |
|||
<div class="col-12 d-flex"> |
|||
<div class="card overflow-hidden"> |
|||
<div class="card-body pb-0"> |
|||
<div class="abp-support abp-logo mb-2"></div> |
|||
<p class="text-muted mb-2">You can check for |
|||
similar problems and solutions, or open a |
|||
new topic to discuss your specific issue.</p> |
|||
<a href="https://support.abp.io/QA/Questions" class="btn |
|||
btn-brand soft" target="_blank">Visit Support</a> |
|||
<img class="" src="/images/getting-started/img-support.png"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-12 d-flex"> |
|||
<div class="card h-md-100 overflow-hidden"> |
|||
<div class="card-body pb-0"> |
|||
<div class="abp-blog abp-logo mb-2"></div> |
|||
<p class="text-muted mb-2">You can find content |
|||
on .NET development, cross-platform, ASP.NET |
|||
application templates, ABP-related news, and |
|||
more.</p> |
|||
<a href="https://blog.abp.io/abp" class="btn |
|||
btn-brand soft" target="_blank">Visit Blog</a> |
|||
|
|||
<img style="margin-bottom: -24px;" src="/images/getting-started/img-blog.png"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-xl-3 col-md-6 d-flex"> |
|||
<div class="card h-100 overflow-hidden"> |
|||
<div class="card-body"> |
|||
<div class="abp-community abp-logo mb-2"></div> |
|||
<p class="lead text-muted">A unique community platform |
|||
for <span class="fw-bold">ABP Lovers!</span></p> |
|||
<p class="text-muted mb-2">Explore all ABP users' |
|||
experiences with the ABP Framework, discover |
|||
articles and videos on how to use ABP, and join |
|||
raffles for a chance to win surprise gifts!</p> |
|||
<a class="btn btn-brand soft mb-3" href="https://community.abp.io/" target="_blank">Join ABP |
|||
Community</a> |
|||
</div> |
|||
<img class="mt-3" src="/images/getting-started/img-community.png"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="row"> |
|||
<div class="col-xl-3 col-lg-4"> |
|||
<div class="card"> |
|||
<div class="card-header"> |
|||
<div class="card-title text-body">More from ABP.IO</div> |
|||
</div> |
|||
<div class="card-body pt-0"> |
|||
|
|||
<div class="card mt-5"> |
|||
<div class="card-body"> |
|||
<div class="row"> |
|||
<div class="col-md-auto text-center"> |
|||
<img src="https://abp.io/assets/png/mastering-abp-framework.webp" style="max-width: 400px;" class="w-100 mb-5 my-md-3"> |
|||
<div> |
|||
<table class="table mb-0"> |
|||
<tbody> |
|||
<tr> |
|||
<td class="ps-0 d-flex"> |
|||
<div class="rounded-circle me-2 |
|||
flex-center bg-brand soft" style="width: 20px; height: |
|||
20px;"><i class="bi bi-check fs-4"></i></div> |
|||
<div> Latest Release Logs </div> |
|||
</td> |
|||
<td class="text-end pe-0 opacity-25"> |
|||
<a href="https://github.com/abpframework/abp/releases" target="_blank"> |
|||
<i class="bi |
|||
bi-box-arrow-up-right |
|||
text-dark"></i> |
|||
</a> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td class="ps-0 d-flex"> |
|||
<div class="rounded-circle me-2 |
|||
flex-center bg-brand soft" style="width: 20px; height: |
|||
20px;"><i class="bi bi-check fs-4"></i></div> |
|||
<div> Video Courses </div> |
|||
</td> |
|||
<td class="text-end pe-0 opacity-25"> |
|||
<a href="https://abp.io/video-courses" target="_blank"> |
|||
<i class="bi |
|||
bi-box-arrow-up-right |
|||
text-dark"></i> |
|||
</a> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td class="ps-0 d-flex"> |
|||
<div class="rounded-circle me-2 |
|||
flex-center bg-brand soft" style="width: 20px; height: |
|||
20px;"><i class="bi bi-check fs-4"></i></div> |
|||
<div> Samples </div> |
|||
</td> |
|||
<td class="text-end pe-0 opacity-25"> |
|||
<a href="https://docs.abp.io/en/abp/latest/Samples/Index" target="_blank"> |
|||
<i class="bi |
|||
bi-box-arrow-up-right |
|||
text-dark"></i> |
|||
</a> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td class="ps-0 d-flex"> |
|||
<div class="rounded-circle me-2 |
|||
flex-center bg-brand soft" style="width: 20px; height: |
|||
20px;"><i class="bi bi-check fs-4"></i></div> |
|||
<div> Books </div> |
|||
</td> |
|||
<td class="text-end pe-0 opacity-25"> |
|||
<a href="https://abp.io/books" target="_blank"> |
|||
<i class="bi |
|||
bi-box-arrow-up-right |
|||
text-dark"></i> |
|||
</a> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td class="ps-0 d-flex border-bottom-0"> |
|||
<div class="rounded-circle me-2 |
|||
flex-center bg-brand soft" style="width: 20px; height: |
|||
20px;"><i class="bi bi-check fs-4"></i></div> |
|||
<div> FAQ </div> |
|||
</td> |
|||
<td class="text-end pe-0 opacity-25 |
|||
border-bottom-0"> |
|||
<a href="https://commercial.abp.io/faq" target="_blank"> |
|||
<i class="bi |
|||
bi-box-arrow-up-right |
|||
text-dark"></i> |
|||
</a> |
|||
</td> |
|||
</tr> |
|||
</tbody> |
|||
</table> |
|||
</div> |
|||
<div class="col-md d-flex align-items-center"> |
|||
<div class="pe-0 pe-md-4"> |
|||
<small class="text-uppercase text-muted">THE OFFICIAL GUIDE</small> |
|||
<h2 class="mb-4">Mastering ABP Framework</h2> |
|||
<p class="mb-4">Written by the creator of the ABP Framework, this book will help you gain a complete understanding of the framework and modern web application development techniques.</p> |
|||
<div class="mb-4"> |
|||
<a href="https://www.amazon.com/gp/product/B097Z2DM8Q/ref=dbs_a_def_rwt_hsch_vapi_tkin_p1_i0" class="btn btn-success mb-1"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-xl-6 col-lg-8 d-flex"> |
|||
<div class="card"> |
|||
<div class="card-body d-flex"> |
|||
<div class="row align-items-center"> |
|||
<div class="col-md-8"> |
|||
<p class="text-muted mb-0">THE OFFICIAL GUIDE</p> |
|||
<h3>Mastering ABP Framework</h3> |
|||
<p class="text-muted">Written by the creator of the ABP |
|||
Framework, this book will help you gain a complete |
|||
understanding of the framework |
|||
and modern web application development techniques.</p> |
|||
<div class="d-md-flex mb-2 mb-md-0"> |
|||
<a href="https://www.amazon.com/gp/product/B097Z2DM8Q" target="_blank" class="btn btn-primary soft |
|||
me-md-2 mb-2 mb-md-0"> |
|||
Buy on Amazon US |
|||
</a> |
|||
<a href="https://www.packtpub.com/product/mastering-abp-framework/9781801079242" class="btn btn-primary mb-1"> |
|||
<a href="https://www.packtpub.com/product/mastering-abp-framework/9781801079242" target="_blank" class="btn btn-primary soft mb-2 |
|||
mb-md-0"> |
|||
Buy on PACKT |
|||
</a> |
|||
</div> |
|||
</div> |
|||
<div class="col"> |
|||
<img src="/images/getting-started/book.png"> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-xl-3 col-lg-4"> |
|||
<div class="card"> |
|||
<div class="card-header"> |
|||
<div class="card-title text-body">Follow us on Social Media</div> |
|||
</div> |
|||
<div class="card-body pt-0"> |
|||
<div> |
|||
<table class="table mb-0"> |
|||
<tbody> |
|||
<tr> |
|||
<td class="ps-0 d-flex"> |
|||
<img src="/images/getting-started/x-white.svg" class="me-2" style="background-color: black;"> |
|||
<div>X.com</div> |
|||
</td> |
|||
<td class="text-end pe-0 opacity-25"> |
|||
<a href="https://twitter.com/abpframework" target="_blank"> |
|||
<i class="bi bi-box-arrow-up-right |
|||
text-dark"></i> |
|||
</a> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td class="ps-0 d-flex"> |
|||
<img src="/images/getting-started/discord.svg" class="me-2"> |
|||
<div>Discord</div> |
|||
</td> |
|||
<td class="text-end pe-0 opacity-25"> |
|||
<a href="https://community.abp.io/discord" target="_blank"> |
|||
<i class="bi bi-box-arrow-up-right |
|||
text-dark"></i> |
|||
</a> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td class="ps-0 d-flex"> |
|||
<img src="/images/getting-started/stack-overflow.svg" class="me-2"> |
|||
<div>Stack Overflow</div> |
|||
</td> |
|||
<td class="text-end pe-0 opacity-25"> |
|||
<a href="https://stackoverflow.com/questions/tagged/abp" target="_blank"> |
|||
<i class="bi bi-box-arrow-up-right |
|||
text-dark"></i> |
|||
</a> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td class="ps-0 d-flex"> |
|||
<img src="/images/getting-started/youtube.svg" class="me-2"> |
|||
<div>YouTube</div> |
|||
</td> |
|||
<td class="text-end pe-0 opacity-25"> |
|||
<a href="https://www.youtube.com/@@Volosoft" target="_blank"> |
|||
<i class="bi bi-box-arrow-up-right |
|||
text-dark"></i> |
|||
</a> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td class="ps-0 d-flex border-bottom-0"> |
|||
<img src="/images/getting-started/instagram.svg" class="me-2"> |
|||
<div>Instagram</div> |
|||
</td> |
|||
<td class="text-end pe-0 opacity-25 |
|||
border-bottom-0"> |
|||
<a href="https://www.instagram.com/abpframework/" target="_blank"> |
|||
<i class="bi bi-box-arrow-up-right |
|||
text-dark"></i> |
|||
</a> |
|||
</td> |
|||
</tr> |
|||
</tbody> |
|||
</table> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
@ -1 +1,12 @@ |
|||
/* Getting-Started */ |
|||
.card-bg-image { |
|||
position: absolute; |
|||
width: 630px; |
|||
height: auto; |
|||
bottom: 0; |
|||
right: 0; |
|||
z-index: 1; |
|||
} |
|||
/* Getting-Started End */ |
|||
|
|||
/* Write here your styles for the Index page */ |
|||
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 329 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 41 KiB |
|
After Width: | Height: | Size: 64 KiB |
|
After Width: | Height: | Size: 33 KiB |
|
After Width: | Height: | Size: 6.1 KiB |
|
After Width: | Height: | Size: 583 B |
|
After Width: | Height: | Size: 302 B |
|
After Width: | Height: | Size: 893 B |
@ -1,39 +1,281 @@ |
|||
@page "/" |
|||
@inherits MyProjectNameComponentBase |
|||
<div class="container"> |
|||
<div class="card"> |
|||
<div class="card-header"> |
|||
<h5 class="card-title"> |
|||
@L["Welcome_Title"] |
|||
</h5> |
|||
<div class="row mb-3"> |
|||
<div class="col-xl-6 col-12 d-flex"> |
|||
<div class="card h-lg-100 w-100 overflow-hidden"> |
|||
<div class="card-body"> |
|||
<div class="starting-content"> |
|||
<h3>Getting Started</h3> |
|||
<p class="lead text-muted mb-2">Learn how to create and run |
|||
a |
|||
new web application using the application startup |
|||
template.</p> |
|||
<a href="https://docs.abp.io/en/commercial/latest/getting-started" class="btn btn-brand mb-4" target="_blank">Getting |
|||
Started</a> |
|||
|
|||
<h4>Web Application Development Tutorial</h4> |
|||
<p class="text-muted mb-2">Learn how to build an ABP based |
|||
web |
|||
application named Acme.BookStore.</p> |
|||
<a href="https://docs.abp.io/en/commercial/latest/tutorials/book-store/part-1?UI=MVC&DB=EF" class="btn btn-primary soft mb-4" target="_blank">Explore Tutorial</a> |
|||
|
|||
<h4>Customize Lepton Theme</h4> |
|||
<p class="text-muted mb-2">Learn how to customize LeptonX |
|||
Theme |
|||
as you wish.</p> |
|||
<a href="https://docs.abp.io/en/commercial/latest/themes/lepton/customizing-lepton-theme" class="btn btn-primary soft mb-5 mb-xl-0" target="_blank">Customize Lepton</a> |
|||
</div> |
|||
<img class="card-bg-image" src="/images/getting-started/bg-01.png"> |
|||
</div> |
|||
</div> |
|||
<div class="card-body"> |
|||
@L["Welcome_Text"] |
|||
</div> |
|||
<div class="col-xl-3 col-md-6 d-flex"> |
|||
<div class="row"> |
|||
<div class="col-12 d-flex"> |
|||
<div class="card overflow-hidden"> |
|||
<div class="card-body pb-0"> |
|||
<div class="abp-support abp-logo mb-2"></div> |
|||
<p class="text-muted mb-2">You can check for |
|||
similar problems and solutions, or open a |
|||
new topic to discuss your specific issue.</p> |
|||
<a href="https://support.abp.io/QA/Questions" class="btn |
|||
btn-brand soft" target="_blank">Visit Support</a> |
|||
<img class="" src="/images/getting-started/img-support.png"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-12 d-flex"> |
|||
<div class="card h-md-100 overflow-hidden"> |
|||
<div class="card-body pb-0"> |
|||
<div class="abp-blog abp-logo mb-2"></div> |
|||
<p class="text-muted mb-2">You can find content |
|||
on .NET development, cross-platform, ASP.NET |
|||
application templates, ABP-related news, and |
|||
more.</p> |
|||
<a href="https://blog.abp.io/abp" class="btn |
|||
btn-brand soft" target="_blank">Visit Blog</a> |
|||
|
|||
<img style="margin-bottom: -24px;" src="/images/getting-started/img-blog.png"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-xl-3 col-md-6 d-flex"> |
|||
<div class="card h-100 overflow-hidden"> |
|||
<div class="card-body"> |
|||
<div class="abp-community abp-logo mb-2"></div> |
|||
<p class="lead text-muted">A unique community platform |
|||
for <span class="fw-bold">ABP Lovers!</span></p> |
|||
<p class="text-muted mb-2">Explore all ABP users' |
|||
experiences with the ABP Framework, discover |
|||
articles and videos on how to use ABP, and join |
|||
raffles for a chance to win surprise gifts!</p> |
|||
<a class="btn btn-brand soft mb-3" href="https://community.abp.io/" target="_blank">Join ABP |
|||
Community</a> |
|||
</div> |
|||
<img class="mt-3" src="/images/getting-started/img-community.png"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="row"> |
|||
<div class="col-xl-3 col-lg-4"> |
|||
<div class="card"> |
|||
<div class="card-header"> |
|||
<div class="card-title text-body">More from ABP.IO</div> |
|||
</div> |
|||
<div class="card-body pt-0"> |
|||
|
|||
<div class="card mt-5"> |
|||
<div class="card-body"> |
|||
<div class="row"> |
|||
<div class="col-md-auto text-center"> |
|||
<img src="https://abp.io/assets/png/mastering-abp-framework.webp" style="max-width: 400px;" class="w-100 mb-5 my-md-3"> |
|||
<div> |
|||
<table class="table mb-0"> |
|||
<tbody> |
|||
<tr> |
|||
<td class="ps-0 d-flex"> |
|||
<div class="rounded-circle me-2 |
|||
flex-center bg-brand soft" style="width: 20px; height: |
|||
20px;"><i class="bi bi-check fs-4"></i></div> |
|||
<div> Latest Release Logs </div> |
|||
</td> |
|||
<td class="text-end pe-0 opacity-25"> |
|||
<a href="https://github.com/abpframework/abp/releases" target="_blank"> |
|||
<i class="bi |
|||
bi-box-arrow-up-right |
|||
text-dark"></i> |
|||
</a> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td class="ps-0 d-flex"> |
|||
<div class="rounded-circle me-2 |
|||
flex-center bg-brand soft" style="width: 20px; height: |
|||
20px;"><i class="bi bi-check fs-4"></i></div> |
|||
<div> Video Courses </div> |
|||
</td> |
|||
<td class="text-end pe-0 opacity-25"> |
|||
<a href="https://abp.io/video-courses" target="_blank"> |
|||
<i class="bi |
|||
bi-box-arrow-up-right |
|||
text-dark"></i> |
|||
</a> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td class="ps-0 d-flex"> |
|||
<div class="rounded-circle me-2 |
|||
flex-center bg-brand soft" style="width: 20px; height: |
|||
20px;"><i class="bi bi-check fs-4"></i></div> |
|||
<div> Samples </div> |
|||
</td> |
|||
<td class="text-end pe-0 opacity-25"> |
|||
<a href="https://docs.abp.io/en/abp/latest/Samples/Index" target="_blank"> |
|||
<i class="bi |
|||
bi-box-arrow-up-right |
|||
text-dark"></i> |
|||
</a> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td class="ps-0 d-flex"> |
|||
<div class="rounded-circle me-2 |
|||
flex-center bg-brand soft" style="width: 20px; height: |
|||
20px;"><i class="bi bi-check fs-4"></i></div> |
|||
<div> Books </div> |
|||
</td> |
|||
<td class="text-end pe-0 opacity-25"> |
|||
<a href="https://abp.io/books" target="_blank"> |
|||
<i class="bi |
|||
bi-box-arrow-up-right |
|||
text-dark"></i> |
|||
</a> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td class="ps-0 d-flex border-bottom-0"> |
|||
<div class="rounded-circle me-2 |
|||
flex-center bg-brand soft" style="width: 20px; height: |
|||
20px;"><i class="bi bi-check fs-4"></i></div> |
|||
<div> FAQ </div> |
|||
</td> |
|||
<td class="text-end pe-0 opacity-25 |
|||
border-bottom-0"> |
|||
<a href="https://commercial.abp.io/faq" target="_blank"> |
|||
<i class="bi |
|||
bi-box-arrow-up-right |
|||
text-dark"></i> |
|||
</a> |
|||
</td> |
|||
</tr> |
|||
</tbody> |
|||
</table> |
|||
</div> |
|||
<div class="col-md d-flex align-items-center"> |
|||
<div class="pe-0 pe-md-4"> |
|||
<small class="text-uppercase text-muted">THE OFFICIAL GUIDE</small> |
|||
<h2 class="mb-4">Mastering ABP Framework</h2> |
|||
<p class="mb-4">Written by the creator of the ABP Framework, this book will help you gain a complete understanding of the framework and modern web application development techniques.</p> |
|||
<div class="mb-4"> |
|||
<a href="https://www.amazon.com/gp/product/B097Z2DM8Q/ref=dbs_a_def_rwt_hsch_vapi_tkin_p1_i0" class="btn btn-success mb-1"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-xl-6 col-lg-8 d-flex"> |
|||
<div class="card"> |
|||
<div class="card-body d-flex"> |
|||
<div class="row align-items-center"> |
|||
<div class="col-md-8"> |
|||
<p class="text-muted mb-0">THE OFFICIAL GUIDE</p> |
|||
<h3>Mastering ABP Framework</h3> |
|||
<p class="text-muted">Written by the creator of the ABP |
|||
Framework, this book will help you gain a complete |
|||
understanding of the framework |
|||
and modern web application development techniques.</p> |
|||
<div class="d-md-flex mb-2 mb-md-0"> |
|||
<a href="https://www.amazon.com/gp/product/B097Z2DM8Q" target="_blank" class="btn btn-primary soft |
|||
me-md-2 mb-2 mb-md-0"> |
|||
Buy on Amazon US |
|||
</a> |
|||
<a href="https://www.packtpub.com/product/mastering-abp-framework/9781801079242" class="btn btn-primary mb-1"> |
|||
<a href="https://www.packtpub.com/product/mastering-abp-framework/9781801079242" target="_blank" class="btn btn-primary soft mb-2 |
|||
mb-md-0"> |
|||
Buy on PACKT |
|||
</a> |
|||
</div> |
|||
</div> |
|||
<div class="col"> |
|||
<img src="/images/getting-started/book.png"> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-xl-3 col-lg-4"> |
|||
<div class="card"> |
|||
<div class="card-header"> |
|||
<div class="card-title text-body">Follow us on Social Media</div> |
|||
</div> |
|||
<div class="card-body pt-0"> |
|||
<div> |
|||
<table class="table mb-0"> |
|||
<tbody> |
|||
<tr> |
|||
<td class="ps-0 d-flex"> |
|||
<img src="/images/getting-started/x-white.svg" class="me-2" style="background-color: black;"> |
|||
<div>X.com</div> |
|||
</td> |
|||
<td class="text-end pe-0 opacity-25"> |
|||
<a href="https://twitter.com/abpframework" target="_blank"> |
|||
<i class="bi bi-box-arrow-up-right |
|||
text-dark"></i> |
|||
</a> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td class="ps-0 d-flex"> |
|||
<img src="/images/getting-started/discord.svg" class="me-2"> |
|||
<div>Discord</div> |
|||
</td> |
|||
<td class="text-end pe-0 opacity-25"> |
|||
<a href="https://community.abp.io/discord" target="_blank"> |
|||
<i class="bi bi-box-arrow-up-right |
|||
text-dark"></i> |
|||
</a> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td class="ps-0 d-flex"> |
|||
<img src="/images/getting-started/stack-overflow.svg" class="me-2"> |
|||
<div>Stack Overflow</div> |
|||
</td> |
|||
<td class="text-end pe-0 opacity-25"> |
|||
<a href="https://stackoverflow.com/questions/tagged/abp" target="_blank"> |
|||
<i class="bi bi-box-arrow-up-right |
|||
text-dark"></i> |
|||
</a> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td class="ps-0 d-flex"> |
|||
<img src="/images/getting-started/youtube.svg" class="me-2"> |
|||
<div>YouTube</div> |
|||
</td> |
|||
<td class="text-end pe-0 opacity-25"> |
|||
<a href="https://www.youtube.com/@@Volosoft" target="_blank"> |
|||
<i class="bi bi-box-arrow-up-right |
|||
text-dark"></i> |
|||
</a> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td class="ps-0 d-flex border-bottom-0"> |
|||
<img src="/images/getting-started/instagram.svg" class="me-2"> |
|||
<div>Instagram</div> |
|||
</td> |
|||
<td class="text-end pe-0 opacity-25 |
|||
border-bottom-0"> |
|||
<a href="https://www.instagram.com/abpframework/" target="_blank"> |
|||
<i class="bi bi-box-arrow-up-right |
|||
text-dark"></i> |
|||
</a> |
|||
</td> |
|||
</tr> |
|||
</tbody> |
|||
</table> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
@ -1 +1,12 @@ |
|||
/* Getting-Started */ |
|||
.card-bg-image { |
|||
position: absolute; |
|||
width: 630px; |
|||
height: auto; |
|||
bottom: 0; |
|||
right: 0; |
|||
z-index: 1; |
|||
} |
|||
/* Getting-Started End */ |
|||
|
|||
/* Write here your styles for the Index page */ |
|||
File diff suppressed because it is too large
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 329 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 41 KiB |
|
After Width: | Height: | Size: 64 KiB |
|
After Width: | Height: | Size: 33 KiB |
|
After Width: | Height: | Size: 6.1 KiB |
|
After Width: | Height: | Size: 583 B |
|
After Width: | Height: | Size: 302 B |
|
After Width: | Height: | Size: 893 B |
@ -1,39 +1,281 @@ |
|||
@page "/" |
|||
@inherits MyProjectNameComponentBase |
|||
<div class="container"> |
|||
<div class="card"> |
|||
<div class="card-header"> |
|||
<h5 class="card-title"> |
|||
@L["Welcome_Title"] |
|||
</h5> |
|||
<div class="row mb-3"> |
|||
<div class="col-xl-6 col-12 d-flex"> |
|||
<div class="card h-lg-100 w-100 overflow-hidden"> |
|||
<div class="card-body"> |
|||
<div class="starting-content"> |
|||
<h3>Getting Started</h3> |
|||
<p class="lead text-muted mb-2">Learn how to create and run |
|||
a |
|||
new web application using the application startup |
|||
template.</p> |
|||
<a href="https://docs.abp.io/en/commercial/latest/getting-started" class="btn btn-brand mb-4" target="_blank">Getting |
|||
Started</a> |
|||
|
|||
<h4>Web Application Development Tutorial</h4> |
|||
<p class="text-muted mb-2">Learn how to build an ABP based |
|||
web |
|||
application named Acme.BookStore.</p> |
|||
<a href="https://docs.abp.io/en/commercial/latest/tutorials/book-store/part-1?UI=MVC&DB=EF" class="btn btn-primary soft mb-4" target="_blank">Explore Tutorial</a> |
|||
|
|||
<h4>Customize Lepton Theme</h4> |
|||
<p class="text-muted mb-2">Learn how to customize LeptonX |
|||
Theme |
|||
as you wish.</p> |
|||
<a href="https://docs.abp.io/en/commercial/latest/themes/lepton/customizing-lepton-theme" class="btn btn-primary soft mb-5 mb-xl-0" target="_blank">Customize Lepton</a> |
|||
</div> |
|||
<img class="card-bg-image" src="/images/getting-started/bg-01.png"> |
|||
</div> |
|||
</div> |
|||
<div class="card-body"> |
|||
@L["Welcome_Text"] |
|||
</div> |
|||
<div class="col-xl-3 col-md-6 d-flex"> |
|||
<div class="row"> |
|||
<div class="col-12 d-flex"> |
|||
<div class="card overflow-hidden"> |
|||
<div class="card-body pb-0"> |
|||
<div class="abp-support abp-logo mb-2"></div> |
|||
<p class="text-muted mb-2">You can check for |
|||
similar problems and solutions, or open a |
|||
new topic to discuss your specific issue.</p> |
|||
<a href="https://support.abp.io/QA/Questions" class="btn |
|||
btn-brand soft" target="_blank">Visit Support</a> |
|||
<img class="" src="/images/getting-started/img-support.png"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-12 d-flex"> |
|||
<div class="card h-md-100 overflow-hidden"> |
|||
<div class="card-body pb-0"> |
|||
<div class="abp-blog abp-logo mb-2"></div> |
|||
<p class="text-muted mb-2">You can find content |
|||
on .NET development, cross-platform, ASP.NET |
|||
application templates, ABP-related news, and |
|||
more.</p> |
|||
<a href="https://blog.abp.io/abp" class="btn |
|||
btn-brand soft" target="_blank">Visit Blog</a> |
|||
|
|||
<img style="margin-bottom: -24px;" src="/images/getting-started/img-blog.png"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-xl-3 col-md-6 d-flex"> |
|||
<div class="card h-100 overflow-hidden"> |
|||
<div class="card-body"> |
|||
<div class="abp-community abp-logo mb-2"></div> |
|||
<p class="lead text-muted">A unique community platform |
|||
for <span class="fw-bold">ABP Lovers!</span></p> |
|||
<p class="text-muted mb-2">Explore all ABP users' |
|||
experiences with the ABP Framework, discover |
|||
articles and videos on how to use ABP, and join |
|||
raffles for a chance to win surprise gifts!</p> |
|||
<a class="btn btn-brand soft mb-3" href="https://community.abp.io/" target="_blank">Join ABP |
|||
Community</a> |
|||
</div> |
|||
<img class="mt-3" src="/images/getting-started/img-community.png"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="row"> |
|||
<div class="col-xl-3 col-lg-4"> |
|||
<div class="card"> |
|||
<div class="card-header"> |
|||
<div class="card-title text-body">More from ABP.IO</div> |
|||
</div> |
|||
<div class="card-body pt-0"> |
|||
|
|||
<div class="card mt-5"> |
|||
<div class="card-body"> |
|||
<div class="row"> |
|||
<div class="col-md-auto text-center"> |
|||
<img src="https://abp.io/assets/png/mastering-abp-framework.webp" style="max-width: 400px;" class="w-100 mb-5 my-md-3"> |
|||
<div> |
|||
<table class="table mb-0"> |
|||
<tbody> |
|||
<tr> |
|||
<td class="ps-0 d-flex"> |
|||
<div class="rounded-circle me-2 |
|||
flex-center bg-brand soft" style="width: 20px; height: |
|||
20px;"><i class="bi bi-check fs-4"></i></div> |
|||
<div> Latest Release Logs </div> |
|||
</td> |
|||
<td class="text-end pe-0 opacity-25"> |
|||
<a href="https://github.com/abpframework/abp/releases" target="_blank"> |
|||
<i class="bi |
|||
bi-box-arrow-up-right |
|||
text-dark"></i> |
|||
</a> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td class="ps-0 d-flex"> |
|||
<div class="rounded-circle me-2 |
|||
flex-center bg-brand soft" style="width: 20px; height: |
|||
20px;"><i class="bi bi-check fs-4"></i></div> |
|||
<div> Video Courses </div> |
|||
</td> |
|||
<td class="text-end pe-0 opacity-25"> |
|||
<a href="https://abp.io/video-courses" target="_blank"> |
|||
<i class="bi |
|||
bi-box-arrow-up-right |
|||
text-dark"></i> |
|||
</a> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td class="ps-0 d-flex"> |
|||
<div class="rounded-circle me-2 |
|||
flex-center bg-brand soft" style="width: 20px; height: |
|||
20px;"><i class="bi bi-check fs-4"></i></div> |
|||
<div> Samples </div> |
|||
</td> |
|||
<td class="text-end pe-0 opacity-25"> |
|||
<a href="https://docs.abp.io/en/abp/latest/Samples/Index" target="_blank"> |
|||
<i class="bi |
|||
bi-box-arrow-up-right |
|||
text-dark"></i> |
|||
</a> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td class="ps-0 d-flex"> |
|||
<div class="rounded-circle me-2 |
|||
flex-center bg-brand soft" style="width: 20px; height: |
|||
20px;"><i class="bi bi-check fs-4"></i></div> |
|||
<div> Books </div> |
|||
</td> |
|||
<td class="text-end pe-0 opacity-25"> |
|||
<a href="https://abp.io/books" target="_blank"> |
|||
<i class="bi |
|||
bi-box-arrow-up-right |
|||
text-dark"></i> |
|||
</a> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td class="ps-0 d-flex border-bottom-0"> |
|||
<div class="rounded-circle me-2 |
|||
flex-center bg-brand soft" style="width: 20px; height: |
|||
20px;"><i class="bi bi-check fs-4"></i></div> |
|||
<div> FAQ </div> |
|||
</td> |
|||
<td class="text-end pe-0 opacity-25 |
|||
border-bottom-0"> |
|||
<a href="https://commercial.abp.io/faq" target="_blank"> |
|||
<i class="bi |
|||
bi-box-arrow-up-right |
|||
text-dark"></i> |
|||
</a> |
|||
</td> |
|||
</tr> |
|||
</tbody> |
|||
</table> |
|||
</div> |
|||
<div class="col-md d-flex align-items-center"> |
|||
<div class="pe-0 pe-md-4"> |
|||
<small class="text-uppercase text-muted">THE OFFICIAL GUIDE</small> |
|||
<h2 class="mb-4">Mastering ABP Framework</h2> |
|||
<p class="mb-4">Written by the creator of the ABP Framework, this book will help you gain a complete understanding of the framework and modern web application development techniques.</p> |
|||
<div class="mb-4"> |
|||
<a href="https://www.amazon.com/gp/product/B097Z2DM8Q/ref=dbs_a_def_rwt_hsch_vapi_tkin_p1_i0" class="btn btn-success mb-1"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-xl-6 col-lg-8 d-flex"> |
|||
<div class="card"> |
|||
<div class="card-body d-flex"> |
|||
<div class="row align-items-center"> |
|||
<div class="col-md-8"> |
|||
<p class="text-muted mb-0">THE OFFICIAL GUIDE</p> |
|||
<h3>Mastering ABP Framework</h3> |
|||
<p class="text-muted">Written by the creator of the ABP |
|||
Framework, this book will help you gain a complete |
|||
understanding of the framework |
|||
and modern web application development techniques.</p> |
|||
<div class="d-md-flex mb-2 mb-md-0"> |
|||
<a href="https://www.amazon.com/gp/product/B097Z2DM8Q" target="_blank" class="btn btn-primary soft |
|||
me-md-2 mb-2 mb-md-0"> |
|||
Buy on Amazon US |
|||
</a> |
|||
<a href="https://www.packtpub.com/product/mastering-abp-framework/9781801079242" class="btn btn-primary mb-1"> |
|||
<a href="https://www.packtpub.com/product/mastering-abp-framework/9781801079242" target="_blank" class="btn btn-primary soft mb-2 |
|||
mb-md-0"> |
|||
Buy on PACKT |
|||
</a> |
|||
</div> |
|||
</div> |
|||
<div class="col"> |
|||
<img src="/images/getting-started/book.png"> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-xl-3 col-lg-4"> |
|||
<div class="card"> |
|||
<div class="card-header"> |
|||
<div class="card-title text-body">Follow us on Social Media</div> |
|||
</div> |
|||
<div class="card-body pt-0"> |
|||
<div> |
|||
<table class="table mb-0"> |
|||
<tbody> |
|||
<tr> |
|||
<td class="ps-0 d-flex"> |
|||
<img src="/images/getting-started/x-white.svg" class="me-2" style="background-color: black;"> |
|||
<div>X.com</div> |
|||
</td> |
|||
<td class="text-end pe-0 opacity-25"> |
|||
<a href="https://twitter.com/abpframework" target="_blank"> |
|||
<i class="bi bi-box-arrow-up-right |
|||
text-dark"></i> |
|||
</a> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td class="ps-0 d-flex"> |
|||
<img src="/images/getting-started/discord.svg" class="me-2"> |
|||
<div>Discord</div> |
|||
</td> |
|||
<td class="text-end pe-0 opacity-25"> |
|||
<a href="https://community.abp.io/discord" target="_blank"> |
|||
<i class="bi bi-box-arrow-up-right |
|||
text-dark"></i> |
|||
</a> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td class="ps-0 d-flex"> |
|||
<img src="/images/getting-started/stack-overflow.svg" class="me-2"> |
|||
<div>Stack Overflow</div> |
|||
</td> |
|||
<td class="text-end pe-0 opacity-25"> |
|||
<a href="https://stackoverflow.com/questions/tagged/abp" target="_blank"> |
|||
<i class="bi bi-box-arrow-up-right |
|||
text-dark"></i> |
|||
</a> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td class="ps-0 d-flex"> |
|||
<img src="/images/getting-started/youtube.svg" class="me-2"> |
|||
<div>YouTube</div> |
|||
</td> |
|||
<td class="text-end pe-0 opacity-25"> |
|||
<a href="https://www.youtube.com/@@Volosoft" target="_blank"> |
|||
<i class="bi bi-box-arrow-up-right |
|||
text-dark"></i> |
|||
</a> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td class="ps-0 d-flex border-bottom-0"> |
|||
<img src="/images/getting-started/instagram.svg" class="me-2"> |
|||
<div>Instagram</div> |
|||
</td> |
|||
<td class="text-end pe-0 opacity-25 |
|||
border-bottom-0"> |
|||
<a href="https://www.instagram.com/abpframework/" target="_blank"> |
|||
<i class="bi bi-box-arrow-up-right |
|||
text-dark"></i> |
|||
</a> |
|||
</td> |
|||
</tr> |
|||
</tbody> |
|||
</table> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
@ -1 +1,12 @@ |
|||
/* Write here your styles for the Index page */ |
|||
/* Getting-Started */ |
|||
.card-bg-image { |
|||
position: absolute; |
|||
width: 630px; |
|||
height: auto; |
|||
bottom: 0; |
|||
right: 0; |
|||
z-index: 1; |
|||
} |
|||
/* Getting-Started End */ |
|||
|
|||
/* Write here your styles for the Index page */ |
|||
@ -1 +1,10 @@ |
|||
|
|||
/* Getting-Started */ |
|||
.card-bg-image { |
|||
position: absolute; |
|||
width: 630px; |
|||
height: auto; |
|||
bottom: 0; |
|||
right: 0; |
|||
z-index: 1; |
|||
} |
|||
/* Getting-Started End */ |
|||
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 329 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 41 KiB |
|
After Width: | Height: | Size: 64 KiB |
|
After Width: | Height: | Size: 33 KiB |
|
After Width: | Height: | Size: 6.1 KiB |
|
After Width: | Height: | Size: 583 B |
|
After Width: | Height: | Size: 302 B |
|
After Width: | Height: | Size: 893 B |
@ -1 +1,10 @@ |
|||
|
|||
/* Getting-Started */ |
|||
.card-bg-image { |
|||
position: absolute; |
|||
width: 630px; |
|||
height: auto; |
|||
bottom: 0; |
|||
right: 0; |
|||
z-index: 1; |
|||
} |
|||
/* Getting-Started End */ |
|||
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 329 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 41 KiB |
|
After Width: | Height: | Size: 64 KiB |
|
After Width: | Height: | Size: 33 KiB |
|
After Width: | Height: | Size: 6.1 KiB |
|
After Width: | Height: | Size: 583 B |
|
After Width: | Height: | Size: 302 B |
|
After Width: | Height: | Size: 893 B |
Loading…
Reference in new issue