|
|
|
@ -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>
|