Add download section for logos

styles/_pages.scss

@@ -964,6 +964,13 @@
     }
   }
 
+  #xrpl-design-assets {
+    padding-bottom: 5rem;
+    @include media-breakpoint-up(md) {
+      padding-top: 104px;
+      padding-bottom: 208px;
+    }
+  }
 
 }
 

template/page-community.html.jinja

@@ -233,6 +233,33 @@
   </div>
 </section>
 
+<!-- XRPL Design Assets -->
+<section class="container-new" id="xrpl-design-assets">
+  <div class="card-grid card-grid-2xN ">
+    <div class="col pt-5">
+      <div class="d-flex flex-column-reverse mb-lg-2 pl-0">
+        <h2 class="h4 h2-sm">{% trans %}Review guidelines for using XRPL design assets{% endtrans %}</h2>
+        <h6 class="eyebrow mb-3">{% trans %}XRPL Assets{% endtrans %}</h6>
+      </div>
+      <p class="mb-3 py-4">{% trans %}Just like the technology itself, XRPL assets are open source and available for anyone to use. Check out this helpful framework for using XRPL visuals. {% endtrans %}</p>      
+      <div class="col pr-2 d-lg-none d-block mb-4 pb-3 mb-lg-3">
+        <div class=" pr-1 mr-3">
+          <img src="./assets/img/community/community-design-assets.png" class="w-100">
+        </div>
+      </div>
+     
+      <div >
+        <a class="btn btn-primary btn-arrow" target="_blank" href=" https://github.com/XRPLF/xrpl-dev-portal/tree/master/content/XRPL_Logo_Kit.zip">{% trans %}Download the PDF and Assets{% endtrans %}</a> 
+      </div>
+    </div>
+
+    <div class="col pr-2 d-lg-block d-none">
+      <div class=" pr-1 mr-3">
+        <img src="./assets/img/community/community-design-assets.png" class="w-100">
+      </div>
+    </div>
+  </div>
+</section>
 
 <section class="container-new">
   <div class="col-md-6 offset-md-3 p-6-sm p-10-until-sm br-8 cta-card">