From 3a9bc09c3a94a25e4863f326b5675f6a560322aa Mon Sep 17 00:00:00 2001
From: woothu <32914662+woothu@users.noreply.github.com>
Date: Thu, 4 Apr 2019 09:29:10 +0200
Subject: [PATCH] refactor: change CCol cols attribute to col attribute

---
 src/views/base/Breadcrumbs.vue        |    2 +-
 src/views/base/Cards.vue              |    8 +-
 src/views/base/Collapses.vue          |   12 +-
 src/views/base/Forms.vue              |    8 +-
 src/views/base/ListGroups.vue         |    2 +-
 src/views/base/Navs.vue               |    2 +-
 src/views/base/Popovers.vue           |    6 +-
 src/views/base/Tables.vue             |    6 +-
 src/views/base/Tooltips.vue           |    6 +-
 src/views/buttons/BrandButtons.vue    |    8 +-
 src/views/buttons/ButtonGroups.vue    |   10 +-
 src/views/buttons/Dropdowns.vue       |   12 +-
 src/views/buttons/StandardButtons.vue |  336 ++---
 src/views/icons/CoreUIIcons.vue       |  200 +--
 src/views/icons/Flags.vue             |  500 +++----
 src/views/icons/FontAwesome.vue       | 1764 ++++++++++++-------------
 src/views/icons/SimpleLineIcons.vue   |  368 +++---
 src/views/notifications/Alerts.vue    |    8 +-
 src/views/notifications/Badges.vue    |    4 +-
 src/views/notifications/Modals.vue    |    4 +-
 src/views/pages/Login.vue             |    4 +-
 src/views/pages/Register.vue          |    4 +-
 src/views/users/User.vue              |    2 +-
 src/views/users/Users.vue             |    2 +-
 src/views/widgets/Widgets.vue         |   50 +-
 25 files changed, 1664 insertions(+), 1664 deletions(-)

diff --git a/src/views/base/Breadcrumbs.vue b/src/views/base/Breadcrumbs.vue
index 7dbe1231..8bab7e12 100644
--- a/src/views/base/Breadcrumbs.vue
+++ b/src/views/base/Breadcrumbs.vue
@@ -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>
diff --git a/src/views/base/Cards.vue b/src/views/base/Cards.vue
index 8ae89394..28467f82 100644
--- a/src/views/base/Cards.vue
+++ b/src/views/base/Cards.vue
@@ -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>
diff --git a/src/views/base/Collapses.vue b/src/views/base/Collapses.vue
index 2e5014a1..90c91e82 100644
--- a/src/views/base/Collapses.vue
+++ b/src/views/base/Collapses.vue
@@ -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>
diff --git a/src/views/base/Forms.vue b/src/views/base/Forms.vue
index fa7884e4..8857195d 100644
--- a/src/views/base/Forms.vue
+++ b/src/views/base/Forms.vue
@@ -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>
diff --git a/src/views/base/ListGroups.vue b/src/views/base/ListGroups.vue
index 09a81513..918f0015 100644
--- a/src/views/base/ListGroups.vue
+++ b/src/views/base/ListGroups.vue
@@ -169,7 +169,7 @@
         </CCol>
       </CRow>
       <CRow>
-        <CCol cols="12">
+        <CCol col="12">
           <CCard>
             <CCardHeader>
               <i class="fa fa-align-justify"></i>
diff --git a/src/views/base/Navs.vue b/src/views/base/Navs.vue
index a7b40416..5be50db6 100644
--- a/src/views/base/Navs.vue
+++ b/src/views/base/Navs.vue
@@ -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>
diff --git a/src/views/base/Popovers.vue b/src/views/base/Popovers.vue
index 0988464c..4c31bc08 100644
--- a/src/views/base/Popovers.vue
+++ b/src/views/base/Popovers.vue
@@ -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"
diff --git a/src/views/base/Tables.vue b/src/views/base/Tables.vue
index 030349c1..4d489c96 100644
--- a/src/views/base/Tables.vue
+++ b/src/views/base/Tables.vue
@@ -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">
diff --git a/src/views/base/Tooltips.vue b/src/views/base/Tooltips.vue
index 8165a357..f74f39af 100644
--- a/src/views/base/Tooltips.vue
+++ b/src/views/base/Tooltips.vue
@@ -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!'
diff --git a/src/views/buttons/BrandButtons.vue b/src/views/buttons/BrandButtons.vue
index e5e3a6ab..ca1a0169 100644
--- a/src/views/buttons/BrandButtons.vue
+++ b/src/views/buttons/BrandButtons.vue
@@ -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>
 
diff --git a/src/views/buttons/ButtonGroups.vue b/src/views/buttons/ButtonGroups.vue
index 142f439f..6189123b 100644
--- a/src/views/buttons/ButtonGroups.vue
+++ b/src/views/buttons/ButtonGroups.vue
@@ -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>
diff --git a/src/views/buttons/Dropdowns.vue b/src/views/buttons/Dropdowns.vue
index c3af383a..639a6182 100644
--- a/src/views/buttons/Dropdowns.vue
+++ b/src/views/buttons/Dropdowns.vue
@@ -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>
diff --git a/src/views/buttons/StandardButtons.vue b/src/views/buttons/StandardButtons.vue
index c9ea6616..d9977f7b 100644
--- a/src/views/buttons/StandardButtons.vue
+++ b/src/views/buttons/StandardButtons.vue
@@ -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>
diff --git a/src/views/icons/CoreUIIcons.vue b/src/views/icons/CoreUIIcons.vue
index 8f25fe19..b15436d6 100644
--- a/src/views/icons/CoreUIIcons.vue
+++ b/src/views/icons/CoreUIIcons.vue
@@ -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>
diff --git a/src/views/icons/Flags.vue b/src/views/icons/Flags.vue
index 5eb11695..b5cb153d 100644
--- a/src/views/icons/Flags.vue
+++ b/src/views/icons/Flags.vue
@@ -6,1002 +6,1002 @@
       </CCardHeader>
       <CCardBody>
         <CRow class="text-center">
