mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-20 03:35:51 +00:00
adding icons and backgrund assets
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user