sections/homepage/homepage.html

<md-content>
  <div layout="column" layout-align="center stretch">
    <div class="hero" layout="column" layout-align="center center">
      <h1 class="md-display-2 title">Eclipse EEF</h1>
      <p class="md-headline catchphrase">Great Properties views made simple</p>
       <md-button class="md-raised md-primary" ng-href="#/download">Download Eclipse EEF</md-button>
    </div>
    <div class="news">
      <p>Eclipse EEF 1.7.2 has now been released, <a href="#/download">download it now</a></p>
    </div>
  </div>

  <div layout="column" layout-align="center center" class="introduction" flex-gt-sm="60" flex-offset-gt-sm="20" flex="100">
    <h2>Build your Properties views, no code needed</h2>
    <p>
      EEF is a presentation framework for the Eclipse Modeling Framework (EMF). It allows users to create rich user interfaces to edit EMF models.
    </p>
  </div>

  <div layout="row" layout-xs="column" layout-align="space-around center" class="advantages">
    <div class="column" ng-class="{small: main.mdMedia('gt-md')}">
      <md-icon md-svg-src="assets/images/list.svg" class="column-icon declarative"></md-icon>
      <h2>Declarative</h2>
      <p>
        No generated code, everything is interpreted by the runtime
      </p>
    </div>
    <div class="column" ng-class="{small: main.mdMedia('gt-md')}">
      <md-icon md-svg-src="assets/images/update.svg" class="column-icon simple"></md-icon>
      <h2>Simple</h2>
      <p>
        Your first user interface from scratch in a couple of minutes
      </p>
    </div>
    <div class="column" ng-class="{small: main.mdMedia('gt-md')}">
      <md-icon md-svg-src="assets/images/build.svg" class="column-icon configurable"></md-icon>
      <h2>Configurable</h2>
      <p>
        Customize everything easily with very powerful interpreters
      </p>
    </div>
  </div>

  <div layout="column" layout-align="center center" class="eef-sirius" flex-gt-sm="60" flex-offset-gt-sm="20" flex="100">
    <div layout="row" layout-align="center center" class="eef-sirius-message">
      <span class="eef">EEF</span>&nbsp;<span class="plus">+</span>&nbsp;<span class="sirius">Sirius</span>
    </div>
    <p>
      Eclipse Sirius provides a kickass bridge to create very easily EEF-based Properties views for your designers. Find more about the integration of the new EEF runtime in Eclipse Sirius in the <a href="https://www.eclipse.org/sirius/doc/">Sirius documentation</a>
    </p>
  </div>

  <div class="sponsors" layout="column" layout-align="center center">
    <h2>Sponsors</h2>
    <a href="https://www.obeo.fr" class="image_link"><img src="assets/images/logo_obeo.png"></a>
  </div>

  <div layout="row" layout-xs="column" layout-align="space-around center" class="help">
    <div class="column" ng-class="{small: main.mdMedia('gt-md')}">
      <md-icon md-svg-src="assets/images/description.svg" class="column-icon documentation"></md-icon>
      <h2>Documentation</h2>
      <p>
        The EEF documentation can be found online in the <a href="http://help.eclipse.org/">Eclipse Help Center</a> and on this website
      </p>
    </div>
    <div class="column" ng-class="{small: main.mdMedia('gt-md')}">
      <md-icon md-svg-src="assets/images/forum.svg" class="column-icon forum"></md-icon>
      <h2>Forum</h2>
      <p>
        The <a href="https://www.eclipse.org/forums/index.php/f/19/">EMF Technology forum</a> is the place to use to find questions and answers of the community
      </p>
    </div>
    <div class="column" ng-class="{small: main.mdMedia('gt-md')}">
      <md-icon md-svg-src="assets/images/verified.svg" class="column-icon professional-support"></md-icon>
      <h2>Professional Support</h2>
      <p>
        Obeo, sponsor and leader of EEF, provides <a href="https://www.obeo.fr/en/services/training">training</a>, <a href="https://www.obeo.fr/en/services/custom-development">custom development</a> and <a href="https://www.obeo.fr/en/services/support-maintenance">support plans</a>
      </p>
    </div>
  </div>

</md-content>