-          <CCol class="mb-5" cols="12">
+          <CCol class="mb-5" col="12">
             For using the flags inline with text add the classes <code>.flag-icon</code> and <code>.flag-icon-xx</code> (where xx is the ISO 3166-1-alpha-2 code of a country) to an empty span. If you want to have a squared version flag then add the class flag-icon-squared as well.
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ad h1" title="ad" id="ad"></i>
             <div>flag-icon-ad</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ae h1" title="ae" id="ae"></i>
             <div>flag-icon-ae</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-af h1" title="af" id="af"></i>
             <div>flag-icon-af</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ag h1" title="ag" id="ag"></i>
             <div>flag-icon-ag</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ai h1" title="ai" id="ai"></i>
             <div>flag-icon-ai</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-al h1" title="al" id="al"></i>
             <div>flag-icon-al</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-am h1" title="am" id="am"></i>
             <div>flag-icon-am</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ao h1" title="ao" id="ao"></i>
             <div>flag-icon-ao</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-aq h1" title="aq" id="aq"></i>
             <div>flag-icon-aq</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ar h1" title="ar" id="ar"></i>
             <div>flag-icon-ar</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-as h1" title="as" id="as"></i>
             <div>flag-icon-as</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-at h1" title="at" id="at"></i>
             <div>flag-icon-at</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-au h1" title="au" id="au"></i>
             <div>flag-icon-au</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-aw h1" title="aw" id="aw"></i>
             <div>flag-icon-aw</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ax h1" title="ax" id="ax"></i>
             <div>flag-icon-ax</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-az h1" title="az" id="az"></i>
             <div>flag-icon-az</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ba h1" title="ba" id="ba"></i>
             <div>flag-icon-ba</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-bb h1" title="bb" id="bb"></i>
             <div>flag-icon-bb</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-bd h1" title="bd" id="bd"></i>
             <div>flag-icon-bd</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-be h1" title="be" id="be"></i>
             <div>flag-icon-be</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-bf h1" title="bf" id="bf"></i>
             <div>flag-icon-bf</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-bg h1" title="bg" id="bg"></i>
             <div>flag-icon-bg</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-bh h1" title="bh" id="bh"></i>
             <div>flag-icon-bh</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-bi h1" title="bi" id="bi"></i>
             <div>flag-icon-bi</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-bj h1" title="bj" id="bj"></i>
             <div>flag-icon-bj</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-bl h1" title="bl" id="bl"></i>
             <div>flag-icon-bl</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-bm h1" title="bm" id="bm"></i>
             <div>flag-icon-bm</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-bn h1" title="bn" id="bn"></i>
             <div>flag-icon-bn</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-bo h1" title="bo" id="bo"></i>
             <div>flag-icon-bo</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-bq h1" title="bq" id="bq"></i>
             <div>flag-icon-bq</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-br h1" title="br" id="br"></i>
             <div>flag-icon-br</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-bs h1" title="bs" id="bs"></i>
             <div>flag-icon-bs</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-bt h1" title="bt" id="bt"></i>
             <div>flag-icon-bt</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-bv h1" title="bv" id="bv"></i>
             <div>flag-icon-bv</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-bw h1" title="bw" id="bw"></i>
             <div>flag-icon-bw</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-by h1" title="by" id="by"></i>
             <div>flag-icon-by</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-bz h1" title="bz" id="bz"></i>
             <div>flag-icon-bz</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ca h1" title="ca" id="ca"></i>
             <div>flag-icon-ca</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-cc h1" title="cc" id="cc"></i>
             <div>flag-icon-cc</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-cd h1" title="cd" id="cd"></i>
             <div>flag-icon-cd</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-cf h1" title="cf" id="cf"></i>
             <div>flag-icon-cf</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-cg h1" title="cg" id="cg"></i>
             <div>flag-icon-cg</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ch h1" title="ch" id="ch"></i>
             <div>flag-icon-ch</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ci h1" title="ci" id="ci"></i>
             <div>flag-icon-ci</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ck h1" title="ck" id="ck"></i>
             <div>flag-icon-ck</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-cl h1" title="cl" id="cl"></i>
             <div>flag-icon-cl</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-cm h1" title="cm" id="cm"></i>
             <div>flag-icon-cm</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-cn h1" title="cn" id="cn"></i>
             <div>flag-icon-cn</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-co h1" title="co" id="co"></i>
             <div>flag-icon-co</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-cr h1" title="cr" id="cr"></i>
             <div>flag-icon-cr</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-cu h1" title="cu" id="cu"></i>
             <div>flag-icon-cu</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-cv h1" title="cv" id="cv"></i>
             <div>flag-icon-cv</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-cw h1" title="cw" id="cw"></i>
             <div>flag-icon-cw</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-cx h1" title="cx" id="cx"></i>
             <div>flag-icon-cx</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-cy h1" title="cy" id="cy"></i>
             <div>flag-icon-cy</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-cz h1" title="cz" id="cz"></i>
             <div>flag-icon-cz</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-de h1" title="de" id="de"></i>
             <div>flag-icon-de</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-dj h1" title="dj" id="dj"></i>
             <div>flag-icon-dj</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-dk h1" title="dk" id="dk"></i>
             <div>flag-icon-dk</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-dm h1" title="dm" id="dm"></i>
             <div>flag-icon-dm</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-do h1" title="do" id="do"></i>
             <div>flag-icon-do</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-dz h1" title="dz" id="dz"></i>
             <div>flag-icon-dz</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ec h1" title="ec" id="ec"></i>
             <div>flag-icon-ec</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ee h1" title="ee" id="ee"></i>
             <div>flag-icon-ee</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-eg h1" title="eg" id="eg"></i>
             <div>flag-icon-eg</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-eh h1" title="eh" id="eh"></i>
             <div>flag-icon-eh</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-er h1" title="er" id="er"></i>
             <div>flag-icon-er</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-es h1" title="es" id="es"></i>
             <div>flag-icon-es</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-et h1" title="et" id="et"></i>
             <div>flag-icon-et</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-fi h1" title="fi" id="fi"></i>
             <div>flag-icon-fi</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-fj h1" title="fj" id="fj"></i>
             <div>flag-icon-fj</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-fk h1" title="fk" id="fk"></i>
             <div>flag-icon-fk</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-fm h1" title="fm" id="fm"></i>
             <div>flag-icon-fm</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-fo h1" title="fo" id="fo"></i>
             <div>flag-icon-fo</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-fr h1" title="fr" id="fr"></i>
             <div>flag-icon-fr</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ga h1" title="ga" id="ga"></i>
             <div>flag-icon-ga</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-gb h1" title="gb" id="gb"></i>
             <div>flag-icon-gb</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-gd h1" title="gd" id="gd"></i>
             <div>flag-icon-gd</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ge h1" title="ge" id="ge"></i>
             <div>flag-icon-ge</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-gf h1" title="gf" id="gf"></i>
             <div>flag-icon-gf</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-gg h1" title="gg" id="gg"></i>
             <div>flag-icon-gg</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-gh h1" title="gh" id="gh"></i>
             <div>flag-icon-gh</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-gi h1" title="gi" id="gi"></i>
             <div>flag-icon-gi</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-gl h1" title="gl" id="gl"></i>
             <div>flag-icon-gl</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-gm h1" title="gm" id="gm"></i>
             <div>flag-icon-gm</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-gn h1" title="gn" id="gn"></i>
             <div>flag-icon-gn</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-gp h1" title="gp" id="gp"></i>
             <div>flag-icon-gp</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-gq h1" title="gq" id="gq"></i>
             <div>flag-icon-gq</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-gr h1" title="gr" id="gr"></i>
             <div>flag-icon-gr</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-gs h1" title="gs" id="gs"></i>
             <div>flag-icon-gs</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-gt h1" title="gt" id="gt"></i>
             <div>flag-icon-gt</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-gu h1" title="gu" id="gu"></i>
             <div>flag-icon-gu</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-gw h1" title="gw" id="gw"></i>
             <div>flag-icon-gw</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-gy h1" title="gy" id="gy"></i>
             <div>flag-icon-gy</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-hk h1" title="hk" id="hk"></i>
             <div>flag-icon-hk</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-hm h1" title="hm" id="hm"></i>
             <div>flag-icon-hm</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-hn h1" title="hn" id="hn"></i>
             <div>flag-icon-hn</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-hr h1" title="hr" id="hr"></i>
             <div>flag-icon-hr</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ht h1" title="ht" id="ht"></i>
             <div>flag-icon-ht</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-hu h1" title="hu" id="hu"></i>
             <div>flag-icon-hu</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-id h1" title="id" id="id"></i>
             <div>flag-icon-id</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ie h1" title="ie" id="ie"></i>
             <div>flag-icon-ie</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-il h1" title="il" id="il"></i>
             <div>flag-icon-il</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-im h1" title="im" id="im"></i>
             <div>flag-icon-im</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-in h1" title="in" id="in"></i>
             <div>flag-icon-in</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-io h1" title="io" id="io"></i>
             <div>flag-icon-io</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-iq h1" title="iq" id="iq"></i>
             <div>flag-icon-iq</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ir h1" title="ir" id="ir"></i>
             <div>flag-icon-ir</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-is h1" title="is" id="is"></i>
             <div>flag-icon-is</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-it h1" title="it" id="it"></i>
             <div>flag-icon-it</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-je h1" title="je" id="je"></i>
             <div>flag-icon-je</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-jm h1" title="jm" id="jm"></i>
             <div>flag-icon-jm</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-jo h1" title="jo" id="jo"></i>
             <div>flag-icon-jo</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-jp h1" title="jp" id="jp"></i>
             <div>flag-icon-jp</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ke h1" title="ke" id="ke"></i>
             <div>flag-icon-ke</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-kg h1" title="kg" id="kg"></i>
             <div>flag-icon-kg</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-kh h1" title="kh" id="kh"></i>
             <div>flag-icon-kh</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ki h1" title="ki" id="ki"></i>
             <div>flag-icon-ki</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-km h1" title="km" id="km"></i>
             <div>flag-icon-km</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-kn h1" title="kn" id="kn"></i>
             <div>flag-icon-kn</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-kp h1" title="kp" id="kp"></i>
             <div>flag-icon-kp</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-kr h1" title="kr" id="kr"></i>
             <div>flag-icon-kr</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-kw h1" title="kw" id="kw"></i>
             <div>flag-icon-kw</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ky h1" title="ky" id="ky"></i>
             <div>flag-icon-ky</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-kz h1" title="kz" id="kz"></i>
             <div>flag-icon-kz</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-la h1" title="la" id="la"></i>
             <div>flag-icon-la</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-lb h1" title="lb" id="lb"></i>
             <div>flag-icon-lb</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-lc h1" title="lc" id="lc"></i>
             <div>flag-icon-lc</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-li h1" title="li" id="li"></i>
             <div>flag-icon-li</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-lk h1" title="lk" id="lk"></i>
             <div>flag-icon-lk</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-lr h1" title="lr" id="lr"></i>
             <div>flag-icon-lr</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ls h1" title="ls" id="ls"></i>
             <div>flag-icon-ls</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-lt h1" title="lt" id="lt"></i>
             <div>flag-icon-lt</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-lu h1" title="lu" id="lu"></i>
             <div>flag-icon-lu</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-lv h1" title="lv" id="lv"></i>
             <div>flag-icon-lv</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ly h1" title="ly" id="ly"></i>
             <div>flag-icon-ly</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ma h1" title="ma" id="ma"></i>
             <div>flag-icon-ma</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-mc h1" title="mc" id="mc"></i>
             <div>flag-icon-mc</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-md h1" title="md" id="md"></i>
             <div>flag-icon-md</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-me h1" title="me" id="me"></i>
             <div>flag-icon-me</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-mf h1" title="mf" id="mf"></i>
             <div>flag-icon-mf</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-mg h1" title="mg" id="mg"></i>
             <div>flag-icon-mg</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-mh h1" title="mh" id="mh"></i>
             <div>flag-icon-mh</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-mk h1" title="mk" id="mk"></i>
             <div>flag-icon-mk</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ml h1" title="ml" id="ml"></i>
             <div>flag-icon-ml</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-mm h1" title="mm" id="mm"></i>
             <div>flag-icon-mm</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-mn h1" title="mn" id="mn"></i>
             <div>flag-icon-mn</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-mo h1" title="mo" id="mo"></i>
             <div>flag-icon-mo</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-mp h1" title="mp" id="mp"></i>
             <div>flag-icon-mp</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-mq h1" title="mq" id="mq"></i>
             <div>flag-icon-mq</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-mr h1" title="mr" id="mr"></i>
             <div>flag-icon-mr</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ms h1" title="ms" id="ms"></i>
             <div>flag-icon-ms</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-mt h1" title="mt" id="mt"></i>
             <div>flag-icon-mt</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-mu h1" title="mu" id="mu"></i>
             <div>flag-icon-mu</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-mv h1" title="mv" id="mv"></i>
             <div>flag-icon-mv</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-mw h1" title="mw" id="mw"></i>
             <div>flag-icon-mw</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-mx h1" title="mx" id="mx"></i>
             <div>flag-icon-mx</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-my h1" title="my" id="my"></i>
             <div>flag-icon-my</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-mz h1" title="mz" id="mz"></i>
             <div>flag-icon-mz</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-na h1" title="na" id="na"></i>
             <div>flag-icon-na</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-nc h1" title="nc" id="nc"></i>
             <div>flag-icon-nc</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ne h1" title="ne" id="ne"></i>
             <div>flag-icon-ne</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-nf h1" title="nf" id="nf"></i>
             <div>flag-icon-nf</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ng h1" title="ng" id="ng"></i>
             <div>flag-icon-ng</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ni h1" title="ni" id="ni"></i>
             <div>flag-icon-ni</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-nl h1" title="nl" id="nl"></i>
             <div>flag-icon-nl</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-no h1" title="no" id="no"></i>
             <div>flag-icon-no</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-np h1" title="np" id="np"></i>
             <div>flag-icon-np</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-nr h1" title="nr" id="nr"></i>
             <div>flag-icon-nr</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-nu h1" title="nu" id="nu"></i>
             <div>flag-icon-nu</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-nz h1" title="nz" id="nz"></i>
             <div>flag-icon-nz</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-om h1" title="om" id="om"></i>
             <div>flag-icon-om</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-pa h1" title="pa" id="pa"></i>
             <div>flag-icon-pa</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-pe h1" title="pe" id="pe"></i>
             <div>flag-icon-pe</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-pf h1" title="pf" id="pf"></i>
             <div>flag-icon-pf</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-pg h1" title="pg" id="pg"></i>
             <div>flag-icon-pg</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ph h1" title="ph" id="ph"></i>
             <div>flag-icon-ph</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-pk h1" title="pk" id="pk"></i>
             <div>flag-icon-pk</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-pl h1" title="pl" id="pl"></i>
             <div>flag-icon-pl</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-pm h1" title="pm" id="pm"></i>
             <div>flag-icon-pm</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-pn h1" title="pn" id="pn"></i>
             <div>flag-icon-pn</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-pr h1" title="pr" id="pr"></i>
             <div>flag-icon-pr</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ps h1" title="ps" id="ps"></i>
             <div>flag-icon-ps</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-pt h1" title="pt" id="pt"></i>
             <div>flag-icon-pt</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-pw h1" title="pw" id="pw"></i>
             <div>flag-icon-pw</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-py h1" title="py" id="py"></i>
             <div>flag-icon-py</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-qa h1" title="qa" id="qa"></i>
             <div>flag-icon-qa</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-re h1" title="re" id="re"></i>
             <div>flag-icon-re</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ro h1" title="ro" id="ro"></i>
             <div>flag-icon-ro</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-rs h1" title="rs" id="rs"></i>
             <div>flag-icon-rs</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ru h1" title="ru" id="ru"></i>
             <div>flag-icon-ru</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-rw h1" title="rw" id="rw"></i>
             <div>flag-icon-rw</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-sa h1" title="sa" id="sa"></i>
             <div>flag-icon-sa</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-sb h1" title="sb" id="sb"></i>
             <div>flag-icon-sb</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-sc h1" title="sc" id="sc"></i>
             <div>flag-icon-sc</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-sd h1" title="sd" id="sd"></i>
             <div>flag-icon-sd</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-se h1" title="se" id="se"></i>
             <div>flag-icon-se</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-sg h1" title="sg" id="sg"></i>
             <div>flag-icon-sg</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-sh h1" title="sh" id="sh"></i>
             <div>flag-icon-sh</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-si h1" title="si" id="si"></i>
             <div>flag-icon-si</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-sj h1" title="sj" id="sj"></i>
             <div>flag-icon-sj</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-sk h1" title="sk" id="sk"></i>
             <div>flag-icon-sk</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-sl h1" title="sl" id="sl"></i>
             <div>flag-icon-sl</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-sm h1" title="sm" id="sm"></i>
             <div>flag-icon-sm</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-sn h1" title="sn" id="sn"></i>
             <div>flag-icon-sn</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-so h1" title="so" id="so"></i>
             <div>flag-icon-so</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-sr h1" title="sr" id="sr"></i>
             <div>flag-icon-sr</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ss h1" title="ss" id="ss"></i>
             <div>flag-icon-ss</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-st h1" title="st" id="st"></i>
             <div>flag-icon-st</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-sv h1" title="sv" id="sv"></i>
             <div>flag-icon-sv</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-sx h1" title="sx" id="sx"></i>
             <div>flag-icon-sx</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-sy h1" title="sy" id="sy"></i>
             <div>flag-icon-sy</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-sz h1" title="sz" id="sz"></i>
             <div>flag-icon-sz</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-tc h1" title="tc" id="tc"></i>
             <div>flag-icon-tc</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-td h1" title="td" id="td"></i>
             <div>flag-icon-td</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-tf h1" title="tf" id="tf"></i>
             <div>flag-icon-tf</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-tg h1" title="tg" id="tg"></i>
             <div>flag-icon-tg</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-th h1" title="th" id="th"></i>
             <div>flag-icon-th</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-tj h1" title="tj" id="tj"></i>
             <div>flag-icon-tj</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-tk h1" title="tk" id="tk"></i>
             <div>flag-icon-tk</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-tl h1" title="tl" id="tl"></i>
             <div>flag-icon-tl</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-tm h1" title="tm" id="tm"></i>
             <div>flag-icon-tm</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-tn h1" title="tn" id="tn"></i>
             <div>flag-icon-tn</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-to h1" title="to" id="to"></i>
             <div>flag-icon-to</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-tr h1" title="tr" id="tr"></i>
             <div>flag-icon-tr</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-tt h1" title="tt" id="tt"></i>
             <div>flag-icon-tt</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-tv h1" title="tv" id="tv"></i>
             <div>flag-icon-tv</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-tw h1" title="tw" id="tw"></i>
             <div>flag-icon-tw</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-tz h1" title="tz" id="tz"></i>
             <div>flag-icon-tz</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ua h1" title="ua" id="ua"></i>
             <div>flag-icon-ua</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ug h1" title="ug" id="ug"></i>
             <div>flag-icon-ug</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-um h1" title="um" id="um"></i>
             <div>flag-icon-um</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-us h1" title="us" id="us"></i>
             <div>flag-icon-us</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-uy h1" title="uy" id="uy"></i>
             <div>flag-icon-uy</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-uz h1" title="uz" id="uz"></i>
             <div>flag-icon-uz</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-va h1" title="va" id="va"></i>
             <div>flag-icon-va</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-vc h1" title="vc" id="vc"></i>
             <div>flag-icon-vc</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ve h1" title="ve" id="ve"></i>
             <div>flag-icon-ve</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-vg h1" title="vg" id="vg"></i>
             <div>flag-icon-vg</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-vi h1" title="vi" id="vi"></i>
             <div>flag-icon-vi</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-vn h1" title="vn" id="vn"></i>
             <div>flag-icon-vn</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-vu h1" title="vu" id="vu"></i>
             <div>flag-icon-vu</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-wf h1" title="wf" id="wf"></i>
             <div>flag-icon-wf</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ws h1" title="ws" id="ws"></i>
             <div>flag-icon-ws</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-ye h1" title="ye" id="ye"></i>
             <div>flag-icon-ye</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-yt h1" title="yt" id="yt"></i>
             <div>flag-icon-yt</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-za h1" title="za" id="za"></i>
             <div>flag-icon-za</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-zm h1" title="zm" id="zm"></i>
             <div>flag-icon-zm</div>
           </CCol>
