refactor: change CCol cols attribute to col attribute
This commit is contained in:
@@ -2,7 +2,7 @@
|
||||
<div class="wrapper">
|
||||
<div class="animated fadeIn">
|
||||
<CRow>
|
||||
<CCol cols>
|
||||
<CCol col>
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<i class="fa fa-align-justify"></i><strong> Bootstrap Breadcrumb</strong>
|
||||
|
||||
@@ -52,7 +52,7 @@
|
||||
<CCardBody :bodyHtml="loremIpsum"/>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow><!--/.row-->
|
||||
</CRow>
|
||||
<CRow>
|
||||
<CCol sm="6" md="4">
|
||||
<CCard
|
||||
@@ -92,7 +92,7 @@
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow><!--/.row-->
|
||||
</CRow>
|
||||
|
||||
<CRow>
|
||||
<CCol sm="6" md="4">
|
||||
@@ -125,7 +125,7 @@
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow><!--/.row-->
|
||||
</CRow>
|
||||
<CRow>
|
||||
<CCol sm="6" md="4">
|
||||
<CCard class="bg-primary text-center" bodyWrapper>
|
||||
@@ -187,7 +187,7 @@
|
||||
</blockquote>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow><!--/.row-->
|
||||
</CRow>
|
||||
<CRow>
|
||||
<CCol sm="6" md="4">
|
||||
<CCard headerHtml="Card title" class="bg-primary" bodyWrapper>
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div class="wrapper">
|
||||
<div class="animated fadeIn">
|
||||
<CRow>
|
||||
<CCol cols="12" md="6">
|
||||
<CCol col="12" md="6">
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<i class="fa fa-align-justify"></i>
|
||||
@@ -31,7 +31,7 @@
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
<!-- <CCol cols="12" md="6">
|
||||
<!-- <CCol col="12" md="6">
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<i class="fa fa-align-justify"></i><strong> Collapse </strong> <small>with <code>v-b-toggle</code> directive</small>
|
||||
@@ -51,7 +51,7 @@
|
||||
</CCol>
|
||||
</CRow>
|
||||
<CRow>
|
||||
<CCol cols="12" md="6">
|
||||
<CCol col="12" md="6">
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<i class="fa fa-align-justify"></i><strong> Collapse </strong> <small>with <code>visibility</code></small>
|
||||
@@ -66,7 +66,7 @@
|
||||
</div>
|
||||
</CCard>
|
||||
</CCol>
|
||||
<CCol cols="12" md="6">
|
||||
<CCol col="12" md="6">
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<i class="fa fa-align-justify"></i><strong> Collapse </strong> <small>with <code>v-model</code></small>
|
||||
@@ -88,7 +88,7 @@
|
||||
</CCol>
|
||||
</CRow>
|
||||
<CRow>
|
||||
<CCol cols="12" md="6">
|
||||
<CCol col="12" md="6">
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<i class="fa fa-align-justify"></i><strong> Collapse </strong> <small>multiple elements</small>
|
||||
@@ -109,7 +109,7 @@
|
||||
</div>
|
||||
</CCard>
|
||||
</CCol>
|
||||
<CCol cols="12" md="6">
|
||||
<CCol col="12" md="6">
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<i class="fa fa-align-justify"></i><strong> Collapse </strong> <small><code>accordion</code> support</small>
|
||||
|
||||
@@ -590,10 +590,10 @@
|
||||
v-for="(number, key) in [4,5,6,7,8]"
|
||||
:key="key"
|
||||
>
|
||||
<CCol :cols="12 - number">
|
||||
<CCol :col="12 - number">
|
||||
<CFormInput class="mb-0" :placeholder="`.col-md-${12 - number}`"/>
|
||||
</CCol>
|
||||
<CCol :cols="number">
|
||||
<CCol :col="number">
|
||||
<CFormInput class="mb-0" :placeholder="`.col-md-${number}`"/>
|
||||
</CCol>
|
||||
</CRow>
|
||||
@@ -618,10 +618,10 @@
|
||||
v-for="(number, key) in [4,5,6,7,8]"
|
||||
:key="key"
|
||||
>
|
||||
<CCol :cols="number">
|
||||
<CCol :col="number">
|
||||
<CFormInput class="mb-0" :placeholder="`.col-${number}`"/>
|
||||
</CCol>
|
||||
<CCol :cols="12 - number">
|
||||
<CCol :col="12 - number">
|
||||
<CFormInput class="mb-0" :placeholder="`.col-${12 - number}`"/>
|
||||
</CCol>
|
||||
</CRow>
|
||||
|
||||
@@ -169,7 +169,7 @@
|
||||
</CCol>
|
||||
</CRow>
|
||||
<CRow>
|
||||
<CCol cols="12">
|
||||
<CCol col="12">
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<i class="fa fa-align-justify"></i>
|
||||
|
||||
@@ -141,7 +141,7 @@
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<CRow>
|
||||
<CCol cols="3" class="m-0">
|
||||
<CCol col="3" class="m-0">
|
||||
<CNav vertical pills >
|
||||
<CNavItem active>Active</CNavItem>
|
||||
<CNavItem>Link</CNavItem>
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<CRow>
|
||||
<CCol cols="4">
|
||||
<CCol col="4">
|
||||
<div class="my-3 text-center">
|
||||
<CButton
|
||||
variant="primary"
|
||||
@@ -26,7 +26,7 @@
|
||||
</CButton>
|
||||
</div>
|
||||
</CCol>
|
||||
<CCol cols="4">
|
||||
<CCol col="4">
|
||||
<div class="my-3 text-center">
|
||||
<CButton
|
||||
variant="primary"
|
||||
@@ -39,7 +39,7 @@
|
||||
/>
|
||||
</div>
|
||||
</CCol>
|
||||
<CCol cols="4">
|
||||
<CCol col="4">
|
||||
<div class="my-3 text-center">
|
||||
<CButton
|
||||
variant="primary"
|
||||
|
||||
@@ -41,7 +41,7 @@
|
||||
square
|
||||
size="sm"
|
||||
@click="toggleDetails(index)"
|
||||
:text="details.includes(index) ? 'Hide' : 'Show'"
|
||||
:textHtml="details.includes(index) ? 'Hide' : 'Show'"
|
||||
/>
|
||||
</td>
|
||||
</template>
|
||||
@@ -92,7 +92,7 @@
|
||||
caption="<i class='fa fa-align-justify'></i> Striped Table"
|
||||
/>
|
||||
</CCol><!--/.col-->
|
||||
</CRow><!--/.row-->
|
||||
</CRow>
|
||||
|
||||
<CRow>
|
||||
<CCol lg="6">
|
||||
@@ -111,7 +111,7 @@
|
||||
caption="<i class='fa fa-align-justify'></i> Bordered Table"
|
||||
/>
|
||||
</CCol><!--/.col-->
|
||||
</CRow><!--/.row-->
|
||||
</CRow>
|
||||
|
||||
<CRow>
|
||||
<CCol sm="12">
|
||||
|
||||
@@ -14,21 +14,21 @@
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<CRow>
|
||||
<CCol cols="4">
|
||||
<CCol col="4">
|
||||
<div class="text-center my-3">
|
||||
<CButton v-c-tooltip.hover.click="'I am a tooltip!'">
|
||||
Hover Me
|
||||
</CButton>
|
||||
</div>
|
||||
</CCol>
|
||||
<CCol cols="4">
|
||||
<CCol col="4">
|
||||
<div class="text-center my-3">
|
||||
<CButton v-c-tooltip="{content: 'I start open!', active:true }">
|
||||
Hover me
|
||||
</CButton>
|
||||
</div>
|
||||
</CCol>
|
||||
<CCol cols="4">
|
||||
<CCol col="4">
|
||||
<div class="text-center my-3">
|
||||
<CButton v-c-tooltip.click="
|
||||
'I am showing on click and hiding on click outside tooltip!'
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="animated fadeIn">
|
||||
<CRow>
|
||||
<CCol cols="12">
|
||||
<CCol col="12">
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<strong>Brand Button</strong>
|
||||
@@ -96,7 +96,7 @@
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol><!--/.col-->
|
||||
<CCol cols="12">
|
||||
<CCol col="12">
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<strong>Brand Button </strong> <small>Icons only</small>
|
||||
@@ -192,7 +192,7 @@
|
||||
</CCard>
|
||||
</CCol><!--/.col-->
|
||||
|
||||
<CCol cols="12">
|
||||
<CCol col="12">
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<strong>Brand Button </strong> <small>Text only</small>
|
||||
@@ -287,7 +287,7 @@
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol><!--/.col-->
|
||||
</CRow><!--/.row-->
|
||||
</CRow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div class="wrapper">
|
||||
<div class="animated fadeIn">
|
||||
<CRow>
|
||||
<CCol cols="12" >
|
||||
<CCol col="12" >
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<i class="fa fa-align-justify"></i><strong> Bootstrap button group</strong>
|
||||
@@ -34,7 +34,7 @@
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
<CCol cols="12">
|
||||
<CCol col="12">
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<i class="fa fa-align-justify"></i><strong> Button group </strong>sizing
|
||||
@@ -62,7 +62,7 @@
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
<CCol cols="12">
|
||||
<CCol col="12">
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<i class="fa fa-align-justify"></i><strong> Button group </strong>dropdown support
|
||||
@@ -90,7 +90,7 @@
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
<CCol cols="12">
|
||||
<CCol col="12">
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<i class="fa fa-align-justify"></i><strong> Button group </strong>vertical variation
|
||||
@@ -106,7 +106,7 @@
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
<CCol cols="12">
|
||||
<CCol col="12">
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<i class="fa fa-align-justify"></i>
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div class="wrapper">
|
||||
<div class="animated fadeIn">
|
||||
<CRow>
|
||||
<CCol cols="12" md="6">
|
||||
<CCol col="12" md="6">
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<i class="fa fa-align-justify"></i>
|
||||
@@ -50,7 +50,7 @@
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
<CCol cols="12" md="6">
|
||||
<CCol col="12" md="6">
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<i class="fa fa-align-justify"></i><strong> Dropdown </strong><small>positioning</small>
|
||||
@@ -108,7 +108,7 @@
|
||||
</CCol>
|
||||
</CRow>
|
||||
<CRow>
|
||||
<CCol cols="12" md="6">
|
||||
<CCol col="12" md="6">
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<i class="fa fa-align-justify"></i><strong> Dropdown </strong><small>hidden caret</small>
|
||||
@@ -128,7 +128,7 @@
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
<CCol cols="12" md="6">
|
||||
<CCol col="12" md="6">
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<i class="fa fa-align-justify"></i><strong> Dropdown </strong><small>sizing</small>
|
||||
@@ -162,7 +162,7 @@
|
||||
</CCol>
|
||||
</CRow>
|
||||
<CRow>
|
||||
<CCol cols="12" md="6">
|
||||
<CCol col="12" md="6">
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<i class="fa fa-align-justify"></i><strong> Dropdown </strong><small>headers and accessibility</small>
|
||||
@@ -187,7 +187,7 @@
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
<CCol cols="12" md="6">
|
||||
<CCol col="12" md="6">
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<i class="fa fa-align-justify"></i><strong> Dropdown </strong><small><code>variant</code></small>
|
||||
|
||||
@@ -6,98 +6,98 @@
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<CRow class="align-items-center">
|
||||
<CCol cols="12" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="12" xl class="mb-3 mb-xl-0">
|
||||
Normal
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="primary">Primary</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="secondary">Secondary</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="success">Success</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="warning">Warning</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="danger">Danger</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="info">Info</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="light">Light</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="dark">Dark</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="link">Link</CButton>
|
||||
</CCol>
|
||||
</CRow>
|
||||
<CRow class="align-items-center mt-3">
|
||||
<CCol cols="12" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="12" xl class="mb-3 mb-xl-0">
|
||||
Active State
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton pressed block variant="primary" aria-pressed="true">Primary</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton pressed block variant="secondary" aria-pressed="true">Secondary</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton pressed block variant="success" aria-pressed="true">Success</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton pressed block variant="warning" aria-pressed="true">Warning</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton pressed block variant="danger" aria-pressed="true">Danger</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton pressed block variant="info" aria-pressed="true">Info</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton pressed block variant="light" aria-pressed="true">Light</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton pressed block variant="dark" aria-pressed="true">Dark</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton pressed block variant="link" aria-pressed="true">Link</CButton>
|
||||
</CCol>
|
||||
</CRow>
|
||||
<CRow class="align-items-center mt-3">
|
||||
<CCol cols="12" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="12" xl class="mb-3 mb-xl-0">
|
||||
Disabled
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="primary" disabled>Primary</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="secondary" disabled>Secondary</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="success" disabled>Success</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="warning" disabled>Warning</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="danger" disabled>Danger</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="info" disabled>Info</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="light" disabled>Light</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="dark" disabled>Dark</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="link" disabled>Link</CButton>
|
||||
</CCol>
|
||||
</CRow>
|
||||
@@ -112,94 +112,94 @@
|
||||
Use <code>variant="outline-*"</code> prop
|
||||
</p>
|
||||
<CRow class="align-items-center">
|
||||
<CCol cols="12" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="12" xl class="mb-3 mb-xl-0">
|
||||
Normal
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="outline-primary">Primary</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="outline-secondary">Secondary</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="outline-success">Success</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="outline-warning">Warning</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="outline-danger">Danger</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="outline-info">Info</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="outline-light">Light</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="outline-dark">Dark</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0"></CCol>
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0"></CCol>
|
||||
</CRow>
|
||||
<CRow class="align-items-center mt-3">
|
||||
<CCol cols="12" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="12" xl class="mb-3 mb-xl-0">
|
||||
Active State
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block pressed variant="outline-primary" aria-pressed="true">Primary</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block pressed variant="outline-secondary" aria-pressed="true">Secondary</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block pressed variant="outline-success" aria-pressed="true">Success</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block pressed variant="outline-warning" aria-pressed="true">Warning</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block pressed variant="outline-danger" aria-pressed="true">Danger</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block pressed variant="outline-info" aria-pressed="true">Info</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block pressed variant="outline-light" aria-pressed="true">Light</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block pressed variant="outline-dark" aria-pressed="true">Dark</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0"></CCol>
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0"></CCol>
|
||||
</CRow>
|
||||
<CRow class="align-items-center mt-3">
|
||||
<CCol cols="12" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="12" xl class="mb-3 mb-xl-0">
|
||||
Disabled
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="outline-primary" disabled>Primary</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="outline-secondary" disabled>Secondary</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="outline-success" disabled>Success</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="outline-warning" disabled>Warning</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="outline-danger" disabled>Danger</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="outline-info" disabled>Info</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="outline-light" disabled>Light</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="outline-dark" disabled>Dark</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0"></CCol>
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0"></CCol>
|
||||
</CRow>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
@@ -213,94 +213,94 @@
|
||||
<code>ghost</code> prop for ghost buttons.
|
||||
</p>
|
||||
<CRow class="align-items-center">
|
||||
<CCol cols="12" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="12" xl class="mb-3 mb-xl-0">
|
||||
Normal
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0" >
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0" >
|
||||
<CButton block ghost variant="primary">Primary</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block ghost variant="secondary">Secondary</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block ghost variant="success">Success</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block ghost variant="warning">Warning</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block ghost variant="danger">Danger</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block ghost variant="info">Info</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block ghost variant="light">Light</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block ghost variant="dark">Dark</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0"></CCol>
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0"></CCol>
|
||||
</CRow>
|
||||
<CRow class="align-items-center mt-3">
|
||||
<CCol cols="12" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="12" xl class="mb-3 mb-xl-0">
|
||||
Active State
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block pressed ghost variant="primary" aria-pressed="true">Primary</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block pressed ghost variant="secondary" aria-pressed="true">Secondary</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block pressed ghost variant="success" aria-pressed="true">Success</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block pressed ghost variant="warning" aria-pressed="true">Warning</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block pressed ghost variant="danger" aria-pressed="true">Danger</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block pressed ghost variant="info" aria-pressed="true">Info</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block pressed ghost variant="light" aria-pressed="true">Light</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block pressed ghost variant="dark" aria-pressed="true">Dark</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0"></CCol>
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0"></CCol>
|
||||
</CRow>
|
||||
<CRow class="align-items-center mt-3">
|
||||
<CCol cols="12" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="12" xl class="mb-3 mb-xl-0">
|
||||
Disabled
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block ghost variant="primary" disabled>Primary</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block ghost variant="secondary" disabled>Secondary</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block ghost variant="success" disabled>Success</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block ghost variant="warning" disabled>Warning</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block ghost variant="danger" disabled>Danger</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block ghost variant="info" disabled>Info</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block ghost variant="light" disabled>Light</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block ghost variant="dark" disabled>Dark</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0"></CCol>
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0"></CCol>
|
||||
</CRow>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
@@ -314,98 +314,98 @@
|
||||
<code>square</code> prop for square buttons.
|
||||
</p>
|
||||
<CRow class="align-items-center">
|
||||
<CCol cols="12" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="12" xl class="mb-3 mb-xl-0">
|
||||
Normal
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="primary" square>Primary</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="secondary" square>Secondary</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="success" square>Success</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="warning" square>Warning</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="danger" square>Danger</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="info" square>Info</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="light" square>Light</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="dark" square>Dark</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="link" square>Link</CButton>
|
||||
</CCol>
|
||||
</CRow>
|
||||
<CRow class="align-items-center mt-3">
|
||||
<CCol cols="12" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="12" xl class="mb-3 mb-xl-0">
|
||||
Active State
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton pressed block variant="primary" square aria-pressed="true">Primary</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton pressed block variant="secondary" square aria-pressed="true">Secondary</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton pressed block variant="success" square aria-pressed="true">Success</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton pressed block variant="warning" square aria-pressed="true">Warning</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton pressed block variant="danger" square aria-pressed="true">Danger</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton pressed block variant="info" square aria-pressed="true">Info</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton pressed block variant="light" square aria-pressed="true">Light</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton pressed block variant="dark" square aria-pressed="true">Dark</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton pressed block variant="link" square aria-pressed="true">Link</CButton>
|
||||
</CCol>
|
||||
</CRow>
|
||||
<CRow class="align-items-center mt-3">
|
||||
<CCol cols="12" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="12" xl class="mb-3 mb-xl-0">
|
||||
Disabled
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="primary" square disabled>Primary</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="secondary" square disabled>Secondary</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="success" square disabled>Success</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="warning" square disabled>Warning</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="danger" square disabled>Danger</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="info" square disabled>Info</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="light" square disabled>Light</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="dark" square disabled>Dark</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="link" square disabled>Link</CButton>
|
||||
</CCol>
|
||||
</CRow>
|
||||
@@ -421,98 +421,98 @@
|
||||
<code>pill</code> prop for pill buttons.
|
||||
</p>
|
||||
<CRow class="align-items-center">
|
||||
<CCol cols="12" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="12" xl class="mb-3 mb-xl-0">
|
||||
Normal
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="primary" pill>Primary</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="secondary" pill>Secondary</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="success" pill>Success</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="warning" pill>Warning</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="danger" pill>Danger</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="info" pill>Info</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="light" pill>Light</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="dark" pill>Dark</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="link" pill>Link</CButton>
|
||||
</CCol>
|
||||
</CRow>
|
||||
<CRow class="align-items-center mt-3">
|
||||
<CCol cols="12" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="12" xl class="mb-3 mb-xl-0">
|
||||
Active State
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton pressed block variant="primary" pill aria-pressed="true">Primary</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton pressed block variant="secondary" pill aria-pressed="true">Secondary</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton pressed block variant="success" pill aria-pressed="true">Success</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton pressed block variant="warning" pill aria-pressed="true">Warning</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton pressed block variant="danger" pill aria-pressed="true">Danger</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton pressed block variant="info" pill aria-pressed="true">Info</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton pressed block variant="light" pill aria-pressed="true">Light</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton pressed block variant="dark" pill aria-pressed="true">Dark</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton pressed block variant="link" pill aria-pressed="true">Link</CButton>
|
||||
</CCol>
|
||||
</CRow>
|
||||
<CRow class="align-items-center mt-3">
|
||||
<CCol cols="12" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="12" xl class="mb-3 mb-xl-0">
|
||||
Disabled
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="primary" pill disabled>Primary</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="secondary" pill disabled>Secondary</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="success" pill disabled>Success</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="warning" pill disabled>Warning</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="danger" pill disabled>Danger</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="info" pill disabled>Info</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="light" pill disabled>Light</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="dark" pill disabled>Dark</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="6" sm="4" md="2" xl class="mb-3 mb-xl-0">
|
||||
<CButton block variant="link" pill disabled>Link</CButton>
|
||||
</CCol>
|
||||
</CRow>
|
||||
@@ -525,62 +525,62 @@
|
||||
<CCardBody>
|
||||
<p>Fancy larger or smaller buttons? Add <code>size="lg"</code> or <code>size="sm"</code> for additional sizes.</p>
|
||||
<CRow class="align-items-center">
|
||||
<CCol cols="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="2" xl class="mb-3 mb-xl-0">
|
||||
Small
|
||||
</CCol>
|
||||
<CCol cols="2" class="mb-3 mb-xl-0 text-center">
|
||||
<CCol col="2" class="mb-3 mb-xl-0 text-center">
|
||||
<CButton variant="primary" size="sm">Standard Button</CButton>
|
||||
</CCol>
|
||||
<CCol cols="2" class="mb-3 mb-xl-0 text-center">
|
||||
<CCol col="2" class="mb-3 mb-xl-0 text-center">
|
||||
<CButton variant="outline-secondary" size="sm">Outline Button</CButton>
|
||||
</CCol>
|
||||
<CCol cols="2" class="mb-3 mb-xl-0 text-center">
|
||||
<CCol col="2" class="mb-3 mb-xl-0 text-center">
|
||||
<CButton size="sm" ghost variant="success">Ghost Button</CButton>
|
||||
</CCol>
|
||||
<CCol cols="2" class="mb-3 mb-xl-0 text-center">
|
||||
<CCol col="2" class="mb-3 mb-xl-0 text-center">
|
||||
<CButton variant="warning" size="sm" square>Square Button</CButton>
|
||||
</CCol>
|
||||
<CCol cols="2" class="mb-3 mb-xl-0 text-center">
|
||||
<CCol col="2" class="mb-3 mb-xl-0 text-center">
|
||||
<CButton variant="danger" size="sm" pill>Pill Button</CButton>
|
||||
</CCol>
|
||||
</CRow>
|
||||
<CRow class="align-items-center mt-3">
|
||||
<CCol cols="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="2" xl class="mb-3 mb-xl-0">
|
||||
Normal
|
||||
</CCol>
|
||||
<CCol cols="2" class="mb-3 mb-xl-0 text-center">
|
||||
<CCol col="2" class="mb-3 mb-xl-0 text-center">
|
||||
<CButton variant="primary">Standard Button</CButton>
|
||||
</CCol>
|
||||
<CCol cols="2" class="mb-3 mb-xl-0 text-center">
|
||||
<CCol col="2" class="mb-3 mb-xl-0 text-center">
|
||||
<CButton variant="outline-secondary" >Outline Button</CButton>
|
||||
</CCol>
|
||||
<CCol cols="2" class="mb-3 mb-xl-0 text-center">
|
||||
<CCol col="2" class="mb-3 mb-xl-0 text-center">
|
||||
<CButton ghost variant="success">Ghost Button</CButton>
|
||||
</CCol>
|
||||
<CCol cols="2" class="mb-3 mb-xl-0 text-center">
|
||||
<CCol col="2" class="mb-3 mb-xl-0 text-center">
|
||||
<CButton variant="warning" square>Square Button</CButton>
|
||||
</CCol>
|
||||
<CCol cols="2" class="mb-3 mb-xl-0 text-center">
|
||||
<CCol col="2" class="mb-3 mb-xl-0 text-center">
|
||||
<CButton variant="danger" pill>Pill Button</CButton>
|
||||
</CCol>
|
||||
</CRow>
|
||||
<CRow class="align-items-center mt-3">
|
||||
<CCol cols="2" xl class="mb-3 mb-xl-0">
|
||||
<CCol col="2" xl class="mb-3 mb-xl-0">
|
||||
Large
|
||||
</CCol>
|
||||
<CCol cols="2" class="mb-3 mb-xl-0 text-center">
|
||||
<CCol col="2" class="mb-3 mb-xl-0 text-center">
|
||||
<CButton variant="primary" size="lg">Standard Button</CButton>
|
||||
</CCol>
|
||||
<CCol cols="2" class="mb-3 mb-xl-0 text-center">
|
||||
<CCol col="2" class="mb-3 mb-xl-0 text-center">
|
||||
<CButton variant="outline-secondary" size="lg">Outline Button</CButton>
|
||||
</CCol>
|
||||
<CCol cols="2" class="mb-3 mb-xl-0 text-center">
|
||||
<CCol col="2" class="mb-3 mb-xl-0 text-center">
|
||||
<CButton ghost variant="success" size="lg">Ghost Button</CButton>
|
||||
</CCol>
|
||||
<CCol cols="2" class="mb-3 mb-xl-0 text-center">
|
||||
<CCol col="2" class="mb-3 mb-xl-0 text-center">
|
||||
<CButton variant="warning" size="lg" square>Square Button</CButton>
|
||||
</CCol>
|
||||
<CCol cols="2" class="mb-3 mb-xl-0 text-center">
|
||||
<CCol col="2" class="mb-3 mb-xl-0 text-center">
|
||||
<CButton variant="danger" size="lg" pill>Pill Button</CButton>
|
||||
</CCol>
|
||||
</CRow>
|
||||
|
||||
+100
-100
@@ -11,403 +11,403 @@
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<CRow class="text-center">
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-account-logout icons font-2xl d-block mt-4"></i>
|
||||
<div>account-logout</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-action-redo icons font-2xl d-block mt-4"></i>
|
||||
<div>action-redo</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-action-undo icons font-2xl d-block mt-4"></i>
|
||||
<div>action-undo</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-align-center icons font-2xl d-block mt-4"></i>
|
||||
<div>align-center</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-align-left icons font-2xl d-block mt-4"></i>
|
||||
<div>align-left</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-align-right icons font-2xl d-block mt-4"></i>
|
||||
<div>align-right</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-arrow-bottom icons font-2xl d-block mt-4"></i>
|
||||
<div>arrow-bottom</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-arrow-left icons font-2xl d-block mt-4"></i>
|
||||
<div>arrow-left</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-arrow-right icons font-2xl d-block mt-4"></i>
|
||||
<div>arrow-right</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-arrow-top icons font-2xl d-block mt-4"></i>
|
||||
<div>arrow-top</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-ban icons font-2xl d-block mt-4"></i>
|
||||
<div>ban</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-basket-loaded icons font-2xl d-block mt-4"></i>
|
||||
<div>basket-loaded</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-bell icons font-2xl d-block mt-4"></i>
|
||||
<div>bell</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-bold icons font-2xl d-block mt-4"></i>
|
||||
<div>bold</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-bookmark icons font-2xl d-block mt-4"></i>
|
||||
<div>bookmark</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-briefcase icons font-2xl d-block mt-4"></i>
|
||||
<div>briefcase</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-british-pound icons font-2xl d-block mt-4"></i>
|
||||
<div>british-pound</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-brush icons font-2xl d-block mt-4"></i>
|
||||
<div>brush</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-calculator icons font-2xl d-block mt-4"></i>
|
||||
<div>calculator</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-calendar icons font-2xl d-block mt-4"></i>
|
||||
<div>calendar</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-cart icons font-2xl d-block mt-4"></i>
|
||||
<div>cart</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-chart icons font-2xl d-block mt-4"></i>
|
||||
<div>chart</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-check icons font-2xl d-block mt-4"></i>
|
||||
<div>check</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-chevron-bottom icons font-2xl d-block mt-4"></i>
|
||||
<div>chevron-bottom</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-chevron-left icons font-2xl d-block mt-4"></i>
|
||||
<div>chevron-left</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-chevron-right icons font-2xl d-block mt-4"></i>
|
||||
<div>chevron-right</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-chevron-top icons font-2xl d-block mt-4"></i>
|
||||
<div>chevron-top</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-circle-check icons font-2xl d-block mt-4"></i>
|
||||
<div>circle-check</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-circle-x icons font-2xl d-block mt-4"></i>
|
||||
<div>circle-x</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-cloud icons font-2xl d-block mt-4"></i>
|
||||
<div>cloud</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-cloud-download icons font-2xl d-block mt-4"></i>
|
||||
<div>cloud-download</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-cloud-upload icons font-2xl d-block mt-4"></i>
|
||||
<div>cloud-upload</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-code icons font-2xl d-block mt-4"></i>
|
||||
<div>code</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-cog icons font-2xl d-block mt-4"></i>
|
||||
<div>cog</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-comment-square icons font-2xl d-block mt-4"></i>
|
||||
<div>comment-square</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-credit-card icons font-2xl d-block mt-4"></i>
|
||||
<div>credit-card</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-cursor icons font-2xl d-block mt-4"></i>
|
||||
<div>cursor</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-dashboard icons font-2xl d-block mt-4"></i>
|
||||
<div>dashboard</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-delete icons font-2xl d-block mt-4"></i>
|
||||
<div>delete</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-dollar icons font-2xl d-block mt-4"></i>
|
||||
<div>dollar</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-drop icons font-2xl d-block mt-4"></i>
|
||||
<div>drop</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-envelope-closed icons font-2xl d-block mt-4"></i>
|
||||
<div>envelope-closed</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-envelope-letter icons font-2xl d-block mt-4"></i>
|
||||
<div>envelope-letter</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-envelope-open icons font-2xl d-block mt-4"></i>
|
||||
<div>envelope-open</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-euro icons font-2xl d-block mt-4"></i>
|
||||
<div>euro</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-file icons font-2xl d-block mt-4"></i>
|
||||
<div>file</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-globe icons font-2xl d-block mt-4"></i>
|
||||
<div>globe</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-graph icons font-2xl d-block mt-4"></i>
|
||||
<div>graph</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-home icons font-2xl d-block mt-4"></i>
|
||||
<div>home</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-inbox icons font-2xl d-block mt-4"></i>
|
||||
<div>inbox</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-info icons font-2xl d-block mt-4"></i>
|
||||
<div>info</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-italic icons font-2xl d-block mt-4"></i>
|
||||
<div>italic</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-justify-center icons font-2xl d-block mt-4"></i>
|
||||
<div>justify-center</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-justify-left icons font-2xl d-block mt-4"></i>
|
||||
<div>justify-left</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-justify-right icons font-2xl d-block mt-4"></i>
|
||||
<div>justify-right</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-laptop icons font-2xl d-block mt-4"></i>
|
||||
<div>laptop</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-layers icons font-2xl d-block mt-4"></i>
|
||||
<div>layers</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-lightbulb icons font-2xl d-block mt-4"></i>
|
||||
<div>lightbulb</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-list icons font-2xl d-block mt-4"></i>
|
||||
<div>list</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-location-pin icons font-2xl d-block mt-4"></i>
|
||||
<div>location-pin</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-lock-locked icons font-2xl d-block mt-4"></i>
|
||||
<div>lock-locked</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-lock-unlocked icons font-2xl d-block mt-4"></i>
|
||||
<div>lock-unlocked</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-magnifying-glass icons font-2xl d-block mt-4"></i>
|
||||
<div>magnifying-glass</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-map icons font-2xl d-block mt-4"></i>
|
||||
<div>map</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-monitor icons font-2xl d-block mt-4"></i>
|
||||
<div>monitor</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-moon icons font-2xl d-block mt-4"></i>
|
||||
<div>moon</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-note icons font-2xl d-block mt-4"></i>
|
||||
<div>note</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-options icons font-2xl d-block mt-4"></i>
|
||||
<div>options</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-paperclip icons font-2xl d-block mt-4"></i>
|
||||
<div>paperclip</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-pencil icons font-2xl d-block mt-4"></i>
|
||||
<div>pencil</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-people icons font-2xl d-block mt-4"></i>
|
||||
<div>people</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-phone icons font-2xl d-block mt-4"></i>
|
||||
<div>phone</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-pie-chart icons font-2xl d-block mt-4"></i>
|
||||
<div>pie-chart</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-print icons font-2xl d-block mt-4"></i>
|
||||
<div>print</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-puzzle icons font-2xl d-block mt-4"></i>
|
||||
<div>puzzle</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-rss icons font-2xl d-block mt-4"></i>
|
||||
<div>rss</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-screen-desktop icons font-2xl d-block mt-4"></i>
|
||||
<div>screen-desktop</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-screen-smartphone icons font-2xl d-block mt-4"></i>
|
||||
<div>screen-smartphone</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-settings icons font-2xl d-block mt-4"></i>
|
||||
<div>settings</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-share icons font-2xl d-block mt-4"></i>
|
||||
<div>share</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-shield icons font-2xl d-block mt-4"></i>
|
||||
<div>shield</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-sort-ascending icons font-2xl d-block mt-4"></i>
|
||||
<div>sort-ascending</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-sort-descending icons font-2xl d-block mt-4"></i>
|
||||
<div>sort-descending</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-speech icons font-2xl d-block mt-4"></i>
|
||||
<div>speech</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-speedometer icons font-2xl d-block mt-4"></i>
|
||||
<div>speedometer</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-star icons font-2xl d-block mt-4"></i>
|
||||
<div>star</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-sun icons font-2xl d-block mt-4"></i>
|
||||
<div>sun</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-tablet icons font-2xl d-block mt-4"></i>
|
||||
<div>tablet</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-tags icons font-2xl d-block mt-4"></i>
|
||||
<div>tags</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-task icons font-2xl d-block mt-4"></i>
|
||||
<div>task</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-thumb-down icons font-2xl d-block mt-4"></i>
|
||||
<div>thumb-down</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-thumb-up icons font-2xl d-block mt-4"></i>
|
||||
<div>thumb-up</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-trash icons font-2xl d-block mt-4"></i>
|
||||
<div>trash</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-underline icons font-2xl d-block mt-4"></i>
|
||||
<div>underline</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-user icons font-2xl d-block mt-4"></i>
|
||||
<div>user</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-user-female icons font-2xl d-block mt-4"></i>
|
||||
<div>user-female</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-user-follow icons font-2xl d-block mt-4"></i>
|
||||
<div>user-follow</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-user-unfollow icons font-2xl d-block mt-4"></i>
|
||||
<div>user-unfollow</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-wrench icons font-2xl d-block mt-4"></i>
|
||||
<div>wrench</div>
|
||||
</CCol>
|
||||
<CCol cols="6" sm="4" md="3" xl="2">
|
||||
<CCol col="6" sm="4" md="3" xl="2">
|
||||
<i class="cui-yen icons font-2xl d-block mt-4"></i>
|
||||
<div>yen</div>
|
||||
</CCol>
|
||||
|
||||
+250
-250
File diff suppressed because it is too large
Load Diff
+882
-882
File diff suppressed because it is too large
Load Diff
+184
-184
@@ -7,738 +7,738 @@
|
||||
<CCardBody>
|
||||
<CRow class="text-center">
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-user icons font-2xl d-block mt-4"></i>icon-user
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-people icons font-2xl d-block mt-4"></i>icon-people
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-user-female icons font-2xl d-block mt-4"></i>icon-user-female
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-user-follow icons font-2xl d-block mt-4"></i>icon-user-follow
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-user-following icons font-2xl d-block mt-4"></i>icon-user-following
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-user-unfollow icons font-2xl d-block mt-4"></i>icon-user-unfollow
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-login icons font-2xl d-block mt-4"></i>icon-login
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-logout icons font-2xl d-block mt-4"></i>icon-logout
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-emotsmile icons font-2xl d-block mt-4"></i>icon-emotsmile
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-phone icons font-2xl d-block mt-4"></i>icon-phone
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-call-end icons font-2xl d-block mt-4"></i>icon-call-end
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-call-in icons font-2xl d-block mt-4"></i>icon-call-in
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-call-out icons font-2xl d-block mt-4"></i>icon-call-out
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-map icons font-2xl d-block mt-4"></i>icon-map
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-location-pin icons font-2xl d-block mt-4"></i>icon-location-pin
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-direction icons font-2xl d-block mt-4"></i>icon-direction
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-directions icons font-2xl d-block mt-4"></i>icon-directions
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-compass icons font-2xl d-block mt-4"></i>icon-compass
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-layers icons font-2xl d-block mt-4"></i>icon-layers
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-menu icons font-2xl d-block mt-4"></i>icon-menu
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-list icons font-2xl d-block mt-4"></i>icon-list
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-options-vertical icons font-2xl d-block mt-4"></i>icon-options-vertical
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-options icons font-2xl d-block mt-4"></i>icon-options
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-arrow-down icons font-2xl d-block mt-4"></i>icon-arrow-down
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-arrow-left icons font-2xl d-block mt-4"></i>icon-arrow-left
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-arrow-right icons font-2xl d-block mt-4"></i>icon-arrow-right
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-arrow-up icons font-2xl d-block mt-4"></i>icon-arrow-up
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-arrow-up-circle icons font-2xl d-block mt-4"></i>icon-arrow-up-circle
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-arrow-left-circle icons font-2xl d-block mt-4"></i>icon-arrow-left-circle
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-arrow-right-circle icons font-2xl d-block mt-4"></i>icon-arrow-right-circle
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-arrow-down-circle icons font-2xl d-block mt-4"></i>icon-arrow-down-circle
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-check icons font-2xl d-block mt-4"></i>icon-check
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-clock icons font-2xl d-block mt-4"></i>icon-clock
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-plus icons font-2xl d-block mt-4"></i>icon-plus
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-close icons font-2xl d-block mt-4"></i>icon-close
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-trophy icons font-2xl d-block mt-4"></i>icon-trophy
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-screen-smartphone icons font-2xl d-block mt-4"></i>icon-screen-smartphone
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-screen-desktop icons font-2xl d-block mt-4"></i>icon-screen-desktop
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-plane icons font-2xl d-block mt-4"></i>icon-plane
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-notebook icons font-2xl d-block mt-4"></i>icon-notebook
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-mustache icons font-2xl d-block mt-4"></i>icon-mustache
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-mouse icons font-2xl d-block mt-4"></i>icon-mouse
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-magnet icons font-2xl d-block mt-4"></i>icon-magnet
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-energy icons font-2xl d-block mt-4"></i>icon-energy
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-disc icons font-2xl d-block mt-4"></i>icon-disc
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-cursor icons font-2xl d-block mt-4"></i>icon-cursor
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-cursor-move icons font-2xl d-block mt-4"></i>icon-cursor-move
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-crop icons font-2xl d-block mt-4"></i>icon-crop
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-chemistry icons font-2xl d-block mt-4"></i>icon-chemistry
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-speedometer icons font-2xl d-block mt-4"></i>icon-speedometer
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-shield icons font-2xl d-block mt-4"></i>icon-shield
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-screen-tablet icons font-2xl d-block mt-4"></i>icon-screen-tablet
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-magic-wand icons font-2xl d-block mt-4"></i>icon-magic-wand
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-hourglass icons font-2xl d-block mt-4"></i>icon-hourglass
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-graduation icons font-2xl d-block mt-4"></i>icon-graduation
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-ghost icons font-2xl d-block mt-4"></i>icon-ghost
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-game-controller icons font-2xl d-block mt-4"></i>icon-game-controller
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-fire icons font-2xl d-block mt-4"></i>icon-fire
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-eyeglass icons font-2xl d-block mt-4"></i>icon-eyeglass
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-envelope-open icons font-2xl d-block mt-4"></i>icon-envelope-open
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-envelope-letter icons font-2xl d-block mt-4"></i>icon-envelope-letter
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-bell icons font-2xl d-block mt-4"></i>icon-bell
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-badge icons font-2xl d-block mt-4"></i>icon-badge
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-anchor icons font-2xl d-block mt-4"></i>icon-anchor
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-wallet icons font-2xl d-block mt-4"></i>icon-wallet
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-vector icons font-2xl d-block mt-4"></i>icon-vector
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-speech icons font-2xl d-block mt-4"></i>icon-speech
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-puzzle icons font-2xl d-block mt-4"></i>icon-puzzle
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-printer icons font-2xl d-block mt-4"></i>icon-printer
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-present icons font-2xl d-block mt-4"></i>icon-present
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-playlist icons font-2xl d-block mt-4"></i>icon-playlist
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-pin icons font-2xl d-block mt-4"></i>icon-pin
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-picture icons font-2xl d-block mt-4"></i>icon-picture
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-handbag icons font-2xl d-block mt-4"></i>icon-handbag
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-globe-alt icons font-2xl d-block mt-4"></i>icon-globe-alt
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-globe icons font-2xl d-block mt-4"></i>icon-globe
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-folder-alt icons font-2xl d-block mt-4"></i>icon-folder-alt
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-folder icons font-2xl d-block mt-4"></i>icon-folder
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-film icons font-2xl d-block mt-4"></i>icon-film
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-feed icons font-2xl d-block mt-4"></i>icon-feed
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-drop icons font-2xl d-block mt-4"></i>icon-drop
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-drawer icons font-2xl d-block mt-4"></i>icon-drawer
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-docs icons font-2xl d-block mt-4"></i>icon-docs
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-doc icons font-2xl d-block mt-4"></i>icon-doc
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-diamond icons font-2xl d-block mt-4"></i>icon-diamond
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-cup icons font-2xl d-block mt-4"></i>icon-cup
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-calculator icons font-2xl d-block mt-4"></i>icon-calculator
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-bubbles icons font-2xl d-block mt-4"></i>icon-bubbles
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-briefcase icons font-2xl d-block mt-4"></i>icon-briefcase
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-book-open icons font-2xl d-block mt-4"></i>icon-book-open
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-basket-loaded icons font-2xl d-block mt-4"></i>icon-basket-loaded
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-basket icons font-2xl d-block mt-4"></i>icon-basket
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-bag icons font-2xl d-block mt-4"></i>icon-bag
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-action-undo icons font-2xl d-block mt-4"></i>icon-action-undo
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-action-redo icons font-2xl d-block mt-4"></i>icon-action-redo
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-wrench icons font-2xl d-block mt-4"></i>icon-wrench
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-umbrella icons font-2xl d-block mt-4"></i>icon-umbrella
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-trash icons font-2xl d-block mt-4"></i>icon-trash
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-tag icons font-2xl d-block mt-4"></i>icon-tag
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-support icons font-2xl d-block mt-4"></i>icon-support
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-frame icons font-2xl d-block mt-4"></i>icon-frame
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-size-fullscreen icons font-2xl d-block mt-4"></i>icon-size-fullscreen
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-size-actual icons font-2xl d-block mt-4"></i>icon-size-actual
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-shuffle icons font-2xl d-block mt-4"></i>icon-shuffle
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-share-alt icons font-2xl d-block mt-4"></i>icon-share-alt
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-share icons font-2xl d-block mt-4"></i>icon-share
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-rocket icons font-2xl d-block mt-4"></i>icon-rocket
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-question icons font-2xl d-block mt-4"></i>icon-question
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-pie-chart icons font-2xl d-block mt-4"></i>icon-pie-chart
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-pencil icons font-2xl d-block mt-4"></i>icon-pencil
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-note icons font-2xl d-block mt-4"></i>icon-note
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-loop icons font-2xl d-block mt-4"></i>icon-loop
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-home icons font-2xl d-block mt-4"></i>icon-home
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-grid icons font-2xl d-block mt-4"></i>icon-grid
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-graph icons font-2xl d-block mt-4"></i>icon-graph
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-microphone icons font-2xl d-block mt-4"></i>icon-microphone
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-music-tone-alt icons font-2xl d-block mt-4"></i>icon-music-tone-alt
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-music-tone icons font-2xl d-block mt-4"></i>icon-music-tone
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-earphones-alt icons font-2xl d-block mt-4"></i>icon-earphones-alt
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-earphones icons font-2xl d-block mt-4"></i>icon-earphones
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-equalizer icons font-2xl d-block mt-4"></i>icon-equalizer
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-like icons font-2xl d-block mt-4"></i>icon-like
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-dislike icons font-2xl d-block mt-4"></i>icon-dislike
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-control-start icons font-2xl d-block mt-4"></i>icon-control-start
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-control-rewind icons font-2xl d-block mt-4"></i>icon-control-rewind
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-control-play icons font-2xl d-block mt-4"></i>icon-control-play
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-control-pause icons font-2xl d-block mt-4"></i>icon-control-pause
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-control-forward icons font-2xl d-block mt-4"></i>icon-control-forward
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-control-end icons font-2xl d-block mt-4"></i>icon-control-end
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-volume-1 icons font-2xl d-block mt-4"></i>icon-volume-1
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-volume-2 icons font-2xl d-block mt-4"></i>icon-volume-2
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-volume-off icons font-2xl d-block mt-4"></i>icon-volume-off
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-calendar icons font-2xl d-block mt-4"></i>icon-calendar
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-bulb icons font-2xl d-block mt-4"></i>icon-bulb
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-chart icons font-2xl d-block mt-4"></i>icon-chart
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-ban icons font-2xl d-block mt-4"></i>icon-ban
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-bubble icons font-2xl d-block mt-4"></i>icon-bubble
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-camrecorder icons font-2xl d-block mt-4"></i>icon-camrecorder
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-camera icons font-2xl d-block mt-4"></i>icon-camera
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-cloud-download icons font-2xl d-block mt-4"></i>icon-cloud-download
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-cloud-upload icons font-2xl d-block mt-4"></i>icon-cloud-upload
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-envelope icons font-2xl d-block mt-4"></i>icon-envelope
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-eye icons font-2xl d-block mt-4"></i>icon-eye
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-flag icons font-2xl d-block mt-4"></i>icon-flag
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-heart icons font-2xl d-block mt-4"></i>icon-heart
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-info icons font-2xl d-block mt-4"></i>icon-info
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-key icons font-2xl d-block mt-4"></i>icon-key
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-link icons font-2xl d-block mt-4"></i>icon-link
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-lock icons font-2xl d-block mt-4"></i>icon-lock
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-lock-open icons font-2xl d-block mt-4"></i>icon-lock-open
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-magnifier icons font-2xl d-block mt-4"></i>icon-magnifier
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-magnifier-add icons font-2xl d-block mt-4"></i>icon-magnifier-add
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-magnifier-remove icons font-2xl d-block mt-4"></i>icon-magnifier-remove
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-paper-clip icons font-2xl d-block mt-4"></i>icon-paper-clip
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-paper-plane icons font-2xl d-block mt-4"></i>icon-paper-plane
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-power icons font-2xl d-block mt-4"></i>icon-power
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-refresh icons font-2xl d-block mt-4"></i>icon-refresh
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-reload icons font-2xl d-block mt-4"></i>icon-reload
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-settings icons font-2xl d-block mt-4"></i>icon-settings
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-star icons font-2xl d-block mt-4"></i>icon-star
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-symbol-female icons font-2xl d-block mt-4"></i>icon-symbol-female
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-symbol-male icons font-2xl d-block mt-4"></i>icon-symbol-male
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-target icons font-2xl d-block mt-4"></i>icon-target
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-credit-card icons font-2xl d-block mt-4"></i>icon-credit-card
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-paypal icons font-2xl d-block mt-4"></i>icon-paypal
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-social-tumblr icons font-2xl d-block mt-4"></i>icon-social-tumblr
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-social-twitter icons font-2xl d-block mt-4"></i>icon-social-twitter
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-social-facebook icons font-2xl d-block mt-4"></i>icon-social-facebook
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-social-instagram icons font-2xl d-block mt-4"></i>icon-social-instagram
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-social-linkedin icons font-2xl d-block mt-4"></i>icon-social-linkedin
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-social-pinterest icons font-2xl d-block mt-4"></i>icon-social-pinterest
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-social-github icons font-2xl d-block mt-4"></i>icon-social-github
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-social-gplus icons font-2xl d-block mt-4"></i>icon-social-gplus
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-social-reddit icons font-2xl d-block mt-4"></i>icon-social-reddit
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-social-skype icons font-2xl d-block mt-4"></i>icon-social-skype
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-social-dribbble icons font-2xl d-block mt-4"></i>icon-social-dribbble
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-social-behance icons font-2xl d-block mt-4"></i>icon-social-behance
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-social-foursqare icons font-2xl d-block mt-4"></i>icon-social-foursqare
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-social-soundcloud icons font-2xl d-block mt-4"></i>icon-social-soundcloud
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-social-spotify icons font-2xl d-block mt-4"></i>icon-social-spotify
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-social-stumbleupon icons font-2xl d-block mt-4"></i>icon-social-stumbleupon
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-social-youtube icons font-2xl d-block mt-4"></i>icon-social-youtube
|
||||
</CCol>
|
||||
|
||||
<CCol cols="6" sm="4" md="3">
|
||||
<CCol col="6" sm="4" md="3">
|
||||
<i class="icon-social-dropbox icons font-2xl d-block mt-4"></i>icon-social-dropbox
|
||||
</CCol>
|
||||
</CRow><!--/.row-->
|
||||
</CRow>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</div>
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div class="wrapper">
|
||||
<div class="animated fadeIn">
|
||||
<CRow>
|
||||
<CCol cols="12" md="6">
|
||||
<CCol col="12" md="6">
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<i class="fa fa-align-justify"></i>
|
||||
@@ -28,7 +28,7 @@
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
<CCol cols="12" md="6">
|
||||
<CCol col="12" md="6">
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<i class="fa fa-align-justify"></i> Alert
|
||||
@@ -66,7 +66,7 @@
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
<CCol cols="12" md="6">
|
||||
<CCol col="12" md="6">
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<i class="fa fa-align-justify"></i> Alerts <small>with additional content</small>
|
||||
@@ -87,7 +87,7 @@
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
<CCol cols="12" md="6">
|
||||
<CCol col="12" md="6">
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<i class="fa fa-align-justify"></i> Alerts
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div class="wrapper">
|
||||
<div class="animated fadeIn">
|
||||
<CRow>
|
||||
<CCol cols="12" md="6">
|
||||
<CCol col="12" md="6">
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<i class="fa fa-align-justify"></i>
|
||||
@@ -27,7 +27,7 @@
|
||||
</CCardFooter>
|
||||
</CCard>
|
||||
</CCol>
|
||||
<CCol cols="12" md="6">
|
||||
<CCol col="12" md="6">
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<i class="fa fa-align-justify"></i> Badge
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div class="wrapper">
|
||||
<div class="animated fadeIn">
|
||||
<CRow>
|
||||
<CCol cols="12">
|
||||
<CCol col="12">
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<i class="fa fa-align-justify"></i> Bootstrap Modals
|
||||
@@ -39,7 +39,7 @@
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol><!--/.col-->
|
||||
</CRow><!--/.row-->
|
||||
</CRow>
|
||||
</div>
|
||||
<!-- Modal Component -->
|
||||
<CModal title="Modal title"
|
||||
|
||||
@@ -21,10 +21,10 @@
|
||||
autocomplete="curent-password"
|
||||
/>
|
||||
<CRow>
|
||||
<CCol cols="6">
|
||||
<CCol col="6">
|
||||
<CButton variant="primary" class="px-4">Login</CButton>
|
||||
</CCol>
|
||||
<CCol cols="6" class="text-right">
|
||||
<CCol col="6" class="text-right">
|
||||
<CButton variant="link" class="px-0">Forgot password?</CButton>
|
||||
</CCol>
|
||||
</CRow>
|
||||
|
||||
@@ -36,10 +36,10 @@
|
||||
</CCardBody>
|
||||
<CCardFooter class="p-4">
|
||||
<CRow>
|
||||
<CCol cols="6">
|
||||
<CCol col="6">
|
||||
<CButton block class="btn btn-facebook"><span>facebook</span></CButton>
|
||||
</CCol>
|
||||
<CCol cols="6">
|
||||
<CCol col="6">
|
||||
<CButton block class="btn btn-twitter" type="button"><span>twitter</span></CButton>
|
||||
</CCol>
|
||||
</CRow>
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<CRow>
|
||||
<CCol cols="12" lg="6">
|
||||
<CCol col="12" lg="6">
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
User id: {{ $route.params.id }}
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<CRow>
|
||||
<CCol cols="12" xl="8">
|
||||
<CCol col="12" xl="8">
|
||||
<transition name="slide">
|
||||
<CCard headerHtml="users" bodyWrapper>
|
||||
<CTable hover
|
||||
|
||||
@@ -31,7 +31,7 @@
|
||||
<CWidgetProgress header="2 TB" text="Lorem ipsum..." footer="Lorem ipsum dolor sit amet enim."
|
||||
variant="danger" :value="25"/>
|
||||
</CCol>
|
||||
</CRow><!--/.row-->
|
||||
</CRow>
|
||||
<CRow>
|
||||
<CCol sm="6" lg="3">
|
||||
<CWidgetProgress header="89.9%" text="Lorem ipsum..." footer="Lorem ipsum dolor sit amet enim."
|
||||
@@ -49,39 +49,39 @@
|
||||
<CWidgetProgress header="2 TB" text="Lorem ipsum..." footer="Lorem ipsum dolor sit amet enim."
|
||||
variant="danger" inverse :value="25"/>
|
||||
</CCol>
|
||||
</CRow><!--/.row-->
|
||||
</CRow>
|
||||
<CRow>
|
||||
<CCol cols="12" sm="6" lg="3">
|
||||
<CCol col="12" sm="6" lg="3">
|
||||
<CWidgetIcon
|
||||
header="$1.999,50"
|
||||
text="Income"
|
||||
addIconClasses="fa fa-cogs bg-primary"
|
||||
/>
|
||||
</CCol>
|
||||
<CCol cols="12" sm="6" lg="3">
|
||||
<CCol col="12" sm="6" lg="3">
|
||||
<CWidgetIcon
|
||||
header="$1.999,50"
|
||||
addIconClasses="fa fa-laptop bg-info"
|
||||
text="Income"
|
||||
/>
|
||||
</CCol>
|
||||
<CCol cols="12" sm="6" lg="3">
|
||||
<CCol col="12" sm="6" lg="3">
|
||||
<CWidgetIcon
|
||||
header="$1.999,50"
|
||||
addIconClasses="fa fa-moon-o bg-warning"
|
||||
text="Income"
|
||||
/>
|
||||
</CCol>
|
||||
<CCol cols="12" sm="6" lg="3">
|
||||
<CCol col="12" sm="6" lg="3">
|
||||
<CWidgetIcon
|
||||
header="$1.999,50"
|
||||
addIconClasses="fa fa-bell bg-danger"
|
||||
text="Income"
|
||||
/>
|
||||
</CCol>
|
||||
</CRow><!--/.row-->
|
||||
</CRow>
|
||||
<CRow>
|
||||
<CCol cols="12" sm="6" lg="3">
|
||||
<CCol col="12" sm="6" lg="3">
|
||||
<CWidgetIcon
|
||||
header="$1.999,50"
|
||||
addIconClasses="fa fa-cogs bg-primary"
|
||||
@@ -89,7 +89,7 @@
|
||||
link="#"
|
||||
/>
|
||||
</CCol>
|
||||
<CCol cols="12" sm="6" lg="3">
|
||||
<CCol col="12" sm="6" lg="3">
|
||||
<CWidgetIcon
|
||||
header="$1.999,50"
|
||||
addIconClasses="fa fa-laptop bg-info"
|
||||
@@ -97,14 +97,14 @@
|
||||
link="#"
|
||||
/>
|
||||
</CCol>
|
||||
<CCol cols="12" sm="6" lg="3">
|
||||
<CCol col="12" sm="6" lg="3">
|
||||
<CWidgetIcon
|
||||
header="$1.999,50"
|
||||
addIconClasses="fa fa-moon-o bg-warning bg-primary"
|
||||
text="Income" link="#"
|
||||
/>
|
||||
</CCol>
|
||||
<CCol cols="12" sm="6" lg="3">
|
||||
<CCol col="12" sm="6" lg="3">
|
||||
<CWidgetIcon
|
||||
header="$1.999,50"
|
||||
addIconClasses="fa fa-bell bg-danger"
|
||||
@@ -112,9 +112,9 @@
|
||||
link="#"
|
||||
/>
|
||||
</CCol>
|
||||
</CRow><!--/.row-->
|
||||
</CRow>
|
||||
<CRow>
|
||||
<CCol cols="12" sm="6" lg="3">
|
||||
<CCol col="12" sm="6" lg="3">
|
||||
<CWidgetIcon
|
||||
header="$1.999,50"
|
||||
text="Income"
|
||||
@@ -122,7 +122,7 @@
|
||||
noPadding
|
||||
/>
|
||||
</CCol>
|
||||
<CCol cols="12" sm="6" lg="3">
|
||||
<CCol col="12" sm="6" lg="3">
|
||||
<CWidgetIcon
|
||||
header="$1.999,50"
|
||||
text="Income"
|
||||
@@ -130,7 +130,7 @@
|
||||
noPadding
|
||||
/>
|
||||
</CCol>
|
||||
<CCol cols="12" sm="6" lg="3">
|
||||
<CCol col="12" sm="6" lg="3">
|
||||
<CWidgetIcon
|
||||
header="$1.999,50"
|
||||
text="Income"
|
||||
@@ -138,7 +138,7 @@
|
||||
noPadding
|
||||
/>
|
||||
</CCol>
|
||||
<CCol cols="12" sm="6" lg="3">
|
||||
<CCol col="12" sm="6" lg="3">
|
||||
<CWidgetIcon
|
||||
header="$1.999,50"
|
||||
text="Income"
|
||||
@@ -146,9 +146,9 @@
|
||||
noPadding
|
||||
/>
|
||||
</CCol>
|
||||
</CRow><!--/.row-->
|
||||
</CRow>
|
||||
<CRow>
|
||||
<CCol cols="12" sm="6" lg="4">
|
||||
<CCol col="12" sm="6" lg="4">
|
||||
<CWidgetIcon
|
||||
header="$1.999,50"
|
||||
text="Income"
|
||||
@@ -156,7 +156,7 @@
|
||||
noPadding
|
||||
/>
|
||||
</CCol>
|
||||
<CCol cols="12" sm="6" lg="4">
|
||||
<CCol col="12" sm="6" lg="4">
|
||||
<CWidgetIcon
|
||||
header="$1.999,50"
|
||||
text="Income"
|
||||
@@ -164,7 +164,7 @@
|
||||
noPadding
|
||||
/>
|
||||
</CCol>
|
||||
<CCol cols="12" sm="6" lg="4">
|
||||
<CCol col="12" sm="6" lg="4">
|
||||
<CWidgetIcon
|
||||
header="$1.999,50"
|
||||
text="Income"
|
||||
@@ -172,9 +172,9 @@
|
||||
noPadding
|
||||
/>
|
||||
</CCol>
|
||||
</CRow><!--/.row-->
|
||||
</CRow>
|
||||
<CRow>
|
||||
<CCol cols="12" sm="6" lg="4">
|
||||
<CCol col="12" sm="6" lg="4">
|
||||
<CWidgetIcon
|
||||
header="$1.999,50"
|
||||
text="Income"
|
||||
@@ -183,7 +183,7 @@
|
||||
link="#"
|
||||
/>
|
||||
</CCol>
|
||||
<CCol cols="12" sm="6" lg="4">
|
||||
<CCol col="12" sm="6" lg="4">
|
||||
<CWidgetIcon
|
||||
header="$1.999,50"
|
||||
text="Income"
|
||||
@@ -192,7 +192,7 @@
|
||||
link="#"
|
||||
/>
|
||||
</CCol>
|
||||
<CCol cols="12" sm="6" lg="4">
|
||||
<CCol col="12" sm="6" lg="4">
|
||||
<CWidgetIcon
|
||||
header="$1.999,50"
|
||||
text="Income"
|
||||
@@ -201,7 +201,7 @@
|
||||
link="#"
|
||||
/>
|
||||
</CCol>
|
||||
</CRow><!--/.row-->
|
||||
</CRow>
|
||||
<WidgetsSocial noCharts/>
|
||||
<WidgetsSocial/>
|
||||
<CCardGroup class="mb-4">
|
||||
|
||||
Reference in New Issue
Block a user