diff --git a/_layouts/download-new.html b/_layouts/download-new.html
new file mode 100644
index 0000000..638d662
--- /dev/null
+++ b/_layouts/download-new.html
@@ -0,0 +1,103 @@
+---
+layout: default
+---
+
+{% include headertop.txt %}
+<!-- Stylesheet for doc-specific pages -->
+<link rel="stylesheet" href="{{ site.baseurl }}/resources/stylesheets/doc.css" type="text/css" />
+<link rel="stylesheet" href="{{ site.baseurl }}/resources/stylesheets/download.css" type="text/css" />
+{% include headerbottom.txt %}
+{% include topbar.txt %}
+
+<div class="slider">
+  <div class="container">
+    <div class="row">
+      <div class="span16">        
+        <h1>{{ page.title }}</h1>
+    </div>
+    </div>
+  </div>
+</div>
+
+<div class="bottom">
+  <div class="container">
+
+
+    <div class="download-titles row">
+      <div class="span5">
+        Next version
+      </div>
+      <div class="span6">        
+        Current version
+      </div>
+      <div class="span5">        
+        Previous version
+      </div>
+    </div>
+
+
+    <div class="downloads">
+    {% for version in page.versions %}
+      <div class="download-version {{ version[0] }}">
+        <h2>{{ version[1].title }}</h2>
+        <ul class="inside">
+          <li>{{ version[1].scala }}</li>
+          <li>{{ version[1].eclipse }}</li>
+        </ul>
+        <h3>Requirements</h3>
+        <ul class="requirements">
+        {% for requirement in version[1].requirements %}
+          <li>{{ requirement }}</li>
+        {% endfor %}
+        </ul>
+      </div>
+    {% endfor %}
+    </div>
+
+    <div class="downloads buttons">
+    {% for version in page.versions %}
+      <div class="download-version {{ version[0] }}">
+        {% for download in version[1].downloads %}
+          <div class="download-system {{ download[0]  }}">
+            <a class="button" href="{{ download[1] }}">Download</a>
+            <p class="system">
+              {% if download[0] == "win" %}
+                Windows
+              {% elsif download[0] == "mac" %}
+                Mac OS
+              {% else %}
+                Linux
+              {% endif %}
+            </p>
+          </div>
+        {% endfor %}
+      </div>
+    {% endfor %}
+    </div>
+
+    <script type="text/javascript">
+      if (navigator.appVersion.indexOf("Win") != -1) {
+        $(".download-system").not(".win").hide();
+      }
+      else if (navigator.appVersion.indexOf("Mac") != -1) {
+        $(".download-system").not(".mac").hide();
+      }
+      else if (navigator.appVersion.indexOf("Linux") != -1) {
+        $(".download-system").not(".linux").hide();
+      }
+    </script>
+
+    <hr class="limit"/>
+
+    <div class="row">
+      <div class="span11">        
+        {{ content }}
+    </div>
+      <div class="span5">        
+    </div>  
+    </div>
+  </div>
+</div>
+
+
+{% include footer.txt %}
diff --git a/download-new.md b/download-new.md
new file mode 100644
index 0000000..c363bb7
--- /dev/null
+++ b/download-new.md
@@ -0,0 +1,49 @@
+---
+layout: download-new
+title: Downloads
+
+versions:
+  # next version
+  next:
+    title: Scala-IDE 2.2.2
+    scala: Scala 2.12
+    eclipse: Eclpse Jupiter 4.12
+    requirements:
+      - JDK6 or JD7
+      - Eclipse 3.8, Eclipse 4.2 (Juno) or Eclipse 4.3 (Kepler). Read here if you have questions about the supported Eclipse packages.
+    downloads:
+      win: http://scala-ide.org/download/win
+      mac: http://scala-ide.org/download/mac
+      linux: http://scala-ide.org/download/linux
+
+  # current version
+  current:
+    title: Scala-IDE 2.2.2
+    scala: Scala 2.12
+    eclipse: Eclpse Jupiter 4.12
+    requirements:
+      - JDK6 or JD7
+      - Eclipse 3.8, Eclipse 4.2 (Juno) or Eclipse 4.3 (Kepler). Read here if you have questions about the supported Eclipse packages.
+    downloads:
+      win: http://scala-ide.org/download/win
+      mac: http://scala-ide.org/download/mac
+      linux: http://scala-ide.org/download/linux
+
+  # prev version
+  prev:
+    title: Scala-IDE 2.2.2
+    scala: Scala 2.12
+    eclipse: Eclpse Jupiter 4.12
+    requirements:
+      - JDK6 or JD7
+      - Eclipse 3.8, Eclipse 4.2 (Juno) or Eclipse 4.3 (Kepler). Read here if you have questions about the supported Eclipse packages.
+    downloads:
+      win: http://scala-ide.org/download/win
+      mac: http://scala-ide.org/download/mac
+      linux: http://scala-ide.org/download/linux
+---
+
+
+# Other downloads
+
+...
\ No newline at end of file
diff --git a/resources/stylesheets/download.css b/resources/stylesheets/download.css
new file mode 100644
index 0000000..42eef46
--- /dev/null
+++ b/resources/stylesheets/download.css
@@ -0,0 +1,96 @@
+.download-titles {
+  margin-top: 30px;
+  margin-bottom: 30px;
+  text-transform: uppercase;
+  color: #999;
+  text-align: center;
+}
+
+.downloads {
+  display: table;
+  color: #0f5b6a;
+  text-align: center;
+  margin: 0;
+  width: 100%;
+}
+
+.downloads h2 {
+  border-bottom: 1px solid rgba(0,0,0,.1);
+  padding: 10px;
+  font-size: 18px;
+}
+.downloads h3 {
+  margin: 10px 10px 0;
+  font-size: 13px;
+  text-align: left;
+}
+
+.download-version {
+  display: table-cell;
+  background: #fff;
+  margin: 0;
+  width: 33.33%;
+  float: left;
+}
+.download-version.current {
+  background: #54c1d6;
+}
+
+.downloads .inside {
+  margin: 10px 0;
+}
+
+.downloads .inside li {
+  padding: 5px;
+  color: #47b5ca;
+  font-size: 16px;
+  font-weight: bold;
+  list-style-type: none;
+}
+
+.downloads .requirements {
+  text-align: left;
+}
+
+.downloads .button {
+  display: block;
+  width: 120px;
+  margin: 10px auto;
+  padding: 10px;
+  border: 1px solid rgba(0,0,0,.2);
+  border-radius: 3px;
+  background: #e6e6e6; /* Old browsers */
+  background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */
+  background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* IE10+ */
+  background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%); /* W3C */
+  background-clip: padding-box;
+  box-shadow: 0 1px 2px rgba(0,0,0,.1);
+}
+
+.downloads .download-version.current h2,
+.downloads .download-version.current .inside li {
+  color: #fff;
+  text-shadow: 0 1px 0 rgba(0,0,0,.2);
+}
+.downloads .download-version.current h2 {
+  margin-top: -10px;
+  padding: 15px 10px;
+  border-radius: 5px 5px 0 0;
+  background: #40b0c8; /* Old browsers */
+  background: -moz-linear-gradient(top,  #40b0c8 0%, #66c9db 100%); /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#40b0c8), color-stop(100%,#66c9db)); /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top,  #40b0c8 0%,#66c9db 100%); /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top,  #40b0c8 0%,#66c9db 100%); /* Opera 11.10+ */
+  background: -ms-linear-gradient(top,  #40b0c8 0%,#66c9db 100%); /* IE10+ */
+  background: linear-gradient(to bottom,  #40b0c8 0%,#66c9db 100%); /* W3C */
+}
+
+
+
+hr.limit {
+  margin: 40px;
+  visibility: hidden;
+}