diff --git a/src/assets/scss/_ie-fix.scss b/src/assets/scss/_ie-fix.scss
index fa030623..c8b8616a 100644
--- a/src/assets/scss/_ie-fix.scss
+++ b/src/assets/scss/_ie-fix.scss
@@ -1,6 +1,6 @@
 //IE fix for sticky footer
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .app {
+  .c-app {
     height: 100%;
   }
 }
diff --git a/src/views/Charts.vue b/src/views/Charts.vue
index fce93c71..aa385801 100644
--- a/src/views/Charts.vue
+++ b/src/views/Charts.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="c-animated c-fadeIn">
+  <div>
     <CCardGroup columns class="c-card-columns c-cols-2">
       <CCard header-html="Line Chart" body-wrapper>
         <CChartLineExample/>
diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue
index f919afe7..30725960 100644
--- a/src/views/Dashboard.vue
+++ b/src/views/Dashboard.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="c-animated c-fadeIn">
+  <div>
     <WidgetsDropdown/>
     <CCard>
       <CCardBody>
diff --git a/src/views/base/Breadcrumbs.vue b/src/views/base/Breadcrumbs.vue
index 355870c1..4bd991c7 100644
--- a/src/views/base/Breadcrumbs.vue
+++ b/src/views/base/Breadcrumbs.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="c-wrapper">
-    <div class="c-animated c-fadeIn">
+    <div>
       <CRow>
         <CCol col>
           <CCard>
diff --git a/src/views/base/Cards.vue b/src/views/base/Cards.vue
index 03729da2..c28f8367 100644
--- a/src/views/base/Cards.vue
+++ b/src/views/base/Cards.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="c-animated c-fadeIn">
+  <div>
     <CRow>
       <CCol sm="6" md="4">
         <CCard header-html="Card title" :body-html="loremIpsum"/>
diff --git a/src/views/base/Carousels.vue b/src/views/base/Carousels.vue
index 86d930a2..17cb636e 100644
--- a/src/views/base/Carousels.vue
+++ b/src/views/base/Carousels.vue
@@ -1,6 +1,6 @@
 <template functional>
   <div class="c-wrapper">
-    <div class="c-animated c-fadeIn">
+    <div>
       <CRow>
         <CCol md="12" lg="9" >
           <CCard>
diff --git a/src/views/base/Collapses.vue b/src/views/base/Collapses.vue
index 2c2d245a..695a9dd4 100644
--- a/src/views/base/Collapses.vue
+++ b/src/views/base/Collapses.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="c-wrapper">
-    <div class="c-animated c-fadeIn">
+    <div>
       <CRow>
         <CCol col="12" md="6">
           <CCard>
diff --git a/src/views/base/Forms.vue b/src/views/base/Forms.vue
index 3bc883d0..8121e3b7 100644
--- a/src/views/base/Forms.vue
+++ b/src/views/base/Forms.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="c-animated c-fadeIn">
+  <div>
     <CRow>
       <CCol sm="6">
         <CCard>
diff --git a/src/views/base/Jumbotrons.vue b/src/views/base/Jumbotrons.vue
index cb0d6bd0..2f90f17d 100644
--- a/src/views/base/Jumbotrons.vue
+++ b/src/views/base/Jumbotrons.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="c-wrapper">
-    <div class="c-animated c-fadeIn">
+    <div>
       <CRow>
         <CCol>
           <CCard>
diff --git a/src/views/base/ListGroups.vue b/src/views/base/ListGroups.vue
index ea1887e3..90ba4f7e 100644
--- a/src/views/base/ListGroups.vue
+++ b/src/views/base/ListGroups.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="c-wrapper">
-    <div class="c-animated c-fadeIn">
+    <div>
       <CRow>
         <CCol md="6">
           <CCard>
diff --git a/src/views/base/Navbars.vue b/src/views/base/Navbars.vue
index 33c308a0..f53741ab 100644
--- a/src/views/base/Navbars.vue
+++ b/src/views/base/Navbars.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="c-wrapper">
-    <div class="c-animated c-fadeIn">
+    <div>
       <!-- <CCard>
         <CNavbar toggleable="md" light variant="light">
           <CNavbarToggle class="hehe" @click="test2 = !test2"/>
diff --git a/src/views/base/Navs.vue b/src/views/base/Navs.vue
index 02f16cde..7bd8ad5b 100644
--- a/src/views/base/Navs.vue
+++ b/src/views/base/Navs.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="c-wrapper">
-    <div class="c-animated c-fadeIn">
+    <div>
       <CCard>
         <CCardHeader>
           <i class="fa fa-align-justify"></i><strong> Bootstrap Navs</strong>
