Fix spacing from headers to 1st text

This commit is contained in:
mDuo13
2021-07-02 01:00:22 -07:00
parent 661479ce78
commit 408b4c21f0
8 changed files with 19 additions and 12 deletions

File diff suppressed because one or more lines are too long

View File

@@ -44,6 +44,7 @@
.landing-bg {
@include media-breakpoint-down(sm) {
opacity: .6;
margin-right: -20vw;//CURSOR
}
}
@@ -82,6 +83,12 @@
right: -4px;
}
#use-case-card-grid {
@include media-breakpoint-up(lg) {
margin-top: -40px; // offset the 40px margin of the cols
}
}
// History Page
#history-orange {
position: absolute;

View File

@@ -36,7 +36,7 @@
</div>
<section class="container-new py-26">
<div class="col-lg-6 offset-lg-3 p-10-until-sm pl-0-sm pr-0-sm">
<div class="col-lg-6 offset-lg-3 p-10-until-sm pt-0">
<h2 class="h4 mb-8">{% trans %}Energy Consumption for Cash, Credit Cards and Crypto{% endtrans %}</h2>
<h5 class="longform mb-10">{% trans %}Moving money carries cost—and not just the fee on your transaction or the value of your payment.{% endtrans %}</h5>
<p class="mb-6">{% trans %}Whether its in cash, on a credit card or with crypto, every transaction you make consumes energy, and therefore, emits pollutants into the environment.{% endtrans %}</p>

View File

@@ -25,7 +25,7 @@
<section class="py-26 text-center">
<div class="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>
<h1 class="mb-0">{% trans %}Provide a Better Alternative to Bitcoin{% endtrans %}</h1>
<h6 class="green-500 mb-3">{% trans %}XRPL's Origin{% endtrans %}</h6>
</div>
</div>

View File

@@ -25,14 +25,14 @@
<section class="py-26">
<div class="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>
<h1 class="mb-0">{% trans %}Faster, Cheaper, Green Money{% endtrans %}</h1>
<h6 class="green-500 mb-3">{% trans %}Impact{% endtrans %}</h6>
</div>
</div>
</section>
<section class="container-new py-26">
<div class="col-md-6 offset-md-3 p-10-until-sm pl-0-sm pr-0-sm">
<div class="col-md-6 offset-md-3 p-10-until-sm pt-0">
<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>

View File

@@ -25,7 +25,7 @@
<section class="py-26 text-center">
<div class="col-lg-5 mx-auto text-center">
<div class="d-flex flex-column-reverse">
<h1 class="">{% trans %}Powering Innovative Technology{% endtrans %}</h1>
<h1 class="mb-0">{% trans %}Powering Innovative Technology{% endtrans %}</h1>
<h6 class="green-500 mb-3">{% trans %}XRPL Use Cases{% endtrans %}</h6>
</div>
</div>
@@ -33,7 +33,7 @@
<section class="container-new py-26">
<ul class="mt-10 card-grid card-grid-3xN ls-none">
<ul class="card-grid card-grid-3xN ls-none" id="use-case-card-grid">
{% set uses = [
{ "icon": "./img/icons/micropayments.svg",
"title": _("Micropayments"),

View File

@@ -23,7 +23,7 @@
<section class="py-26 text-center">
<div class="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>
<h1 class="mb-0">{% trans %}Your Questions About XRP, Answered{% endtrans %}</h1>
<h6 class="green-500 mb-3">{% trans %}XRP Overview{% endtrans %}</h6>
</div>
</div>
@@ -31,7 +31,7 @@
<section class="container-new my-20">
<div class="card-grid card-grid-1x2">
<div class="margin-col d-none-sm">
<div class="margin-col d-none-sm mt-lg-0">
<ul class="page-toc no-sideline p-0 sticky-top top-24">
{% set links = [
{ "hash": _("#about-xrp"),
@@ -51,7 +51,7 @@
</ul>
</div>
<div class="col-new">
<div class="col-new mt-lg-0">
<div class="link-section pb-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>

View File

@@ -25,7 +25,7 @@
<section class="py-26 text-center">
<div class="col-lg-5 mx-auto text-center">
<div class="d-flex flex-column-reverse">
<h1 class="mb-18">{% trans %}Fostering the Development of the XRP Ledger{% endtrans %}</h1>
<h1 class="mb-0">{% trans %}Fostering the Development of the XRP Ledger{% endtrans %}</h1>
<h6 class="green-500 mb-3">{% trans %}XRPL Foundation{% endtrans %}</h6>
</div>
</div>