-          <CCol class="mb-5" cols="3" sm="2">
+          <CCol class="mb-5" col="3" sm="2">
             <i class="flag-icon flag-icon-zw h1" title="zw" id="zw"></i>
             <div>flag-icon-zw</div>
           </CCol>
diff --git a/src/views/icons/FontAwesome.vue b/src/views/icons/FontAwesome.vue
index 05485a33..ed739395 100644
--- a/src/views/icons/FontAwesome.vue
+++ b/src/views/icons/FontAwesome.vue
@@ -6,169 +6,169 @@
       </CCardHeader>
       <CCardBody>
         <CRow class="text-center">
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-address-book fa-lg mt-4"></i><br/>address-book
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-address-book-o fa-lg mt-4"></i><br/>address-book-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-address-card fa-lg mt-4"></i><br/>address-card
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-address-card-o fa-lg mt-4"></i><br/>address-card-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bandcamp fa-lg mt-4"></i><br/>bandcamp
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bath fa-lg mt-4"></i><br/>bath
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bathtub fa-lg mt-4"></i><br/>bathtub <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-drivers-license fa-lg mt-4"></i><br/>drivers-license <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-drivers-license-o fa-lg mt-4"></i><br/>drivers-license-o <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-eercast fa-lg mt-4"></i><br/>eercast
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-envelope-open fa-lg mt-4"></i><br/>envelope-open
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-envelope-open-o fa-lg mt-4"></i><br/>envelope-open-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-etsy fa-lg mt-4"></i><br/>etsy
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-free-code-camp fa-lg mt-4"></i><br/>free-code-camp
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-grav fa-lg mt-4"></i><br/>grav
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-handshake-o fa-lg mt-4"></i><br/>handshake-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-id-badge fa-lg mt-4"></i><br/>id-badge
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-id-card fa-lg mt-4"></i><br/>id-card
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-id-card-o fa-lg mt-4"></i><br/>id-card-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-imdb fa-lg mt-4"></i><br/>imdb
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-linode fa-lg mt-4"></i><br/>linode
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-meetup fa-lg mt-4"></i><br/>meetup
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-microchip fa-lg mt-4"></i><br/>microchip
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-podcast fa-lg mt-4"></i><br/>podcast
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-quora fa-lg mt-4"></i><br/>quora
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-ravelry fa-lg mt-4"></i><br/>ravelry
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-s15 fa-lg mt-4"></i><br/>s15 <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-shower fa-lg mt-4"></i><br/>shower
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-snowflake-o fa-lg mt-4"></i><br/>snowflake-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-superpowers fa-lg mt-4"></i><br/>superpowers
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-telegram fa-lg mt-4"></i><br/>telegram
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-thermometer fa-lg mt-4"></i><br/>thermometer <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-thermometer-0 fa-lg mt-4"></i><br/>thermometer-0 <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-thermometer-1 fa-lg mt-4"></i><br/>thermometer-1 <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-thermometer-2 fa-lg mt-4"></i><br/>thermometer-2 <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-thermometer-3 fa-lg mt-4"></i><br/>thermometer-3 <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-thermometer-4 fa-lg mt-4"></i><br/>thermometer-4 <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-thermometer-empty fa-lg mt-4"></i><br/>thermometer-empty
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-thermometer-full fa-lg mt-4"></i><br/>thermometer-full
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-thermometer-half fa-lg mt-4"></i><br/>thermometer-half
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-thermometer-quarter fa-lg mt-4"></i><br/>thermometer-quarter
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-thermometer-three-quarters fa-lg mt-4"></i><br/>thermometer-three-quarters
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-times-rectangle fa-lg mt-4"></i><br/>times-rectangle <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-times-rectangle-o fa-lg mt-4"></i><br/>times-rectangle-o <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-user-circle fa-lg mt-4"></i><br/>user-circle
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-user-circle-o fa-lg mt-4"></i><br/>user-circle-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-user-o fa-lg mt-4"></i><br/>user-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-vcard fa-lg mt-4"></i><br/>vcard <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-vcard-o fa-lg mt-4"></i><br/>vcard-o <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-window-close fa-lg mt-4"></i><br/>window-close
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-window-close-o fa-lg mt-4"></i><br/>window-close-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-window-maximize fa-lg mt-4"></i><br/>window-maximize
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-window-minimize fa-lg mt-4"></i><br/>window-minimize
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-window-restore fa-lg mt-4"></i><br/>window-restore
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-wpexplorer fa-lg mt-4"></i><br/>wpexplorer
           </CCol>
         </CRow>
@@ -179,64 +179,64 @@
       <CCardBody>
         <CRow class="text-center">
 
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bluetooth fa-lg mt-4"></i><br>bluetooth
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bluetooth-b fa-lg mt-4"></i><br>bluetooth-b
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-codiepie fa-lg mt-4"></i><br>codiepie
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-credit-card-alt fa-lg mt-4"></i><br>credit-card-alt
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-edge fa-lg mt-4"></i><br>edge
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-fort-awesome fa-lg mt-4"></i><br>fort-awesome
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hashtag fa-lg mt-4"></i><br>hashtag
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-mixcloud fa-lg mt-4"></i><br>mixcloud
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-modx fa-lg mt-4"></i><br>modx
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-pause-circle fa-lg mt-4"></i><br>pause-circle
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-pause-circle-o fa-lg mt-4"></i><br>pause-circle-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-percent fa-lg mt-4"></i><br>percent
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-product-hunt fa-lg mt-4"></i><br>product-hunt
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-reddit-alien fa-lg mt-4"></i><br>reddit-alien
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-scribd fa-lg mt-4"></i><br>scribd
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-shopping-bag fa-lg mt-4"></i><br>shopping-bag
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-shopping-basket fa-lg mt-4"></i><br>shopping-basket
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-stop-circle fa-lg mt-4"></i><br>stop-circle
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-stop-circle-o fa-lg mt-4"></i><br>stop-circle-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-usb fa-lg mt-4"></i><br>usb
           </CCol>
 
