Bug 570258 - added a little spacing in the buttons for mobile view

Bug 570258 - add new slide deck

Bug 570258 - add new fact sheet

Bug 570258 - update resources, also add flex to make button aligned

Signed-off-by: Yi Liu <yi.liu@eclipse-foundation.org>
Change-Id: I2dc88c29e24ac79f768d35112fcfbda035f2a542

3 files changed, 40 insertions, 16 deletions

diff --git a/content/en_index.php b/content/en_index.php
index c1e5aee..1fd90a0 100644
--- a/content/en_index.php
+++ b/content/en_index.php
@@ -18,8 +18,8 @@
       <div class="col-sm-18 col-sm-offset-3">
         <p class="big margin-bottom-40">Our goal is to grow the Eclipse global ecosystem and advance strategic open source projects with international impact.</p>
         <ul class="list-inline">
-          <li><a class="btn btn-primary" href="/europe/faq.php">EU Announcements FAQs</a></li>
-          <li><a class="btn btn-primary" href="/europe/aisbl_membership_faq.php">EF AISBL Membership FAQs</a></li>
+          <li><a class="btn btn-primary margin-bottom-5" href="/europe/faq.php">EU Announcements FAQs</a></li>
+          <li><a class="btn btn-primary margin-bottom-5" href="/europe/aisbl_membership_faq.php">EF AISBL Membership FAQs</a></li>
         </ul>
       </div>
     </div>
@@ -173,34 +173,34 @@
     <h2>Resources</h2>
     <div class="row">
       <div class="col-md-6 col-sm-12">
-        <div class="europe-resources-item match-height-item">
+        <div class="europe-resources-item match-height-item flex-column">
           <p><img class="europe-resources-img" src="images/whitepaper-icon.svg" alt="resource image"></p>
           <h3>Whitepaper</h3>
-          <p>Learn how open source is fueling digital transformation in Europe and beyond.</p>
+          <p class="flex-grow">Learn how open source is fueling digital transformation in Europe and beyond.</p>
           <p><a class="btn btn-secondary" href="documents/eu-opensource-whitepaper-jan2021.pdf">Download</a></p>
         </div>
       </div>
       <div class="col-md-6 col-sm-12">
-        <div class="europe-resources-item match-height-item">
+        <div class="europe-resources-item match-height-item flex-column">
           <p><img class="europe-resources-img" src="images/factsheet-icon.svg" alt="resource image"></p>
           <h3>Fact Sheet</h3>
-          <p>Get to know the Eclipse Foundation and learn about our strategic focus areas.</p>
+          <p class="flex-grow">Get to know the Eclipse Foundation and learn about our strategic focus areas.</p>
           <p><a class="btn btn-secondary btn-sm" href="/europe/eclipse-fact-sheet.pdf">Download</a></p>
         </div>
       </div>
       <div class="col-md-6 col-sm-12">
-        <div class="europe-resources-item match-height-item">
+        <div class="europe-resources-item match-height-item flex-column">
           <p><img class="europe-resources-img" src="images/case-study-icon.svg" alt="resource image"></p>
-          <h3>Case Study</h3>
-          <p>Learn how Eclipse Kuksa breaks down automotive silos to provide a platform for Vehicle-To-Cloud connectivity.</p>
-          <p><a class="btn btn-secondary btn-sm" href="https://f.hubspotusercontent10.net/hubfs/5413615/Kuksa.Case.Study.pdf">Download</a></p>
+          <h3>Cedalo Case Study</h3>
+          <p class="flex-grow">Find out how companies focused on IoT development can benefit from Eclipse Foundation membership.</p>
+          <p><a class="btn btn-secondary btn-sm" href="https://outreach.eclipse.foundation/hubfs/Cedalo_Case_Study.pdf">Download</a></p>
         </div>
       </div>
       <div class="col-md-6 col-sm-12">
-        <div class="europe-resources-item match-height-item">
+        <div class="europe-resources-item match-height-item flex-column">
           <p><img class="europe-resources-img" src="images/slide-deck-icon.svg" alt="resource image"></p>
           <h3>Slide Deck</h3>
-          <p>A helpful presentation you can use to build your case for joining the Eclipse Foundation AISBL.</p>
+          <p class="flex-grow">A helpful presentation you can use to build your case for joining the Eclipse Foundation AISBL.</p>
           <p><a class="btn btn-secondary btn-sm" href="/europe/eclipse-slide-deck.pdf">Download</a></p>
         </div>
       </div>
@@ -210,11 +210,35 @@
     <div id="more-resources" aria-expanded="false" class="collapse">
       <div class="row">
         <div class="col-md-6 col-sm-12">
-          <div class="europe-resources-item match-height-item">
+          <div class="europe-resources-item match-height-item flex-column">
             <p><img class="europe-resources-img" src="images/case-study-icon.svg" alt="resource image"></p>
-            <h3>Case Study</h3>
-            <p>Learn how the Eclipse Foundation is enabling European research, development, and innovation.</p>
-            <p><a class="btn btn-secondary btn-sm" href="https://outreach.eclipse.foundation/european-research-case-study">Download</a></p>
+            <h3>Eclipse Kuksa</h3>
+            <p class="flex-grow">Learn how Eclipse Kuksa breaks down automotive silos to provide a platform for Vehicle-To-Cloud connectivity.</p>
+            <p><a class="btn btn-secondary btn-sm" href="https://outreach.eclipse.foundation/hubfs/Kuksa.Case.Study.pdf">Download</a></p>
+          </div>
+        </div>
+        <div class="col-md-6 col-sm-12">
+          <div class="europe-resources-item match-height-item flex-column">
+            <p><img class="europe-resources-img" src="images/case-study-icon.svg" alt="resource image"></p>
+            <h3>European Research</h3>
+            <p class="flex-grow">Learn how the Eclipse Foundation is enabling European research, development, and innovation.</p>
+            <p><a class="btn btn-secondary btn-sm" href="https://outreach.eclipse.foundation/hubfs/EF-ResearchCaseStudy-June2020.pdf">Download</a></p>
+          </div>
+        </div>
+        <div class="col-md-6 col-sm-12">
+          <div class="europe-resources-item match-height-item flex-column">
+            <p><img class="europe-resources-img" src="images/case-study-icon.svg" alt="resource image"></p>
+            <h3>Payara Case Study</h3>
+            <p class="flex-grow">This case study with Payara Services shows the entrepreneurial value of open source software.</p>
+            <p><a class="btn btn-secondary btn-sm" href="https://outreach.eclipse.foundation/hubfs/Payara_Case_Study.pdf">Download</a></p>
+          </div>
+        </div>
+        <div class="col-md-6 col-sm-12">
+          <div class="europe-resources-item match-height-item flex-column">
+            <p><img class="europe-resources-img" src="images/case-study-icon.svg" alt="resource image"></p>
+            <h3>Obeo Case Study</h3>
+            <p class="flex-grow">Find out how Obeo increased their global visibility and built key relationships through Strategic Membership.</p>
+            <p><a class="btn btn-secondary btn-sm" href="https://outreach.eclipse.foundation/hubfs/Obeo_Case_Study.pdf">Download</a></p>
           </div>
         </div>
       </div>
diff --git a/eclipse-fact-sheet.pdf b/eclipse-fact-sheet.pdf
index e34218d..7ac2f37 100644
--- a/eclipse-fact-sheet.pdf
+++ b/eclipse-fact-sheet.pdf
diff --git a/eclipse-slide-deck.pdf b/eclipse-slide-deck.pdf
index 26889b7..6a5df59 100644
--- a/eclipse-slide-deck.pdf
+++ b/eclipse-slide-deck.pdf