Update index

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">

stylesheets/stylesheet.css

@@ -657,6 +657,10 @@ a {
   opacity: 0;
 }
 
+.sponsors, .backers {
+  margin: 50px 0 0;
+}
+
 .footer-content {
   background-color: #222;
   min-height: 350px;