@@ -250,1180 +250,1180 @@
       <CCardBody>
         <CRow class="text-center">
 
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-adjust fa-lg mt-4"></i><br>adjust
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-anchor fa-lg mt-4"></i><br>anchor
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-archive fa-lg mt-4"></i><br>archive
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-area-chart fa-lg mt-4"></i><br>area-chart
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-arrows fa-lg mt-4"></i><br>arrows
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-arrows-h fa-lg mt-4"></i><br>arrows-h
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-arrows-v fa-lg mt-4"></i><br>arrows-v
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-asterisk fa-lg mt-4"></i><br>asterisk
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-at fa-lg mt-4"></i><br>at
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-automobile fa-lg mt-4"></i><br>automobile <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-balance-scale fa-lg mt-4"></i><br>balance-scale
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-ban fa-lg mt-4"></i><br>ban
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bank fa-lg mt-4"></i><br>bank <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bar-chart fa-lg mt-4"></i><br>bar-chart
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bar-chart-o fa-lg mt-4"></i><br>bar-chart-o <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-barcode fa-lg mt-4"></i><br>barcode
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bars fa-lg mt-4"></i><br>bars
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-battery-0 fa-lg mt-4"></i><br>battery-0 <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-battery-1 fa-lg mt-4"></i><br>battery-1 <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-battery-2 fa-lg mt-4"></i><br>battery-2 <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-battery-3 fa-lg mt-4"></i><br>battery-3 <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-battery-4 fa-lg mt-4"></i><br>battery-4 <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-battery-empty fa-lg mt-4"></i><br>battery-empty
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-battery-full fa-lg mt-4"></i><br>battery-full
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-battery-half fa-lg mt-4"></i><br>battery-half
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-battery-quarter fa-lg mt-4"></i><br>battery-quarter
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-battery-three-quarters fa-lg mt-4"></i><br>battery-three-quarters
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bed fa-lg mt-4"></i><br>bed
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-beer fa-lg mt-4"></i><br>beer
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bell fa-lg mt-4"></i><br>bell
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bell-o fa-lg mt-4"></i><br>bell-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bell-slash fa-lg mt-4"></i><br>bell-slash
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bell-slash-o fa-lg mt-4"></i><br>bell-slash-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bicycle fa-lg mt-4"></i><br>bicycle
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-binoculars fa-lg mt-4"></i><br>binoculars
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-birthday-cake fa-lg mt-4"></i><br>birthday-cake
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bluetooth fa-lg mt-4"></i><br>bluetooth
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bluetooth-b fa-lg mt-4"></i><br>bluetooth-b
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bolt fa-lg mt-4"></i><br>bolt
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bomb fa-lg mt-4"></i><br>bomb
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-book fa-lg mt-4"></i><br>book
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bookmark fa-lg mt-4"></i><br>bookmark
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bookmark-o fa-lg mt-4"></i><br>bookmark-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-briefcase fa-lg mt-4"></i><br>briefcase
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bug fa-lg mt-4"></i><br>bug
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-building fa-lg mt-4"></i><br>building
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-building-o fa-lg mt-4"></i><br>building-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bullhorn fa-lg mt-4"></i><br>bullhorn
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bullseye fa-lg mt-4"></i><br>bullseye
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bus fa-lg mt-4"></i><br>bus
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-cab fa-lg mt-4"></i><br>cab <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-calculator fa-lg mt-4"></i><br>calculator
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-calendar fa-lg mt-4"></i><br>calendar
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-calendar-check-o fa-lg mt-4"></i><br>calendar-check-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-calendar-minus-o fa-lg mt-4"></i><br>calendar-minus-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-calendar-o fa-lg mt-4"></i><br>calendar-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-calendar-plus-o fa-lg mt-4"></i><br>calendar-plus-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-calendar-times-o fa-lg mt-4"></i><br>calendar-times-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-camera fa-lg mt-4"></i><br>camera
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-camera-retro fa-lg mt-4"></i><br>camera-retro
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-car fa-lg mt-4"></i><br>car
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-caret-square-o-down fa-lg mt-4"></i><br>caret-square-o-down
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-caret-square-o-left fa-lg mt-4"></i><br>caret-square-o-left
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-caret-square-o-right fa-lg mt-4"></i><br>caret-square-o-right
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-caret-square-o-up fa-lg mt-4"></i><br>caret-square-o-up
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-cart-arrow-down fa-lg mt-4"></i><br>cart-arrow-down
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-cart-plus fa-lg mt-4"></i><br>cart-plus
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-cc fa-lg mt-4"></i><br>cc
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-certificate fa-lg mt-4"></i><br>certificate
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-check fa-lg mt-4"></i><br>check
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-check-circle fa-lg mt-4"></i><br>check-circle
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-check-circle-o fa-lg mt-4"></i><br>check-circle-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-check-square fa-lg mt-4"></i><br>check-square
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-check-square-o fa-lg mt-4"></i><br>check-square-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-child fa-lg mt-4"></i><br>child
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-circle fa-lg mt-4"></i><br>circle
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-circle-o fa-lg mt-4"></i><br>circle-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-circle-o-notch fa-lg mt-4"></i><br>circle-o-notch
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-circle-thin fa-lg mt-4"></i><br>circle-thin
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-clock-o fa-lg mt-4"></i><br>clock-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-clone fa-lg mt-4"></i><br>clone
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-close fa-lg mt-4"></i><br>close <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-cloud fa-lg mt-4"></i><br>cloud
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-cloud-download fa-lg mt-4"></i><br>cloud-download
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-cloud-upload fa-lg mt-4"></i><br>cloud-upload
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-code fa-lg mt-4"></i><br>code
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-code-fork fa-lg mt-4"></i><br>code-fork
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-coffee fa-lg mt-4"></i><br>coffee
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-cog fa-lg mt-4"></i><br>cog
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-cogs fa-lg mt-4"></i><br>cogs
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-comment fa-lg mt-4"></i><br>comment
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-comment-o fa-lg mt-4"></i><br>comment-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-commenting fa-lg mt-4"></i><br>commenting
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-commenting-o fa-lg mt-4"></i><br>commenting-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-comments fa-lg mt-4"></i><br>comments
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-comments-o fa-lg mt-4"></i><br>comments-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-compass fa-lg mt-4"></i><br>compass
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-copyright fa-lg mt-4"></i><br>copyright
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-creative-commons fa-lg mt-4"></i><br>creative-commons
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-credit-card fa-lg mt-4"></i><br>credit-card
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-credit-card-alt fa-lg mt-4"></i><br>credit-card-alt
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-crop fa-lg mt-4"></i><br>crop
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-crosshairs fa-lg mt-4"></i><br>crosshairs
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-cube fa-lg mt-4"></i><br>cube
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-cubes fa-lg mt-4"></i><br>cubes
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-cutlery fa-lg mt-4"></i><br>cutlery
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-dashboard fa-lg mt-4"></i><br>dashboard <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-database fa-lg mt-4"></i><br>database
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-desktop fa-lg mt-4"></i><br>desktop
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-diamond fa-lg mt-4"></i><br>diamond
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-dot-circle-o fa-lg mt-4"></i><br>dot-circle-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-download fa-lg mt-4"></i><br>download
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-edit fa-lg mt-4"></i><br>edit <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-ellipsis-h fa-lg mt-4"></i><br>ellipsis-h
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-ellipsis-v fa-lg mt-4"></i><br>ellipsis-v
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-envelope fa-lg mt-4"></i><br>envelope
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-envelope-o fa-lg mt-4"></i><br>envelope-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-envelope-square fa-lg mt-4"></i><br>envelope-square
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-eraser fa-lg mt-4"></i><br>eraser
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-exchange fa-lg mt-4"></i><br>exchange
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-exclamation fa-lg mt-4"></i><br>exclamation
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-exclamation-circle fa-lg mt-4"></i><br>exclamation-circle
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-exclamation-triangle fa-lg mt-4"></i><br>exclamation-triangle
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-external-link fa-lg mt-4"></i><br>external-link
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-external-link-square fa-lg mt-4"></i><br>external-link-square
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-eye fa-lg mt-4"></i><br>eye
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-eye-slash fa-lg mt-4"></i><br>eye-slash
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-eyedropper fa-lg mt-4"></i><br>eyedropper
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-fax fa-lg mt-4"></i><br>fax
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-feed fa-lg mt-4"></i><br>feed <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-female fa-lg mt-4"></i><br>female
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-fighter-jet fa-lg mt-4"></i><br>fighter-jet
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file-archive-o fa-lg mt-4"></i><br>file-archive-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file-audio-o fa-lg mt-4"></i><br>file-audio-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file-code-o fa-lg mt-4"></i><br>file-code-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file-excel-o fa-lg mt-4"></i><br>file-excel-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file-image-o fa-lg mt-4"></i><br>file-image-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file-movie-o fa-lg mt-4"></i><br>file-movie-o <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file-pdf-o fa-lg mt-4"></i><br>file-pdf-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file-photo-o fa-lg mt-4"></i><br>file-photo-o <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file-picture-o fa-lg mt-4"></i><br>file-picture-o <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file-powerpoint-o fa-lg mt-4"></i><br>file-powerpoint-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file-sound-o fa-lg mt-4"></i><br>file-sound-o <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file-video-o fa-lg mt-4"></i><br>file-video-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file-word-o fa-lg mt-4"></i><br>file-word-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file-zip-o fa-lg mt-4"></i><br>file-zip-o <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-film fa-lg mt-4"></i><br>film
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-filter fa-lg mt-4"></i><br>filter
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-fire fa-lg mt-4"></i><br>fire
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-fire-extinguisher fa-lg mt-4"></i><br>fire-extinguisher
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-flag fa-lg mt-4"></i><br>flag
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-flag-checkered fa-lg mt-4"></i><br>flag-checkered
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-flag-o fa-lg mt-4"></i><br>flag-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-flash fa-lg mt-4"></i><br>flash <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-flask fa-lg mt-4"></i><br>flask
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-folder fa-lg mt-4"></i><br>folder
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-folder-o fa-lg mt-4"></i><br>folder-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-folder-open fa-lg mt-4"></i><br>folder-open
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-folder-open-o fa-lg mt-4"></i><br>folder-open-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-frown-o fa-lg mt-4"></i><br>frown-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-futbol-o fa-lg mt-4"></i><br>futbol-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-gamepad fa-lg mt-4"></i><br>gamepad
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-gavel fa-lg mt-4"></i><br>gavel
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-gear fa-lg mt-4"></i><br>gear <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-gears fa-lg mt-4"></i><br>gears <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-gift fa-lg mt-4"></i><br>gift
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-glass fa-lg mt-4"></i><br>glass
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-globe fa-lg mt-4"></i><br>globe
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-graduation-cap fa-lg mt-4"></i><br>graduation-cap
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-group fa-lg mt-4"></i><br>group <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hand-grab-o fa-lg mt-4"></i><br>hand-grab-o <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hand-lizard-o fa-lg mt-4"></i><br>hand-lizard-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hand-paper-o fa-lg mt-4"></i><br>hand-paper-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hand-peace-o fa-lg mt-4"></i><br>hand-peace-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hand-pointer-o fa-lg mt-4"></i><br>hand-pointer-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hand-rock-o fa-lg mt-4"></i><br>hand-rock-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hand-scissors-o fa-lg mt-4"></i><br>hand-scissors-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hand-spock-o fa-lg mt-4"></i><br>hand-spock-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hand-stop-o fa-lg mt-4"></i><br>hand-stop-o <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hashtag fa-lg mt-4"></i><br>hashtag
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hdd-o fa-lg mt-4"></i><br>hdd-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-headphones fa-lg mt-4"></i><br>headphones
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-heart fa-lg mt-4"></i><br>heart
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-heart-o fa-lg mt-4"></i><br>heart-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-heartbeat fa-lg mt-4"></i><br>heartbeat
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-history fa-lg mt-4"></i><br>history
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-home fa-lg mt-4"></i><br>home
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hotel fa-lg mt-4"></i><br>hotel <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hourglass fa-lg mt-4"></i><br>hourglass
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hourglass-1 fa-lg mt-4"></i><br>hourglass-1 <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hourglass-2 fa-lg mt-4"></i><br>hourglass-2 <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hourglass-3 fa-lg mt-4"></i><br>hourglass-3 <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hourglass-end fa-lg mt-4"></i><br>hourglass-end
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hourglass-half fa-lg mt-4"></i><br>hourglass-half
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hourglass-o fa-lg mt-4"></i><br>hourglass-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hourglass-start fa-lg mt-4"></i><br>hourglass-start
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-i-cursor fa-lg mt-4"></i><br>i-cursor
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-image fa-lg mt-4"></i><br>image <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-inbox fa-lg mt-4"></i><br>inbox
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-industry fa-lg mt-4"></i><br>industry
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-info fa-lg mt-4"></i><br>info
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-info-circle fa-lg mt-4"></i><br>info-circle
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-institution fa-lg mt-4"></i><br>institution <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-key fa-lg mt-4"></i><br>key
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-keyboard-o fa-lg mt-4"></i><br>keyboard-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-language fa-lg mt-4"></i><br>language
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-laptop fa-lg mt-4"></i><br>laptop
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-leaf fa-lg mt-4"></i><br>leaf
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-legal fa-lg mt-4"></i><br>legal <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-lemon-o fa-lg mt-4"></i><br>lemon-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-level-down fa-lg mt-4"></i><br>level-down
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-level-up fa-lg mt-4"></i><br>level-up
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-life-bouy fa-lg mt-4"></i><br>life-bouy <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-life-buoy fa-lg mt-4"></i><br>life-buoy <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-life-ring fa-lg mt-4"></i><br>life-ring
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-life-saver fa-lg mt-4"></i><br>life-saver <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-lightbulb-o fa-lg mt-4"></i><br>lightbulb-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-line-chart fa-lg mt-4"></i><br>line-chart
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-location-arrow fa-lg mt-4"></i><br>location-arrow
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-lock fa-lg mt-4"></i><br>lock
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-magic fa-lg mt-4"></i><br>magic
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-magnet fa-lg mt-4"></i><br>magnet
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-mail-forward fa-lg mt-4"></i><br>mail-forward <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-mail-reply fa-lg mt-4"></i><br>mail-reply <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-mail-reply-all fa-lg mt-4"></i><br>mail-reply-all <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-male fa-lg mt-4"></i><br>male
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-map fa-lg mt-4"></i><br>map
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-map-marker fa-lg mt-4"></i><br>map-marker
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-map-o fa-lg mt-4"></i><br>map-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-map-pin fa-lg mt-4"></i><br>map-pin
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-map-signs fa-lg mt-4"></i><br>map-signs
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-meh-o fa-lg mt-4"></i><br>meh-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-microphone fa-lg mt-4"></i><br>microphone
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-microphone-slash fa-lg mt-4"></i><br>microphone-slash
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-minus fa-lg mt-4"></i><br>minus
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-minus-circle fa-lg mt-4"></i><br>minus-circle
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-minus-square fa-lg mt-4"></i><br>minus-square
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-minus-square-o fa-lg mt-4"></i><br>minus-square-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-mobile fa-lg mt-4"></i><br>mobile
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-mobile-phone fa-lg mt-4"></i><br>mobile-phone <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-money fa-lg mt-4"></i><br>money
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-moon-o fa-lg mt-4"></i><br>moon-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-mortar-board fa-lg mt-4"></i><br>mortar-board <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-motorcycle fa-lg mt-4"></i><br>motorcycle
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-mouse-pointer fa-lg mt-4"></i><br>mouse-pointer
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-music fa-lg mt-4"></i><br>music
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-navicon fa-lg mt-4"></i><br>navicon <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-newspaper-o fa-lg mt-4"></i><br>newspaper-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-object-group fa-lg mt-4"></i><br>object-group
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-object-ungroup fa-lg mt-4"></i><br>object-ungroup
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-paint-brush fa-lg mt-4"></i><br>paint-brush
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-paper-plane fa-lg mt-4"></i><br>paper-plane
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-paper-plane-o fa-lg mt-4"></i><br>paper-plane-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-paw fa-lg mt-4"></i><br>paw
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-pencil fa-lg mt-4"></i><br>pencil
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-pencil-square fa-lg mt-4"></i><br>pencil-square
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-pencil-square-o fa-lg mt-4"></i><br>pencil-square-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-percent fa-lg mt-4"></i><br>percent
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-phone fa-lg mt-4"></i><br>phone
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-phone-square fa-lg mt-4"></i><br>phone-square
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-photo fa-lg mt-4"></i><br>photo <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-picture-o fa-lg mt-4"></i><br>picture-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-pie-chart fa-lg mt-4"></i><br>pie-chart
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-plane fa-lg mt-4"></i><br>plane
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-plug fa-lg mt-4"></i><br>plug
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-plus fa-lg mt-4"></i><br>plus
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-plus-circle fa-lg mt-4"></i><br>plus-circle
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-plus-square fa-lg mt-4"></i><br>plus-square
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-plus-square-o fa-lg mt-4"></i><br>plus-square-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-power-off fa-lg mt-4"></i><br>power-off
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-print fa-lg mt-4"></i><br>print
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-puzzle-piece fa-lg mt-4"></i><br>puzzle-piece
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-qrcode fa-lg mt-4"></i><br>qrcode
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-question fa-lg mt-4"></i><br>question
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-question-circle fa-lg mt-4"></i><br>question-circle
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-quote-left fa-lg mt-4"></i><br>quote-left
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-quote-right fa-lg mt-4"></i><br>quote-right
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-random fa-lg mt-4"></i><br>random
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-recycle fa-lg mt-4"></i><br>recycle
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-refresh fa-lg mt-4"></i><br>refresh
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-registered fa-lg mt-4"></i><br>registered
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-remove fa-lg mt-4"></i><br>remove <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-reorder fa-lg mt-4"></i><br>reorder <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-reply fa-lg mt-4"></i><br>reply
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-reply-all fa-lg mt-4"></i><br>reply-all
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-retweet fa-lg mt-4"></i><br>retweet
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-road fa-lg mt-4"></i><br>road
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-rocket fa-lg mt-4"></i><br>rocket
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-rss fa-lg mt-4"></i><br>rss
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-rss-square fa-lg mt-4"></i><br>rss-square
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-search fa-lg mt-4"></i><br>search
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-search-minus fa-lg mt-4"></i><br>search-minus
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-search-plus fa-lg mt-4"></i><br>search-plus
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-send fa-lg mt-4"></i><br>send <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-send-o fa-lg mt-4"></i><br>send-o <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-server fa-lg mt-4"></i><br>server
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-share fa-lg mt-4"></i><br>share
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-share-alt fa-lg mt-4"></i><br>share-alt
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-share-alt-square fa-lg mt-4"></i><br>share-alt-square
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-share-square fa-lg mt-4"></i><br>share-square
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-share-square-o fa-lg mt-4"></i><br>share-square-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-shield fa-lg mt-4"></i><br>shield
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-ship fa-lg mt-4"></i><br>ship
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-shopping-bag fa-lg mt-4"></i><br>shopping-bag
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-shopping-basket fa-lg mt-4"></i><br>shopping-basket
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-shopping-cart fa-lg mt-4"></i><br>shopping-cart
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-sign-in fa-lg mt-4"></i><br>sign-in
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-sign-out fa-lg mt-4"></i><br>sign-out
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-signal fa-lg mt-4"></i><br>signal
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-sitemap fa-lg mt-4"></i><br>sitemap
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-sliders fa-lg mt-4"></i><br>sliders
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-smile-o fa-lg mt-4"></i><br>smile-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-soccer-ball-o fa-lg mt-4"></i><br>soccer-ball-o <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-sort fa-lg mt-4"></i><br>sort
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-sort-alpha-asc fa-lg mt-4"></i><br>sort-alpha-asc
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-sort-alpha-desc fa-lg mt-4"></i><br>sort-alpha-desc
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-sort-amount-asc fa-lg mt-4"></i><br>sort-amount-asc
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-sort-amount-desc fa-lg mt-4"></i><br>sort-amount-desc
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-sort-asc fa-lg mt-4"></i><br>sort-asc
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-sort-desc fa-lg mt-4"></i><br>sort-desc
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-sort-down fa-lg mt-4"></i><br>sort-down <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-sort-numeric-asc fa-lg mt-4"></i><br>sort-numeric-asc
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-sort-numeric-desc fa-lg mt-4"></i><br>sort-numeric-desc
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-sort-up fa-lg mt-4"></i><br>sort-up <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-space-shuttle fa-lg mt-4"></i><br>space-shuttle
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-spinner fa-lg mt-4"></i><br>spinner
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-spoon fa-lg mt-4"></i><br>spoon
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-square fa-lg mt-4"></i><br>square
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-square-o fa-lg mt-4"></i><br>square-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-star fa-lg mt-4"></i><br>star
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-star-half fa-lg mt-4"></i><br>star-half
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-star-half-empty fa-lg mt-4"></i><br>star-half-empty <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-star-half-full fa-lg mt-4"></i><br>star-half-full <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-star-half-o fa-lg mt-4"></i><br>star-half-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-star-o fa-lg mt-4"></i><br>star-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-sticky-note fa-lg mt-4"></i><br>sticky-note
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-sticky-note-o fa-lg mt-4"></i><br>sticky-note-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-street-view fa-lg mt-4"></i><br>street-view
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-suitcase fa-lg mt-4"></i><br>suitcase
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-sun-o fa-lg mt-4"></i><br>sun-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-support fa-lg mt-4"></i><br>support <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-tablet fa-lg mt-4"></i><br>tablet
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-tachometer fa-lg mt-4"></i><br>tachometer
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-tag fa-lg mt-4"></i><br>tag
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-tags fa-lg mt-4"></i><br>tags
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-tasks fa-lg mt-4"></i><br>tasks
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-taxi fa-lg mt-4"></i><br>taxi
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-television fa-lg mt-4"></i><br>television
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-terminal fa-lg mt-4"></i><br>terminal
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-thumb-tack fa-lg mt-4"></i><br>thumb-tack
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-thumbs-down fa-lg mt-4"></i><br>thumbs-down
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-thumbs-o-down fa-lg mt-4"></i><br>thumbs-o-down
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-thumbs-o-up fa-lg mt-4"></i><br>thumbs-o-up
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-thumbs-up fa-lg mt-4"></i><br>thumbs-up
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-ticket fa-lg mt-4"></i><br>ticket
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-times fa-lg mt-4"></i><br>times
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-times-circle fa-lg mt-4"></i><br>times-circle
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-times-circle-o fa-lg mt-4"></i><br>times-circle-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-tint fa-lg mt-4"></i><br>tint
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-toggle-down fa-lg mt-4"></i><br>toggle-down <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-toggle-left fa-lg mt-4"></i><br>toggle-left <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-toggle-off fa-lg mt-4"></i><br>toggle-off
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-toggle-on fa-lg mt-4"></i><br>toggle-on
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-toggle-right fa-lg mt-4"></i><br>toggle-right <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-toggle-up fa-lg mt-4"></i><br>toggle-up <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-trademark fa-lg mt-4"></i><br>trademark
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-trash fa-lg mt-4"></i><br>trash
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-trash-o fa-lg mt-4"></i><br>trash-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-tree fa-lg mt-4"></i><br>tree
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-trophy fa-lg mt-4"></i><br>trophy
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-truck fa-lg mt-4"></i><br>truck
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-tty fa-lg mt-4"></i><br>tty
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-tv fa-lg mt-4"></i><br>tv <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-umbrella fa-lg mt-4"></i><br>umbrella
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-university fa-lg mt-4"></i><br>university
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-unlock fa-lg mt-4"></i><br>unlock
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-unlock-alt fa-lg mt-4"></i><br>unlock-alt
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-unsorted fa-lg mt-4"></i><br>unsorted <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-upload fa-lg mt-4"></i><br>upload
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-user fa-lg mt-4"></i><br>user
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-user-plus fa-lg mt-4"></i><br>user-plus
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-user-secret fa-lg mt-4"></i><br>user-secret
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-user-times fa-lg mt-4"></i><br>user-times
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-users fa-lg mt-4"></i><br>users
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-video-camera fa-lg mt-4"></i><br>video-camera
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-volume-down fa-lg mt-4"></i><br>volume-down
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-volume-off fa-lg mt-4"></i><br>volume-off
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-volume-up fa-lg mt-4"></i><br>volume-up
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-warning fa-lg mt-4"></i><br>warning <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-wheelchair fa-lg mt-4"></i><br>wheelchair
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-wifi fa-lg mt-4"></i><br>wifi
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-wrench fa-lg mt-4"></i><br>wrench
           </CCol>
 
