mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-12-06 17:27:57 +00:00
cleaning up styling, added updated iconography, added faq page, added backgrounds to the pages
This commit is contained in:
Calvin Jhunjhnuwala
@@ -16,9 +16,12 @@
|
||||
{% block breadcrumbs %}{% endblock %}
|
||||
|
||||
{% block main %}
|
||||
{# <div id="page-overview-bg" class="pt-40-until-sm"> #}
|
||||
<div class="position-relative">
|
||||
<img src="./img/backgrounds/xrp-overview-blue.svg" id="xrp-overview-blue">
|
||||
</div>
|
||||
|
||||
<section class="py-26 text-center">
|
||||
<div class="col-lg-6 mx-auto text-center">
|
||||
<div class="col-lg-4 mx-auto text-center">
|
||||
<div class="d-flex flex-column-reverse">
|
||||
<h1 class="mb-18">{% trans %}Your Questions About XRP, Answered{% endtrans %}</h1>
|
||||
<h6 class="green-500 mb-3">{% trans %}XRP Overview{% endtrans %}</h6>
|
||||
@@ -29,17 +32,17 @@
|
||||
<section class="container-new my-20">
|
||||
<div class="card-grid card-grid-1x2">
|
||||
<div class="col-new">
|
||||
<ul class="p-0 sticky-top top-20">
|
||||
<li class="ls-none"><a href="#about-xrp">About XRP</a></li>
|
||||
<li class="ls-none"><a href="#xrp-trading">XRP in Trading</a></li>
|
||||
<li class="ls-none"><a href="#ripple">Ripple vs. XRP</a></li>
|
||||
<li class="ls-none"><a href="#wallets">XRP Wallets</a></li>
|
||||
<li class="ls-none"><a href="#exchanges">XRP Exchanges</a></li>
|
||||
<ul class="p-0 sticky-top top-24">
|
||||
<li class="ls-none"><a class="sidelinks" href="#about-xrp">About XRP</a></li>
|
||||
<li class="ls-none"><a class="sidelinks" href="#xrp-trading">XRP in Trading</a></li>
|
||||
<li class="ls-none"><a class="sidelinks" href="#ripple">Ripple vs. XRP</a></li>
|
||||
<li class="ls-none"><a class="sidelinks" href="#wallets">XRP Wallets</a></li>
|
||||
<li class="ls-none"><a class="sidelinks" href="#exchanges">XRP Exchanges</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-new">
|
||||
<div class="" id="about-xrp">
|
||||
<div class="link-section" id="about-xrp">
|
||||
<h2 class="h4 mb-8">{% trans %}What Is XRP?{% endtrans %}</h2>
|
||||
<h5 class="longform mb-10">{% trans %}XRP is a digital asset that’s native to the XRP Ledger—an open-source, permissionless and decentralized blockchain technology.{% endtrans %}</h5>
|
||||
<p class="mb-6">{% trans %}Created in 2012 specifically for payments, XRP can settle transactions on the ledger in 3-5 seconds. It was built to be a better Bitcoin—faster, cheaper and greener than any other digital asset.{% endtrans %}</p>
|
||||
@@ -92,29 +95,30 @@
|
||||
<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">Green Currency Calculator</a>
|
||||
<a class="btn btn-primary btn-arrow">Green Currency Calculator</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="py-26" id="xrp-trading">
|
||||
<h2 class="h4 mb-8">{% trans %}How Is XRP Used in Trading?{% endtrans %}</h2>
|
||||
<h5 class="longform mb-10">{% trans %}XRP is traded on more than 100 markets and exchanges worldwide.{% endtrans %}</h5>
|
||||
<p class="mb-6">{% trans %}XRP’s low transaction fees, reliability and high speed enable traders to use the digital asset as high-speed, cost-efficient and reliable collateral across trading venues—seizing arbitrage opportunities, servicing margin calls and managing general trading inventory in real time.{% endtrans %}</p>
|
||||
<p>{% trans %}Because of the properties inherent to XRP and the ecosystem around it, traders worldwide are able to shift collateral, bridge currencies and switch from one crypto into another nearly instantly, across any exchange on the planet.{% endtrans %}</p>
|
||||
</div>
|
||||
<div class="py-26" id="ripple">
|
||||
<h2 class="h4 mb-8">{% trans %}What Is the Relationship Between Ripple and XRP?{% endtrans %}</h2>
|
||||
<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>
|
||||
</div>
|
||||
<div class="py-26 link-section" id="xrp-trading">
|
||||
<h2 class="h4 mb-8">{% trans %}How Is XRP Used in Trading?{% endtrans %}</h2>
|
||||
<h5 class="longform mb-10">{% trans %}XRP is traded on more than 100 markets and exchanges worldwide.{% endtrans %}</h5>
|
||||
<p class="mb-6">{% trans %}XRP’s low transaction fees, reliability and high speed enable traders to use the digital asset as high-speed, cost-efficient and reliable collateral across trading venues—seizing arbitrage opportunities, servicing margin calls and managing general trading inventory in real time.{% endtrans %}</p>
|
||||
<p>{% trans %}Because of the properties inherent to XRP and the ecosystem around it, traders worldwide are able to shift collateral, bridge currencies and switch from one crypto into another nearly instantly, across any exchange on the planet.{% endtrans %}</p>
|
||||
</div>
|
||||
|
||||
<div class="py-26" id="wallets">
|
||||
<div class="py-26 link-section" id="ripple">
|
||||
<h2 class="h4 mb-8">{% trans %}What Is the Relationship Between Ripple and XRP?{% endtrans %}</h2>
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div class="link-section py-26" id="wallets">
|
||||
<h2 class="h4 mb-8">{% trans %}What Wallets Support XRP?{% endtrans %}</h2>
|
||||
<h5 class="longform mb-10">{% trans %}Digital wallets are pieces of software that allow people to send, receive, and store cryptocurrencies, including XRP. There are two types of digital wallets: custodial and non-custodial.{% endtrans %}</h5>
|
||||
<div class="card-grid card-grid-2xN mb-10">
|
||||
@@ -136,7 +140,7 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="ml-5-until-md">
|
||||
<div class="ml-5-until-md mt-10-sm">
|
||||
<h6 class="fs-4-5">{% trans %}Non-Custodial Wallets{% endtrans %}</h6>
|
||||
<p>{% trans %}Non-custodial wallets do not manage a user's private key, which is up to the user to manage, and therefore cannot send crypto currency on the user's behalf.{% endtrans %}</p>
|
||||
<ul class="ls-none p-0">
|
||||
@@ -152,7 +156,7 @@
|
||||
<p class="fs-3 mt-10">{% trans %}Disclaimer: This information is drawn from other sources on the internet. XRPL.org does not endorse or recommend any exchanges or make any representations with respect to exchanges or the purchase or sale of digital assets more generally. It’s advisable to conduct your own due diligence before relying on any third party or third-party technology, and providers may vary significantly in their compliance, data security, and privacy practices.{% endtrans %}</p>
|
||||
</div>
|
||||
|
||||
<div class="py-26" id="exchanges">
|
||||
<div class="py-26 link-section" id="exchanges">
|
||||
<h2 class="h4 mb-8">{% trans %}What Exchanges Support XRP?{% endtrans %}</h2>
|
||||
<h5 class="longform mb-10">{% trans %}Exchanges are where people trade currencies. XRP is traded on more than 100 markets and exchanges worldwide.{% endtrans %}</h5>
|
||||
<p class="mb-10">{% trans %}There are different types of exchanges that vary depending on the type of market (spot, futures, options, swaps), and the type of security model (custodial, non-custodial).{% endtrans %}</p>
|
||||
@@ -230,8 +234,29 @@
|
||||
|
||||
|
||||
{% block endbody %}
|
||||
<script type="text/javascript">
|
||||
$(window).scroll(function() {
|
||||
var position = $(this).scrollTop();
|
||||
|
||||
$('.link-section').each(function() {
|
||||
var target = $(this).offset().top;
|
||||
var id = $(this).attr('id');
|
||||
|
||||
if (position >= target) {
|
||||
$('.sidelinks').removeClass('active');
|
||||
$('a[href="#' + id + '"]').addClass('active');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('.sidelinks').on('click', function() {
|
||||
$('html, body').animate({scrollTop: $(this.hash).offset().top + 5}, 1000);
|
||||
return false;
|
||||
});
|
||||
</script>
|
||||
|
||||
<script type="application/javascript">
|
||||
|
||||
gtag('config', 'UA-157720658-3', {'content_group1': 'Hub Pages'});
|
||||
</script>
|
||||
{% endblock %}
|
||||
|
||||
Reference in New Issue
Block a user