diff --git a/src/views/base/Paginations.vue b/src/views/base/Paginations.vue
index a2996dda..0a40d664 100644
--- a/src/views/base/Paginations.vue
+++ b/src/views/base/Paginations.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="c-wrapper">
-    <div class="c-animated c-fadeIn">
+    <div>
       <CCard>
         <CCardHeader>
           <i class="fa fa-align-justify"></i>
diff --git a/src/views/base/Popovers.vue b/src/views/base/Popovers.vue
index 6cdc04b1..43faa785 100644
--- a/src/views/base/Popovers.vue
+++ b/src/views/base/Popovers.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="c-wrapper">
-    <div class="c-animated c-fadeIn">
+    <div>
       <CCard>
         <CCardHeader>
           <i class="fa fa-align-justify"></i>
diff --git a/src/views/base/ProgressBars.vue b/src/views/base/ProgressBars.vue
index 0ad4d136..bdae0376 100644
--- a/src/views/base/ProgressBars.vue
+++ b/src/views/base/ProgressBars.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="c-wrapper">
-    <div class="c-animated c-fadeIn">
+    <div>
       <CCard>
         <CCardHeader>
           <i class="fa fa-align-justify"></i>
diff --git a/src/views/base/Switches.vue b/src/views/base/Switches.vue
index 4e1442a6..6f033ce4 100644
--- a/src/views/base/Switches.vue
+++ b/src/views/base/Switches.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="c-animated c-fadeIn">
+  <div>
     <CRow>
       <CCol xs="12" md="6">
         <CCard v-if="true">
diff --git a/src/views/base/Tables.vue b/src/views/base/Tables.vue
index f6d8a09b..a5116a1f 100644
--- a/src/views/base/Tables.vue
+++ b/src/views/base/Tables.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="c-animated c-fadeIn">
+  <div>
     <CRow>
       <CCol sm="12">
         <CCard header-html="CTable power presentation" body-wrapper>
diff --git a/src/views/base/Tabs.vue b/src/views/base/Tabs.vue
index 7e5c7511..5899de5b 100644
--- a/src/views/base/Tabs.vue
+++ b/src/views/base/Tabs.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="c-animated c-fadeIn">
+  <div>
     <CRow>
       <CCol xs="12" lg="6">
         <CCard>
diff --git a/src/views/base/Tooltips.vue b/src/views/base/Tooltips.vue
index a62cf753..bf310834 100644
--- a/src/views/base/Tooltips.vue
+++ b/src/views/base/Tooltips.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="c-wrapper">
-    <div class="c-animated c-fadeIn">
+    <div>
       <CCard>
         <CCardHeader>
           <i class="fa fa-align-justify"></i>
diff --git a/src/views/buttons/BrandButtons.vue b/src/views/buttons/BrandButtons.vue
index 1dbce303..afce30a2 100644
--- a/src/views/buttons/BrandButtons.vue
+++ b/src/views/buttons/BrandButtons.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="c-animated c-fadeIn">
+  <div>
     <CRow>
       <CCol col="12">
         <CCard>
diff --git a/src/views/buttons/ButtonGroups.vue b/src/views/buttons/ButtonGroups.vue
index c6d5c315..cf245147 100644
--- a/src/views/buttons/ButtonGroups.vue
+++ b/src/views/buttons/ButtonGroups.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="c-wrapper">
-    <div class="c-animated c-fadeIn">
+    <div>
       <CRow>
         <CCol col="12" >
           <CCard>
diff --git a/src/views/buttons/Dropdowns.vue b/src/views/buttons/Dropdowns.vue
index 85959fea..0e18273d 100644
--- a/src/views/buttons/Dropdowns.vue
+++ b/src/views/buttons/Dropdowns.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="c-wrapper">
-    <div class="c-animated c-fadeIn">
+    <div>
       <CRow>
         <CCol col="12" md="6">
           <CCard>
diff --git a/src/views/buttons/StandardButtons.vue b/src/views/buttons/StandardButtons.vue
index 0b406709..877a2338 100644
--- a/src/views/buttons/StandardButtons.vue
+++ b/src/views/buttons/StandardButtons.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="c-animated c-fadeIn">
+  <div>
     <CCard >
       <CCardHeader>
         <strong>Standard buttons</strong>
diff --git a/src/views/icons/CoreUIIcons.vue b/src/views/icons/CoreUIIcons.vue
index 70dd9379..03f8c96c 100644
--- a/src/views/icons/CoreUIIcons.vue
+++ b/src/views/icons/CoreUIIcons.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="c-animated c-fadeIn">
+  <div>
     <CCard >
       <CCardHeader>
         <i class="cui-pencil"></i>CoreUI Icons
