mobile changes for most of the marketing pages

This commit is contained in:
Calvin Jhunjhnuwala
2021-06-30 01:36:45 -07:00
parent eeea013cf3
commit b82d25c881
12 changed files with 3304 additions and 3303 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

View File

@@ -67,7 +67,8 @@
}
}
p a {
p a,
h5 a {
color: $blue-purple-500;
}

View File

@@ -366,7 +366,7 @@ $columns: 12; // Number of columns in the grid system
--width: 4;
}
.col-new-card {
transition: all 0.35s ease-out;
transition: all 0.15s ease-out;
cursor: pointer;
text-decoration: none;
&:hover {

View File

@@ -22,7 +22,7 @@
</div>
<section class="py-26 text-center">
<div class="col-lg-6 mx-auto text-center">
<div class="col-xl-4 col-lg-5 mx-auto text-center">
<div class="d-flex flex-column-reverse">
<h1 class="mb-10">{% trans %}Green Currency Interactive Tool{% endtrans %}</h1>
<h6 class="green-500 mb-3">{% trans %}How Green Is Your Currency?{% endtrans %}</h6>

View File

@@ -22,7 +22,7 @@
</div>
<section class="py-26 text-center">
<div class="col-lg-6 mx-auto text-center">
<div class="col-xl-4 col-lg-5 mx-auto text-center">
<div class="d-flex flex-column-reverse">
<h1 class="mb-18">{% trans %}Participate in the XRPL Community{% endtrans %}</h1>
<h6 class="green-500 mb-3">{% trans %}Join and Contribute{% endtrans %}</h6>

View File

@@ -22,7 +22,7 @@
</div>
<section class="py-26 text-center">
<div class="col-lg-6 mx-auto text-center">
<div class="col-xl-4 col-lg-5 mx-auto text-center">
<div class="d-flex flex-column-reverse">
<h1 class="mb-0">{% trans %}Your Questions About XRPL, Answered{% endtrans %}</h1>
<h6 class="green-500 mb-3">{% trans %}XRPL Overview{% endtrans %}</h6>

View File

@@ -23,7 +23,7 @@
</div>
<section class="py-26 text-center">
<div class="col-lg-4 mx-auto text-center">
<div class="col-xl-4 col-lg-5 mx-auto text-center">
<div class="d-flex flex-column-reverse">
<h1 class="mb-18">{% trans %}Provide a Better Alternative to Bitcoin{% endtrans %}</h1>
<h6 class="green-500 mb-3">{% trans %}XRPL's Origin{% endtrans %}</h6>

View File

@@ -20,7 +20,7 @@
<div class="overflow-hidden">
<section class="container-new py-26 text-center">
<img id="home-hero-graphic" src="./img/graphics/header-image.svg">
<div class="col-lg-6 mx-auto text-center">
<div class="col-xl-4 col-lg-5 mx-auto text-center">
<div class="d-flex flex-column-reverse">
<h1 class="mb-10">{% trans %}Community<br/> Powered Utility{% endtrans %}</h1>
<h6 class="green-500 mb-3">{% trans %}XRP | XRPL Ledger{% endtrans %}</h6>

View File

@@ -22,8 +22,8 @@
<img src="./img/backgrounds/impact-green.svg" id="impact-green">
</div>
<section class="py-26 text-center">
<div class="col-md-4 mx-auto text-center">
<section class="py-26">
<div class="col-xl-4 col-lg-5 mx-auto text-center">
<div class="d-flex flex-column-reverse">
<h1 class="mb-18">{% trans %}Faster, Cheaper, Green Money{% endtrans %}</h1>
<h6 class="green-500 mb-3">{% trans %}Impact{% endtrans %}</h6>
@@ -32,7 +32,7 @@
</section>
<section class="container-new py-26">
<div class="col-md-6 offset-md-3 p-10">
<div class="col-md-6 offset-md-3 p-10-until-sm pl-0-sm pr-0-sm">
<h6 class="longform mb-10">{% trans %}The digital asset XRP is a truly global currency—ideally suited to enable todays global economy.{% endtrans %}</h6>
<p class="mb-6">{% trans %}As an optimal medium of exchange, XRP and the XRP Ledger on which it operates help to move money around the world faster, cheaper and more sustainably than any other currency available today. {% endtrans %}</p>
<p class="mb-10">{% trans %}It was designed this way, and its proving its impact in global payments and beyond.{% endtrans %}</p>
@@ -45,7 +45,7 @@
</div>
<section class="container-new py-26">
<div class="col-md-6 offset-md-3 p-10">
<div class="col-md-6 offset-md-3 p-10-until-sm pl-0-sm pr-0-sm">
<h2 class="h4 mb-8">{% trans %}Creating Economic Opportunity{% endtrans %}</h2>
<h5 class="longform mb-10">{% trans %}For more than <a href="https://www.un.org/sites/un2.un.org/files/wmr_2020.pdf" target="_blank">272 million migrants</a> worldwide, sending and receiving money across borders is expensive, unreliable and complex.{% endtrans %}</h5>
<p class="mb-6">{% trans %}XRP and the XRP Ledger are changing that. The technology has been adopted by financial institutions around the world to source liquidity for international transactions. Because of the unprecedented efficiency it offers, theyre able to bring down costs and improve services.{% endtrans %}</p>
@@ -62,7 +62,7 @@
<p class="mb-0">{% trans %}With usage growing, its critical that measures are taken today to ensure that the technology is environmentally sustainable tomorrow.{% endtrans %}</p>
</div>
<div class="col-new ls-none mb-16-sm">
<div class="col-md-8 mx-auto">
<div class="col-md-8 mx-auto pl-0-sm pr-0-sm">
<h6 class="mb-10">{% trans %}Projected BTC, ETH and XRP Transactions in USD{% endtrans %}</h6>
<div class="mb-10">
<div class="d-flex align-items-baseline mb-3">
@@ -94,7 +94,7 @@
</div>
<section class="container-new py-26">
<div class="col-md-6 offset-md-3 p-10">
<div class="col-md-6 offset-md-3 p-10-until-sm pl-0-sm pr-0-sm">
<h2 class="h4 mb-8">{% trans %}Are All Digital Assets Alike?{% endtrans %}</h2>
<h5 class="longform mb-10">{% trans %}All digital assets have different strengths that make them ideal for various use cases.{% endtrans %}</h5>
<p class="mb-6">{% trans %}Bitcoin has historically been recognized as a store of value and Ether (ETH) for its smart contract capabilities.{% endtrans %}</p>
@@ -105,7 +105,7 @@
<section class="container-new py-26">
<div class="col-md-6 offset-md-3 p-10">
<div class="col-md-6 offset-md-3 p-10-until-sm pl-0-sm pr-0-sm">
<h2 class="h4 mb-8">{% trans %}What Makes the XRP Ledger Green?{% endtrans %}</h2>
<h5 class="longform mb-10">{% trans %}Most currencies today—whether digital or physical—are not environmentally friendly. The potential for long-term impact on our planet could hold startling consequences. {% endtrans %}</h5>
<p class="mb-6">{% trans %}The XRP Ledger processes transactions through a unique “consensus” mechanism that consumes negligible energy and all XRP currency is already in circulation.{% endtrans %}</p>

View File

@@ -23,7 +23,7 @@
</div>
<section class="py-26 text-center">
<div class="col-lg-6 mx-auto text-center">
<div class="col-xl-4 col-lg-5 mx-auto text-center">
<div class="d-flex flex-column-reverse">
<h1 class="">{% trans %}Powering Innovative Technology{% endtrans %}</h1>
<h6 class="green-500 mb-3">{% trans %}XRPL Use Cases{% endtrans %}</h6>

View File

@@ -21,7 +21,7 @@
</div>
<section class="py-26 text-center">
<div class="col-lg-6 mx-auto text-center">
<div class="col-xl-4 col-lg-5 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>
@@ -42,7 +42,7 @@
</div>
<div class="col-new">
<div class="link-section" id="about-xrp">
<div class="link-section py-26" 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 thats native to the XRP Ledger—an open-source, permissionless and decentralized <a href="https://www.distributedagreement.com/2018/09/24/what-is-a-blockchain/" target="_blank">blockchain technology.</a>{% 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>