Bug 563896 - Redesign the Explore our Members page

Updated membership home page according to mockup attached to bug.

Change-Id: I114b1f6c4007a5078d91aa50cf6eede78aec02eb
Signed-off-by: Martin Lowe <martin.lowe@eclipse-foundation.org>
diff --git a/content/en_index.php b/content/en_index.php
index 567127f..1e690ce 100644
--- a/content/en_index.php
+++ b/content/en_index.php
@@ -9,62 +9,365 @@
  * Contributors:
  *    Christopher Guindon (Eclipse Foundation) - initial API and implementation
  *******************************************************************************/
- ?>
-
-<div class="col-md-14 col-lg-16">
-
-
-  <h2 class="h3 padding-top-20">Organizations that join the Eclipse Foundation<br/>can benefit in the following ways:</h2>
-
-  <ul class="fa-ul fa-ul-2x">
-    <li><i class="fa-li fa-2x fa fa-check-circle orange"></i>Ability to join and participate in the Eclipse Foundation <a href="/org/workinggroups">Working Groups</a>,
-    industry collaborations that develop new open source software platforms.</li>
-
-    <li><i class="fa-li fa-2x fa fa-check-circle orange"></i>Take advantage of marketing programs that target the Eclipse developer
-    community, including advertising on eclipse.org, preferential listing on
-    Eclipse Marketplace, exposure for commercial products on Eclipse Marketplace
-    Client, organizing Eclipse Demo Camps, plus other programs.</li>
-
-    <li><i class="fa-li fa-2x fa fa-check-circle orange"></i>The right to participate in the Eclipse Board of Directors and guide the strategy
-    of the Eclipse Foundation, through a direct seat for Strategic Members and elected seat for Sustaining Members.</li>
-
-    <li><i class="fa-li fa-2x fa fa-check-circle orange"></i>Discounts on sponsorship and registration fees for Eclipse Foundation events,
-    including EclipseCon North America, EclipseCon Europe and EclipseCon France.
-    </li>
-
-    <li><i class="fa-li fa-2x fa fa-check-circle orange"></i>Networking opportunities with other member organizations through Foundation run events
-    and one-on-one introductions by Foundation staff.</li>
-
-    <li><i class="fa-li fa-2x fa fa-check-circle orange"></i>The ability to use the Eclipse Foundation member logo on your own site and have your logo
-    listed on our members’ page and in other promotional material.</li>
-  </ul>
-
-  <h2>Resources</h2>
-  <div class="row text-center margin-bottom-50">
-    <div class="col-sm-8">
-      <div class="background-white padding-20 match-height-item">
-        <a href="/membership/documents/membership-prospectus.pdf"><i class="fa fa-file-text-o brand-primary margin-bottom-15" style="font-size:42px;"></i></a>
-        <p><a href="/membership/documents/membership-prospectus.pdf">Membership Prospectus</a></p>
-        <p class="small">Learn about Eclipse Foundation membership, and how you can become a member.</p>
+ ?>  
+<div id="content">
+  <div class="margin-bottom-20">
+    <!-- Nav tabs -->
+    <div class="row content-nav-tab-toggle">
+      <div class="visible-xs">
+        <div class="vertical-align">
+          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-membership">
+            <p class="nav-label"><strong>Eclipse Membership</strong></p>
+            <div class="hamburger-wrapper">
+              <span class="sr-only">Toggle navigation</span>
+              <span class="icon-bar"></span>
+              <span class="icon-bar"></span>
+              <span class="icon-bar"></span>
+            </div>
+          </button>
+        </div>
       </div>
-      <div class="background-primary padding-10"></div>
     </div>
-    <div class="col-sm-8">
-      <div class="background-white padding-20 match-height-item">
-        <a href="/membership/documents/eclipse-foundation-overview.pdf"><i class="fa fa-file-powerpoint-o brand-primary margin-bottom-15" style="font-size:42px;"></i></a>
-        <p><a href="/membership/documents/eclipse-foundation-overview.pdf">Overview Presentation</a></p>
-        <p class="small">An introductory overview presentation of the Eclipse Foundation and Eclipse community for new and prospective members.</p>
+    <div class="row">
+      <div class="navbar-collapse collapse" id="navbar-membership">
+        <ul class="nav nav-tabs solstice-tabs content-nav-tab" role="tablist">
+          <li role="presentation" class="active">
+            <a href="#tab-benefits" aria-controls="tab-benefits" role="tab" data-toggle="tab" class="background-grey">Benefits and Services</a>
+          </li>
+          <li role="presentation">
+            <a href="#tab-levels" aria-controls="tab-levels" role="tab" data-toggle="tab" class="background-grey">Membership Levels</a>
+          </li>
+          <li role="presentation">
+            <a href="#tab-fees" aria-controls="tab-fees" role="tab" data-toggle="tab" class="background-grey">Membership Fees</a>
+          </li>
+          <li role="presentation">
+            <a href="#tab-membership" aria-controls="tab-membership" role="tab" data-toggle="tab" class="background-grey">Become a Member</a>
+          </li>
+          <li role="presentation">
+            <a href="#tab-resources" aria-controls="tab-resources" role="tab" data-toggle="tab" class="background-grey">Resources</a>
+          </li>
+        </ul>
       </div>
-      <div class="background-primary padding-10"></div>
     </div>
