bitcoin core desktop page

_includes/bitcoin-core/download-bitcoin-core.html

@@ -13,4 +13,5 @@ http://opensource.org/licenses/MIT.
       <img class="callout-img" src="/img/os/linux.png" alt="Linux">
     </div>
   </div>
+  <hr class="separator callout-separator">
 </div>

_sass/screen.scss

@@ -159,6 +159,10 @@ hr {
     font-weight: normal;
     color: #FF7E00;
 }
+.separator {
+    height: 1px;
+    background: #dfdfdf;
+}
 .banner-message,
 .banner-message a,
 .banner-message a:link,
@@ -1614,16 +1618,23 @@ button.active {
     justify-content: space-between;
     margin-top: 10px;
 }
+.callout-text {
+    color: #9D9D9D;
+}
+.callout-separator {
+    margin: 44px 0 20px;
+}
 .show_less {
     margin-bottom: 50px;
 }
 .show_less_more {
-    margin-bottom: 70px;
+    padding-bottom: 70px;
 }
 .show_less_more p {
     font-size: 125%;
     color: #4D5060;
     line-height: 34px;
+    text-align: left;
 }
 .show_more-row {
     justify-content: space-between;
@@ -1660,20 +1671,25 @@ button.active {
 .news-title {
     margin: 0 0 28px;
 }
+.core-content {
+    margin: 70px auto 80px;
+}
 .core-column-left {
     float: left;
     max-width: 272px;
 }
 .core-column-right {
     float: right;
-    width: 70%;
+    width: 66%;
+    padding-left: 90px;
+    border-left: 1px solid #dfdfdf;
 }
 .corecard {
     position: relative;
     padding: 15px 20px 15px 70px;
     margin-bottom: 5px;
     width: 270px;
-    height: 120px;
+    min-height: 120px;
     text-align: left;
     border: 1px solid #DADADA;
     box-sizing: border-box;
@@ -1685,6 +1701,13 @@ button.active {
     line-height: 30px;
     font-weight: 600;
 }
+.corecard-label {
+    margin-bottom: 10px;
+    font-size: 81.25%;
+    color: #9D9D9D;
+    letter-spacing: 0.43px;
+    text-transform: uppercase;
+}
 .features-card::before {
     content: '';
     position: absolute;
@@ -1712,10 +1735,26 @@ button.active {
     height: 30px;
     background: url(../img/bitcoin-core/contribute.svg) 50% 50% no-repeat;
 }
+.releases-card::before {
+    content: '';
+    position: absolute;
+    top: 15px;
+    left: 20px;
+    width: 30px;
+    height: 30px;
+    background: url(../img/bitcoin-core/news.svg) 50% 50% no-repeat;
+}
+.rss-card::before {
+    content: '';
+    position: absolute;
+    top: 15px;
+    left: 20px;
+    width: 30px;
+    height: 30px;
+    background: url(../img/bitcoin-core/rss.svg) 50% 50% no-repeat;
+}
 .bitcoin-core-separator {
-    height: 1px;
     margin: 0 0 70px;
-    background: #dfdfdf;
 }
 .wallet_accordion img {
         float: left;

en/bitcoin-core/index.md

@@ -19,14 +19,14 @@ breadcrumbs:
 
 <!-- ![Bitcoin Core: Helping You Keep Bitcoin Decentralized](/img/bitcoin-core/en-big-logo.svg) -->
 
-<div class="hero">
+<div class="hero core-hero">
   <div class="container">
     <h1>Bitcoin Core</h1>
     <p class="summary">Helping you keep Bitcoin decentralized.</p>
   </div>
 </div>
 
-<div class="container clearfix">
+<div class="container core-content clearfix">
 <div class="core-column-left">{% include bitcoin-core/download-bitcoin-core.html %}</div>
 
 
@@ -79,9 +79,28 @@ breadcrumbs:
 
   <p class="center"><button class="toggle_show_more_less js not-displayed"><span class="fa fa-caret-down"></span> Read more</button></p>
 </div>
-<hr class="bitcoin-core-separator">
 
-<div class="core-column-right" markdown="block">
+<div class="core-column-left">
+  <p class="corecard-label">Shortcut:</p>
+  <div class="corecard features-card" markdown="block">
+  [Features][bcc features]
+  Discover what Bitcoin Core offers
+  </div>
+
+  <div class="corecard help-card" markdown="block">
+  [Get help][bcc help]
+  Documentation, forums, chat rooms
+  </div>
+  
+  <div class="corecard contribute-card" markdown="block">
+  [Contribute][bcc contribute]
+  Code, translations, and more
+  </div>
+</div>
+
+<div class="core-column-right clearfix" markdown="block">
+
+<hr class="separator bitcoin-core-separator">
 
 <h2 id="news" class="section-title news-title">News</h2>
 
@@ -103,23 +122,17 @@ breadcrumbs:
 
 </div>
 
-<div>
-  <div class="corecard features-card" markdown="block">
-  [Features][bcc features]
-  Discover what Bitcoin Core offers
+<div class="core-column-left clearfix">
+  <div class="corecard releases-card" markdown="block">
+  [Bitcoin Core Releases][bcc contribute]
+  For more News, see the complete list
   </div>
-
-  <div class="corecard help-card" markdown="block">
-  [Get help][bcc help]
-  Documentation, forums, chat rooms
-  </div>
-  
-  <div class="corecard contribute-card" markdown="block">
-  [Contribute][bcc contribute]
-  Code, translations, and more
+  <div class="corecard rss-card" markdown="block">
+  [Subscribe to the RSS feed][bcc contribute]
+  For more notifications of new releases
   </div>
 </div>
-  
+
 </div>