Added website features style and website icons style

Author: jmjuanes

_sass/main.scss

@@ -74,13 +74,47 @@
     }
 }
 
-//Docs icons style
-.docs-icons {
+//Website icons
+.website-icons {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    //margin-bottom: 10px;
     width: 80px;
     height: 80px;
     background-repeat: no-repeat;
     background-image: url("/assets/images/icons.png");
-    margin-left: auto;
-    margin-right: auto;
 }
 
+//Features section
+.website-feature {
+    min-height: 200px;
+    //margin-bottom: 15px;
+    border-radius: 5px;
+    transition: background-color 0.3s;
+    &:hover {
+        background-color: rgba(siimple-color("blue"), 0.1);
+    }
+    //Feature image 
+    &-image {
+        margin-bottom: 10px;
+    }
+    //Feature title 
+    &-title {
+        //color: $siimple-white;
+        font-size: 22px;
+        line-height: 22px;
+        font-weight: 600;
+        text-align: center;
+        margin-bottom: 10px;
+    }
+    //Feature description 
+    &-description {
+        font-size: 15px;
+        line-height: 23px;
+        text-align: center;
+        opacity: 0.8;
+    }
+}
+
+