Updated Features Section

- used cards
- updated browser color

_includes/about.html

@@ -1,25 +1,24 @@
 <!-- About Section -->
 <section id="{{ page.section-type }}">
-    <div class="container">
-        <div class="row">
-            <h1 class="title">{{ page.title }}</h1>
-            <h2 class="subtitle">{{ page.subtitle }}</h2>
-
-            {% for feature in site.data.features %}
-            <div class="col-md-3 col-sm-6">
-                <div class="feature">
-                    <img src="{{site.baseurl}}/img/features/{{ feature.image }}" class="img-responsive" alt="">
-                    <div class="caption">
-                        <div class="blur"></div>
-                        <div class="caption-text">
-                            <h4>{{ feature.title }}</h4>
-                            <p>{{ feature.description }}</p>
-                        </div>
-                    </div>
-                </div>
+  <div class="container">
+    <div class="row">
+      <h1 class="title">{{ page.title }}</h1>
+      <h2 class="subtitle">{{ page.subtitle }}</h2> {% for feature in site.data.features %}
+      <div class="col-md-3 flex-box-col">
+        <div class="card hover-card dark-text">
+          <img src="{{site.baseurl}}/img/features/{{ feature.image }}" class="img-responsive" alt="">
+          <div class="hover-overlay blue-bg">
+            <div class="overlay-background">
+              <div class="overlay-content">
+                <h4>{{ feature.title }}</h4>
+                <p>{{ feature.description }}</p>
+              </div>
             </div>
-            {% endfor %}
+          </div>
         </div>
+      </div>
+      {% endfor %}
     </div>
+  </div>
 </section>
 <!-- About Section End -->

_includes/head.html

@@ -5,7 +5,6 @@
     <meta name="description" content="{{site.description}}">
     <meta name="author" content="{{site.author}}">
     <meta name="keywords" content="{{site.keywords}}">
-    <meta name="theme-color" content="#2C3E50">
     <link rel="canonical" href="{{page.url | replace:'index.html','' | prepend: site.baseurl}}">
     <title>{{site.title}}{% if page.title %} | {{page.title}}{% endif %}</title>