-    <div class="col-sm-8">
-      <div class="background-white padding-20 match-height-item">
-        <a href="/community/newsletter/" title="Membership Newsletter"><i class="fa fa-newspaper-o brand-primary margin-bottom-15" style="font-size:42px;"></i></a>
-        <p><a href="/community/newsletter/" title="Membership Newsletter">Eclipse Member Newsletter</a></p>
-        <p class="small">The Monthly Member Newsletter is available to Member companies and their employees.</p>
+
+    <!-- Tab panes -->
+    <div class="tab-content content-nav-tab-body padding-left-40 padding-right-40 padding-bottom-40">
+      <div role="tabpanel" class="tab-pane text-center active" id="tab-benefits">
+        <h2>Why become a Member of the Eclipse Foundation?</h2>
+        <p class="margin-bottom-40">Take an active role in supporting sustainable, commercializable open source technologies that benefit all.</p>
+        <div class="row section-highlights">
+          <div class="col-xs-24 col-sm-12 col-md-8 margin-bottom-20 match-height-item-by-row featured-highlights-item">
+            <div class="circle-icon margin-auto">
+              <i class="fa fa-file-code-o"></i>
+            </div>
+            <h3 class="fw-700">Participate</h3>
+            <p>in a thriving developer community, and provide contributions to <a href="/projects/">Eclipse projects</a> and <a href="/org/workinggroups/">Working Groups</a>.</p>
+          </div>
+          <div class="col-xs-24 col-sm-12 col-md-8 margin-bottom-20 match-height-item-by-row featured-highlights-item">
+            <div class="circle-icon margin-auto">
+              <i class="fa fa-lock"></i>
+            </div>
+            <h3 class="fw-700">Protect</h3>
+            <p>your strategic investments by signaling your support for advancing the technologies you care about.</p>
+          </div>
+          <div class="col-xs-24 col-sm-12 col-md-8 margin-bottom-20 match-height-item-by-row featured-highlights-item">
+            <div class="circle-icon margin-auto">
+              <i class="fa fa-lightbulb-o "></i>
+            </div>
+            <h3 class="fw-700">Share</h3>
+            <p>costs and innovation while focusing resources on rapidly building differentiated features that customers value most.</p>
+          </div>
+          <div class="col-xs-24 col-sm-12 col-md-8 margin-bottom-20 match-height-item-by-row featured-highlights-item">
+            <div class="circle-icon margin-auto">
+              <i class="fa fa-balance-scale"></i>
+            </div>
+            <h3 class="fw-700">Benefit</h3>
+            <p>from strong governance, solid IP management, and inclusive open source community development.</p>
+          </div>
+          <div class="col-xs-24 col-sm-12 col-md-8 margin-bottom-20 match-height-item-by-row featured-highlights-item">
+            <div class="circle-icon margin-auto">
+              <i class="fa fa-handshake-o"></i>
+            </div>
+            <h3 class="fw-700">Prosper</h3>
+            <p>by sharing open source commercialization best practices with industry peers.</p>
+          </div>
+          <div class="col-xs-24 col-sm-12 col-md-8 margin-bottom-20 match-height-item-by-row featured-highlights-item">
+            <div class="circle-icon margin-auto">
+              <i class="fa fa-comments"></i>
+            </div>
+            <h3 class="fw-700">Promote</h3>
+            <p>accomplishments and demonstrate good corporate citizenship through contributions to open source projects.</p>
+          </div>
+        </div>
+        <hr class="orange margin-bottom-40 margin-top-40"/>
+        
+        <h2>Key Services of the Eclipse Foundation</h2>
+        <p>Members can take advantage of the following key services provided by the Eclipse Foundation.</p>
+        <div class="row margin-top-30 margin-bottom-30">
+          <div class="col-xs-24 col-sm-12 margin-bottom-20">
+            <div class="bordered-box bordered-box-light match-height-item-by-row">
+              <div class="box-header">
+                <div class="background-secondary padding-10 fw-700">Development Process</div>
+              </div>
+              <div class="bordered-box-body padding-30">
+                <p>The Eclipse community has a well-earned reputation for providing high-quality software, reliably and predictably. The Eclipse Foundation provides services and supports to help projects consistently achieve their goals. Our staff assists new projects in implementing the Eclipse Development Process, a set of procedures and rules that form our best practices. </p>
+              </div>
+            </div>
+          </div>
+        
+          <div class="col-xs-24 col-sm-12 margin-bottom-20">
+            <div class="bordered-box bordered-box-light match-height-item-by-row">
+              <div class="box-header">
+                <div class="background-secondary padding-10 fw-700">IP Management</div>
+              </div>
+              <div class="bordered-box-body padding-30">
+                <p>We focus on enabling the use of open source technology in commercial software products and services. All Eclipse projects are licensed under OSI approved licenses including the <a href="https://www.eclipse.org/legal/epl-2.0/">Eclipse Public License (EPL)</a>. In addition, the Eclipse Foundation due diligence process helps to validate the pedigree of the intellectual property contained in Eclipse projects.</p>
+              </div>
+            </div>
+          </div>
+        
+          <div class="col-xs-24 col-sm-12 margin-bottom-20">
+            <div class="bordered-box bordered-box-light match-height-item-by-row">
+              <div class="box-header">
+                <div class="background-secondary padding-10 fw-700">Ecosystem Development and Marketing</div>
+              </div>
+              <div class="bordered-box-body padding-30">
+                <p>The Eclipse Foundation’s strategic marketing programs promote Eclipse community engagement, drive awareness and discoverability of Eclipse technologies, and increase the commercial adoption of Eclipse technologies. We organize or support a variety number of activities, including cooperative marketing events with member companies, conferences, local events, and marketing and technical publications.</p>
+              </div>
+            </div>
+          </div>
+        
+          <div class="col-xs-24 col-sm-12 margin-bottom-20">
+            <div class="bordered-box bordered-box-light match-height-item-by-row">
+              <div class="box-header">
+                <div class="background-secondary padding-10 fw-700">IT Infrastructure</div>
+              </div>
+              <div class="bordered-box-body padding-30">
+                <p>The Eclipse Foundation provides vendor-neutral, reliable and scalable services for Eclipse technology developers and users. IT infrastructure services delivered to the Eclipse community include source code repositories, build infrastructure, development-oriented mailing lists and newsgroups, a <a href="/downloads/">download site</a>, and project and working group websites.</p>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- Nav -->
+        <div class="margin-top-40 vertical-align text-left">
+          <a class="col-xs-22 col-sm-12 col-sm-offset-6 col-md-offset-8 col-md-8 text-center btn btn-primary" href="https://accounts.eclipse.org/contact/membership">Contact Us About Membership</a>
+          <a class="hidden-xs col-sm-6 col-md-8 text-right alt-tab-toggle" href="#tab-levels" >Membership levels &gt;</a>
+        </div>
       </div>
