adding icons and backgrund assets

This commit is contained in:
Calvin Jhunjhnuwala
2021-06-17 11:34:52 -07:00
parent e7f593bc1c
commit ab09eac975
34 changed files with 23179 additions and 23 deletions

View File

@@ -37,26 +37,32 @@
</div>
<ul class="mt-10 card-grid card-grid-3xN">
<li class="col-new ls-none">
<h4 class="mb-0 h5">{% trans %}Public and Decentralized Structure{% endtrans %}</h4>
<p class="mt-8 mb-0">{% trans %}Open source, open to anyone to build on, maintained by the community{% endtrans %}</p>
<img src="./img/icons/public.svg">
<h4 class="mb-0 h5">{% trans %}Public and Decentralized Structure{% endtrans %}</h4>
<p class="mt-8 mb-0">{% trans %}Open source, open to anyone to build on, maintained by the community{% endtrans %}</p>
</li>
<li class="col-new ls-none">
<h4 class="mb-0 h5">{% trans %}Streamlined <br/>Development{% endtrans %}</h4>
<p class="mt-8 mb-0">{% trans %}Tools and documentation that speed development and reduce time to market{% endtrans %}</p>
<img src="./img/icons/streamlined.svg">
<h4 class="mb-0 h5">{% trans %}Streamlined <br/>Development{% endtrans %}</h4>
<p class="mt-8 mb-0">{% trans %}Tools and documentation that speed development and reduce time to market{% endtrans %}</p>
</li>
<li class="col-new ls-none">
<h4 class="mb-0 h5">{% trans %}High <br/>Performance{% endtrans %}</h4>
<p class="mt-8 mb-0">{% trans %}Capable of settling thousands of transactions in seconds{% endtrans %}</p>
<img src="./img/icons/performance.svg">
<h4 class="mb-0 h5">{% trans %}High <br/>Performance{% endtrans %}</h4>
<p class="mt-8 mb-0">{% trans %}Capable of settling thousands of transactions in seconds{% endtrans %}</p>
</li>
<li class="col-new ls-none">
<img src="./img/icons/low-cost.svg">
<h4 class="mb-0 h5">{% trans %}Low Cost{% endtrans %}</h4>
<p class="mt-8 mb-0">{% trans %}At fractions of a penny per transaction, costs are inexpensive enough to enable a wide variety of use cases{% endtrans %}</p>
</li>
<li class="col-new ls-none">
<img src="./img/icons/community.svg">
<h4 class="mb-0 h5">{% trans %}Vibrant Community{% endtrans %}</h4>
<p class="mt-8 mb-0">{% trans %}Developers, validators, users, and businesses make the XRPL better every day{% endtrans %}</p>
</li>
<li class="col-new ls-none">
<img src="./img/icons/reliability.svg">
<h4 class="mb-0 h5">{% trans %}Proven Reliability{% endtrans %}</h4>
<p class="mt-8 mb-0">{% trans %}9+ years of consistent performance over more than 63 million ledgers{% endtrans %}</p>
</li>
@@ -64,30 +70,30 @@
</section>
<section class="container-new my-26">
<div class="d-flex flex-column-reverse col-8 p-0">
<h3 class="h4 mx-10">{% trans %}Activate the power of the XRP Ledger and find the building blocks for your next innovation{% endtrans %}</h3>
<h6 class="green-500 mx-10 mb-3">{% trans %}Explore Advanced Features{% endtrans %}</h6>
<div class="d-flex flex-column-reverse col-8 p-0 mx-10-until-sm">
<h3 class="h4">{% trans %}Activate the power of the XRP Ledger and find the building blocks for your next innovation{% endtrans %}</h3>
<h6 class="green-500 mb-3">{% trans %}Explore Advanced Features{% endtrans %}</h6>
</div>
<ul class="mt-10 card-grid card-grid-3xN">
<li class="col-new ls-none bg-grey-800 br-8" id="pink">
<li class="col-new ls-none bg-grey-800 br-8" id="pink-purple">
<div class="card-new" >
<h4 class="h5">{% trans %}Decentralized Exchange{% endtrans %}</h4>
<p class="mt-6 mb-8">{% trans %}A high-performance decentralized peer-to-peer multi-currency exchange built directly into the blockchain{% endtrans %}</p>
</div>
</li>
<li class="col-new ls-none bg-grey-800 br-8">
<li class="col-new ls-none bg-grey-800 br-8" id="neutral-blue">
<div class="card-new">
<h4 class="h5">{% trans %}Cross-Currency Payments{% endtrans %}</h4>
<p class="mt-6 mb-8">{% trans %}Atomically settle multi-hop payments that cross currency or national boundaries with ease.{% endtrans %}</p>
</div>
</li>
<li class="col-new ls-none bg-grey-800 br-8">
<li class="col-new ls-none bg-grey-800 br-8" id="light-green">
<div class="card-new">
<h4 class="h5">{% trans %}Payment <br/>Channels{% endtrans %}</h4>
<p class="mt-6 mb-8">{% trans %}Batched micropayments with unlimited speed, secured with XRP.{% endtrans %}</p>
</div>
</li>
<li class="col-new ls-none bg-grey-800 br-8">
<li class="col-new ls-none bg-grey-800 br-8" id="orange">
<div class="card-new">
<h4 class="h5">{% trans %}Multi-Signing{% endtrans %}</h4>
<p class="mt-6 mb-8">{% trans %}Flexible options for custody and security of on-ledger accounts.{% endtrans %}</p>