Add Ukraine Aid banner

Author: Dmytro Dzhulgakov

index.html

@@ -38,25 +38,39 @@ <h1>From<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Research To<br />Product
   {% endif %}
 
   <div class="container homepage-feature-module key-features-module">
+
     <div class="row">
-      <div class="col-md-12">
-        <h2>Key Features &amp;<br />Capabilities</h2>
+      <div class="col-md-9">
+        <div class="row">
+          <div class="col-md-12">
+            <h2>Key Features &amp;<br />Capabilities</h2>
 
-        <a href="{{ site.baseurl }}/features" class="btn btn-lg with-right-arrow module-button">
-          See all Features
-        </a>
-      </div>
-    </div>
+            <a href="{{ site.baseurl }}/features" class="btn btn-lg with-right-arrow module-button">
+              See all Features
+            </a>
+          </div>
+        </div>
 
-    <div class="row key-features-boxes">
-      {% assign features = site.features | where: "featured-home", true | sort: 'order' %}
+        <div class="row key-features-boxes">
+          {% assign features = site.features | where: "featured-home", true | sort: 'order' %}
 
-      {% for feature in features %}
-        <div class="col-md-3 key-feature-box">
-          <h5>{{ feature.title }}</h5>
-          <p>{{ feature.summary-home }}</p>
+          {% for feature in features %}
+            <div class="col-md-3 key-feature-box">
+              <h5>{{ feature.title }}</h5>
+              <p>{{ feature.summary-home }}</p>
+            </div>
+          {% endfor %}
         </div>
-      {% endfor %}
+      </div>
+      <div class="col-md-3 ecosystem-row">
+        <div class="card ecosystem-card">
+          <div class="card-body">
+            <div class="card-summary">
+              <p>Support Ukraine 🇺🇦 <br/><a href="https://opensource.fb.com/support-ukraine" target="_blank" rel="noopener">Help Provide Humanitarian Aid to Ukraine.</a></p>
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
   </div>