@@ -1437,55 +1437,55 @@
       <CCardBody>
         <CRow class="text-center">
 
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hand-grab-o fa-lg mt-4"></i><br>hand-grab-o <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hand-lizard-o fa-lg mt-4"></i><br>hand-lizard-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hand-o-down fa-lg mt-4"></i><br>hand-o-down
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hand-o-left fa-lg mt-4"></i><br>hand-o-left
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hand-o-right fa-lg mt-4"></i><br>hand-o-right
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hand-o-up fa-lg mt-4"></i><br>hand-o-up
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hand-paper-o fa-lg mt-4"></i><br>hand-paper-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hand-peace-o fa-lg mt-4"></i><br>hand-peace-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hand-pointer-o fa-lg mt-4"></i><br>hand-pointer-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hand-rock-o fa-lg mt-4"></i><br>hand-rock-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hand-scissors-o fa-lg mt-4"></i><br>hand-scissors-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hand-spock-o fa-lg mt-4"></i><br>hand-spock-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hand-stop-o fa-lg mt-4"></i><br>hand-stop-o <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-thumbs-down fa-lg mt-4"></i><br>thumbs-down
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-thumbs-o-down fa-lg mt-4"></i><br>thumbs-o-down
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-thumbs-o-up fa-lg mt-4"></i><br>thumbs-o-up
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-thumbs-up fa-lg mt-4"></i><br>thumbs-up
           </CCol>
 
