Add feature boxes to top of homepage

Signed-off-by: cjyabraham <[email protected]>

Author: cjyabraham

_sass/homepage.scss

@@ -2,7 +2,7 @@
 
   .main-content-wrapper {
     @include desktop {
-      margin-top: 539px;
+      margin-top: 472px;
     }
   }
   h2 {
@@ -385,3 +385,11 @@
 .no-banner {
   padding-bottom: 2rem;
 }
+
+.homepage-box-module {
+  div.col-md {
+    background: #F3F4F7;
+    margin: 20px;
+    padding: 30px;
+  }
+}

index.html

@@ -19,23 +19,37 @@ <h1><img src="{{ site.baseurl }}/assets/images/logo-white.svg" width="275px" alt
 
 <div class="main-content-wrapper">
 
-  {% if page.display-news-banner == true %}
-
-  {% assign news = site.news | sort: "order" %}
-
-    <div id="news-items">
-      <div class="list container news-banner-container">
-        {% for news_item in news %}
-          <div class="news-banner-text">
-            {% include news_banner_info.html %}
-          </div>
-        {% endfor %}
+  <div class="container homepage-box-module">
+    <div class="row">
+      <div class="col-md">
+        <h3>Featured Reads</h3>
+        <p>
+          Catch up on the latest technical insights and tools from the PyTorch community.
+        </p>
+        <p>
+          <a href="/blog">#Powered by PyTorch</a>
+        </p>
+      </div>
+      <div class="col-md">
+        <h3>PyTorch 2.0</h3>
+        <p>
+          Our next-generation release is faster, more Pythonic, and more Dynamic than ever.
+        </p>
+        <p>
+          <a href="/get-started">Get Started</a>
+        </p>
+      </div>
+      <div class="col-md">
+        <h3>Upcoming Events</h3>
+        <p>
+          Don’t miss out on our upcoming PyTorch events, meetups, and webinars.
+        </p>
+        <p>
+          <a href="/events">Upcoming Events</a>
+        </p>
       </div>
-      <div class="pagination"></div>
     </div>
-    {% else %}
-    <div class="no-banner"></div>
-  {% endif %}
+  </div>
 
   <div class="container homepage-feature-module key-features-module">