-      <div class="background-primary padding-10"></div>
+      <div role="tabpanel" class="tab-pane" id="tab-levels">
+        <div class="text-center margin-bottom-30">
+          <h2>Membership at the Eclipse Foundation</h2>
+          <p>The Foundation offers four levels of membership: <a href="#strategic">Strategic</a>, <a href="#solutions">Solutions</a>, <a href="#associate">Associate</a>, and <a href="#committer">Committer</a>. Collectively, these levels of membership comprise the Eclipse Membership-at-Large.</p>
+        </div>
+        <h3 class="brand-primary h4 fw-700" id="strategic">Strategic Members</h3>
+        <p>Strategic Members play an integral role in the Eclipse ecosystem. Strategic members are organizations that view participation in Eclipse projects as strategic to their business and are investing significant developer and other resources to further drive Eclipse technology. Typically, Strategic Members lead one or more top-level project. Strategic membership benefits include:</p>
+        <ul>
+          <li>A seat on Board of Directors of Eclipse Foundation</li>
+          <li>A seat on Foundation councils, including the Architecture Council</li>
+          <li>The opportunity to attend and vote at all meetings of the Membership At-Large</li>
+          <li>Access to a number of Strategic Members-Only Programs such as banner and logo promotion on <a href="https://eclipse.org">eclipse.org</a> and <a href="https://eclipse.org/downloads">eclipse.org/downloads</a></li>
+          <li>Ad hoc Intellectual Property analysis and reporting</li>
+          <li>Help to launch open source initiative(s)</li>
+          <li>Direct influence through board voting rights on key aspects of the Eclipse ecosystem, including licensing, governing policy development, and amendments to Membership Agreement and bylaws</li>
+          <li>Discounts towards sponsorship and attendance of Eclipse Foundation events </li>
+          <li>Access to Eclipse Foundation marketing and <a href="https://outreach.eclipse.foundation/advertise">advertising programs</a></li>
+          <li>Opportunity to lead in the establishment of Eclipse Working Groups</li>
+          <li>Opportunity to join and participate on all Eclipse Foundation public mailing lists</li>
+          <li>Opportunity to show support for Eclipse Foundation by displaying the Eclipse Foundation member logo</li>
+        </ul>
+        <p><a href="/membership/exploreMembership.php#tab-strategic">View Existing Strategic Members</a></p>
+        <hr class="orange margin-bottom-40 margin-top-40">
+        
+        <h3 class="brand-primary h4 fw-700" id="solutions">Solutions Members</h3>
+        <p>Solutions Members are organizations that view Eclipse technologies as important to their corporate and product strategy and offer products and services based on, or with, Eclipse technologies. These organizations want to participate in the development of the Eclipse ecosystem. Solutions membership benefits include:</p>
+        <ul>
+          <li>Solutions Members are represented on the Board of Directors, and thus have influence over decisions relating to licensing, governing policy development, and amendments to Membership Agreement and bylaws</li>
+          <li>Opportunity to stand for election as the representative of all Solutions Members on the Board of Directors. Elections are held annually in the first quarter.  </li>
+          <li>The opportunity to attend and vote at all meetings of the Membership At-Large</li>
+          <li>Discounts towards sponsorship and attendance of Eclipse Foundation run events </li>
+          <li>Access to Eclipse Foundation marketing and <a href="https://outreach.eclipse.foundation/advertise">advertising programs</a></li>
+          <li>Opportunity to participate in Eclipse Working Groups, including as a Strategic Member of those working groups</li>
+          <li>Opportunity to join and participate on all Eclipse Foundation public mailing lists</li>
+          <li>Opportunity to show support for the Eclipse Foundation by displaying the Eclipse Foundation Member logo </li>
+        </ul>
+        <p><a href="/membership/exploreMembership.php#tab-solutions">View Existing Solutions Members</a></p>
+        <hr class="orange margin-bottom-40 margin-top-40">
+        
+        <h3 class="brand-primary h4 fw-700" id="associate">Associate Members</h3>
+        <p>Associate Members are organizations that participate in and want to show support for, the Eclipse ecosystem. Many research and educational institutions choose to join as an Associate member. Associate membership benefits include:</p>
+        <ul>
+          <li>Opportunity to join and participate on all Eclipse public mailing lists, and to attend Members meetings</li>
+          <li>Ability to join select Eclipse Working Groups as a Guest Member</li>
+          <li>The opportunity to attend all meetings of the Membership At-Large</li>
+          <li>Opportunity to show support for Eclipse Foundation by displaying the Eclipse Foundation Member logo</li>
+        </ul>
+        <p><a href="/membership/exploreMembership.php#tab-associate">View Existing Associate Members</a></p>
+        <hr class="orange margin-bottom-40 margin-top-40">
+        
+        <h3 class="brand-primary h4 fw-700" id="committer">Committer Members</h3>
+        <p>Eclipse Foundation’s governance model provides individual committers with the ability to become full members and includes representation on the Eclipse Board of Directors. Committer Members are individuals that are the core developers of the Eclipse projects and can commit changes to project source code.</p>
+        <p>Committer membership benefits include:</p>
+        <ul>
+          <li>Committer Members are represented on the Board of Directors, and thus have influence over decisions relating to licensing, governing policy development, and amendments to Membership Agreement and bylaws</li>
+          <li>Opportunity to stand for election as the representative of all Committer Members on the Board of Directors. Elections are held annually in the first quarter.  </li>
+          <li>The opportunity to attend and vote at all meetings of the Membership At-Large</li>
+        </ul>        
+        <p>Learn more about <a href="/membership/become_a_member/committer.php">Committer membership</a>.</p>
+        <p>Learn more about the <a href="/membership/become_a_member/membershipTypes.php#strategic">types of Membership</a>.</p>
+        <!-- Nav -->
+        <div class="margin-top-40 vertical-align">
+          <a class="hidden-xs col-sm-6 col-md-8 text-left alt-tab-toggle" href="#tab-benefits" >&lt; Benefits and Services</a>
+          <a class="col-xs-22 col-sm-12 col-md-8 text-center btn btn-primary" href="https://accounts.eclipse.org/contact/membership">Contact Us About Membership</a>
+          <a class="hidden-xs col-sm-6 col-md-8 text-right alt-tab-toggle" href="#tab-fees" >Membership Fees &gt;</a>
+        </div>
+      </div>
+      <div role="tabpanel" class="tab-pane text-center" id="tab-fees">
+        <h2>Membership Fees</h2>
+        <p>The Membership-at-Large Annual Fee Comparison Chart based on membership levels is provided below for illustration purposes only. Please see the Eclipse Membership Agreement for full details. Working Group Membership fees are separate from Membership-At-Large fees.</p>
+        <table class="table table-stripped" cellspacing="0">
+          <thead>
+              <tr>
+                <th width="40%" rowspan=2>Annual Corporate Revenue</td>
+                <th class="text-center" width="60%" colspan="3">Annual Eclipse Foundation Membership-at-Large Fees*</th>
+              </tr>
+              <tr>
+                <th class="text-center" width="20%">Strategic</th>
+                <th class="text-center" width="20%">Solutions</th>
+                <th class="text-center" width="20%">Associate</th>
+              </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td class="text-left">&gt; $250&nbsp;million</td>
+              <td>$250,000</td>
+              <td>$20,000</td>
+              <td>$5,000</td>
+            </tr>
+            <tr>
+              <td class="text-left">$100&nbsp;million - $250&nbsp;million</td>
+              <td>$150,000</td>
+              <td>$15,000</td>
+              <td>$5,000</td>
+            </tr>
+            <tr>
+              <td class="text-left">$50&nbsp;million - $100&nbsp;million</td>
+              <td>$100,000</td>
+              <td>$10,000</td>
+              <td>$5,000</td>
+            </tr>
+            <tr>
+              <td class="text-left">$10&nbsp;million - $50&nbsp;million</td>
+              <td>$50,000</td>
+              <td>$7,500</td>
+              <td>$5,000</td>
+            </tr>
+            <tr>
+              <td class="text-left">&lt; $10&nbsp;million</td>
+              <td>$25,000</td>
+              <td>$5,000</td>
+              <td>$5,000</td>
+            </tr>
+            <tr>
+              <td class="text-left">&lt; $1&nbsp;million &lt; 10 employees</td>
+              <td>$25,000</td>
+              <td>$1,500</td>
+              <td>N/A</td>
+            </tr>
+            <tr>
+              <td class="text-left">Govt, Govt agencies, NGOs, etc.</td>
+              <td>$25,000</td>
+              <td>$5,000</td>
+              <td>$0</td>
+            </tr>
+            <tr>
+              <td class="text-left">Academic, Research or Publishing Organizations, etc.</td>
+              <td>$25,000</td>
+              <td>$5,000</td>
+              <td>$0</td>
+            </tr>
+          </tbody>
+        </table>
+        <p class="text-center small">*There is no cost to being a Committer member of the Foundation</p>
+        <!-- Nav -->
+        <div class="margin-top-40 vertical-align">
+          <a class="hidden-xs col-sm-6 col-md-8 text-left alt-tab-toggle" href="#tab-levels" >&lt; Membership Levels</a>
+          <a class="col-xs-22 col-sm-12 col-md-8 text-center btn btn-primary" href="https://accounts.eclipse.org/contact/membership">Contact Us About Membership</a>
+          <a class="hidden-xs col-sm-6 col-md-8 text-right alt-tab-toggle" href="#tab-membership" >How to become a member &gt;</a>
+        </div>
+      </div>
+      <div role="tabpanel" class="tab-pane" id="tab-membership">
+        <div class="text-center">
+          <h2>How to Become a Member</h2>
+          <p>To become a member, follow these steps below:</p>
+        </div>
+        <p><strong>Once you have chosen the <a href="/membership/#tab-levels">level of membership</a> (e.g., Strategic, Solutions, Associate, Committer):</strong></p>
+        <ol>
+          <li>Complete and sign the <a href="https://www.eclipse.org/membership/documents/membership-information-form.pdf">Membership Information form</a></li>
+          <li>Complete and sign the <a href="https://www.eclipse.org/org/documents/2018-01_Eclipse_MEMBERSHIP_AGMT.pdf">Membership Agreement</a></li>
+          <li>Complete and sign the <a href="https://www.eclipse.org/legal/committer_process/EclipseMemberCommitterAgreement.pdf">Member Committer and Contributor Agreement</a> (optional, but recommended)</li>
+          <li><a href="mailto:membership@eclipse.org">Email us</a> the signed documents, including the Membership Information Form, the Membership Agreement, and optionally, the Member Committer and Contributor Agreement</li>
+        </ol>
+        <p>Note: Membership in an Eclipse Working Group requires the execution of that Working Group’s Participation Agreement. A list of the current Eclipse Working Groups and their respective Participation Agreement is <a href="https://www.eclipse.org/org/workinggroups/explore.php" title="List of Eclipse Working Groups and Participation Agreements" >here</a>.</p>
+        <hr class="orange margin-bottom-40 margin-top-40">
+  
+        <div class="text-center">
+          <h3>The Eclipse Foundation is <a href="https://newsroom.eclipse.org/news/announcements/open-source-software-leader-eclipse-foundation-announces-transition-europe-part" >moving to Europe</a>!  </h3>
+          <p>For more information on how to participate in this move to Europe, please complete this <a href="https://accounts.eclipse.org/contact/membership/aisbl">contact us</a> form.</p>
+                  <hr class="orange margin-bottom-40 margin-top-40">
+          <h3>Eclipse Corporate Sponsors</h3>
+          <p>The Eclipse Foundation relies on the support of our members and contributions from the user community to service and grow the Eclipse ecosystem. In addition to membership, corporate users of Eclipse projects can support the community by joining the <a href="https://www.eclipse.org/corporate_sponsors/" >Corporate Sponsorship Program</a>.</p>
+        </div>
+        <!-- Nav -->
+        <div class="margin-top-40 vertical-align">
+          <a class="hidden-xs col-sm-6 col-md-8 text-left alt-tab-toggle" href="#tab-fees" >&lt; Membership Fees</a>
+          <a class="col-xs-22 col-sm-12 col-md-8 text-center btn btn-primary" href="https://accounts.eclipse.org/contact/membership">Contact Us About Membership</a>
+          <a class="hidden-xs col-sm-6 col-md-8 text-right alt-tab-toggle" href="#tab-resources" >Resources &gt;</a>
+        </div>
+      </div>
+      <div role="tabpanel" class="tab-pane text-center" id="tab-resources">
+        <h2>Resources</h2>
+        <div class="row section-highlights margin-top-30 margin-bottom-20">
+          <div class="col-xs-24 col-sm-12 col-md-8 margin-bottom-20 featured-highlights-item">
+            <div class="circle-icon margin-auto">
+              <i class="fa fa-file-text-o"></i>
+            </div>
+            <div class="match-height-item-by-row margin-bottom-20">
+              <h3 class="h4 fw-700"><a href="/membership/documents/membership-prospectus.pdf">Membership Prospectus</a></h3>
+              <p>Learn about Eclipse Foundation membership and how you can become a member.</p>
+            </div>
+            <p><a class="btn btn-primary" href="/membership/documents/membership-prospectus.pdf">Download</a></p>
+          </div>
+          <div class="col-xs-24 col-sm-12 col-md-8 margin-bottom-20 featured-highlights-item">
+            <div class="circle-icon margin-auto">
+              <i class="fa fa-file-powerpoint-o"></i>
+            </div>
+            <div class="match-height-item-by-row margin-bottom-20">
+              <h3 class="h4 fw-700"><a href="/membership/documents/eclipse-foundation-overview.pdf">Overview Presentation</a></h3>
+              <p>A presentation of the Eclipse Foundation and Eclipse community for new and prospective members.</p>
+            </div>
+            <p><a class="btn btn-primary" href="/membership/documents/eclipse-foundation-overview.pdf">Download</a></p>
+          </div>
+          <div class="col-xs-24 col-sm-12 col-md-8 margin-bottom-20 featured-highlights-item">
+            <div class="circle-icon margin-auto">
+              <i class="fa fa-search"></i>
+            </div>
+            <div class="match-height-item-by-row margin-bottom-20">
+              <h3 class="h4 fw-700"><a href="/membership/faq/">Membership FAQs</a></h3>
+              <p>Answers to questions frequently asked questions about Eclipse Foundation membership.</p>
+            </div>
+            <p><a class="btn btn-primary" href="/membership/faq/">Read now</a></p>
+          </div>
+        </div>
+        <h3>Keeping Members Connected</h3>
+        <p>Serving our community is the number one priority of the Eclipse Foundation.To keep our community connected, we send out a monthly newsletter to member companies and member committers. Check out some <a href="/community/newsletter/">past issues of our member newsletter</a>.
+        
+        <!-- Nav -->
+        <div class="margin-top-40 vertical-align">
+          <a class="hidden-xs col-sm-6 col-md-8 text-left alt-tab-toggle" href="#tab-membership">&lt; How to become a member</a>
+          <a class="col-xs-22 col-sm-12 col-md-8 btn btn-primary" href="https://accounts.eclipse.org/contact/membership">Contact Us About Membership</a>
+          <span class="col-sm-6 col-md-8"></span>
+        </div>
+      </div>
     </div>
   </div>
 </div>