@@ -1499,55 +1499,55 @@
       <CCardBody>
         <CRow class="text-center">
 
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-ambulance fa-lg mt-4"></i><br>ambulance
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-automobile fa-lg mt-4"></i><br>automobile <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bicycle fa-lg mt-4"></i><br>bicycle
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bus fa-lg mt-4"></i><br>bus
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-cab fa-lg mt-4"></i><br>cab <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-car fa-lg mt-4"></i><br>car
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-fighter-jet fa-lg mt-4"></i><br>fighter-jet
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-motorcycle fa-lg mt-4"></i><br>motorcycle
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-plane fa-lg mt-4"></i><br>plane
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-rocket fa-lg mt-4"></i><br>rocket
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-ship fa-lg mt-4"></i><br>ship
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-space-shuttle fa-lg mt-4"></i><br>space-shuttle
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-subway fa-lg mt-4"></i><br>subway
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-taxi fa-lg mt-4"></i><br>taxi
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-train fa-lg mt-4"></i><br>train
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-truck fa-lg mt-4"></i><br>truck
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-wheelchair fa-lg mt-4"></i><br>wheelchair
           </CCol>
 
@@ -1560,46 +1560,46 @@
       <CCardBody>
         <CRow class="text-center">
 
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-genderless fa-lg mt-4"></i><br>genderless
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-intersex fa-lg mt-4"></i><br>intersex <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-mars fa-lg mt-4"></i><br>mars
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-mars-double fa-lg mt-4"></i><br>mars-double
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-mars-stroke fa-lg mt-4"></i><br>mars-stroke
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-mars-stroke-h fa-lg mt-4"></i><br>mars-stroke-h
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-mars-stroke-v fa-lg mt-4"></i><br>mars-stroke-v
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-mercury fa-lg mt-4"></i><br>mercury
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-neuter fa-lg mt-4"></i><br>neuter
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-transgender fa-lg mt-4"></i><br>transgender
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-transgender-alt fa-lg mt-4"></i><br>transgender-alt
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-venus fa-lg mt-4"></i><br>venus
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-venus-double fa-lg mt-4"></i><br>venus-double
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-venus-mars fa-lg mt-4"></i><br>venus-mars
           </CCol>
 
@@ -1612,58 +1612,58 @@
       <CCardBody>
         <CRow class="text-center">
 
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file fa-lg mt-4"></i><br>file
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file-archive-o fa-lg mt-4"></i><br>file-archive-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file-audio-o fa-lg mt-4"></i><br>file-audio-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file-code-o fa-lg mt-4"></i><br>file-code-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file-excel-o fa-lg mt-4"></i><br>file-excel-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file-image-o fa-lg mt-4"></i><br>file-image-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file-movie-o fa-lg mt-4"></i><br>file-movie-o <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file-o fa-lg mt-4"></i><br>file-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file-pdf-o fa-lg mt-4"></i><br>file-pdf-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file-photo-o fa-lg mt-4"></i><br>file-photo-o <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file-picture-o fa-lg mt-4"></i><br>file-picture-o <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file-powerpoint-o fa-lg mt-4"></i><br>file-powerpoint-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file-sound-o fa-lg mt-4"></i><br>file-sound-o <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file-text fa-lg mt-4"></i><br>file-text
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file-text-o fa-lg mt-4"></i><br>file-text-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file-video-o fa-lg mt-4"></i><br>file-video-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file-word-o fa-lg mt-4"></i><br>file-word-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file-zip-o fa-lg mt-4"></i><br>file-zip-o <span class="text-muted">(alias)</span>
           </CCol>
 
@@ -1684,19 +1684,19 @@
         </div>
         <CRow class="text-center">
 
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-circle-o-notch fa-lg mt-4 fa-spin"></i><br>circle-o-notch
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-cog fa-lg mt-4"></i><br>cog
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-gear fa-lg mt-4"></i><br>gear <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-refresh fa-lg mt-4"></i><br>refresh
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-spinner fa-lg mt-4"></i><br>spinner
           </CCol>
 
@@ -1709,37 +1709,37 @@
       <CCardBody>
         <CRow class="text-center">
 
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-check-square fa-lg mt-4"></i><br>check-square
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-check-square-o fa-lg mt-4"></i><br>check-square-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-circle fa-lg mt-4"></i><br>circle
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-circle-o fa-lg mt-4"></i><br>circle-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-dot-circle-o fa-lg mt-4"></i><br>dot-circle-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-minus-square fa-lg mt-4"></i><br>minus-square
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-minus-square-o fa-lg mt-4"></i><br>minus-square-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-plus-square fa-lg mt-4"></i><br>plus-square
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-plus-square-o fa-lg mt-4"></i><br>plus-square-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-square fa-lg mt-4"></i><br>square
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-square-o fa-lg mt-4"></i><br>square-o
           </CCol>
 
@@ -1752,40 +1752,40 @@
       <CCardBody>
         <CRow class="text-center">
 
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-cc-amex fa-lg mt-4"></i><br>cc-amex
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-cc-diners-club fa-lg mt-4"></i><br>cc-diners-club
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-cc-discover fa-lg mt-4"></i><br>cc-discover
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-cc-jcb fa-lg mt-4"></i><br>cc-jcb
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-cc-mastercard fa-lg mt-4"></i><br>cc-mastercard
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-cc-paypal fa-lg mt-4"></i><br>cc-paypal
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-cc-stripe fa-lg mt-4"></i><br>cc-stripe
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-cc-visa fa-lg mt-4"></i><br>cc-visa
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-credit-card fa-lg mt-4"></i><br>credit-card
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-credit-card-alt fa-lg mt-4"></i><br>credit-card-alt
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-google-wallet fa-lg mt-4"></i><br>google-wallet
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-paypal fa-lg mt-4"></i><br>paypal
           </CCol>
 
@@ -1798,19 +1798,19 @@
       <CCardBody>
         <CRow class="text-center">
 
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-area-chart fa-lg mt-4"></i><br>area-chart
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bar-chart fa-lg mt-4"></i><br>bar-chart
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bar-chart-o fa-lg mt-4"></i><br>bar-chart-o <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-line-chart fa-lg mt-4"></i><br>line-chart
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-pie-chart fa-lg mt-4"></i><br>pie-chart
           </CCol>
 
@@ -1823,82 +1823,82 @@
       <CCardBody>
         <CRow class="text-center">
 
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bitcoin fa-lg mt-4"></i><br>bitcoin <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-btc fa-lg mt-4"></i><br>btc
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-cny fa-lg mt-4"></i><br>cny <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-dollar fa-lg mt-4"></i><br>dollar <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-eur fa-lg mt-4"></i><br>eur
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-euro fa-lg mt-4"></i><br>euro <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-gbp fa-lg mt-4"></i><br>gbp
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-gg fa-lg mt-4"></i><br>gg
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-gg-circle fa-lg mt-4"></i><br>gg-circle
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-ils fa-lg mt-4"></i><br>ils
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-inr fa-lg mt-4"></i><br>inr
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-jpy fa-lg mt-4"></i><br>jpy
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-krw fa-lg mt-4"></i><br>krw
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-money fa-lg mt-4"></i><br>money
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-rmb fa-lg mt-4"></i><br>rmb <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-rouble fa-lg mt-4"></i><br>rouble <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-rub fa-lg mt-4"></i><br>rub
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-ruble fa-lg mt-4"></i><br>ruble <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-rupee fa-lg mt-4"></i><br>rupee <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-shekel fa-lg mt-4"></i><br>shekel <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-sheqel fa-lg mt-4"></i><br>sheqel <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-try fa-lg mt-4"></i><br>try
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-turkish-lira fa-lg mt-4"></i><br>turkish-lira <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-usd fa-lg mt-4"></i><br>usd
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-won fa-lg mt-4"></i><br>won <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-yen fa-lg mt-4"></i><br>yen <span class="text-muted">(alias)</span>
           </CCol>
 