@@ -16,7 +16,7 @@
         </div>
       </CCardHeader>
       <CCardBody>
-        <CRow class="c-text-center c-mb-5">
+        <!-- <CRow class="c-text-center c-mb-5">
           <template v-for="(name, key) in $options.iconNames">
             <CCol :key="key" col="6" sm="4" md="3" xl="2" >
               <CIcon :name="name" width="24" class="c-mt-4"/>
@@ -24,6 +24,7 @@
             </CCol>
           </template>
         </CRow>
+         -->
         <CRow class="c-text-center ">
           <CCol col="6" sm="4" md="3" xl="2">
             <i class="cui-account-logout c-icons c-font-2xl c-d-block c-mt-4"></i>
@@ -431,15 +432,11 @@
   </div>
 </template>
 <script>
-import { iconSet } from '@coreui/icons'
-
-const iconNames = Object.keys(iconSet)
+// import { iconSet } from '@coreui/icons'
+// const iconNames = Object.keys(iconSet)
 
 export default {
   name: 'CoreUIIcons',
-  iconNames,
-  // mounted () {
-  //   console.log(this.$options.iconNames)
-  // }
+  // iconNames,
 }
 </script>
diff --git a/src/views/icons/Flags.vue b/src/views/icons/Flags.vue
index b023ac2a..6a40e746 100644
--- a/src/views/icons/Flags.vue
+++ b/src/views/icons/Flags.vue
@@ -1,22 +1,22 @@
 <template>
-  <div class="c-animated c-fadeIn">
+  <div>
     <CCard>
       <CCardHeader>
-        <i class="cui-globe"></i>Flags
+        <i class="cui-globe"></i> Flags
       </CCardHeader>
       <CCardBody>
         <CRow class="c-text-center">
           <CCol class="c-mb-5" col="12">
-            For using the flags inline with text add the classes
+            <!-- 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.
+            flag-icon-squared as well. -->
           </CCol>
           <template v-for="(flag, key) in displayedFlags">
             <CCol
               class="c-mb-5"
-              col="3" 
+              col="3"
               sm="2"
               :key="key"
             >
diff --git a/src/views/notifications/Alerts.vue b/src/views/notifications/Alerts.vue
index c836be05..cb75242e 100644
--- a/src/views/notifications/Alerts.vue
+++ b/src/views/notifications/Alerts.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="c-wrapper">
-    <div class="c-animated c-fadeIn">
+    <div>
       <CRow>
         <CCol col="12" md="6">
           <CCard>
diff --git a/src/views/notifications/Badges.vue b/src/views/notifications/Badges.vue
index 4efbc30d..f14f1ff9 100644
--- a/src/views/notifications/Badges.vue
+++ b/src/views/notifications/Badges.vue
@@ -1,6 +1,6 @@
 <template functional>
   <div class="c-wrapper">
-    <div class="c-animated c-fadeIn">
+    <div>
       <CRow>
         <CCol col="12" md="6">
           <CCard>
diff --git a/src/views/notifications/Modals.vue b/src/views/notifications/Modals.vue
index e5d36cf4..1ad9d44c 100644
--- a/src/views/notifications/Modals.vue
+++ b/src/views/notifications/Modals.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="c-wrapper">
-    <div class="c-animated c-fadeIn">
+    <div>
       <CRow>
         <CCol col="12">
           <CCard>
diff --git a/src/views/theme/Colors.vue b/src/views/theme/Colors.vue
index 3aa79895..bd25da4c 100644
--- a/src/views/theme/Colors.vue
+++ b/src/views/theme/Colors.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="c-animated c-fadeIn">
+  <div>
     <CCard >
       <CCardHeader>
         <i class="cui-drop"></i> Theme colors
diff --git a/src/views/theme/Typography.vue b/src/views/theme/Typography.vue
index 01ab14f1..9e5fc9cf 100644
--- a/src/views/theme/Typography.vue
+++ b/src/views/theme/Typography.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="c-animated c-fadeIn">
+  <div>
     <div class="c-card">
       <div class="c-card-header">
         Headings
diff --git a/src/views/widgets/Widgets.vue b/src/views/widgets/Widgets.vue
index 3106ac4c..999f75e9 100644
--- a/src/views/widgets/Widgets.vue
+++ b/src/views/widgets/Widgets.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="c-animated c-fadeIn">
+  <div>
     <CRow>
       <CCol sm="6" lg="3">
         <CWidgetProgress