ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-27 23:25:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

edits to the net-new pages for mobile optimization

Browse Source
This commit is contained in:
Calvin Jhunjhnuwala
2020-08-26 15:53:38 -07:00
parent 57a1c6daa5
commit a0f6bea272
10 changed files with 44 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -27,16 +27,16 @@
<div class="col-md-8">
<h2 class="mb-8">{% trans %}What is XRP?{% endtrans %}</h2>
<div class="row">
<p class="col">{% trans %}XRP is a digital asset that’s native to the XRP Ledger, an open-source, permissionless and decentralized blockchain technology.{% endtrans %}</p>
<p class="col">{% 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>
<p class="col-sm">{% trans %}XRP is a digital asset that’s native to the XRP Ledger, an open-source, permissionless and decentralized blockchain technology.{% endtrans %}</p>
<p class="col-sm">{% 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>
</div>
</div>
</section>
<section class="row mb-50">
<h6 class="section-marker">{% trans %}Benefits{% endtrans %}</h6>
<div class="col-sm-12 col-lg-10 mt-14">
<table id="table-overview">
<div class="col-sm-12 col-lg-10 mt-14 overflow-xs">
<table id="table-overview" class="mw-100">
<thead>
<tr>
<td class="bold h4">{% trans %}Benefits{% endtrans %}</td>
@@ -84,7 +84,7 @@
<section class="row mb-50">
<h6 class="section-marker">{% trans %}XRP Validators{% endtrans %}</h6>
<div class="col-md-4">
<div class="col-md-4 mb-10">
<h2>{% trans %}How Does the XRP Ledger Work?{% endtrans %}</h2>
</div>
<div class="col-md-4">
@@ -112,12 +112,12 @@
<h5 class="mb-10 normal h4">{% trans %}XRP is fast, low-cost, sustainable and scalable. It is the key to fueling growth and realizing the true potential of our global economy—the Internet of Value.{% endtrans %}</h5>
</div>
<div class="w-100 mt-20"></div>
<div class="col-md-4">
<div class="col-md-4 mb-20">
<h4>{% trans %}Businesses{% endtrans %}</h4>
<p class="my-10">{% trans %}Many businesses are building on the XRP Ledger, pursuing powerful use cases in micropayments, gaming, web monetization and more. Additionally, Ripple, the technology company, is focused on building a network and infrastructure that leverages XRP to power faster, more affordable cross-border payments around the world.{% endtrans %}</p>
<a href="#" class="text-white bold arrow-link">{% trans %}More About Businesses{% endtrans %}</a>
</div>
<div class="col-md-4">
<div class="col-md-4 mb-20">
<h4>{% trans %}Individuals{% endtrans %}</h4>
<p class="my-10">{% trans %}Individual consumers can use XRP to move different currencies around the world. For example, through the PayID solution, anyone can use XRP—or any currency, be it fiat or digital assets—to easily make purchases across any payments network.{% endtrans %}</p>
<a href="#" class="text-white bold arrow-link">{% trans %}More About Uses{% endtrans %}</a>
@@ -132,7 +132,7 @@
<section class="mb-50">
<h6 class="section-marker">{% trans %}Internet of Value{% endtrans %}</h6>
<div class="row mb-40">
<div class="col-md-4 offset-md-2 order-1 order-md-2 mb-10">
<div class="col-md-4 offset-md-2 order-1 order-md-2 mb-10 text-center">
<img class="mw-100" src="./img/overview/fast.png">
</div>
<div class="col-md-4 offset-md-1 order-2 order-md-1">
@@ -141,7 +141,7 @@
</div>
</div>
<div class="row mb-30">
<div class="col-md-4 offset-md-1 mb-10">
<div class="col-md-4 offset-md-1 mb-10 text-center">
<img class="mw-100" src="./img/overview/low-cost.png">
</div>
<div class="col-md-4 offset-md-2">
@@ -150,7 +150,7 @@
</div>
</div>
<div class="row mb-30">
<div class="col-md-4 offset-md-2 order-1 order-md-2 mb-10">
<div class="col-md-4 offset-md-2 order-1 order-md-2 mb-10 text-center">
<img class="mw-100" src="./img/overview/scalable.png">
</div>
<div class="col-md-4 offset-md-1 order-2 order-md-1">
@@ -159,7 +159,7 @@
</div>
</div>
<div class="row mb-30">
<div class="col-md-4 offset-md-1 mb-10">
<div class="col-md-4 offset-md-1 mb-10 text-center">
<img class="mw-100" src="./img/overview/sustainable.png">
</div>
<div class="col-md-4 offset-md-2">
@@ -168,7 +168,7 @@
</div>
</div>
<div class="row mb-20">
<div class="col-md-4 offset-md-2 order-1 order-md-2 mb-10">
<div class="col-md-4 offset-md-2 order-1 order-md-2 mb-10 text-center">
<img class="mw-100" src="./img/overview/real.png">
</div>
<div class="col-md-4 offset-md-1 order-2 order-md-1">
@@ -213,7 +213,7 @@
<section class="mb-50">
<h6 class="section-marker">{% trans %}Ripple vs. XRP{% endtrans %}</h6>
<div class="row">
<div class="col-md-4 offset-md-1 mb-10">
<div class="col-md-4 offset-md-1 mb-10 text-center">
<img class="mw-100 mt-10" src="./img/overview/xrp-text-logo.png">
</div>
<div class="col-md-5 offset-md-1">
@@ -227,7 +227,7 @@
<section class="mb-50">
<h6 class="section-marker">{% trans %}XRP Community{% endtrans %}</h6>
<div class="row">
<div class="col-md-6 offset-md-1 order-1 order-md-2 mb-10">
<div class="col-md-6 offset-md-1 order-1 order-md-2 mb-10 text-center">
<img class="mw-100" src="./img/overview/xrp-community.png">
</div>
<div class="col-md-5 order-2 order-md-1">