@@ -1911,151 +1911,151 @@
       <CCardBody>
         <CRow class="text-center">
 
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-align-center fa-lg mt-4"></i><br>align-center
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-align-justify fa-lg mt-4"></i><br>align-justify
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-align-left fa-lg mt-4"></i><br>align-left
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-align-right fa-lg mt-4"></i><br>align-right
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bold fa-lg mt-4"></i><br>bold
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-chain fa-lg mt-4"></i><br>chain <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-chain-broken fa-lg mt-4"></i><br>chain-broken
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-clipboard fa-lg mt-4"></i><br>clipboard
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-columns fa-lg mt-4"></i><br>columns
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-copy fa-lg mt-4"></i><br>copy <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-cut fa-lg mt-4"></i><br>cut <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-dedent fa-lg mt-4"></i><br>dedent <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-eraser fa-lg mt-4"></i><br>eraser
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file fa-lg mt-4"></i><br>file
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file-o fa-lg mt-4"></i><br>file-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file-text fa-lg mt-4"></i><br>file-text
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-file-text-o fa-lg mt-4"></i><br>file-text-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-files-o fa-lg mt-4"></i><br>files-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-floppy-o fa-lg mt-4"></i><br>floppy-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-font fa-lg mt-4"></i><br>font
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-header fa-lg mt-4"></i><br>header
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-indent fa-lg mt-4"></i><br>indent
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-italic fa-lg mt-4"></i><br>italic
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-link fa-lg mt-4"></i><br>link
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-list fa-lg mt-4"></i><br>list
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-list-alt fa-lg mt-4"></i><br>list-alt
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-list-ol fa-lg mt-4"></i><br>list-ol
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-list-ul fa-lg mt-4"></i><br>list-ul
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-outdent fa-lg mt-4"></i><br>outdent
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-paperclip fa-lg mt-4"></i><br>paperclip
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-paragraph fa-lg mt-4"></i><br>paragraph
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-paste fa-lg mt-4"></i><br>paste <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-repeat fa-lg mt-4"></i><br>repeat
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-rotate-left fa-lg mt-4"></i><br>rotate-left <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-rotate-right fa-lg mt-4"></i><br>rotate-right <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-save fa-lg mt-4"></i><br>save <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-scissors fa-lg mt-4"></i><br>scissors
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-strikethrough fa-lg mt-4"></i><br>strikethrough
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-subscript fa-lg mt-4"></i><br>subscript
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-superscript fa-lg mt-4"></i><br>superscript
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-table fa-lg mt-4"></i><br>table
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-text-height fa-lg mt-4"></i><br>text-height
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-text-width fa-lg mt-4"></i><br>text-width
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-th fa-lg mt-4"></i><br>th
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-th-large fa-lg mt-4"></i><br>th-large
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-th-list fa-lg mt-4"></i><br>th-list
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-underline fa-lg mt-4"></i><br>underline
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-undo fa-lg mt-4"></i><br>undo
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-unlink fa-lg mt-4"></i><br>unlink <span class="text-muted">(alias)</span>
           </CCol>
 
@@ -2068,163 +2068,163 @@
       <CCardBody>
         <CRow class="text-center">
 
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-angle-double-down fa-lg mt-4"></i><br>angle-double-down
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-angle-double-left fa-lg mt-4"></i><br>angle-double-left
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-angle-double-right fa-lg mt-4"></i><br>angle-double-right
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-angle-double-up fa-lg mt-4"></i><br>angle-double-up
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-angle-down fa-lg mt-4"></i><br>angle-down
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-angle-left fa-lg mt-4"></i><br>angle-left
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-angle-right fa-lg mt-4"></i><br>angle-right
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-angle-up fa-lg mt-4"></i><br>angle-up
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-arrow-circle-down fa-lg mt-4"></i><br>arrow-circle-down
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-arrow-circle-left fa-lg mt-4"></i><br>arrow-circle-left
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-arrow-circle-o-down fa-lg mt-4"></i><br>arrow-circle-o-down
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-arrow-circle-o-left fa-lg mt-4"></i><br>arrow-circle-o-left
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-arrow-circle-o-right fa-lg mt-4"></i><br>arrow-circle-o-right
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-arrow-circle-o-up fa-lg mt-4"></i><br>arrow-circle-o-up
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-arrow-circle-right fa-lg mt-4"></i><br>arrow-circle-right
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-arrow-circle-up fa-lg mt-4"></i><br>arrow-circle-up
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-arrow-down fa-lg mt-4"></i><br>arrow-down
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-arrow-left fa-lg mt-4"></i><br>arrow-left
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-arrow-right fa-lg mt-4"></i><br>arrow-right
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-arrow-up fa-lg mt-4"></i><br>arrow-up
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-arrows fa-lg mt-4"></i><br>arrows
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-arrows-alt fa-lg mt-4"></i><br>arrows-alt
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-arrows-h fa-lg mt-4"></i><br>arrows-h
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-arrows-v fa-lg mt-4"></i><br>arrows-v
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-caret-down fa-lg mt-4"></i><br>caret-down
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-caret-left fa-lg mt-4"></i><br>caret-left
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-caret-right fa-lg mt-4"></i><br>caret-right
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-caret-square-o-down fa-lg mt-4"></i><br>caret-square-o-down
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-caret-square-o-left fa-lg mt-4"></i><br>caret-square-o-left
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-caret-square-o-right fa-lg mt-4"></i><br>caret-square-o-right
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-caret-square-o-up fa-lg mt-4"></i><br>caret-square-o-up
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-caret-up fa-lg mt-4"></i><br>caret-up
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-chevron-circle-down fa-lg mt-4"></i><br>chevron-circle-down
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-chevron-circle-left fa-lg mt-4"></i><br>chevron-circle-left
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-chevron-circle-right fa-lg mt-4"></i><br>chevron-circle-right
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-chevron-circle-up fa-lg mt-4"></i><br>chevron-circle-up
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-chevron-down fa-lg mt-4"></i><br>chevron-down
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-chevron-left fa-lg mt-4"></i><br>chevron-left
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-chevron-right fa-lg mt-4"></i><br>chevron-right
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-chevron-up fa-lg mt-4"></i><br>chevron-up
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-exchange fa-lg mt-4"></i><br>exchange
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hand-o-down fa-lg mt-4"></i><br>hand-o-down
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hand-o-left fa-lg mt-4"></i><br>hand-o-left
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hand-o-right fa-lg mt-4"></i><br>hand-o-right
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hand-o-up fa-lg mt-4"></i><br>hand-o-up
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-long-arrow-down fa-lg mt-4"></i><br>long-arrow-down
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-long-arrow-left fa-lg mt-4"></i><br>long-arrow-left
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-long-arrow-right fa-lg mt-4"></i><br>long-arrow-right
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-long-arrow-up fa-lg mt-4"></i><br>long-arrow-up
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-toggle-down fa-lg mt-4"></i><br>toggle-down <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-toggle-left fa-lg mt-4"></i><br>toggle-left <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-toggle-right fa-lg mt-4"></i><br>toggle-right <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-toggle-up fa-lg mt-4"></i><br>toggle-up <span class="text-muted">(alias)</span>
           </CCol>
 
@@ -2237,67 +2237,67 @@
       <CCardBody>
         <CRow class="text-center">
 
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-arrows-alt fa-lg mt-4"></i><br>arrows-alt
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-backward fa-lg mt-4"></i><br>backward
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-compress fa-lg mt-4"></i><br>compress
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-eject fa-lg mt-4"></i><br>eject
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-expand fa-lg mt-4"></i><br>expand
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-fast-backward fa-lg mt-4"></i><br>fast-backward
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-fast-forward fa-lg mt-4"></i><br>fast-forward
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-forward fa-lg mt-4"></i><br>forward
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-pause fa-lg mt-4"></i><br>pause
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-pause-circle fa-lg mt-4"></i><br>pause-circle
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-pause-circle-o fa-lg mt-4"></i><br>pause-circle-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-play fa-lg mt-4"></i><br>play
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-play-circle fa-lg mt-4"></i><br>play-circle
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-play-circle-o fa-lg mt-4"></i><br>play-circle-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-random fa-lg mt-4"></i><br>random
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-step-backward fa-lg mt-4"></i><br>step-backward
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-step-forward fa-lg mt-4"></i><br>step-forward
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-stop fa-lg mt-4"></i><br>stop
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-stop-circle fa-lg mt-4"></i><br>stop-circle
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-stop-circle-o fa-lg mt-4"></i><br>stop-circle-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-youtube-play fa-lg mt-4"></i><br>youtube-play
           </CCol>
 
