bootstrap-taghelpers.abp.io: homepage design edited

pull/16352/head
Onur Pıçakcı 3 years ago
parent 0dfbbc0950
commit 2c35bf7d33

@ -4,32 +4,218 @@
ViewData["Title"] = "Index";
}
<h2>Components</h2>
<ul>
<li><a asp-page="Components/alerts">Alerts</a></li>
<li><a asp-page="Components/badges">Badges</a></li>
@*<li><a asp-page="Components/blockquotes"> > Blockquotes</a></li>*@
<li><a asp-page="Components/Borders">Borders</a></li>
<li><a asp-page="Components/breadcrumbs">Breadcrumbs</a></li>
<li><a asp-page="Components/Buttons">Buttons</a></li>
<li><a asp-page="Components/ButtonGroups">Button Groups</a></li>
<li><a asp-page="Components/Cards">Cards</a></li>
<li><a asp-page="Components/Carousel">Carousel</a></li>
<li><a asp-page="Components/collapse">Collapse</a></li>
<li><a asp-page="Components/DatePicker">Date Picker & Date Range Picker</a></li>
<li><a asp-page="Components/Dropdowns">Dropdowns</a></li>
<li><a asp-page="Components/DynamicForms">Dynamic Forms</a></li>
<li><a asp-page="Components/FormElements">Form Elements</a></li>
<li><a asp-page="Components/Grids">Grids</a></li>
<li><a asp-page="Components/ListGroup">List Groups</a></li>
<li><a asp-page="Components/Modals">Modals</a></li>
<li><a asp-page="Components/Navs">Navs</a></li>
<li><a asp-page="Components/Paginator">Paginator</a></li>
<li><a asp-page="Components/Popovers">Popovers</a></li>
<li><a asp-page="Components/ProgressBars">Progress Bars</a></li>
<li><a asp-page="Components/Tables">Tables</a></li>
<li><a asp-page="Components/Tabs">Tabs</a></li>
<li><a asp-page="Components/tooltips">Tooltips</a></li>
</ul>
@section styles {
<abp-style src="/Pages/Index.css"/>
}
<div class="container">
<div class="row p-3">
<div class="col-3">
<abp-card class="text-center p-4" style="width: 15rem; height: 7rem;">
<abp-card-body>
<abp-card-title>
<a abp-card-link asp-page="Components/Alerts">Alerts</a>
</abp-card-title>
</abp-card-body>
</abp-card>
</div>
<div class="col-3">
<abp-card class="text-center p-4" style="width: 15rem; height: 7rem;">
<abp-card-body>
<abp-card-title>
<a abp-card-link asp-page="Components/Badges">Badges</a>
</abp-card-title>
</abp-card-body>
</abp-card>
</div>
<div class="col-3">
<abp-card class="text-center p-4" style="width: 15rem; height: 7rem;">
<abp-card-body>
<abp-card-title>
<a abp-card-link asp-page="Components/Borders">Borders</a>
</abp-card-title>
</abp-card-body>
</abp-card>
</div>
<div class="col-3">
<abp-card class="text-center p-4" style="width: 15rem; height: 7rem;">
<abp-card-body>
<abp-card-title>
<a abp-card-link asp-page="Components/Breadcrumbs">Breadcrumbs</a>
</abp-card-title>
</abp-card-body>
</abp-card>
</div>
<div class="col-3">
<abp-card class="text-center p-4" style="width: 15rem; height: 7rem;">
<abp-card-body>
<abp-card-title>
<a abp-card-link asp-page="Components/Buttons">Buttons</a>
</abp-card-title>
</abp-card-body>
</abp-card>
</div>
<div class="col-3">
<abp-card class="text-center p-4" style="width: 15rem; height: 7rem;">
<abp-card-body>
<abp-card-title>
<a abp-card-link asp-page="Components/ButtonGroups">Button Groups</a>
</abp-card-title>
</abp-card-body>
</abp-card>
</div>
<div class="col-3">
<abp-card class="text-center p-4" style="width: 15rem; height: 7rem;">
<abp-card-body>
<abp-card-title>
<a abp-card-link asp-page="Components/Cards">Cards</a>
</abp-card-title>
</abp-card-body>
</abp-card>
</div>
<div class="col-3">
<abp-card class="text-center p-4" style="width: 15rem; height: 7rem;">
<abp-card-body>
<abp-card-title>
<a abp-card-link asp-page="Components/Carousel">Carousel</a>
</abp-card-title>
</abp-card-body>
</abp-card>
</div>
<div class="col-3">
<abp-card class="text-center p-4" style="width: 15rem; height: 7rem;">
<abp-card-body>
<abp-card-title>
<a abp-card-link asp-page="Components/Collapse">Collapse</a>
</abp-card-title>
</abp-card-body>
</abp-card>
</div>
<div class="col-3">
<abp-card class="text-center p-3" style="width: 15rem; height: 7rem;">
<abp-card-body>
<abp-card-title>
<a abp-card-link asp-page="Components/DatePicker">Date Picker & Date Range Picker</a>
</abp-card-title>
</abp-card-body>
</abp-card>
</div>
<div class="col-3">
<abp-card class="text-center p-4" style="width: 15rem; height: 7rem;">
<abp-card-body>
<abp-card-title>
<a abp-card-link asp-page="Components/Dropdowns">Dropdowns</a>
</abp-card-title>
</abp-card-body>
</abp-card>
</div>
<div class="col-3">
<abp-card class="text-center p-4" style="width: 15rem; height: 7rem;">
<abp-card-body>
<abp-card-title>
<a abp-card-link asp-page="Components/DynamicForms">Dynamic Forms</a>
</abp-card-title>
</abp-card-body>
</abp-card>
</div>
<div class="col-3">
<abp-card class="text-center p-4" style="width: 15rem; height: 7rem;">
<abp-card-body>
<abp-card-title>
<a abp-card-link asp-page="Components/FormElements">Form Elements</a>
</abp-card-title>
</abp-card-body>
</abp-card>
</div>
<div class="col-3">
<abp-card class="text-center p-4" style="width: 15rem; height: 7rem;">
<abp-card-body>
<abp-card-title>
<a abp-card-link asp-page="Components/Grids">Grids</a>
</abp-card-title>
</abp-card-body>
</abp-card>
</div>
<div class="col-3">
<abp-card class="text-center p-4" style="width: 15rem; height: 7rem;">
<abp-card-body>
<abp-card-title>
<a abp-card-link asp-page="Components/ListGroup">List Groups</a>
</abp-card-title>
</abp-card-body>
</abp-card>
</div>
<div class="col-3">
<abp-card class="text-center p-4" style="width: 15rem; height: 7rem;">
<abp-card-body>
<abp-card-title>
<a abp-card-link asp-page="Components/Modals">Modals</a>
</abp-card-title>
</abp-card-body>
</abp-card>
</div>
<div class="col-3">
<abp-card class="text-center p-4" style="width: 15rem; height: 7rem;">
<abp-card-body>
<abp-card-title>
<a abp-card-link asp-page="Components/Navs">Navs</a>
</abp-card-title>
</abp-card-body>
</abp-card>
</div>
<div class="col-3">
<abp-card class="text-center p-4" style="width: 15rem; height: 7rem;">
<abp-card-body>
<abp-card-title>
<a abp-card-link asp-page="Components/Paginator">Paginator</a>
</abp-card-title>
</abp-card-body>
</abp-card>
</div>
<div class="col-3">
<abp-card class="text-center p-4" style="width: 15rem; height: 7rem;">
<abp-card-body>
<abp-card-title>
<a abp-card-link asp-page="Components/Popovers">Popovers</a>
</abp-card-title>
</abp-card-body>
</abp-card>
</div>
<div class="col-3">
<abp-card class="text-center p-4" style="width: 15rem; height: 7rem;">
<abp-card-body>
<abp-card-title>
<a abp-card-link asp-page="Components/ProgressBars">Progress Bars</a>
</abp-card-title>
</abp-card-body>
</abp-card>
</div>
<div class="col-3">
<abp-card class="text-center p-4" style="width: 15rem; height: 7rem;">
<abp-card-body>
<abp-card-title>
<a abp-card-link asp-page="Components/Tables">Tables</a>
</abp-card-title>
</abp-card-body>
</abp-card>
</div>
<div class="col-3">
<abp-card class="text-center p-4" style="width: 15rem; height: 7rem;">
<abp-card-body>
<abp-card-title>
<a abp-card-link asp-page="Components/Tabs">Tabs</a>
</abp-card-title>
</abp-card-body>
</abp-card>
</div>
<div class="col-3">
<abp-card class="text-center p-4" style="width: 15rem; height: 7rem;">
<abp-card-body>
<abp-card-title>
<a abp-card-link asp-page="Components/Tooltips">Tooltips</a>
</abp-card-title>
</abp-card-body>
</abp-card>
</div>
</div>
</div>
Loading…
Cancel
Save