-<?php include_once 'en_sidebar.php';?>
diff --git a/index.php b/index.php
index f18745a..c892d7f 100644
--- a/index.php
+++ b/index.php
@@ -37,7 +37,11 @@
     <div class="row">
       <div class="col-md-20 col-md-offset-2 col-sm-18 col-sm-offset-3">
         <h1><?php print $pageTitle; ?></h1>
-        <p>Supported by our member organizations, the Eclipse Foundation provides our community with Intellectual Property, Mentorship, Marketing, Event and IT Services</p>
+        <p>Supported by our member organizations, the Eclipse Foundation provides our community with Intellectual Property, Mentorship, Marketing, Event and IT Services.</p>
+        <ul class="list-inline margin-top-30">
+          <li><a class="btn btn-primary" href="https://accounts.eclipse.org/contact/membership">Contact Us About Membership</a></li>
+          <li><a class="btn btn-primary" href="https://eclipse.org/membership/exploreMembership.php">Explore Our Members</a></li>
+        </ul>
       </div>
     </div>
   </div>
@@ -52,4 +56,6 @@
 $html = ob_get_clean();
 $Theme->setHtml($html);
 $Theme->setAttributes('header-wrapper', 'header-alternate-bg-img-1');
+$Theme->removeAttributes('breadcrumbs', 'breadcrumbs-default-margin');
+$Theme->setAttributes('main', 'background-white');
 $Theme->generatePage();
