Add sponsors page skeleton

_data/sponsors.yml

@@ -0,0 +1,3 @@
+- name: Work in Progress
+  link: /install/
+  image: ""

_sass/_sponsors.scss

@@ -0,0 +1,14 @@
+.sponsors {
+    .sponsor-img {
+        width: 100px;
+        margin: auto;
+    }
+
+    .sponsor-name {
+        text-align: center;
+        text-decoration: none;
+        color: $veryBlackColor;
+        font-size: 24px;
+        margin: 0;
+    }
+}

_sass/main.scss

@@ -7,4 +7,5 @@
 @import '_install';
 @import '_donate';
 @import '_footer';
-@import '_docs';
+@import '_docs';
+@import '_sponsors';

sponsors.html

@@ -0,0 +1,26 @@
+---
+title: Sponsors
+layout: default
+showParticles: True
+---
+Many people helped espanso along the way, allowing me to stay motivated and focused on our mission. Thank you, there are no words to say how much I appreciate your help :)
+
+<div class="mt-4">
+{% for item in site.data.sponsors %}
+    {% assign remainder = forloop.index0 | modulo: 6 %}
+    {% if remainder == 0 %}
+        {% if forloop.index0 != 0 %}
+            </div>
+        {% endif %}
+
+        <div class="row sponsors mt-4">
+    {% endif %}
+    <div class="col-md-2">
+        <a href="{{item.link}}">
+            <img src="{{item.image}}" class="rounded-circle sponsor-img" alt="{{item.name}}">
+            <p class="sponsor-name">{{item.name}}</p>
+        </a>
+    </div>
+{% endfor %}
+</div>
+</div>