ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-04 20:05:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Nav, button, breadcrumb fixes

Browse Source
This commit is contained in:
mDuo13
2020-09-08 18:47:38 -07:00
parent 838dbc4907
commit edd2b145bc
17 changed files with 65 additions and 268 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/devportal.css
View File

File diff suppressed because one or more lines are too long

2
assets/css/devportal.css.map
View File

File diff suppressed because one or more lines are too long

32
dactyl-config.yml
View File

@@ -166,14 +166,6 @@ pages:
# "Learn" funnel ---------------------------------------------------------------
- name: Learn
funnel: Learn
template: template-landing-children.html
html: learn.html
targets:
- en
- ja
- name: Overview
funnel: Learn
category: Uses
template: template-learn-overview.html
@@ -224,23 +216,25 @@ pages:
- ja
# "Explore" funnel -------------------------------------------------------------
- md: explore/explore.md
template: template-landing-children.html
- name: Explore
html: explore.html
template: template-redirect.html
redirect_url: businesses.html
funnel: Explore
targets:
- en
- ja
- name: News
funnel: Explore
category: News
template: template-explore-news.html
html: news.html
sidebar: disabled
targets:
- en
- ja
# News page isn't ready at the moment
# - name: News
# funnel: Explore
# category: News
# template: template-explore-news.html
# html: news.html
# sidebar: disabled
# targets:
# - en
# - ja
- name: Wallets
funnel: Explore

7
styles/_breadcrumbs.scss
View File

@@ -13,7 +13,8 @@
.breadcrumb-item a {
color: $gray-200;
text-decoration: none;
}
.breadcrumb-item a:hover {
color: #000;
&:hover {
color: $primary
}
}

137
styles/_buttons.scss
View File

