<div class="container text-center padding-top-30 padding-bottom-50">
  <h2 class="margin-bottom-30 fw-600">Better Than Ever</h2>

  <div class="row">

    <div class="col-sm-8 featured-new-items margin-bottom-60">
      <span class="featured-circle-outline" style="padding-top:15px;">
        <i class="fa fa-code icon"></i>
      </span>
      <h3 class="fw-600">Polyglot language support</h3>
      <p class="big">First class support for Java, JavaScript, C/C++, PHP, Rust, and others</p>
    </div>

    <div class="col-sm-8 featured-new-items margin-bottom-60">
      <span class="featured-circle-outline" style="padding-top:17px;">
        <i class="fa fa-archive icon"></i>
      </span>
      <h3 class="fw-600">Latest Java&trade; versions</h3>
      <p class="big">Support for building Java&trade;&nbsp;11 and Java&nbsp;EE&trade;&nbsp;8 based applications</p>
    </div>

    <div class="col-sm-8 featured-new-items margin-bottom-60">
      <span class="featured-circle-outline" style="padding-top:18px;">
        <i class="fa fa-rocket icon"></i>
      </span>
      <h3 class="fw-600">Future-friendly</h3>
      <p class="big">Rolling quarterly release cadence for new features</p>
    </div>

  </div>
  <div class="row">

    <div class="col-sm-8 featured-new-items margin-bottom-60">
      <span class="featured-circle-outline" style="padding-top:18px;">
        <i class="fa fa-list icon"></i>
      </span>
      <h3 class="fw-600">Dark themes</h3>
      <p class="big">Updates to text colors, background color, popup dialogs, and more</p>
    </div>

    <div class="col-sm-8 featured-new-items margin-bottom-60">
      <span class="featured-circle-outline" style="padding-top:16px;">
        <i class="fa fa-laptop icon"></i>
      </span>
      <h3 class="fw-600">Better code</h3>
      <p class="big">Enhanced code coverage analysis</p>
    </div>

    <div class="col-sm-8 featured-new-items margin-bottom-60">
      <span class="featured-circle-outline" style="padding-top:17px;">
        <i class="fa fa-cogs icon"></i>
      </span>
      <h3 class="fw-600">Proven extensibility</h3>
      <p class="big">A huge variety of platform plug-ins</p>
    </div>
  </div>

  <ul class="list-inline featured-new-links">
    <li><a style="width:245px;" class="btn btn-purple btn-lg" href="/eclipseide/2018-12/noteworthy">New and Noteworthy</a></li>
    <li><a style="width:245px;" class="btn btn-primary btn-lg" href="https://help.eclipse.org/2018-12/index.jsp">Documentation</a></li>
    <li><a style="width:245px;" class="btn btn-primary btn-lg" href="/downloads/packages/release/2018-12/r">Other Packages</a></li>
  </ul>
</div>

<div class="featured-stats">
  <div class="container">
    <h2 class="fw-600 white">Code Meets Community</h2>

    <div class="row padding-top-30 padding-bottom-30">
      <div class="col-sm-6 col-sm-offset-3">
        <div class="row">
          <div class="col-xs-12 featured-stats-icon-container">
            <span class="featured-circle featured-circle-stats"><i data-feather="share-2" stroke-width="1"></i></span>
          </div>
          <div class="col-xs-12 featured-stats-text-container">
            <a class="white" href="https://projects.eclipse.org/releases/2018-12">
              <span class="featured-stats-number">98</span><br>
              <span class="featured-stats-title">Projects</span>
            </a>

          </div>
        </div>
      </div>

      <div class="col-sm-6">
        <div class="row">
          <div class="col-xs-12 featured-stats-icon-container">
            <span class="featured-circle featured-circle-stats"><i data-feather="users" stroke-width="1"></i></span>
          </div>
          <div class="col-xs-12 featured-stats-text-container">
            <span class="featured-stats-number">146</span><br>
            <span class="featured-stats-title">Committers</span>
          </div>
        </div>
      </div>

      <div class="col-sm-6">
        <div class="row">
          <div class="col-xs-12 featured-stats-icon-container">
            <span class="featured-circle featured-circle-stats"><i data-feather="thumbs-up" stroke-width="1"></i></span>
          </div>
          <div class="col-xs-12 featured-stats-text-container">
            <span class="featured-stats-number">265</span><br>
            <span class="featured-stats-title">Contributors</span>
          </div>
        </div>
      </div>
    </div>

    <div class="row">
      <div class="col-sm-8">
        <p><a class="eclipsefdn-video" href="https://www.youtube.com/watch?v=79EoseM0GUI"></a></p>
        <p>Eclipse IDE 2018-12 launches December 19, 2018</p>
      </div>
      <div class="col-sm-8">
        <p><a class="eclipsefdn-video" href="https://www.youtube.com/watch?v=aM3UUycl1rs"></a></p>
        <p>Eclipse 2018-12 IDE Improvements: Java and Gradle</p>
      </div>
      <div class="col-sm-8">
        <p><a class="eclipsefdn-video" href="https://www.youtube.com/watch?v=TM9DBinKQdI"></a></p>
        <p>Eclipse 2018-12 IDE Improvements: General and Git</p>
      </div>
    </div>
  </div>
