From b3ef2e0c44a9fc25b9501c59d0de257a81057afb Mon Sep 17 00:00:00 2001
From: Artur Arseniev <artur.catch@hotmail.it>
Date: Tue, 10 Oct 2017 00:20:52 +0200
Subject: [PATCH] Update index

---
 index.html                 | 36 +++++++++++++++++++++++++++---------
 stylesheets/stylesheet.css |  4 ++++
 2 files changed, 31 insertions(+), 9 deletions(-)

diff --git a/index.html b/index.html
index b5dbfc7d6..5ac662562 100644
--- a/index.html
+++ b/index.html
@@ -130,15 +130,6 @@
   </div>
 </section>
 
-<section class="featured">
-  <div class="featured-title">SPONSORED BY</div>
-  <div class="featured-cards">
-    <div class="featured-card">
-      <a href="https://sendloop.com" target="_blank"><img class="featured-logo hn-logo" src="./img/sendloop-logo-big.png" alt="Sendloop"/></a>
-    </div>
-  </div>
-</section>
-
 
     <section class="main-content">
       <div class="body-c body1 width-all">
@@ -286,6 +277,33 @@
 
 
 
+    <section class="support section-container">
+      <div class="width-all">
+        <h1 class="section-title primary-title">Support us</h1>
+        <div class="section-content">
+          If you like the project you can help us get bigger. GrapesJS is an independent
+          project, made by developers in their free time with a common purpose, make the
+          web development accessible to everyone. We appreciate even the smallest contribution
+          as it's a huge change from many aspects, but one in particular, the motivation to
+          keep improving this tool
+        </div>
+        <div class="suppoer-banners" style="text-align: center">
+          <div class="sponsors">
+            <a href="https://opencollective.com/grapesjs" target="_blank">
+              <img src="https://opencollective.com/grapesjs/sponsors.png" alt="Become a Sponsor">
+            </a>
+          </div>
+          <div class="backers">
+            <a href="https://opencollective.com/grapesjs" target="_blank">
+              <img src="https://opencollective.com/grapesjs/backers.png" alt="Become a Backers">
+            </a>
+          </div>
+        </div>
+      </div>
+    </section>
+
+
+
 
     <section class="footer-content">
         <div class="footer-c width-all">
diff --git a/stylesheets/stylesheet.css b/stylesheets/stylesheet.css
index d76a03b88..9d6e5363a 100644
--- a/stylesheets/stylesheet.css
+++ b/stylesheets/stylesheet.css
@@ -657,6 +657,10 @@ a {
   opacity: 0;
 }
 
+.sponsors, .backers {
+  margin: 50px 0 0;
+}
+
 .footer-content {
   background-color: #222;
   min-height: 350px;