@@ -1,24 +1,30 @@
.content a.button {
color: $white;
border: 2px solid $white;
}
.content a.button:hover {
border: 2px solid $black;
.btn, .content a.button {
padding: 16px 24px;
font-size: 14px;
font-weight: bold;
line-height: 1.25;
cursor: pointer;
text-decoration: none;
transition: 0.2s;
}
.btn-outline-secondary {
.btn-outline-secondary,
.content a.button,
.navbar-dark .navbar-nav .nav-link.btn-outline-secondary {
color: $white;
border-color: $white;
border-width: 2px;
border-style: solid;
&:hover, &:active {
color: $primary;
border-color: $primary;
background-color: transparent;
}
}
#main_content_wrapper .btn-outline-secondary:hover,
#main_content_wrapper .btn-outline-secondary:active,
.button:hover, #request_button:hover {
/* Undo Bootstrap styling */
.navbar-dark .navbar-nav .nav-link:hover {
color: $white;
background-color: inherit;
border: 2px solid $white;
}
/* Button styling ----------------------------------------------------------- */
@@ -27,12 +33,6 @@ p + .readmore {
margin-top: 12px;
}
.readmore .btn {
transition: 0.5s;
white-space: normal;
}
.readmore .btn i,
.card-header a i {
margin: 0 0.2em 0 0.8em;
}
@@ -42,11 +42,6 @@ p + .readmore {
color: inherit;
}
a.button {
cursor: pointer;
text-decoration: none !important;
}
/* (Jump to) "Top" button */
.jump-to-top {
@@ -65,101 +60,7 @@ a.button {
}
}
.btn-outline-secondary {
padding: 9px 16px;
transition: box-shadow 200ms ease, background-color 200ms ease, color 200ms ease;
background-color: transparent;
}
.content a.button {
/* should match the bootstrap buttons */
display: inline-block;
font-weight: 400;
text-align: center;
vertical-align: middle;
text-decoration: none;
line-height: 1.5;
padding: 9px 16px;
transition: 0.5s;
}
.content a.button::after {
content: " ➝";
padding-left: 7px;
transition: all .2s ease-in-out;
display: inline-block;
text-decoration: none;
}
.content a.button:hover::after {
padding-left: 14px;
}
// .btn:not(.external-link):not(.dropdown-toggle):not(.jump-to-top)::after,
.landing .card .level-1 a::after,
.landing .card .level-2 a::after,
.landing .card .curated-links li a::after,
.content .children-display li a::after {
content: " ➝";
padding-left: 7px;
transition: all .2s ease-in-out;
display: inline-block;
text-decoration: none;
}
.btn.jump-to-top::after {
content: " ↑"
}
// .btn:not(.external-link):not(.dropdown-toggle):hover::after,
.landing .card .level-1 a:hover::after,
.landing .card .level-2 a:hover::after,
.landing .card .curated-links li a:hover::after,
.landing a.card:hover .btn::after,
.content .children-display li a:hover::after {
padding-left: 14px;
text-decoration: none;
}
.btn.fa-search::after,
.btn.fa-search:hover::after,
.request-options .btn::after,
.request-options .btn:hover::after,
.response-options .btn::after,
.response-options .btn:hover::after {
content: "";
padding: 0;
}
// NEW STYLING FROM REDESIGN
.btn {
padding: 16px 24px;
font-size: 14px;
font-weight: bold;
line-height: 1.25;
}
.btn-clear {
color: $white;
border: 1px solid $white;
}
.btn-clear:hover {
background: transparent;
color: $primary;
border: 1px solid $primary;
}
.btn-black {
background: $black;
color: $white;
&:hover {
background: $black;
}
}
.btn-green-border {
color: $primary;
border: 1px solid $primary;
}
.btn-green-border:hover {
color: $primary;
border: 1px solid $primary;
}

1
styles/_colors.scss
View File

@@ -108,6 +108,7 @@ $body-color: $white;
$headings-color: $white;
$text-muted: $gray-200;
$breadcrumb-bg: $black;
$breadcrumb-active-color: $gray-400;
$dropdown-bg: rgba(0,0,0,0.9);
$dropdown-divider-bg: $black;
$dropdown-border-color: $gray-900;

7
styles/_content.scss
View File

@@ -9,7 +9,7 @@ h1 a:hover,
h2 a:hover,
h3 a:hover,
.xrpl-footer h5 a:hover {
color: $white;
color: $primary;
}
/* Content text styling ----------------------------------------------------- */
@@ -126,7 +126,7 @@ td:nth-child(1) {
flex-basis: calc(50% - 30px);
}
}
@media (max-width: 768px) {
@media (max-width: 768px) {
.square {
flex-basis: calc(50% - 30px);
}
@@ -144,7 +144,7 @@ td:nth-child(1) {
padding: 2rem;
background: rgba(34, 37, 43, 0.5);
backdrop-filter: blur(3px);
@media (max-width: 768px) {
@media (max-width: 768px) {
margin-left: 15px;
margin-right: 15px;
}
@@ -166,4 +166,3 @@ td:nth-child(1) {
margin-bottom: 2.5rem !important;
}
}

3
styles/_font.scss
View File

@@ -43,8 +43,7 @@ a {
text-decoration: none;
}
}
p a,
li a {
p a {
text-decoration: underline;
}

1
styles/_top-nav.scss
View File

@@ -151,6 +151,7 @@
border-radius: 8px;
width: 640px;
left: calc(50% - 320px);
background-color: $gray-900;
}
.input-group {

2
tool/template-calculator.html
View File

@@ -50,7 +50,7 @@
<div class="container my-20">
<section class="row mb-50">
<a href="#" class="btn btn-green-border btn-black d-lg-none" id="calculator-mobile-toggle">{% trans %}Change Inputs{% endtrans %}</a>
<a href="#" class="btn btn-outline-primary d-lg-none" id="calculator-mobile-toggle">{% trans %}Change Inputs{% endtrans %}</a>
<div id="calculator-inputs-offset"></div>
<div class="col-lg-4" >
<div class="rounded sticky-top top-10 mb-3 mb-lg-0" id="calculator-inputs">

4
tool/template-contribute.html
View File

@@ -33,13 +33,13 @@
<a class="square square-50 d-flex card-b" href="https://forum.xpring.io/">
<div class="align-center align-self-end">
<img class="mw-100 mx-autod-block" src="./img/logos/xpring.png" style="margin-bottom: 48px;">
<p class="btn btn-clear d-block">Xpring Forum</p>
<p class="btn btn-outline-secondary d-block">Xpring Forum</p>
</div>
</a>
<a class="square square-50 d-flex card-b" href="https://www.xrpchat.com/">
<div class="align-center align-self-end">
<img class="mw-100 mx-auto d-block" src="./img/overview/real.png" style="height: 83px; margin-bottom: 26px;">
<p class="btn btn-clear d-block">XRP Chat Forum</p>
<p class="btn btn-outline-secondary d-block">XRP Chat Forum</p>
</div>
</a>
</div>

99
tool/template-explore-news.html
View File

@@ -1,99 +0,0 @@
{% extends "template-base.html" %}
{% block head %}
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
{% endblock %}
{% block bodyclasses %}no-sidebar{% endblock %}
{% block mainclasses %}landing{% endblock %}
{% block breadcrumbs %}{% endblock %}
{% block main %}
<div class="container my-40 marketing-wrapper">
<section class="row mb-50">
<div class="col-md-4 d-flex flex-column-reverse justify-content-end">
<h1 class="mb-10">{% trans %}The Best Way to Move Money Around the World{% endtrans %}</h1>
<h6 class="text-primary mb-4">{% trans %}Using XRP{% endtrans %}</h6>
</div>
<div class="col-md-6 offset-md-1">
<h2 class="mt-12 mb-10">{% trans %}XRP and the XRP Ledger are used to power innovative technology across the payments space.{% endtrans %}</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In egestas maximus ligula, id tincidunt odio condimentum ac. Pellentesque vulputate felis lacus, id imperdiet elit tristique id. Ut sapien lorem, finibus id auctor eu, volutpat finibus nisi.</p>
</div>
</section>
<section class="row mb-50">
<h6 class="section-marker">{% trans %}Cross-Border payments{% endtrans %}</h6>
<div class="col-md-4 offset-md-1 order-1 order-md-2 mb-10">
<img class="mw-100" src="./img/marketing/impact-democratizing-payments@2x.png">
</div>
<div class="col-md-6 offset-md-1 order-2 order-md-1">
<h2 class="mb-10">{% trans %}Cross-Border Payments{% endtrans %}</h2>
<p class="mb-10 normal">{% trans %}Through RippleNet, financial institutions can use XRP to bridge two currencies in 3-5 seconds, ensuring payments are quickly sent and received in the local currency on either side of a transaction.{% endtrans %}</p>
<a href="https://ripple.com/ripplenet/on-demand-liquidity" class="btn btn-clear">{% trans %}Learn About On-Demand Liquidity{% endtrans %}</a>
</div>
</section>
<section class="row mb-50">
<h6 class="section-marker">{% trans %}Micropayments{% endtrans %}</h6>
<div class="col-md-4 offset-md-1 mb-10">
<img class="mw-100" src="./img/marketing/impact-democratizing-payments@2x.png">
</div>
<div class="col-md-6 offset-md-1">
<h2 class="mb-10">{% trans %}Micropayments{% endtrans %}</h2>
<p class="mb-10 normal">{% trans %}Businesses are leveraging XRP and the XRP Ledger to build innovative products for gaming, content and web monetization, among other applications where money is at the center.{% endtrans %}</p>
<a href="#" class="btn btn-clear">{% trans %}Learn About XRPL Businesses{% endtrans %}</a>
</div>
</section>
<section class="row mb-50">
<h6 class="section-marker">{% trans %}Digital Cryptocurrency{% endtrans %}</h6>
<div class="col-md-4 offset-md-1 order-1 order-md-2 mb-10">
<img class="mw-100" src="./img/marketing/impact-democratizing-payments@2x.png">
</div>
<div class="col-md-6 offset-md-1 order-2 order-md-1">
<h2 class="mb-10">{% trans %}Digital Cryptocurrency Wallets{% endtrans %}</h2>
<p class="mb-10 normal">{% trans %}Individuals can use mobile wallets to store private and public passwords and interact with various blockchains to send and receive digital assets, including XRP.{% endtrans %}</p>
<a href="#" class="btn btn-clear">{% trans %}Explore Wallets{% endtrans %}</a>
</div>
</section>
<section class="row mb-50">
<h6 class="section-marker">{% trans %}Exchanges{% endtrans %}</h6>
<div class="col-md-4 offset-md-1 mb-10">
<img class="mw-100" src="./img/marketing/impact-democratizing-payments@2x.png">
</div>
<div class="col-md-4 offset-md-1">
<h2 class="mb-10">{% trans %}Exchanges{% endtrans %}</h2>
<p class="mb-10 normal">{% trans %}Market makers and individuals use exchanges to trade XRP and other digital assets. Exchanges are often also intermediaries in cross-border payments among financial institutions.{% endtrans %}</p>
<a href="#" class="btn btn-clear">{% trans %}Explore Exchanges{% endtrans %}</a>
</div>
</section>
<section class="row mb-50">
<h6 class="section-marker">{% trans %}Trading{% endtrans %}</h6>
<div class="col-md-4 offset-md-1 order-1 order-md-2 mb-10">
<img class="mw-100" src="./img/marketing/impact-democratizing-payments@2x.png">
</div>
<div class="col-md-6 offset-md-1 order-2 order-md-1">
<h2 class="mb-10">{% trans %}Institutional Trading{% endtrans %}</h2>
<p class="mb-10 normal">{% trans %}Market participants use XRP as a high-speed, cost-efficient and reliable trading collateral. This means seizing arbitrage opportunities, servicing margin calls and managing general trade inventory in real time.{% endtrans %}</p>
<a href="#" class="btn btn-clear">{% trans %}Learn More{% endtrans %}</a>
</div>
</section>
</div>
{% endblock %}
{% block endbody %}
<script type="application/javascript">
gtag('config', 'UA-157720658-3', {'content_group1': 'Hub Pages'});
</script>
{% endblock %}

8
tool/template-home.html
View File

@@ -23,8 +23,8 @@
<img class="mw-100" src="./img/graphics/home-hero-graphic.svg">
<div class="col-md-6 mx-auto text-center my-5">
<h1 class="mb-18">{% trans %}XRP: The Best Digital Asset for Payments{% endtrans %}</h1>
<a href="overview.html" class="btn btn-clear inline-block mr-4">{% trans %}Learn More{% endtrans %}</a>
<a href="docs.html" class="btn btn-clear inline-block">{% trans %}Build with XRP{% endtrans %}</a>
<a href="overview.html" class="btn btn-outline-secondary inline-block mr-4">{% trans %}Learn More{% endtrans %}</a>
<a href="docs.html" class="btn btn-outline-secondary inline-block">{% trans %}Build with XRP{% endtrans %}</a>
</div>
</section>
@@ -72,7 +72,7 @@
<p class="mb-4">{% trans %}XRP is a digital asset built for payments. It is the native digital asset on the XRP Ledger—an open-source, permissionless and decentralized blockchain technology that can settle transactions in 3-5 seconds.{% endtrans %}</p>
<p class="mb-4">{% trans %}It is the best way to move money around the world; the fuel for our growing digital economy.{% endtrans %}</p>
<a href="overview.html" class="btn btn-clear mr-4">{% trans %}Learn about XRP{% endtrans %}</a>
<a href="overview.html" class="btn btn-outline-secondary mr-4">{% trans %}Learn about XRP{% endtrans %}</a>
<a href="history.html" class="arrow-link mt-4 text-primary d-block"><span class="text-white">{% trans %}XRP History{% endtrans %}</span></a>
</div>
</div>
@@ -114,7 +114,7 @@
<h3 class="h1 mb-9">{% trans %}Green by Nature{% endtrans %}</h3>
<p>{% trans %}XRP was designed with sustainability in mind. Contrary to other blockchains that use proof-of-work, the XRP Ledger confirms transactions through a unique <a href="intro-to-consensus.html">“consensus”</a> mechanism that consumes negligible energy.{% endtrans %}</p>
<p class="mb-10">{% trans %}Explore the energy consumption of XRP compared to cash, credit cards and other popular crypto with the <a href="carbon-calculator.html">Green Currency Calculator</a>.{% endtrans %}</p>
<a href="carbon-calculator.html" class="btn btn-clear">{% trans %}Go Green{% endtrans %}</a>
<a href="carbon-calculator.html" class="btn btn-outline-secondary">{% trans %}Go Green{% endtrans %}</a>
<h4 class="mt-20 mb-10">{% trans %}Partners in Sustainability{% endtrans %}</h4>
<div class="d-flex align-items-center flex-wrap justify-content-between">
<img class="mw-100 mb-4 mr-2" src="./img/green/energy-web.png">

2
tool/template-learn-history.html
View File

@@ -80,7 +80,7 @@
<div class="col-sm-5 offset-sm-1 order-2 order-sm-1 mt-20">
<h2 class="mb-10">{% trans %}How Digital Assets Will Help Create a Sustainable Global Economy{% endtrans %}</h2>
<p class="mb-10">{% trans %}Hear from Ripple co-founder Chris Larsen in the inaugural episode of the Block Stars podcast.{% endtrans %}</p>
<a href="https://podcasts.apple.com/us/podcast/how-digital-assets-will-help-create-sustainable-global/id1511803793?i=1000473686455" class="btn btn-clear">{% trans %}Listen Now{% endtrans %}</a>
<a href="https://podcasts.apple.com/us/podcast/how-digital-assets-will-help-create-sustainable-global/id1511803793?i=1000473686455" class="btn btn-outline-secondary">{% trans %}Listen Now{% endtrans %}</a>
</div>
</section>
</div>

4
tool/template-learn-impact.html
View File

@@ -65,7 +65,7 @@
<p class="col-md">{% trans %}This has spawned increasing adoption of the technology across the financial services industry, from retail and institutional investment to commercial use cases like cross-border payments.{% endtrans %}</p>
<p class="col-md">{% trans %}With usage growing, it’s critical that measures are taken today to ensure that the technology is environmentally sustainable tomorrow.{% endtrans %}</p>
</div>
<a href="#" class="btn btn-clear">{% trans %}Learn More{% endtrans %}</a>
<a href="#" class="btn btn-outline-secondary">{% trans %}Learn More{% endtrans %}</a>
</div>
</section>
@@ -105,7 +105,7 @@
<p>{% trans %}Adopting XRP more broadly will help limit this waste and ensure a sustainable future for our planet and global economy.{% endtrans %}</p>
</div>
</div>
<a href="carbon-calculator.html" class="btn btn-clear">{% trans %}Discover the Green Currency Calculator{% endtrans %}</a>
<a href="carbon-calculator.html" class="btn btn-outline-secondary">{% trans %}Discover the Green Currency Calculator{% endtrans %}</a>
</div>
</section>
</div>

12
tool/template-learn-overview.html
View File

@@ -78,7 +78,7 @@
<div class="col-lg-4 order-2 order-lg-1">
<p>{% trans %}XRP can be sent directly without needing a central intermediary, making it a convenient instrument in bridging two different currencies quickly and efficiently. It is freely exchanged on the open market and used in the real world for enabling cross-border payments and microtransactions.{% endtrans %}</p>
<p>{% trans %}Unlike Bitcoin, there is a finite amount of XRP. All XRP is already in existence today—100 billion in total.{% endtrans %}</p>
<a href="history.html" class="btn btn-clear">{% trans %}History of XRP{% endtrans %}</a>
<a href="history.html" class="btn btn-outline-secondary">{% trans %}History of XRP{% endtrans %}</a>
</div>
</section>
@@ -101,7 +101,7 @@
</div>
<div class="col-lg-5 offset-lg-1">
<h4 class="mb-10">{% trans %}Anyone can operate a validator; currently, over 150 <a href="run-a-rippled-validator.html">validators</a> are active on the ledger, operated by universities, exchanges, businesses and individuals.{% endtrans %}</h4>
<a href="consensus-network.html" class="btn btn-clear">{% trans %}Get Technical{% endtrans %}</a>
<a href="consensus-network.html" class="btn btn-outline-secondary">{% trans %}Get Technical{% endtrans %}</a>
</div>
</section>
@@ -177,7 +177,7 @@
</div>
</div>
<div class="text-center">
<a href="uses.html" class="btn btn-clear">{% trans %}Explore Uses{% endtrans %}</a>
<a href="uses.html" class="btn btn-outline-secondary">{% trans %}Explore Uses{% endtrans %}</a>
</div>
</section>
@@ -205,7 +205,7 @@
<p>{% trans %}XRP is traded on more than 140 markets and <a href="exchanges.html">exchanges</a> worldwide.{% endtrans %}</p>
<p>{% 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—<a href="https://ripple.com/insights/xrp-a-preferred-base-currency-for-arbitrage-trading/" target="_blank">seizing arbitrage opportunities</a>, 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>
<a href="exchanges.html" class="mt-10 btn btn-clear">{% trans %}Find Out More{% endtrans %}</a>
<a href="exchanges.html" class="mt-10 btn btn-outline-secondary">{% trans %}Find Out More{% endtrans %}</a>
</div>
</div>
</section>
@@ -219,7 +219,7 @@
<div class="col-md-5 offset-md-1">
<h2 class="mb-10">{% trans %}What Is the Relationship Between Ripple and XRP?{% endtrans %}</h2>
<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 <a href="https://ripple.com/insights/explanation-ripples-xrp-escrow/" target="_blank">escrow</a> account to support stable and healthy <a href="https://ripple.com/xrp/market-performance" target="_blank">XRP markets</a>.{% endtrans %}</p>
<a class="mt-10 btn btn-clear" href="https://ripple.com/" target="_blank">{% trans %}Visit Ripple's Website{% endtrans %}</a>
<a class="mt-10 btn btn-outline-secondary" href="https://ripple.com/" target="_blank">{% trans %}Visit Ripple's Website{% endtrans %}</a>
</div>
</div>
</section>
@@ -233,7 +233,7 @@
<div class="col-md-5 order-2 order-md-1">
<h2 class="mb-10">{% trans %}XRPL.org: For the Community, by the Community{% endtrans %}</h2>
<p>{% trans %}XRPL.org is a community-driven resource for all things XRP and XRP Ledger (XRPL). If you’d like to suggest additional information around XRP, you can suggest changes here.{% endtrans %}</p>
<a href="contribute.html" class="mt-10 btn btn-clear">{% trans %}Suggest Changes{% endtrans %}</a>
<a href="contribute.html" class="mt-10 btn btn-outline-secondary">{% trans %}Suggest Changes{% endtrans %}</a>
</div>
</div>
</section>

10
tool/template-learn-uses.html
View File

@@ -41,7 +41,7 @@
<div class="col-md-6 offset-md-1 order-2 order-md-1">
<h2 class="mb-10">{% trans %}Cross-Border Payments{% endtrans %}</h2>
<p class="mb-10 normal">{% trans %}Through RippleNet, financial institutions can use XRP to bridge two currencies in 3-5 seconds, ensuring payments are quickly sent and received in the local currency on either side of a transaction.{% endtrans %}</p>
<a href="https://ripple.com/ripplenet/on-demand-liquidity" class="btn btn-clear" target=
<a href="https://ripple.com/ripplenet/on-demand-liquidity" class="btn btn-outline-secondary" target=
"_blank">{% trans %}Learn About On-Demand Liquidity{% endtrans %}</a>
</div>
</section>
@@ -54,7 +54,7 @@
<div class="col-md-6 offset-md-1">
<h2 class="mb-10">{% trans %}Micropayments{% endtrans %}</h2>
<p class="mb-10 normal">{% trans %}Businesses are leveraging XRP and the XRP Ledger to build innovative products for gaming, content and web monetization, among other applications where money is at the center.{% endtrans %}</p>
<a href="businesses.html" class="btn btn-clear">{% trans %}Learn About XRPL Businesses{% endtrans %}</a>
<a href="businesses.html" class="btn btn-outline-secondary">{% trans %}Learn About XRPL Businesses{% endtrans %}</a>
</div>
</section>
@@ -66,7 +66,7 @@
<div class="col-md-6 offset-md-1 order-2 order-md-1">
<h2 class="mb-10">{% trans %}Digital Cryptocurrency Wallets{% endtrans %}</h2>
<p class="mb-10 normal">{% trans %}Individuals can use mobile wallets to store private and public passwords and interact with various blockchains to send and receive digital assets, including XRP.{% endtrans %}</p>
<a href="wallets.html" class="btn btn-clear">{% trans %}Explore Wallets{% endtrans %}</a>
<a href="wallets.html" class="btn btn-outline-secondary">{% trans %}Explore Wallets{% endtrans %}</a>
</div>
</section>
@@ -78,7 +78,7 @@
<div class="col-md-4 offset-md-1">
<h2 class="mb-10">{% trans %}Exchanges{% endtrans %}</h2>
<p class="mb-10 normal">{% trans %}Market makers and individuals use exchanges to trade XRP and other digital assets. Exchanges are often also intermediaries in cross-border payments among financial institutions.{% endtrans %}</p>
<a href="exchanges.html" class="btn btn-clear">{% trans %}Explore Exchanges{% endtrans %}</a>
<a href="exchanges.html" class="btn btn-outline-secondary">{% trans %}Explore Exchanges{% endtrans %}</a>
</div>
</section>
@@ -90,7 +90,7 @@
<div class="col-md-6 offset-md-1 order-2 order-md-1">
<h2 class="mb-10">{% trans %}Institutional Trading{% endtrans %}</h2>
<p class="mb-10 normal">{% trans %}Market participants use XRP as a high-speed, cost-efficient and reliable trading collateral. This means seizing arbitrage opportunities, servicing margin calls and managing general trade inventory in real time.{% endtrans %}</p>
<a href="https://blog.xpring.io/how-xrp-enables-faster-low-cost-cross-exchange-transfers/" class="btn btn-clear" target="_blank">{% trans %}Learn More{% endtrans %}</a>
<a href="https://blog.xpring.io/how-xrp-enables-faster-low-cost-cross-exchange-transfers/" class="btn btn-outline-secondary" target="_blank">{% trans %}Learn More{% endtrans %}</a>
</div>
</section>