Add new sponsor section

index.html

@@ -24,7 +24,7 @@
   <body>
 
 
-    <div class="product-promo">
+    <!-- <div class="product-promo">
       <a target="_blank" href="https://grapedrop.com" style="text-decoration: none">
           <svg class="product-promo__logo" viewBox="0 0 500 500" version="1.1" xmlns="http://www.w3.org/2000/svg">
             <defs>
@@ -42,7 +42,7 @@
         </svg>
       </a>
         Build and publish your projects online by using <a target="_blank" href="https://grapedrop.com">Grapedrop</a>
-    </div>
+    </div> -->
     <section class="page-header">
 
       <div class="width-all top-header">
@@ -309,9 +309,29 @@
           as it's a huge change from many aspects, but mostly, the motivation to
           keep improving this tool.
         </div>
+        <div class="suppoer-banners" style="text-align: center">
+          <img class="sponsor-logo" width="300" src="./img/phreesia_logo.png"/>
+          <br><br><br>
+          <h2 class="text-center">Gold Sponsors</h1>
+          <div class="sponsors--direct">
+          </div>
+          <div class="sponsors">
+            <div class="flex flex-center">
+              <div class="sp-gold-item">
+                <a href="https://www.phreesia.com" target="_blank" class="block">
+                  <img class="sp-logo" src="./img/phreesia_logo.png"/>
+                </a>
+              </div>
+            </div>
+            <div class="sp-sup">
+              <!-- https://opencollective.com/grapesjs#support -->
+            </div>
+          </div>
+          <br><br><br>
+        </div>
         <div class="suppoer-banners" style="text-align: center">
           <br><br><br>
-          <h2 class="text-center">Our Sponsors</h1>
+          <h2 class="text-center">Sponsors</h1>
           <div class="sponsors--direct">
           </div>
           <div class="sponsors">

stylesheets/stylesheet.css

@@ -674,6 +674,18 @@ a {
   margin-right: 15px;
 }
 
+.sp-gold-item {
+  max-width: 250px;
+}
+
+.sp-logo {
+  max-width: 100%;;
+}
+
+.flex-center {
+  justify-content: center;
+}
+
 .footer-content {
   background-color: #222;
   min-height: 350px;