</div>

<div class="container text-center padding-top-20 padding-bottom-30">
  <h2 class="margin-bottom-20 fw-600">Next Release</h2>
  <p class="margin-bottom-30 big">The next Eclipse IDE release is coming in 2019-06</p>
  <p><a style="width:250px;" class="btn btn-primary btn-lg" href="https://wiki.eclipse.org/Simultaneous_Release">Learn More</a></p>
</div>

<div class="featured-community text-center padding-top-30 padding-bottom-50">
  <div class="container">
    <h2 class="margin-bottom-20 fw-600 white">Powered by Participation</h2>
    <div class="row">
      <div class="col-lg-12 col-lg-offset-6">
        <p class="big">With a vast ecosystem of plugins from an active community, do everything you want to do, without limitation.</p>
        <p class="big">The best part? It’s still 100% free, open source, and all donations to the Eclipse Foundation are used to support the Eclipse Community!</p>
        <ul class="list-inline margin-top-30 featured-community-links">
          <li><a style="width:245px;border:none;" class="btn btn-simple btn-lg" href="/contribute">Get Involved</a></li>
          <li><a style="width:245px;border:none;" class="btn btn-white btn-lg" href="/donate"><i class="fa fa-star"></i> Donate</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>

<div class="container text-center padding-top-30 padding-bottom-50">
  <h2 class="fw-600">Stay Connected</h2>
  <div class="row">
    <div class="col-md-24">
      <h3 class="orange"><strong>#EclipseTips</strong></h3>
      <p class="big margin-bottom-20">Get daily tips about the Eclipse IDE by following our #EclipseTips thread!</p>

      <div class="text-center">
        <blockquote class="twitter-tweet" data-align="center" data-lang="en"><p lang="en" dir="ltr">Eclipse 2018-12 is coming soon! We&#39;ll go through some new stuff coming up every day. Let&#39;s go! <a href="https://twitter.com/hashtag/EclipseTips?src=hash&amp;ref_src=twsrc%5Etfw">#EclipseTips</a></p>&mdash; Eclipse Java IDE (@EclipseJavaIDE) <a href="https://twitter.com/EclipseJavaIDE/status/1067360232526020610?ref_src=twsrc%5Etfw">November 27, 2018</a></blockquote>
        <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
      </div>

      <h3 class="orange margin-top-50"><strong>Get Social</strong></h3>
      <p class="big margin-bottom-20">Stay up-to-date with the Eclipse IDE by following us on social media!</p>
      <ul class="list-inline featured-social-links margin-bottom-30">
        <li>
          <a class="fa-stack fa-xl" href="https://twitter.com/EclipseJavaIDE">
            <i class="fa fa-circle fa-stack-2x"></i>
            <i class="fa fa-twitter fa-stack-1x white"></i>
          </a>
        </li>
        <li>
          <a class="fa-stack fa-xl" href="https://www.facebook.com/eclipse.org/">
            <i class="fa fa-circle fa-stack-2x"></i>
            <i class="fa fa-facebook fa-stack-1x white"></i>
          </a>
        </li>
        <li>
          <a class="fa-stack fa-xl" href="https://www.youtube.com/playlist?list=PLy7t4z5SYNaSNjL60ofpwVhfA7mOF3Pgk">
            <i class="fa fa-circle fa-stack-2x"></i>
            <i class="fa fa-youtube fa-stack-1x white"></i>
          </a>
        </li>
      </ul>
    </div>
  </div>

</div>