@@ -2317,472 +2317,472 @@
         </div>
         <CRow class="text-center">
 
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-500px fa-lg mt-4"></i><br>500px
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-adn fa-lg mt-4"></i><br>adn
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-amazon fa-lg mt-4"></i><br>amazon
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-android fa-lg mt-4"></i><br>android
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-angellist fa-lg mt-4"></i><br>angellist
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-apple fa-lg mt-4"></i><br>apple
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-behance fa-lg mt-4"></i><br>behance
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-behance-square fa-lg mt-4"></i><br>behance-square
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bitbucket fa-lg mt-4"></i><br>bitbucket
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bitbucket-square fa-lg mt-4"></i><br>bitbucket-square
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bitcoin fa-lg mt-4"></i><br>bitcoin <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-black-tie fa-lg mt-4"></i><br>black-tie
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bluetooth fa-lg mt-4"></i><br>bluetooth
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-bluetooth-b fa-lg mt-4"></i><br>bluetooth-b
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-btc fa-lg mt-4"></i><br>btc
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-buysellads fa-lg mt-4"></i><br>buysellads
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-cc-amex fa-lg mt-4"></i><br>cc-amex
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-cc-diners-club fa-lg mt-4"></i><br>cc-diners-club
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-cc-discover fa-lg mt-4"></i><br>cc-discover
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-cc-jcb fa-lg mt-4"></i><br>cc-jcb
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-cc-mastercard fa-lg mt-4"></i><br>cc-mastercard
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-cc-paypal fa-lg mt-4"></i><br>cc-paypal
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-cc-stripe fa-lg mt-4"></i><br>cc-stripe
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-cc-visa fa-lg mt-4"></i><br>cc-visa
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-chrome fa-lg mt-4"></i><br>chrome
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-codepen fa-lg mt-4"></i><br>codepen
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-codiepie fa-lg mt-4"></i><br>codiepie
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-connectdevelop fa-lg mt-4"></i><br>connectdevelop
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-contao fa-lg mt-4"></i><br>contao
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-css3 fa-lg mt-4"></i><br>css3
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-dashcube fa-lg mt-4"></i><br>dashcube
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-delicious fa-lg mt-4"></i><br>delicious
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-deviantart fa-lg mt-4"></i><br>deviantart
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-digg fa-lg mt-4"></i><br>digg
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-dribbble fa-lg mt-4"></i><br>dribbble
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-dropbox fa-lg mt-4"></i><br>dropbox
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-drupal fa-lg mt-4"></i><br>drupal
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-edge fa-lg mt-4"></i><br>edge
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-empire fa-lg mt-4"></i><br>empire
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-expeditedssl fa-lg mt-4"></i><br>expeditedssl
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-facebook fa-lg mt-4"></i><br>facebook
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-facebook-f fa-lg mt-4"></i><br>facebook-f <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-facebook-official fa-lg mt-4"></i><br>facebook-official
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-facebook-square fa-lg mt-4"></i><br>facebook-square
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-firefox fa-lg mt-4"></i><br>firefox
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-flickr fa-lg mt-4"></i><br>flickr
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-fonticons fa-lg mt-4"></i><br>fonticons
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-fort-awesome fa-lg mt-4"></i><br>fort-awesome
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-forumbee fa-lg mt-4"></i><br>forumbee
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-foursquare fa-lg mt-4"></i><br>foursquare
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-ge fa-lg mt-4"></i><br>ge <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-get-pocket fa-lg mt-4"></i><br>get-pocket
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-gg fa-lg mt-4"></i><br>gg
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-gg-circle fa-lg mt-4"></i><br>gg-circle
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-git fa-lg mt-4"></i><br>git
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-git-square fa-lg mt-4"></i><br>git-square
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-github fa-lg mt-4"></i><br>github
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-github-alt fa-lg mt-4"></i><br>github-alt
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-github-square fa-lg mt-4"></i><br>github-square
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-gittip fa-lg mt-4"></i><br>gittip <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-google fa-lg mt-4"></i><br>google
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-google-plus fa-lg mt-4"></i><br>google-plus
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-google-plus-square fa-lg mt-4"></i><br>google-plus-square
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-google-wallet fa-lg mt-4"></i><br>google-wallet
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-gratipay fa-lg mt-4"></i><br>gratipay
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hacker-news fa-lg mt-4"></i><br>hacker-news
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-houzz fa-lg mt-4"></i><br>houzz
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-html5 fa-lg mt-4"></i><br>html5
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-instagram fa-lg mt-4"></i><br>instagram
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-internet-explorer fa-lg mt-4"></i><br>internet-explorer
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-ioxhost fa-lg mt-4"></i><br>ioxhost
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-joomla fa-lg mt-4"></i><br>joomla
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-jsfiddle fa-lg mt-4"></i><br>jsfiddle
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-lastfm fa-lg mt-4"></i><br>lastfm
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-lastfm-square fa-lg mt-4"></i><br>lastfm-square
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-leanpub fa-lg mt-4"></i><br>leanpub
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-linkedin fa-lg mt-4"></i><br>linkedin
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-linkedin-square fa-lg mt-4"></i><br>linkedin-square
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-linux fa-lg mt-4"></i><br>linux
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-maxcdn fa-lg mt-4"></i><br>maxcdn
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-meanpath fa-lg mt-4"></i><br>meanpath
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-medium fa-lg mt-4"></i><br>medium
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-mixcloud fa-lg mt-4"></i><br>mixcloud
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-modx fa-lg mt-4"></i><br>modx
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-odnoklassniki fa-lg mt-4"></i><br>odnoklassniki
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-odnoklassniki-square fa-lg mt-4"></i><br>odnoklassniki-square
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-opencart fa-lg mt-4"></i><br>opencart
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-openid fa-lg mt-4"></i><br>openid
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-opera fa-lg mt-4"></i><br>opera
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-optin-monster fa-lg mt-4"></i><br>optin-monster
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-pagelines fa-lg mt-4"></i><br>pagelines
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-paypal fa-lg mt-4"></i><br>paypal
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-pied-piper fa-lg mt-4"></i><br>pied-piper
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-pied-piper-alt fa-lg mt-4"></i><br>pied-piper-alt
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-pinterest fa-lg mt-4"></i><br>pinterest
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-pinterest-p fa-lg mt-4"></i><br>pinterest-p
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-pinterest-square fa-lg mt-4"></i><br>pinterest-square
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-product-hunt fa-lg mt-4"></i><br>product-hunt
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-qq fa-lg mt-4"></i><br>qq
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-ra fa-lg mt-4"></i><br>ra <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-rebel fa-lg mt-4"></i><br>rebel
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-reddit fa-lg mt-4"></i><br>reddit
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-reddit-alien fa-lg mt-4"></i><br>reddit-alien
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-reddit-square fa-lg mt-4"></i><br>reddit-square
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-renren fa-lg mt-4"></i><br>renren
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-safari fa-lg mt-4"></i><br>safari
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-scribd fa-lg mt-4"></i><br>scribd
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-sellsy fa-lg mt-4"></i><br>sellsy
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-share-alt fa-lg mt-4"></i><br>share-alt
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-share-alt-square fa-lg mt-4"></i><br>share-alt-square
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-shirtsinbulk fa-lg mt-4"></i><br>shirtsinbulk
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-simplybuilt fa-lg mt-4"></i><br>simplybuilt
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-skyatlas fa-lg mt-4"></i><br>skyatlas
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-skype fa-lg mt-4"></i><br>skype
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-slack fa-lg mt-4"></i><br>slack
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-slideshare fa-lg mt-4"></i><br>slideshare
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-soundcloud fa-lg mt-4"></i><br>soundcloud
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-spotify fa-lg mt-4"></i><br>spotify
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-stack-exchange fa-lg mt-4"></i><br>stack-exchange
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-stack-overflow fa-lg mt-4"></i><br>stack-overflow
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-steam fa-lg mt-4"></i><br>steam
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-steam-square fa-lg mt-4"></i><br>steam-square
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-stumbleupon fa-lg mt-4"></i><br>stumbleupon
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-stumbleupon-circle fa-lg mt-4"></i><br>stumbleupon-circle
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-tencent-weibo fa-lg mt-4"></i><br>tencent-weibo
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-trello fa-lg mt-4"></i><br>trello
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-tripadvisor fa-lg mt-4"></i><br>tripadvisor
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-tumblr fa-lg mt-4"></i><br>tumblr
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-tumblr-square fa-lg mt-4"></i><br>tumblr-square
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-twitch fa-lg mt-4"></i><br>twitch
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-twitter fa-lg mt-4"></i><br>twitter
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-twitter-square fa-lg mt-4"></i><br>twitter-square
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-usb fa-lg mt-4"></i><br>usb
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-viacoin fa-lg mt-4"></i><br>viacoin
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-vimeo fa-lg mt-4"></i><br>vimeo
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-vimeo-square fa-lg mt-4"></i><br>vimeo-square
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-vine fa-lg mt-4"></i><br>vine
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-vk fa-lg mt-4"></i><br>vk
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-wechat fa-lg mt-4"></i><br>wechat <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-weibo fa-lg mt-4"></i><br>weibo
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-weixin fa-lg mt-4"></i><br>weixin
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-whatsapp fa-lg mt-4"></i><br>whatsapp
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-wikipedia-w fa-lg mt-4"></i><br>wikipedia-w
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-windows fa-lg mt-4"></i><br>windows
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-wordpress fa-lg mt-4"></i><br>wordpress
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-xing fa-lg mt-4"></i><br>xing
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-xing-square fa-lg mt-4"></i><br>xing-square
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-y-combinator fa-lg mt-4"></i><br>y-combinator
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-y-combinator-square fa-lg mt-4"></i><br>y-combinator-square <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-yahoo fa-lg mt-4"></i><br>yahoo
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-yc fa-lg mt-4"></i><br>yc <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-yc-square fa-lg mt-4"></i><br>yc-square <span class="text-muted">(alias)</span>
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-yelp fa-lg mt-4"></i><br>yelp
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-youtube fa-lg mt-4"></i><br>youtube
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-youtube-play fa-lg mt-4"></i><br>youtube-play
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-youtube-square fa-lg mt-4"></i><br>youtube-square
           </CCol>
         </CRow>
@@ -2801,37 +2801,37 @@
       <CCardBody>
         <CRow class="text-center">
 
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-ambulance fa-lg mt-4"></i><br>ambulance
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-h-square fa-lg mt-4"></i><br>h-square
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-heart fa-lg mt-4"></i><br>heart
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-heart-o fa-lg mt-4"></i><br>heart-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-heartbeat fa-lg mt-4"></i><br>heartbeat
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-hospital-o fa-lg mt-4"></i><br>hospital-o
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-medkit fa-lg mt-4"></i><br>medkit
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-plus-square fa-lg mt-4"></i><br>plus-square
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-stethoscope fa-lg mt-4"></i><br>stethoscope
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-user-md fa-lg mt-4"></i><br>user-md
           </CCol>
-          <CCol cols="6" sm="4" md="3" lg="2">
+          <CCol col="6" sm="4" md="3" lg="2">
             <i class="fa fa-wheelchair fa-lg mt-4"></i><br>wheelchair
           </CCol>
 
diff --git a/src/views/icons/SimpleLineIcons.vue b/src/views/icons/SimpleLineIcons.vue
index dd127826..a8b5b43e 100644
--- a/src/views/icons/SimpleLineIcons.vue
+++ b/src/views/icons/SimpleLineIcons.vue
@@ -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>
diff --git a/src/views/notifications/Alerts.vue b/src/views/notifications/Alerts.vue
index db9b9c39..0c767b8f 100644
--- a/src/views/notifications/Alerts.vue
+++ b/src/views/notifications/Alerts.vue
@@ -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
diff --git a/src/views/notifications/Badges.vue b/src/views/notifications/Badges.vue
index 37b1c6ea..e0cd2056 100644
--- a/src/views/notifications/Badges.vue
+++ b/src/views/notifications/Badges.vue
@@ -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
diff --git a/src/views/notifications/Modals.vue b/src/views/notifications/Modals.vue
index a8075ba1..f01ee6bc 100644
--- a/src/views/notifications/Modals.vue
+++ b/src/views/notifications/Modals.vue
@@ -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"
diff --git a/src/views/pages/Login.vue b/src/views/pages/Login.vue
index 5585c91a..83d51107 100644
--- a/src/views/pages/Login.vue
+++ b/src/views/pages/Login.vue
@@ -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>
diff --git a/src/views/pages/Register.vue b/src/views/pages/Register.vue
index 2b23abfc..a3b66097 100644
--- a/src/views/pages/Register.vue
+++ b/src/views/pages/Register.vue
@@ -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>
diff --git a/src/views/users/User.vue b/src/views/users/User.vue
index d186bfac..29f7d98c 100644
--- a/src/views/users/User.vue
+++ b/src/views/users/User.vue
@@ -1,6 +1,6 @@
 <template>
   <CRow>
-    <CCol cols="12" lg="6">
+    <CCol col="12" lg="6">
       <CCard>
         <CCardHeader>
           User id:  {{ $route.params.id }}
diff --git a/src/views/users/Users.vue b/src/views/users/Users.vue
index a37dad5b..6bb840d8 100644
--- a/src/views/users/Users.vue
+++ b/src/views/users/Users.vue
@@ -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
diff --git a/src/views/widgets/Widgets.vue b/src/views/widgets/Widgets.vue
index f335601a..4db976fa 100644
--- a/src/views/widgets/Widgets.vue
+++ b/src/views/widgets/Widgets.vue
@@ -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">