\ No newline at end of file
diff --git a/membership_prospectus/content/en_index.php b/membership_prospectus/content/en_index.php
deleted file mode 100644
index c0a33e6..0000000
--- a/membership_prospectus/content/en_index.php
+++ /dev/null
@@ -1,172 +0,0 @@
-<?php
-/*******************************************************************************
- * Copyright (c) 2019 Eclipse Foundation and others.
- * All rights reserved. This program and the accompanying materials
- * are made available under the terms of the Eclipse Public License v2.0
- * which accompanies this distribution, and is available at
- * https://www.eclipse.org/legal/epl-2.0/
- *
- * Contributors:
- *    Martin Lowe (Eclipse Foundation) - added membership prospectus HTML version
- *******************************************************************************/
- ?>
-
-<div class="col-md-24">
-    <h2>Who We Are</h2>
-    <p>The Eclipse Foundation provides our global community of individuals and organizations with a mature, scalable, and business-friendly environment for open source software collaboration and innovation. The Foundation is home to the Eclipse IDE, Jakarta EE, and over 375 open source <a href="/projects/">projects</a>, including runtimes, tools, and frameworks for cloud native enterprise applications, the Internet of Things, automotive, geospatial, systems engineering, and many other technology domains.</p>
-    <p>The Eclipse Foundation is a 501(c)(6) not-for-profit organization supported by over 300 <a href="/membership/exploreMembership.php">members</a> who value the Foundation’s governance framework, open innovation processes, collaborative <a href="/org/workinggroups/">Working Group</a> model, and <a href="http://events.eclipse.org/">community-building events</a>. Our members include industry leaders who have embraced open source as a <a href="/org/value">key enabler for business strategy</a>.</p>
-    <h2>Our Unique Approach</h2>
-    <p>Our value proposition is simple and unique. We are community-driven, code-first, and commercial-ready. Over more than 15 years, we have earned our community-driven and business-friendly reputation by providing a home for open source projects proven to deliver high quality, scalable, and sustainable code that enterprises can use to build commercial products, grow revenues and drive market adoption. Business value and profits can then be reinvested in Eclipse projects and our developer community. </p>
-    <p>The key to our approach are our Eclipse Working Groups, which provide an open and vendor-neutral governance framework for individuals and organizations to engage in collaborative development for specific technology domains. </p>
-    <h2>The Opportunity</h2>
-    <p>Organizations join the Eclipse Foundation because they want to take an active role in supporting sustainable, commercializable open source technologies that benefit all and to demonstrate the value of those open source technologies to the success of their businesses. </p>
-    <p>Our members:</p>
-    <ul>
-        <li><strong>Participate</strong> in a thriving developer community and provide contributions to <a href="/projects/">Eclipse projects</a> and <a href="/org/workinggroups/">Eclipse Working Groups</a></li>
-        <li><strong>Protect</strong> your strategic investments by signaling your support for advancing the technologies you care about</li>
-        <li><strong>Share</strong> costs and innovation while focusing resources on rapidly building differentiated features that customers value most</li>
-        <li><strong>Benefit</strong> from strong governance, solid intellectual property management, and inclusive open source community development</li>
-        <li><strong>Prosper</strong> by sharing open source commercialization best practices with industry peers</li>
-        <li><strong>Promote</strong> accomplishments and good corporate citizenship through contributions to open source projects</li>
-    </ul>
-    <h2>The Eclipse Foundation Governance Model</h2>
-    <p>The Eclipse community consists of individual developers and organizations spanning many industries. The community participates in Eclipse open source projects, organized under top-level projects that provide oversight and guidance. Each top-level project has a charter and scope and is governed by a Project Management Committee. </p>
-    <p>Eclipse Working Groups extend the best practices of the Eclipse Foundation’s collaborative open source development model to specific technology domains. In addition, Eclipse Working Groups enable collaboration on business functions important to the broader open source initiative, including the shared development of requirements, specifications, marketing strategy, and security policies. These unique industry collaborations span a variety of innovation areas, including cloud native enterprise Java, IoT, Edge Computing, the connected automotive mobility ecosystem, and other emerging technology domains. Explore all of our Working Groups <a href="/org/workinggroups/explore.php">here</a>.</p>
-    <p>The Eclipse Foundation is funded by annual dues from our <a href="/membership">members</a> and governed by a <a href="/org/foundation/directors.php">Board of Directors</a>. The Foundation employs a full-time <a href="/org/foundation/staff.php">professional staff</a> to provide services to the community.</p>
-    <h2>Key Services of the Eclipse Foundation</h2>
-    <h3><a href="/org/#Development">Development Process</a></h3>
-    <p>The Eclipse community has a well-earned reputation for providing high-quality software, reliably and predictably. The Eclipse Foundation provides services and support to help projects consistently achieve their goals. Our staff assists new projects in implementing the Eclipse development process, a set of procedures and rules that form our best practices.</p>
-    <h3><a href="/org/#IP_Management">IP Management</a></h3>
-    <p>We focus on enabling the use of open source technology in commercial software products and services. All Eclipse projects are licensed under OSI approved license including the <a href="/legal/epl-2.0/">Eclipse Public License</a> (EPL). In addition, the Eclipse Foundation due diligence process helps to validate the pedigree of the intellectual property contained in Eclipse projects.</p>
-    <h3><a href="/org/#Ecosystem">Ecosystem Development and Marketing</a></h3>
-    <p>The Eclipse Foundation’s strategic marketing programs promote Eclipse community engagement, drive awareness and discoverability of Eclipse technologies, and increase the commercial adoption of Eclipse technologies. We organize a number of activities, including cooperative marketing events with member companies, virtual events, conferences, local events, and annual members meetings.</p>
-    <h3><a href="/org/#IT">IT Infrastructure</a></h3>
-    <p>The Eclipse Foundation provides vendor-neutral, reliable and scalable services for Eclipse technology developers and users. IT infrastructure services delivered to the Eclipse community include source code repositories, build infrastructure, development-oriented mailing lists and newsgroups, a <a href="/downloads/">downloads</a> site, and project and working group websites.</p>
-    <h3>Membership at the Eclipse Foundation</h3>
-    <p>The Foundation offers four levels of membership: Strategic, Solutions, Associate, and Committer. Collectively, these levels of membership comprise the Eclipse Membership-at-Large. </p>
-    <h4>Strategic Members</h4>
-    <p>Strategic Members play an integral role in the Eclipse Foundation ecosystem. Strategic members are organizations that view participation in Eclipse projects as strategic to their business and are investing significant developer and other resources to further drive Eclipse Foundation technology. Typically, Strategic Members lead one or more top-level projects. Strategic membership benefits include:</p>
-    <ul>
-        <li>A seat on Board of Directors of Eclipse Foundation</li>
-        <li>A seat on Foundation councils, including the Architecture Council</li>
-        <li>The opportunity to attend and vote at all meetings of the Membership At-Large</li>
-        <li>Access to a number of Strategic Members-Only Programs such as banner and logo promotion on <a href="http://eclipse.org">eclipse.org</a> and <a href="/downloads">eclipse.org/downloads</a></li>
-        <li>Ad hoc Intellectual Property analysis and reporting</li>
-        <li>Help to launch open source initiative(s)</li>
-        <li>Direct influence through board voting rights on key aspects of the Eclipse ecosystem, including licensing, governing policy development, and amendments to Membership Agreement and bylaws</li>
-        <li>Discounts towards sponsorship and attendance of Eclipse Foundation events </li>
-        <li>Access to Eclipse Foundation marketing and <a href="https://outreach.eclipse.foundation/advertise">advertising programs</a></li>
-        <li>Opportunity to lead in the establishment of Eclipse Working Groups</li>
-        <li>Opportunity to join and participate on all Eclipse Foundation public mailing lists</li>
-        <li>Opportunity to show support for Eclipse Foundation by displaying the Eclipse Foundation member logo</li>
-    </ul>
-    <h4>Solutions Members</h4>
-    <p>Solutions Members are organizations that view Eclipse Foundation technologies as important to their corporate and product strategy and offer products and services based on, or with, Eclipse Foundation technologies. These organizations want to participate in the development of the broad Eclipse Foundation ecosystem. Most members join initially as Solutions Members. Solutions membership benefits include:</p>
-    <ul>
-        <li>Solutions Members are represented on the Board of Directors, and thus have influence over decisions relating to licensing, governing policy development, and amendments to Membership Agreement and bylaws</li>
-        <li>Opportunity to stand for election as the representative of all Solutions Members on the Board of Directors. Elections are held annually in the first quarter.  </li>
-        <li>The opportunity to attend and vote at all meetings of the Membership At-Large</li>
-        <li>Discounts towards sponsorship and attendance of Eclipse Foundation run events </li>
-        <li>Access to Eclipse Foundation marketing and <a href="https://outreach.eclipse.foundation/advertise">advertising programs</a></li>
-        <li>Opportunity to participate in Eclipse Working Groups, including as a Strategic Member of those working groups</li>
-        <li>Opportunity to join and participate on all Eclipse Foundation public mailing lists</li>
-        <li>Opportunity to show support for the Eclipse Foundation by displaying the Eclipse Foundation Member logo </li>
-    </ul>
-    <h4>Associate Members</h4>
-    <p>Associate Members are organizations that participate in and want to show support for the Eclipse Foundation ecosystem. Many research and educational institutions choose to join as an Associate member. Associate membership benefits include:</p>
-    <ul>
-        <li>Opportunity to join and participate on all Eclipse public mailing lists, and to attend Members meetings</li>
-        <li>Ability to join select Eclipse Working Groups as a Guest Member</li>
-        <li>The opportunity to attend all meetings of the Membership At-Large</li>
-        <li>Opportunity to show support for Eclipse Foundation by displaying the Eclipse Foundation Member logo</li>
-    </ul>
-    <h4>Committer Members</h4>
-    <p>Eclipse Foundation’s governance model provides individual committers with the ability to become full members and includes representation on the Eclipse Board of Directors. Committer Members are individuals that are the core developers of the Eclipse projects and can commit changes to project source code. Committer membership benefits include:</p>
-    <ul>
-        <li>Committer Members are represented on the Board of Directors, and thus have influence over decisions relating to licensing, governing policy development, and amendments to Membership Agreement and bylaws</li>
-        <li>Opportunity to stand for election as the representative of all Committer Members on the Board of Directors. Elections are held annually in the first quarter.  </li>
-        <li>The opportunity to attend and vote at all meetings of the Membership At-Large</li>
-    </ul>
-    <p>Additional details regarding the various membership levels in the Eclipse Foundation are available <a href="/membership/become_a_member/membershipTypes.php#strategic" >here</a>.</p>
-    <h2>Membership Fees</h2>
-    <p>The Membership-at-Large Annual Fee Comparison Chart based on membership levels is provided below for illustration purposes only. Please see the Eclipse Membership Agreement for full details.</p>
-    <div>
-        <table class="table table-striped">
-            <thead>
-                <tr>
-                    <th rowspan="2">Annual Corporate Revenue</th>
-                    <th class="text-center" colspan="3">Annual Eclipse Foundation Membership-at-Large Fees*</th>
-                </tr>
-                <tr>
-                    <th>Strategic **</th>
-                    <th>Solutions</th>
-                    <th>Associate</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>&gt; $250 million</td>
-                    <td>$250,000</td>
-                    <td>$20,000</td>
-                    <td>$5,000</td>
-                </tr>
-                <tr>
-                    <td>$100 million - $250 million</td>
-                    <td>$150,000</td>
-                    <td>$15,000</td>
-                    <td>$5,000</td>
-                </tr>
-                <tr>
-                    <td>$50 million - $100 million</td>
-                    <td>$100,000</td>
-                    <td>$10,000</td>
-                    <td>$5,000</td>
-                </tr>
-                <tr>
-                    <td>$10 million - $50 million</td>
-                    <td>$50,000</td>
-                    <td>$7,500</td>
-                    <td>$5,000</td>
-                </tr>
-                <tr>
-                    <td>&lt; $10 million</td>
-                    <td>$25,000</td>
-                    <td>$5,000</td>
-                    <td>$5,000</td>
-                </tr>
-                <tr>
-                    <td>&lt; $1 million, &lt; 10 employees</td>
-                    <td>$25,000</td>
-                    <td>$1,500</td>
-                    <td>N/A</td>
-                </tr>
-                <tr>
-                    <td>Govt, academics, NGOs, etc.</td>
-                    <td>$25,000</td>
-                    <td>$5,000</td>
-                    <td>$0</td>
-                </tr>
-                <tr>
-                    <td>Academic, Research or Publishing Organizations, etc</td>
- 					<td>$25,000</td>
-                    <td>$5,000</td>
-                    <td>$0</td>
-                </tr>
-            </tbody>
-        </table>
-        <div>
-            <p class="small">*There is no cost to being a Committer member of the Foundation</p>
-        </div>
-    </div>
-    <h2>How to Join as a Member of the Eclipse Foundation</h2>
-    <p>Once you have chosen the level of membership (e.g., Strategic, Solutions, Associate, Committer):</p>
-    <ul>
-        <li>Complete and sign the <a href="/membership/documents/membership-information-form.pdf">Membership Information Form</a></li>
-        <li>Complete and sign the <a href="/org/documents/eclipse_membership_agreement.pdf">Membership Agreement</a></li>
-        <li>Complete and sign the <a href="/legal/committer_process/EclipseMemberCommitterAgreement.pdf" >Member Committer and Contributor Agreement</a> (optional, but recommended)</li>
-        <li>Email us the signed documents, including the Membership Agreement, the Membership Application, and optionally, the Member Committer and Contributor Agreement</li>
-    </ul>
-    <p>Note: Membership in an Eclipse Working Group requires the execution of that Working Group’s Participation Agreement. A list of the current Eclipse Working Groups is <a href="/org/workinggroups/explore.php">here</a>.</p>
-    <h2>Join Us!</h2>
-    <p>To learn more about the benefits of Eclipse Foundation membership, or how Eclipse Working Groups enable community-driven industry collaborations, please contact the Membership Coordination Team at membership@eclipse.org.</p>
-</div>
\ No newline at end of file
diff --git a/membership_prospectus/index.php b/membership_prospectus/index.php
index 4907edc..e1d8813 100644
--- a/membership_prospectus/index.php
+++ b/membership_prospectus/index.php
@@ -13,40 +13,5 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-require_once($_SERVER['DOCUMENT_ROOT'] . "/eclipse.org-common/system/app.class.php");
-
-$App = new App();
-$Theme = $App->getThemeClass();
-
-$pageTitle = "Membership Prospectus";
-$Theme->setPageTitle($pageTitle);
-$Theme->setPageKeywords("membership prospectus, become a member, membership faq, membership expire");
-$Theme->setPageAuthor("Martin Lowe");
-$Theme->setTitle("Membership Prospectus");
-
-$hide_tips = TRUE;
-$hide_faqs = TRUE;
-
-ob_start();
-?>
-<div class="jumbotron featured-jumbotron margin-bottom-0">
-  <div class="container">
-    <div class="row">
-      <div class="col-md-20 col-md-offset-2 col-sm-18 col-sm-offset-3">
-        <h1><?php print $pageTitle; ?></h1>
-        <p>Learn about Eclipse Foundation membership, and how you can become a member.</p>
-      </div>
-    </div>
-  </div>
-</div>
-<?php
-$extra_header_html = ob_get_clean();
-$Theme->setExtraHeaderHtml($extra_header_html);
-
-// Place your html content in a file called content/en_pagename.php
-ob_start();
-include("content/en_" . $App->getScriptName());
-$html = ob_get_clean();
-$Theme->setHtml($html);
-$Theme->setAttributes('header-wrapper', 'header-alternate-bg-img-1');
-$Theme->generatePage();
\ No newline at end of file
+header('Location: /membership', TRUE, 301);
+exit;
\ No newline at end of file