mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-12-02 17:45:54 +00:00
adding cta bgs
This commit is contained in:
Calvin Jhunjhnuwala
@@ -47,8 +47,11 @@
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="col-md-6 offset-md-3 p-10 br-8 bg-grey-800 text-center">
|
||||
<h2 class="h4 mb-10">{% trans %}How Does XRP Compare to Other Currencies?{% endtrans %}</h2>
|
||||
<a class="btn btn-primary btn-arrow">Learn More</a>
|
||||
<img src="./img/backgrounds/cta-calculator-green.svg" class="cta cta-bottom-right">
|
||||
<div class="z-index-1 position-relative">
|
||||
<h2 class="h4 mb-10">{% trans %}How Does XRP Compare to Other Currencies?{% endtrans %}</h2>
|
||||
<a class="btn btn-primary btn-arrow">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
@@ -17,6 +17,10 @@
|
||||
|
||||
{% block main %}
|
||||
|
||||
<div class="position-relative">
|
||||
<img src="./img/backgrounds/community-magenta.svg" id="community-magenta">
|
||||
</div>
|
||||
|
||||
<section class="py-26 text-center">
|
||||
<div class="col-md-4 mx-auto text-center">
|
||||
<div class="d-flex flex-column-reverse">
|
||||
@@ -26,31 +30,35 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="position-relative">
|
||||
<img src="./img/backgrounds/community-purple.svg" id="community-purple">
|
||||
</div>
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="col-8 p-0 mx-10-until-sm">
|
||||
<h3 class="h4 mb-6">{% trans %}Run an XRP Ledger Network Node{% endtrans %}</h3>
|
||||
<p class="longform">{% trans %}Experience the true power of decentralization —
by participating directly in the XRP Ledger consensus protocol.{% endtrans %}</h6>
|
||||
</div>
|
||||
<div class="mt-10 card-grid card-grid-4xN ml-5-until-md mr-5-until-md">
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="pink-purple">
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="sm-yellow-2">
|
||||
<span class="card-new d-block">
|
||||
<h4 class="h5">{% trans %}About the Server{% endtrans %}</h4>
|
||||
<p class="mt-6 mb-8">{% trans %}rippled is the core peer-to-peer server that manages the XRP Ledger.{% endtrans %}</p>
|
||||
</span>
|
||||
</a>
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="neutral-blue">
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="sm-purple">
|
||||
<span class="card-new d-block">
|
||||
<h4 class="h5">{% trans %}Install & Configure{% endtrans %}</h4>
|
||||
<p class="mt-6 mb-8">{% trans %}Install and update the rippled server.{% endtrans %}</p>
|
||||
</span>
|
||||
</a>
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="light-green">
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="sm-magenta-2">
|
||||
<span class="card-new d-block">
|
||||
<h4 class="h5">{% trans %}Join UNL{% endtrans %}</h4>
|
||||
<p class="mt-6 mb-8">{% trans %}Run a rippled server in validator mode. {% endtrans %}</p>
|
||||
</span>
|
||||
</a>
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="orange">
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="sm-green-2">
|
||||
<span class="card-new d-block">
|
||||
<h4 class="h5">{% trans %}Troubleshooting{% endtrans %}</h4>
|
||||
<p class="mt-6 mb-8">{% trans %}Troubleshoot all kinds of problems with the rippled server.{% endtrans %}</p>
|
||||
@@ -64,40 +72,44 @@
|
||||
<h6 class="green-500 mb-3">{% trans %}Find us on the platforms below{% endtrans %}</h6>
|
||||
</div>
|
||||
<div class="mt-10 card-grid card-grid-4xN ml-5-until-md mr-5-until-md">
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="magenta-orange">
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="sm-green">
|
||||
<span class="card-new d-block">
|
||||
<img class="mw-100 mb-3" src="./img/logos/github.svg">
|
||||
<h4 class="h5">{% trans %}Github{% endtrans %}</h4>
|
||||
<h4 class="h5 mb-8">{% trans %}Github{% endtrans %}</h4>
|
||||
</span>
|
||||
</a>
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="magenta-orange">
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="sm-light-blue-3">
|
||||
<span class="card-new d-block">
|
||||
<img class="mw-100 mb-3" src="./img/logos/twitch.svg">
|
||||
<h4 class="h5">{% trans %}Twitch{% endtrans %}</h4>
|
||||
<h4 class="h5 mb-8">{% trans %}Twitch{% endtrans %}</h4>
|
||||
</span>
|
||||
</a>
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="magenta-orange">
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="sm-magenta-3">
|
||||
<span class="card-new d-block">
|
||||
<img class="mw-100 mb-3" src="./img/logos/twitter.svg">
|
||||
<h4 class="h5">{% trans %}Twitter{% endtrans %}</h4>
|
||||
<h4 class="h5 mb-8">{% trans %}Twitter{% endtrans %}</h4>
|
||||
</span>
|
||||
</a>
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="magenta-orange">
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="sm-orange-2">
|
||||
<span class="card-new d-block">
|
||||
<img class="mw-100 mb-3" src="./img/logos/stack-overflow.svg">
|
||||
<h4 class="h5">{% trans %}Stack Overflow{% endtrans %}</h4>
|
||||
<h4 class="h5 mb-8">{% trans %}Stack Overflow{% endtrans %}</h4>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
<section class="container-new py-26">
|
||||
<div class="col-md-6 offset-md-3 p-10 br-8 bg-grey-800 text-center">
|
||||
<div class="d-flex flex-column-reverse">
|
||||
<h2 class="h4 mb-10">{% trans %}A Community-Driven Resource for All Things XRPL.org{% endtrans %}</h2>
|
||||
<h5 class="green-500 mb-3">{% trans %}Contribute to XRPL.org{% endtrans %}</h5>
|
||||
<img src="./img/backgrounds/cta-community-purple.svg" class="cta cta-top-left">
|
||||
<img src="./img/backgrounds/cta-community-green.svg" class="cta cta-bottom-right">
|
||||
<div class="z-index-1 position-relative">
|
||||
<div class="d-flex flex-column-reverse">
|
||||
<h2 class="h4 mb-10">{% trans %}A Community-Driven Resource for All Things XRPL.org{% endtrans %}</h2>
|
||||
<h5 class="green-500 mb-3">{% trans %}Contribute to XRPL.org{% endtrans %}</h5>
|
||||
</div>
|
||||
<p class="mb-10">{% trans %}Thank you for your interest in contributing to XRPL.org. This website was created as an XRPL community resource and is meant to be a living, breathing source of truth for XRP Ledger resources. This portal is open-source and anyone can suggest changes.{% endtrans %}</p>
|
||||
<a class="btn btn-primary">Contribute to the Guidelines</a>
|
||||
</div>
|
||||
<p class="mb-10">{% trans %}Thank you for your interest in contributing to XRPL.org. This website was created as an XRPL community resource and is meant to be a living, breathing source of truth for XRP Ledger resources. This portal is open-source and anyone can suggest changes.{% endtrans %}</p>
|
||||
<a class="btn btn-primary">Contribute to the Guidelines</a>
|
||||
</div>
|
||||
</section>
|
||||
{% endblock %}
|
||||
|
||||
@@ -34,31 +34,58 @@
|
||||
<div class="col-md-6 offset-md-3 w-100 pl-0 pr-0" id="faqs-accordian">
|
||||
<div class="w-100 accordian-row mb-6">
|
||||
<h3 class="mb-0 h6" id="headingOne">
|
||||
<a href="#" class="white collapsed w-100 d-block" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">Is XRPL a private blockchain, owned by Ripple?</a>
|
||||
<a href="#" class="white collapsed w-100 d-block" data-toggle="collapse" data-target="#a1" aria-expanded="false" aria-controls="a1">Is XRPL a private blockchain, owned by Ripple?</a>
|
||||
</h3>
|
||||
<p id="collapseOne" class="collapse mt-3 mb-0" aria-labelledby="headingOne" data-parent="#faqs-accordian">
|
||||
<p id="a1" class="collapse mt-3 mb-0" aria-labelledby="headingOne" data-parent="#faqs-accordian">
|
||||
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
|
||||
</p>
|
||||
</div>
|
||||
<div class="w-100 accordian-row mb-6">
|
||||
<h3 class="mb-0 h6" id="headingTwo">
|
||||
<a href="#" class="white collapsed w-100 d-block" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">Isn’t Proof of Work the best validation mechanism?</a>
|
||||
<a href="#" class="white collapsed w-100 d-block" data-toggle="collapse" data-target="#a2" aria-expanded="false" aria-controls="a2">Isn’t Proof of Work the best validation mechanism?</a>
|
||||
</h3>
|
||||
<p id="collapseTwo" class="collapse mt-3 mb-0" aria-labelledby="headingTwo" data-parent="#faqs-accordian">
|
||||
<p id="a2" class="collapse mt-3 mb-0" aria-labelledby="headingTwo" data-parent="#faqs-accordian">
|
||||
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
|
||||
</p>
|
||||
</div>
|
||||
<div class="w-100 accordian-row mb-6">
|
||||
<h3 class="mb-0 h6" id="headingTwo">
|
||||
<a href="#" class="white collapsed w-100 d-block" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">How can a blockchain be sustainable?</a>
|
||||
<a href="#" class="white collapsed w-100 d-block" data-toggle="collapse" data-target="#a3" aria-expanded="false" aria-controls="a3">How can a blockchain be sustainable?</a>
|
||||
</h3>
|
||||
<p id="collapseThree" class="collapse mt-3 mb-0" aria-labelledby="headingTwo" data-parent="#faqs-accordian">
|
||||
<p id="a3" class="collapse mt-3 mb-0" aria-labelledby="headingTwo" data-parent="#faqs-accordian">
|
||||
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="col-md-6 offset-md-3 w-100 pl-0 pr-0" id="faqs-accordian-2">
|
||||
<center><h4 class="mb-10">Validators and Unique Node Lists</h4></center>
|
||||
<div class="w-100 accordian-row mb-6">
|
||||
<h3 class="mb-0 h6" id="headingOne">
|
||||
<a href="#" class="white collapsed w-100 d-block" data-toggle="collapse" data-target="#b1" aria-expanded="false" aria-controls="b1">Is XRPL a private blockchain, owned by Ripple?</a>
|
||||
</h3>
|
||||
<p id="b1" class="collapse mt-3 mb-0" aria-labelledby="headingOne" data-parent="#faqs-accordian-2">
|
||||
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
|
||||
</p>
|
||||
</div>
|
||||
<div class="w-100 accordian-row mb-6">
|
||||
<h3 class="mb-0 h6" id="headingTwo">
|
||||
<a href="#" class="white collapsed w-100 d-block" data-toggle="collapse" data-target="#b2" aria-expanded="false" aria-controls="b2">Isn’t Proof of Work the best validation mechanism?</a>
|
||||
</h3>
|
||||
<p id="b2" class="collapse mt-3 mb-0" aria-labelledby="headingTwo" data-parent="#faqs-accordian-2">
|
||||
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
|
||||
</p>
|
||||
</div>
|
||||
<div class="w-100 accordian-row mb-6">
|
||||
<h3 class="mb-0 h6" id="headingTwo">
|
||||
<a href="#" class="white collapsed w-100 d-block" data-toggle="collapse" data-target="#b3" aria-expanded="false" aria-controls="b3">How can a blockchain be sustainable?</a>
|
||||
</h3>
|
||||
<p id="b3" class="collapse mt-3 mb-0" aria-labelledby="headingTwo" data-parent="#faqs-accordian-2">
|
||||
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
|
||||
</p>
|
||||
</div>
|
||||
<center>
|
||||
<a class="btn btn-primary btn-arrow mt-20">{% trans %}View Full FAQ{% endtrans %}</a>
|
||||
</center>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
@@ -155,9 +155,13 @@
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="col-lg-6 offset-lg-3 p-8-sm p-10-until-sm br-8 bg-grey-800 text-center">
|
||||
<h2 class="h4 mb-8-sm mb-10-until-sm">{% trans %}Our Shared Vision for
XRPL’s Future{% endtrans %}</h2>
|
||||
<p class="mb-10">{% trans %}Together, we're building the greenest infrastructure to drive blockchain innovation that doesn't sacrifice utility or performance, to bring the developer community's vision to life.{% endtrans %}</p>
|
||||
<a class="btn btn-primary btn-arrow">Learn More</a>
|
||||
<img src="./img/backgrounds/cta-home-purple.svg" class="cta cta-top-left">
|
||||
<img src="./img/backgrounds/cta-home-green.svg" class="cta cta-bottom-right">
|
||||
<div class="z-index-1 position-relative">
|
||||
<h2 class="h4 mb-8-sm mb-10-until-sm">{% trans %}Our Shared Vision for
XRPL’s Future{% endtrans %}</h2>
|
||||
<p class="mb-10">{% trans %}Together, we're building the greenest infrastructure to drive blockchain innovation that doesn't sacrifice utility or performance, to bring the developer community's vision to life.{% endtrans %}</p>
|
||||
<a class="btn btn-primary btn-arrow">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -187,12 +191,15 @@
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="col-md-6 offset-md-3 p-8-sm p-10-until-sm br-8 bg-grey-800 text-center">
|
||||
<div class="d-flex flex-column-reverse">
|
||||
<h2 class="h4 mb-10">{% trans %}XRPL.org: By the Community,
For the Community{% endtrans %}</h2>
|
||||
<h5 class="green-500 mb-3">{% trans %}Get Involved{% endtrans %}</h5>
|
||||
<img src="./img/backgrounds/cta-home-magenta.svg" class="cta cta-bottom-right">
|
||||
<div class="z-index-1 position-relative">
|
||||
<div class="d-flex flex-column-reverse">
|
||||
<h2 class="h4 mb-10">{% trans %}XRPL.org: By the Community,
For the Community{% endtrans %}</h2>
|
||||
<h5 class="green-500 mb-3">{% trans %}Get Involved{% endtrans %}</h5>
|
||||
</div>
|
||||
<p class="mb-10">{% trans %}XRPL.org is a community-driven resource by and for developers who build on the XRP Ledger (XRPL).{% endtrans %}</p>
|
||||
<a class="btn btn-primary btn-arrow">{% trans %}Join the Community{% endtrans %}</a>
|
||||
</div>
|
||||
<p class="mb-10">{% trans %}XRPL.org is a community-driven resource by and for developers who build on the XRP Ledger (XRPL).{% endtrans %}</p>
|
||||
<a class="btn btn-primary btn-arrow">{% trans %}Join the Community{% endtrans %}</a>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
@@ -16,153 +16,155 @@
|
||||
{% block breadcrumbs %}{% endblock %}
|
||||
|
||||
{% block main %}
|
||||
<div class="position-relative">
|
||||
<img src="./img/backgrounds/use-cases-blue.svg" id="use-cases-blue">
|
||||
</div>
|
||||
<div class="overflow-hidden">
|
||||
|
||||
<section class="py-26 text-center">
|
||||
<div class="col-md-4 mx-auto text-center">
|
||||
<div class="d-flex flex-column-reverse">
|
||||
<h1 class="">{% trans %}XRPL Powers Innovative Technology{% endtrans %}</h1>
|
||||
<h6 class="green-500 mb-3">{% trans %}XRPL Use Cases{% endtrans %}</h6>
|
||||
<div class="position-relative">
|
||||
<img src="./img/backgrounds/use-cases-blue.svg" id="use-cases-blue">
|
||||
</div>
|
||||
|
||||
<section class="py-26 text-center">
|
||||
<div class="col-md-4 mx-auto text-center">
|
||||
<div class="d-flex flex-column-reverse">
|
||||
<h1 class="">{% trans %}XRPL Powers Innovative Technology{% endtrans %}</h1>
|
||||
<h6 class="green-500 mb-3">{% trans %}XRPL Use Cases{% endtrans %}</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="mt-10 card-grid card-grid-3xN">
|
||||
<a class="col-new ls-none mb-16-sm">
|
||||
<img src="./img/icons/micropayments.svg">
|
||||
<h4 class="mt-3 mb-0 h5">{% trans %}Micropayments{% endtrans %}</h4>
|
||||
<p class="mt-8 mb-0">{% trans %}Developers are using the XRP Ledger to build innovative products for gaming, content, and web monetization, among other applications where currency is at the center.{% endtrans %}</p>
|
||||
</a>
|
||||
<a class="col-new ls-none mb-16-sm">
|
||||
<img src="./img/icons/wallets.svg">
|
||||
<h4 class="mt-3 mb-0 h5">{% trans %}Cryptocurrency Wallets{% endtrans %}</h4>
|
||||
<p class="mt-8 mb-0">{% trans %}Use the Ledger to build digital wallets to store private and public passwords and interact with various blockchains to send and receive digital assets, including XRP.{% endtrans %}</p>
|
||||
</a>
|
||||
<a class="col-new ls-none mb-16-sm">
|
||||
<img src="./img/icons/exchanges.svg">
|
||||
<h4 class="mt-3 mb-0 h5">{% trans %}Exchanges{% endtrans %}</h4>
|
||||
<p class="mt-8 mb-0">{% trans %}Build sophisticated exchanges where users can invest and trade crypto and non-blockchain assets such as stocks, ETFs, and commodities.{% endtrans %}</p>
|
||||
</a>
|
||||
<a class="col-new ls-none mb-16-sm">
|
||||
<img src="./img/icons/stablecoins.svg">
|
||||
<h4 class="mt-3 mb-0 h5">{% trans %}Stablecoins{% endtrans %}</h4>
|
||||
<p class="mt-8 mb-0">{% trans %}Financial institutions can use Issued Currencies to issue stablecoins on the XRP Ledger. XRPL’s integrated decentralized exchange (DEX) allows neutral, counterparty-free digital assets to be seamlessly exchanged to and from “issued assets,” including stablecoins.{% endtrans %}</p>
|
||||
</a>
|
||||
<a class="col-new ls-none mb-16-sm">
|
||||
<img src="./img/icons/nft.svg">
|
||||
<h4 class="mt-3 mb-0 h5">{% trans %}NFTs{% endtrans %}</h4>
|
||||
<p class="mt-8 mb-0">{% trans %}XRPL allows issuance of IOUs which can represent a currency of any value, which can be extended to the issuance of non-fungible tokens (NFTs).{% endtrans %}</p>
|
||||
</a>
|
||||
<a class="col-new ls-none mb-16-sm">
|
||||
<img src="./img/icons/defi.svg">
|
||||
<h4 class="mt-3 mb-0 h5">{% trans %}DeFi{% endtrans %}</h4>
|
||||
<p class="mt-8 mb-0">{% trans %}Provide access to financial products and services online in a decentralized and borderless manner on XRPL, with decentralized smart contract protocols replacing the traditional role of financial institutions.{% endtrans %}</p>
|
||||
</a>
|
||||
<a class="col-new ls-none mb-16-sm">
|
||||
<img src="./img/icons/cbdc.svg">
|
||||
<h4 class="mt-3 mb-0 h5">{% trans %}CBDCs{% endtrans %}</h4>
|
||||
<p class="mt-8 mb-0">{% trans %}The CBDC Private Ledger provides Central Banks a secure, controlled, and flexible solution to issue and manage digital currencies (CBDCs).{% endtrans %}</p>
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="position-relative">
|
||||
<img src="./img/backgrounds/use-cases-orange.svg" id="use-cases-orange">
|
||||
</div>
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="col-8 p-0 col-8 p-0 mx-10-until-sm">
|
||||
<div class="d-flex flex-column-reverse">
|
||||
<h3 class="h4">{% trans %}Businesses and Projects Running
on the XRP Ledger{% endtrans %}</h3>
|
||||
<h6 class="green-500 mb-3">{% trans %}Solving Real Problems Across Industries{% endtrans %}</h6>
|
||||
<section class="container-new py-26">
|
||||
<div class="mt-10 card-grid card-grid-3xN">
|
||||
<a class="col-new ls-none mb-16-sm">
|
||||
<img src="./img/icons/micropayments.svg">
|
||||
<h4 class="mt-3 mb-0 h5">{% trans %}Micropayments{% endtrans %}</h4>
|
||||
<p class="mt-8 mb-0">{% trans %}Developers are using the XRP Ledger to build innovative products for gaming, content, and web monetization, among other applications where currency is at the center.{% endtrans %}</p>
|
||||
</a>
|
||||
<a class="col-new ls-none mb-16-sm">
|
||||
<img src="./img/icons/wallets.svg">
|
||||
<h4 class="mt-3 mb-0 h5">{% trans %}Cryptocurrency Wallets{% endtrans %}</h4>
|
||||
<p class="mt-8 mb-0">{% trans %}Use the Ledger to build digital wallets to store private and public passwords and interact with various blockchains to send and receive digital assets, including XRP.{% endtrans %}</p>
|
||||
</a>
|
||||
<a class="col-new ls-none mb-16-sm">
|
||||
<img src="./img/icons/exchanges.svg">
|
||||
<h4 class="mt-3 mb-0 h5">{% trans %}Exchanges{% endtrans %}</h4>
|
||||
<p class="mt-8 mb-0">{% trans %}Build sophisticated exchanges where users can invest and trade crypto and non-blockchain assets such as stocks, ETFs, and commodities.{% endtrans %}</p>
|
||||
</a>
|
||||
<a class="col-new ls-none mb-16-sm">
|
||||
<img src="./img/icons/stablecoins.svg">
|
||||
<h4 class="mt-3 mb-0 h5">{% trans %}Stablecoins{% endtrans %}</h4>
|
||||
<p class="mt-8 mb-0">{% trans %}Financial institutions can use Issued Currencies to issue stablecoins on the XRP Ledger. XRPL’s integrated decentralized exchange (DEX) allows neutral, counterparty-free digital assets to be seamlessly exchanged to and from “issued assets,” including stablecoins.{% endtrans %}</p>
|
||||
</a>
|
||||
<a class="col-new ls-none mb-16-sm">
|
||||
<img src="./img/icons/nft.svg">
|
||||
<h4 class="mt-3 mb-0 h5">{% trans %}NFTs{% endtrans %}</h4>
|
||||
<p class="mt-8 mb-0">{% trans %}XRPL allows issuance of IOUs which can represent a currency of any value, which can be extended to the issuance of non-fungible tokens (NFTs).{% endtrans %}</p>
|
||||
</a>
|
||||
<a class="col-new ls-none mb-16-sm">
|
||||
<img src="./img/icons/defi.svg">
|
||||
<h4 class="mt-3 mb-0 h5">{% trans %}DeFi{% endtrans %}</h4>
|
||||
<p class="mt-8 mb-0">{% trans %}Provide access to financial products and services online in a decentralized and borderless manner on XRPL, with decentralized smart contract protocols replacing the traditional role of financial institutions.{% endtrans %}</p>
|
||||
</a>
|
||||
<a class="col-new ls-none mb-16-sm">
|
||||
<img src="./img/icons/cbdc.svg">
|
||||
<h4 class="mt-3 mb-0 h5">{% trans %}CBDCs{% endtrans %}</h4>
|
||||
<p class="mt-8 mb-0">{% trans %}The CBDC Private Ledger provides Central Banks a secure, controlled, and flexible solution to issue and manage digital currencies (CBDCs).{% endtrans %}</p>
|
||||
</a>
|
||||
</div>
|
||||
<p class="mb-0">{% trans %}There are companies and developer projects around the world that leverage the XRP Ledger to solve interesting problems across a variety of industries and use cases.{% endtrans %}</p>
|
||||
</section>
|
||||
|
||||
<div class="position-relative">
|
||||
<img src="./img/backgrounds/use-cases-orange.svg" id="use-cases-orange">
|
||||
</div>
|
||||
<div class="mt-10 card-grid card-grid-3xN">
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="magenta-orange">
|
||||
<span class="card-new d-block">
|
||||
<img class="mw-100 mb-3" src="./img/uses/bitgo.svg">
|
||||
<h4 class="h5">{% trans %}Asset Custody{% endtrans %}</h4>
|
||||
<p class="mt-6 mb-8">{% trans %}BitGo provides custodial and non-custodial asset holdings for digital assets including XRP. BitGo's enterprise-level security empowers businesses to integrate digital currencies like XRP into new and existing financial systems.{% endtrans %}</p>
|
||||
</span>
|
||||
</a>
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="blue-green">
|
||||
<span class="card-new d-block">
|
||||
<img class="mw-100 mb-3" src="./img/uses/bitpay.svg">
|
||||
<h4 class="h5">{% trans %}Payment Processing{% endtrans %}</h4>
|
||||
<p class="mt-6 mb-8">{% trans %}BitPay builds powerful, enterprise-grade tools for accepting and spending cryptocurrencies, including XRP.{% endtrans %}</p>
|
||||
</span>
|
||||
</a>
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="purple-blue">
|
||||
<span class="card-new d-block">
|
||||
<img class="mw-100 mb-3" src="./img/uses/coil.svg">
|
||||
<h4 class="h5">{% trans %}Web Monetization{% endtrans %}</h4>
|
||||
<p class="mt-6 mb-8">{% trans %}Coil provides web monetization as an alternative to traditional paid advertising. Coil uses the interledger protocol (ILP) to stream micropayments as users consume content. The XRPL’s payment channels provide an ideal system for settling these micropayments at high speed and low cost.{% endtrans %}</p>
|
||||
</span>
|
||||
</a>
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="light-blue">
|
||||
<span class="card-new d-block">
|
||||
<img class="mw-100 mb-3" src="./img/uses/forte.svg">
|
||||
<h4 class="h5">{% trans %}Online Gaming{% endtrans %}</h4>
|
||||
<p class="mt-6 mb-8">{% trans %}Forte offers an unprecedented set of easy-to-use tools and services for game developers to integrate blockchain technology into their games, to unlock new economic and creative opportunities for gamers across the world.{% endtrans %}</p>
|
||||
</span>
|
||||
</a>
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="pink-purple">
|
||||
<span class="card-new d-block">
|
||||
<img class="mw-100 mb-3" src="./img/uses/gatehub.svg">
|
||||
<h4 class="h5">{% trans %}Wallet and Platformy{% endtrans %}</h4>
|
||||
<p class="mt-6 mb-8">{% trans %}GateHub is a platform for the Internet of Value, built on the XRP Ledger protocol. It allows everyone to send, receive, trade and manage any type of assets. {% endtrans %}</p>
|
||||
</span>
|
||||
</a>
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="green-blue">
|
||||
<span class="card-new d-block">
|
||||
<img class="mw-100 mb-3" src="./img/uses/exodus.svg">
|
||||
<h4 class="h5">{% trans %}Wallets and Apps{% endtrans %}</h4>
|
||||
<p class="mt-6 mb-8">{% trans %}Exodus offers wallets and applications for securing, managing and exchanging crypto.{% endtrans %}</p>
|
||||
</span>
|
||||
</a>
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="blue-light-blue">
|
||||
<span class="card-new d-block">
|
||||
<img class="mw-100 mb-3" src="./img/uses/ripple.svg">
|
||||
<h4 class="h5">{% trans %}On-Demand Liquidity{% endtrans %}</h4>
|
||||
<p class="mt-6 mb-8">{% trans %}Ripple powers instant, lower-cost settlement of cross-border payments using XRP to source liquidity on demand. XRP is ideally suited for global payments because it's quicker, less costly, and more scalable than any other digital asset.{% endtrans %}</p>
|
||||
</span>
|
||||
</a>
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="purple-blue">
|
||||
<span class="card-new d-block">
|
||||
<img class="mw-100 mb-3" src="./img/uses/towo.svg">
|
||||
<h4 class="h5">{% trans %}Infrastructure{% endtrans %}</h4>
|
||||
<p class="mt-6 mb-8">{% trans %}Towo Labs was founded in 2019, to develop XRP Ledger and Interledger infrastructures and make non-custodial crypto management easier.{% endtrans %}</p>
|
||||
</span>
|
||||
</a>
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="orange-yellow">
|
||||
<span class="card-new d-block">
|
||||
<img class="mw-100 mb-3" src="./img/uses/raised.svg">
|
||||
<h4 class="h5">{% trans %}Music{% endtrans %}</h4>
|
||||
<p class="mt-6 mb-8">{% trans %}Raised in Space is a music/tech investment group focused on raising the value of music, innovating across the entire value chain of the music industry.{% endtrans %}</p>
|
||||
</span>
|
||||
</a>
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="magenta-orange">
|
||||
<span class="card-new d-block">
|
||||
<img class="mw-100 mb-3" src="./img/uses/xrpl-labs.svg">
|
||||
<h4 class="h5">{% trans %}Applications{% endtrans %}</h4>
|
||||
<p class="mt-6 mb-8">{% trans %}From cold storage to apps for signing transactions, XRPL Labs is dedicated to building software on the XRP Ledger.{% endtrans %}</p>
|
||||
</span>
|
||||
</a>
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="green-purple">
|
||||
<span class="card-new d-block">
|
||||
<img class="mw-100 mb-3" src="./img/uses/xplorer.svg">
|
||||
<h4 class="h5">{% trans %}Security{% endtrans %}</h4>
|
||||
<p class="mt-6 mb-8">{% trans %}Xrplorer offers services and tools that help prevent and combat fraudulent activity on the XRPL as well as custom APIs and analytics that supplement the XRPL APIs where they are not enough.{% endtrans %}</p>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="col-8 p-0 col-8 p-0 mx-10-until-sm">
|
||||
<div class="d-flex flex-column-reverse">
|
||||
<h3 class="h4">{% trans %}Businesses and Projects Running
on the XRP Ledger{% endtrans %}</h3>
|
||||
<h6 class="green-500 mb-3">{% trans %}Solving Real Problems Across Industries{% endtrans %}</h6>
|
||||
</div>
|
||||
<p class="mb-0">{% trans %}There are companies and developer projects around the world that leverage the XRP Ledger to solve interesting problems across a variety of industries and use cases.{% endtrans %}</p>
|
||||
</div>
|
||||
<div class="mt-10 card-grid card-grid-3xN">
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="magenta-orange">
|
||||
<span class="card-new d-block">
|
||||
<img class="mw-100 mb-3" src="./img/uses/bitgo.svg">
|
||||
<h4 class="h5">{% trans %}Asset Custody{% endtrans %}</h4>
|
||||
<p class="mt-6 mb-8">{% trans %}BitGo provides custodial and non-custodial asset holdings for digital assets including XRP. BitGo's enterprise-level security empowers businesses to integrate digital currencies like XRP into new and existing financial systems.{% endtrans %}</p>
|
||||
</span>
|
||||
</a>
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="blue-green">
|
||||
<span class="card-new d-block">
|
||||
<img class="mw-100 mb-3" src="./img/uses/bitpay.svg">
|
||||
<h4 class="h5">{% trans %}Payment Processing{% endtrans %}</h4>
|
||||
<p class="mt-6 mb-8">{% trans %}BitPay builds powerful, enterprise-grade tools for accepting and spending cryptocurrencies, including XRP.{% endtrans %}</p>
|
||||
</span>
|
||||
</a>
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="purple-blue">
|
||||
<span class="card-new d-block">
|
||||
<img class="mw-100 mb-3" src="./img/uses/coil.svg">
|
||||
<h4 class="h5">{% trans %}Web Monetization{% endtrans %}</h4>
|
||||
<p class="mt-6 mb-8">{% trans %}Coil provides web monetization as an alternative to traditional paid advertising. Coil uses the interledger protocol (ILP) to stream micropayments as users consume content. The XRPL’s payment channels provide an ideal system for settling these micropayments at high speed and low cost.{% endtrans %}</p>
|
||||
</span>
|
||||
</a>
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="light-blue">
|
||||
<span class="card-new d-block">
|
||||
<img class="mw-100 mb-3" src="./img/uses/forte.svg">
|
||||
<h4 class="h5">{% trans %}Online Gaming{% endtrans %}</h4>
|
||||
<p class="mt-6 mb-8">{% trans %}Forte offers an unprecedented set of easy-to-use tools and services for game developers to integrate blockchain technology into their games, to unlock new economic and creative opportunities for gamers across the world.{% endtrans %}</p>
|
||||
</span>
|
||||
</a>
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="pink-purple">
|
||||
<span class="card-new d-block">
|
||||
<img class="mw-100 mb-3" src="./img/uses/gatehub.svg">
|
||||
<h4 class="h5">{% trans %}Wallet and Platformy{% endtrans %}</h4>
|
||||
<p class="mt-6 mb-8">{% trans %}GateHub is a platform for the Internet of Value, built on the XRP Ledger protocol. It allows everyone to send, receive, trade and manage any type of assets. {% endtrans %}</p>
|
||||
</span>
|
||||
</a>
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="green-blue">
|
||||
<span class="card-new d-block">
|
||||
<img class="mw-100 mb-3" src="./img/uses/exodus.svg">
|
||||
<h4 class="h5">{% trans %}Wallets and Apps{% endtrans %}</h4>
|
||||
<p class="mt-6 mb-8">{% trans %}Exodus offers wallets and applications for securing, managing and exchanging crypto.{% endtrans %}</p>
|
||||
</span>
|
||||
</a>
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="blue-light-blue">
|
||||
<span class="card-new d-block">
|
||||
<img class="mw-100 mb-3" src="./img/uses/ripple.svg">
|
||||
<h4 class="h5">{% trans %}On-Demand Liquidity{% endtrans %}</h4>
|
||||
<p class="mt-6 mb-8">{% trans %}Ripple powers instant, lower-cost settlement of cross-border payments using XRP to source liquidity on demand. XRP is ideally suited for global payments because it's quicker, less costly, and more scalable than any other digital asset.{% endtrans %}</p>
|
||||
</span>
|
||||
</a>
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="purple-blue">
|
||||
<span class="card-new d-block">
|
||||
<img class="mw-100 mb-3" src="./img/uses/towo.svg">
|
||||
<h4 class="h5">{% trans %}Infrastructure{% endtrans %}</h4>
|
||||
<p class="mt-6 mb-8">{% trans %}Towo Labs was founded in 2019, to develop XRP Ledger and Interledger infrastructures and make non-custodial crypto management easier.{% endtrans %}</p>
|
||||
</span>
|
||||
</a>
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="orange-yellow">
|
||||
<span class="card-new d-block">
|
||||
<img class="mw-100 mb-3" src="./img/uses/raised.svg">
|
||||
<h4 class="h5">{% trans %}Music{% endtrans %}</h4>
|
||||
<p class="mt-6 mb-8">{% trans %}Raised in Space is a music/tech investment group focused on raising the value of music, innovating across the entire value chain of the music industry.{% endtrans %}</p>
|
||||
</span>
|
||||
</a>
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="magenta-orange">
|
||||
<span class="card-new d-block">
|
||||
<img class="mw-100 mb-3" src="./img/uses/xrpl-labs.svg">
|
||||
<h4 class="h5">{% trans %}Applications{% endtrans %}</h4>
|
||||
<p class="mt-6 mb-8">{% trans %}From cold storage to apps for signing transactions, XRPL Labs is dedicated to building software on the XRP Ledger.{% endtrans %}</p>
|
||||
</span>
|
||||
</a>
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="green-purple">
|
||||
<span class="card-new d-block">
|
||||
<img class="mw-100 mb-3" src="./img/uses/xplorer.svg">
|
||||
<h4 class="h5">{% trans %}Security{% endtrans %}</h4>
|
||||
<p class="mt-6 mb-8">{% trans %}Xrplorer offers services and tools that help prevent and combat fraudulent activity on the XRPL as well as custom APIs and analytics that supplement the XRPL APIs where they are not enough.{% endtrans %}</p>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
|
||||
@@ -92,10 +92,14 @@
|
||||
<p>{% trans %}Use XRP to move different currencies around the world. {% endtrans %}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-10 p-10 br-8 bg-grey-800 text-center">
|
||||
<h2 class="h4 mb-10">{% trans %}XRP was designed with sustinability in mind.{% endtrans %}</h2>
|
||||
<p class="mb-10">{% trans %}Explore how the energy consumption of XRP compares to other currencies.{% endtrans %}</p>
|
||||
<a class="btn btn-primary btn-arrow">Green Currency Calculator</a>
|
||||
<div class="mt-10 p-10 br-8 bg-grey-800 text-center position-relative">
|
||||
<img src="./img/backgrounds/cta-xrp-overview-orange.svg" class="cta cta-top-left">
|
||||
<img src="./img/backgrounds/cta-xrp-overview-magenta.svg" class="cta cta-bottom-right">
|
||||
<div class="z-index-1 position-relative">
|
||||
<h2 class="h4 mb-10">{% trans %}XRP was designed with sustinability in mind.{% endtrans %}</h2>
|
||||
<p class="mb-10">{% trans %}Explore how the energy consumption of XRP compares to other currencies.{% endtrans %}</p>
|
||||
<a class="btn btn-primary btn-arrow">Green Currency Calculator</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -111,10 +115,14 @@
|
||||
<h5 class="longform mb-10">{% trans %}Ripple is a technology company that makes it easier to build a high-performance, global payments business through its platform, RippleNet. XRP is a digital asset independent of this, and is used in Ripple’s On-Demand Liquidity service to facilitate efficient and cost-effective cross-border transactions. {% endtrans %}</h5>
|
||||
<p class="mb-6">{% trans %}In December of 2017, Ripple placed 55 Billion XRP into a cryptographically secured escrow account to support stable and healthy XRP markets.{% endtrans %}</p>
|
||||
<p>{% trans %}Ripple is a technology company that makes it easier to build a high-performance, global payments business through its platform, RippleNet. XRP is a digital asset independent of this, and is used in Ripple’s On-Demand Liquidity service to facilitate efficient and cost-effective cross-border transactions. In December of 2017, Ripple placed 55 Billion XRP into a cryptographically secured escrow account to support stable and healthy XRP markets.{% endtrans %}</p>
|
||||
<div class="mt-10 p-10 br-8 bg-grey-800 text-center">
|
||||
<h3 class="h4 mb-10">{% trans %}As of <span class="green-500">December 2017</span> <br/>
|
||||
<span class="d-inline-flex"><img class="mw-100 mr-2" src="./img/logos/xrp-mark.svg"> <span class="numbers green-500">55B</span></span><br/>
|
||||
XRP remains in escrow{% endtrans %}</h3>
|
||||
<div class="mt-10 p-10 br-8 bg-grey-800 text-center position-relative">
|
||||
<img src="./img/backgrounds/cta-xrp-overview-green.svg" class="cta cta-top-left">
|
||||
<img src="./img/backgrounds/cta-xrp-overview-green-2.svg" class="cta cta-bottom-right">
|
||||
<div class="z-index-1 position-relative">
|
||||
<h3 class="h4 mb-10">{% trans %}As of <span class="green-500">December 2017</span> <br/>
|
||||
<span class="d-inline-flex"><img class="mw-100 mr-2" src="./img/logos/xrp-mark.svg"> <span class="numbers green-500">55B</span></span><br/>
|
||||
XRP remains in escrow{% endtrans %}</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -89,8 +89,12 @@
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="col-md-6 offset-md-3 p-10 br-8 bg-grey-800 text-center">
|
||||
<h2 class="h4 mb-10">{% trans %}Contact Us{% endtrans %}</h2>
|
||||
<a class="btn btn-primary btn-arrow">xrplf.org</a>
|
||||
<img src="./img/backgrounds/cta-foundation-orange.svg" class="cta cta-top-left">
|
||||
<img src="./img/backgrounds/cta-foundation-magenta.svg" class="cta cta-bottom-right">
|
||||
<div class="z-index-1 position-relative">
|
||||
<h2 class="h4 mb-10">{% trans %}Contact Us{% endtrans %}</h2>
|
||||
<a class="btn btn-primary btn-arrow">xrplf.org</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
@@ -16,119 +16,127 @@
|
||||
{% block breadcrumbs %}{% endblock %}
|
||||
|
||||
{% block main %}
|
||||
<div class="overflow-hidden">
|
||||
|
||||
<div class="position-relative">
|
||||
<img src="./img/backgrounds/xrpl-overview-purple.svg" id="xrpl-overview-purple">
|
||||
</div>
|
||||
|
||||
<section class="py-26 text-center">
|
||||
<div class="col-lg-4 mx-auto text-center">
|
||||
<div class="d-flex flex-column-reverse">
|
||||
<h1 class="mb-0">{% trans %}XRPL Today and The Vision for Tomorrow{% endtrans %}</h1>
|
||||
<h6 class="green-500 mb-3">{% trans %}XRPL | XRPL Ledger Overview{% endtrans %}</h6>
|
||||
</div>
|
||||
<div class="position-relative">
|
||||
<img src="./img/backgrounds/xrpl-overview-purple.svg" id="xrpl-overview-purple">
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="position-relative">
|
||||
<img src="./img/backgrounds/xrpl-overview-orange.svg" id="xrpl-overview-orange">
|
||||
</div>
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="col-lg-6 offset-lg-3 pl-0-sm pr-0-sm p-8-sm p-10-until-sm">
|
||||
<h6 class="green-500 mb-3">{% trans %}XRP Ledger Basics{% endtrans %}</h6>
|
||||
<h2 class="h4 mb-8">{% trans %}How the XRPL works{% endtrans %}</h2>
|
||||
<h5 class="longform mb-10">{% trans %}The XRP Ledger is a decentralized public blockchain. {% endtrans %}</h5>
|
||||
<p class="mb-10">{% trans %}Anyone can connect their computer to the peer-to-peer network that manages the ledger. The global XRP Ledger community—a diverse set of software engineers, server operators, users, and businesses—maintains the ledger.{% endtrans %}</p>
|
||||
<a class="btn btn-primary btn-arrow">{% trans %}Get Technical{% endtrans %}</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="mt-10 card-grid card-grid-2xN">
|
||||
<div class="col-new mb-16-sm">
|
||||
<h2 class="h4 mb-8">{% trans %}How The Consensus Protocol Works{% endtrans %}</h2>
|
||||
<h5 class="longform mb-10">{% trans %}XRPL uses a consensus protocol, in which designated servers called validators come to an agreement on the order and outcome of XRP transactions every 3-5 seconds.{% endtrans %}</h5>
|
||||
<p class="mb-6">{% trans %}All servers in the network process each transaction according to the same rules, and any transaction that follows the protocol is confirmed right away. All transactions are public, with strong cryptography to guarantee the integrity of the system.{% endtrans %}</p>
|
||||
<p class="mb-0">{% trans %}Anyone can operate a validator; currently, over 150 validators are active on the ledger, operated by universities, exchanges, businesses, and individuals. Additionally, the consensus protocol ensures the blockchain becomes more decentralized over time as the validator pool grows.{% endtrans %}</p>
|
||||
</div>
|
||||
<div class="col-new mb-16-sm">
|
||||
<img class="mw-100" src="./img/graphics/validator.svg">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="col-md-6 offset-md-3 p-10 br-8 bg-grey-800 text-center">
|
||||
<h2 class="h4 mb-10">{% trans %}A Greener Blockchain{% endtrans %}</h2>
|
||||
<p class="mb-10">{% trans %}Unlike most other blockchains, the XRP Ledger does not need mining, so no energy is wasted in the transaction process. Learn how this compares to other platforms with our Green Currency Calculator.{% endtrans %}</p>
|
||||
<a class="btn btn-primary btn-arrow">Get Technical</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="mt-10 card-grid card-grid-2xN">
|
||||
<div class="col-new mb-16-sm">
|
||||
<section class="py-26 text-center">
|
||||
<div class="col-lg-4 mx-auto text-center">
|
||||
<div class="d-flex flex-column-reverse">
|
||||
<h2 class="h4 mb-8">{% trans %}XRPL provides powerful utility across the blockchain space{% endtrans %}</h2>
|
||||
<h6 class="green-500 mb-3">{% trans %}XRPL Today{% endtrans %}</h6>
|
||||
<h1 class="mb-0">{% trans %}XRPL Today and The Vision for Tomorrow{% endtrans %}</h1>
|
||||
<h6 class="green-500 mb-3">{% trans %}XRPL | XRPL Ledger Overview{% endtrans %}</h6>
|
||||
</div>
|
||||
<h5 class="longform mb-10">{% trans %}The ledger’s unique properties, such as its fast and efficient consensus algorithm and censorship-resistant transaction processing, are leveraged by thousands of developers.{% endtrans %}</h5>
|
||||
<p class="mb-10">{% trans %}With the XRPL, these developers are building innovative projects and applications across blockchain use cases including tokenization of assets, online gaming, asset custody, NFTs, and DeFi.{% endtrans %}</p>
|
||||
<a class="btn btn-primary btn-arrow">{% trans %}Explore More{% endtrans %}</a>
|
||||
</div>
|
||||
<div class="col-new mb-16-sm">
|
||||
<div class="d-flex flex-column-reverse">
|
||||
<h2 class="h4 mb-8">{% trans %}Fulfilling the vision of the XRPL community{% endtrans %}</h2>
|
||||
<h6 class="green-500 mb-3">{% trans %}XRPL Tomorrow{% endtrans %}</h6>
|
||||
</section>
|
||||
|
||||
<div class="position-relative">
|
||||
<img src="./img/backgrounds/xrpl-overview-orange.svg" id="xrpl-overview-orange">
|
||||
</div>
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="col-lg-6 offset-lg-3 pl-0-sm pr-0-sm p-8-sm p-10-until-sm">
|
||||
<h6 class="green-500 mb-3">{% trans %}XRP Ledger Basics{% endtrans %}</h6>
|
||||
<h2 class="h4 mb-8">{% trans %}How the XRPL works{% endtrans %}</h2>
|
||||
<h5 class="longform mb-10">{% trans %}The XRP Ledger is a decentralized public blockchain. {% endtrans %}</h5>
|
||||
<p class="mb-10">{% trans %}Anyone can connect their computer to the peer-to-peer network that manages the ledger. The global XRP Ledger community—a diverse set of software engineers, server operators, users, and businesses—maintains the ledger.{% endtrans %}</p>
|
||||
<a class="btn btn-primary btn-arrow">{% trans %}Get Technical{% endtrans %}</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="mt-10 card-grid card-grid-2xN">
|
||||
<div class="col-new mb-16-sm">
|
||||
<h2 class="h4 mb-8">{% trans %}How The Consensus Protocol Works{% endtrans %}</h2>
|
||||
<h5 class="longform mb-10">{% trans %}XRPL uses a consensus protocol, in which designated servers called validators come to an agreement on the order and outcome of XRP transactions every 3-5 seconds.{% endtrans %}</h5>
|
||||
<p class="mb-6">{% trans %}All servers in the network process each transaction according to the same rules, and any transaction that follows the protocol is confirmed right away. All transactions are public, with strong cryptography to guarantee the integrity of the system.{% endtrans %}</p>
|
||||
<p class="mb-0">{% trans %}Anyone can operate a validator; currently, over 150 validators are active on the ledger, operated by universities, exchanges, businesses, and individuals. Additionally, the consensus protocol ensures the blockchain becomes more decentralized over time as the validator pool grows.{% endtrans %}</p>
|
||||
</div>
|
||||
<div class="col-new mb-16-sm">
|
||||
<img class="mw-100" src="./img/graphics/validator.svg">
|
||||
</div>
|
||||
<h5 class="longform mb-10">{% trans %}While XRPL is the choice of developers who don’t want to sacrifice security or performance and who want to build on the greenest blockchain, that’s only the beginning.{% endtrans %}</h5>
|
||||
<p class="mb-6">{% trans %}As a community-led blockchain, XRPL’s vision is also a community effort. The XRPL Foundation is currently collaborating with community members to define a shared vision statement. Stay tuned for more on this effort—we can’t wait to share it with you.{% endtrans %}</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="col-md-6 offset-md-3 p-10 br-8 bg-grey-800 text-center">
|
||||
<h2 class="h4 mb-10">{% trans %}Tomorrow’s Blockchain Starts With You{% endtrans %}</h2>
|
||||
<p class="mb-10">{% trans %}XRP Ledger’s innovation relies on the shared community experience of builders like you. If you’re ready to start your next big blockchain project, explore the XRPL now and consider applying for an
XRPL Grant.{% endtrans %}</p>
|
||||
<a class="btn btn-primary btn-arrow">{% trans %}XRPL Grants{% endtrans %}</a>
|
||||
</div>
|
||||
</section>
|
||||
<section class="container-new py-26">
|
||||
<div class="col-md-6 offset-md-3 p-10 br-8 bg-grey-800 text-center">
|
||||
<img src="./img/backgrounds/cta-xrpl-overview-green.svg" class="cta cta-bottom-right">
|
||||
<div class="z-index-1 position-relative">
|
||||
<h2 class="h4 mb-10">{% trans %}A Greener Blockchain{% endtrans %}</h2>
|
||||
<p class="mb-10">{% trans %}Unlike most other blockchains, the XRP Ledger does not need mining, so no energy is wasted in the transaction process. Learn how this compares to other platforms with our Green Currency Calculator.{% endtrans %}</p>
|
||||
<a class="btn btn-primary btn-arrow">Get Technical</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="col-md-6 offset-md-3 w-100 pl-0 pr-0" id="accordion">
|
||||
<div class="w-100 accordian-row mb-6">
|
||||
<h3 class="mb-0 h6" id="headingOne">
|
||||
<a href="#" class="white collapsed w-100 d-block" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">Is XRPL a private blockchain, owned by Ripple?</a>
|
||||
</h3>
|
||||
<p id="collapseOne" class="collapse mt-3 mb-0" aria-labelledby="headingOne" data-parent="#accordion">
|
||||
<section class="container-new py-26">
|
||||
<div class="mt-10 card-grid card-grid-2xN">
|
||||
<div class="col-new mb-16-sm">
|
||||
<div class="d-flex flex-column-reverse">
|
||||
<h2 class="h4 mb-8">{% trans %}XRPL provides powerful utility across the blockchain space{% endtrans %}</h2>
|
||||
<h6 class="green-500 mb-3">{% trans %}XRPL Today{% endtrans %}</h6>
|
||||
</div>
|
||||
<h5 class="longform mb-10">{% trans %}The ledger’s unique properties, such as its fast and efficient consensus algorithm and censorship-resistant transaction processing, are leveraged by thousands of developers.{% endtrans %}</h5>
|
||||
<p class="mb-10">{% trans %}With the XRPL, these developers are building innovative projects and applications across blockchain use cases including tokenization of assets, online gaming, asset custody, NFTs, and DeFi.{% endtrans %}</p>
|
||||
<a class="btn btn-primary btn-arrow">{% trans %}Explore More{% endtrans %}</a>
|
||||
</div>
|
||||
<div class="col-new mb-16-sm">
|
||||
<div class="d-flex flex-column-reverse">
|
||||
<h2 class="h4 mb-8">{% trans %}Fulfilling the vision of the XRPL community{% endtrans %}</h2>
|
||||
<h6 class="green-500 mb-3">{% trans %}XRPL Tomorrow{% endtrans %}</h6>
|
||||
</div>
|
||||
<h5 class="longform mb-10">{% trans %}While XRPL is the choice of developers who don’t want to sacrifice security or performance and who want to build on the greenest blockchain, that’s only the beginning.{% endtrans %}</h5>
|
||||
<p class="mb-6">{% trans %}As a community-led blockchain, XRPL’s vision is also a community effort. The XRPL Foundation is currently collaborating with community members to define a shared vision statement. Stay tuned for more on this effort—we can’t wait to share it with you.{% endtrans %}</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="col-md-6 offset-md-3 p-10 br-8 bg-grey-800 text-center">
|
||||
<img src="./img/backgrounds/cta-xrpl-overview-orange.svg" class="cta cta-bottom-right">
|
||||
<div class="z-index-1 position-relative">
|
||||
<h2 class="h4 mb-10">{% trans %}Tomorrow’s Blockchain Starts With You{% endtrans %}</h2>
|
||||
<p class="mb-10">{% trans %}XRP Ledger’s innovation relies on the shared community experience of builders like you. If you’re ready to start your next big blockchain project, explore the XRPL now and consider applying for an
XRPL Grant.{% endtrans %}</p>
|
||||
<a class="btn btn-primary btn-arrow">{% trans %}XRPL Grants{% endtrans %}</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="col-md-6 offset-md-3 w-100 pl-0 pr-0" id="accordion">
|
||||
<div class="w-100 accordian-row mb-6">
|
||||
<h3 class="mb-0 h6" id="headingOne">
|
||||
<a href="#" class="white collapsed w-100 d-block" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">Is XRPL a private blockchain, owned by Ripple?</a>
|
||||
</h3>
|
||||
<p id="collapseOne" class="collapse mt-3 mb-0" aria-labelledby="headingOne" data-parent="#accordion">
|
||||
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
|
||||
</p>
|
||||
</div>
|
||||
<div class="w-100 accordian-row mb-6">
|
||||
<h3 class="mb-0 h6" id="headingTwo">
|
||||
<a href="#" class="white collapsed w-100 d-block" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">Isn’t Proof of Work the best validation mechanism?</a>
|
||||
</h3>
|
||||
<p id="collapseTwo" class="collapse mt-3 mb-0" aria-labelledby="headingTwo" data-parent="#accordion">
|
||||
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
|
||||
</p>
|
||||
</p>
|
||||
</div>
|
||||
<div class="w-100 accordian-row mb-6">
|
||||
<h3 class="mb-0 h6" id="headingTwo">
|
||||
<a href="#" class="white collapsed w-100 d-block" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">How can a blockchain be sustainable?</a>
|
||||
</h3>
|
||||
<p id="collapseThree" class="collapse mt-3 mb-0" aria-labelledby="headingTwo" data-parent="#accordion">
|
||||
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
|
||||
</p>
|
||||
</div>
|
||||
<center>
|
||||
<a class="btn btn-primary btn-arrow mt-20">{% trans %}View Full FAQ{% endtrans %}</a>
|
||||
</center>
|
||||
</div>
|
||||
<div class="w-100 accordian-row mb-6">
|
||||
<h3 class="mb-0 h6" id="headingTwo">
|
||||
<a href="#" class="white collapsed w-100 d-block" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">Isn’t Proof of Work the best validation mechanism?</a>
|
||||
</h3>
|
||||
<p id="collapseTwo" class="collapse mt-3 mb-0" aria-labelledby="headingTwo" data-parent="#accordion">
|
||||
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
|
||||
</p>
|
||||
</div>
|
||||
<div class="w-100 accordian-row mb-6">
|
||||
<h3 class="mb-0 h6" id="headingTwo">
|
||||
<a href="#" class="white collapsed w-100 d-block" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">How can a blockchain be sustainable?</a>
|
||||
</h3>
|
||||
<p id="collapseThree" class="collapse mt-3 mb-0" aria-labelledby="headingTwo" data-parent="#accordion">
|
||||
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
|
||||
</p>
|
||||
</div>
|
||||
<center>
|
||||
<a class="btn btn-primary btn-arrow mt-20">{% trans %}View Full FAQ{% endtrans %}</a>
|
||||
</center>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user