Funding page - adds accelerator section (#1870)

* adds funding page changes

* adds link to accelerator page
This commit is contained in:
Aria Keshmiri
2023-04-24 19:01:57 -07:00
committed by GitHub
parent dfd85f64b4
commit fba08a582a

View File

@@ -212,6 +212,88 @@
</div>
</section>
<!-- Accelerator -->
<section class="container-new py-26">
<!-- flex. Col for mobile. Row for large. on large align content to the center -->
<div class="d-flex flex-column flex-lg-row align-items-lg-center">
<div class="order-1 order-lg-2 mb-4 pb-3 mb-lg-0 pb-lg-0 col-lg-6 px-0" style="max-width: 520px;">
<div class="d-flex flex-column-reverse p-lg-3">
<h3 class="h4 h2-sm">{% trans %}XRPL Accelerator{% endtrans %}</h3>
<h6 class="eyebrow mb-3">{% trans %}Advance your project{% endtrans %}</h6>
</div>
<p class="p-lg-3 mb-2 longform">{% trans %}12-week program for entrepreneurs building on the XRP Ledger to scale their projects into thriving businesses.{% endtrans %}</p>
<div class="d-none d-lg-block p-lg-3">
<a class="btn btn-primary btn-arrow" href="https://xrplaccelerator.org/">{% trans %}View XRPL Accelerator{% endtrans %}</a>
</div>
</div>
<div class="order-2 order-lg-1 col-lg-6 px-0">
<div class="row align-items-center m-0 funding-list">
<!-- funding list -->
<div class="col-12 col-lg-6 p-0">
<div class="px-lg-3 pb-3">
<img id="funding-01" src="data:," />
<div class="pt-3">
<h6 class="mb-3">Best for</h6>
<p>Start-ups building scalable products on XRPL that can capture a large market opportunity</p>
</div>
</div>
<!-- Hide on large -->
<div class="px-lg-3 pb-3 d-lg-none">
<img id="funding-02" src="data:," />
<div class="pt-3">
<h6 class="mb-3">Required</h6>
<p><span style="color: #7919FF;">&bull;</span> Strong founding team <br/> <span style="color: #7919FF;">&bull;</span> Bold, ambitious vision <br/> <span style="color: #7919FF;">&bull;</span> Ideally an MVP and monetization strategy</p>
</div>
</div>
<div class="px-lg-3 pb-3 pt-lg-5">
<img id="funding-03" src="data:," />
<div class="pt-3">
<h6 class="mb-3">Level</h6>
<p><span style="color: #7919FF;">&bull;</span> XRPL advanced developers <br/> <span style="color: #7919FF;">&bull;</span> Business acumen</p>
</div>
</div>
<!-- Hide on large -->
<div class="px-lg-3 pb-3 d-lg-none">
<img id="funding-04" src="data:," />
<div class="pt-3">
<h6 class="mb-3">Funding Levels</h6>
<p>$50,000 (grant) + pitch for venture funding</p>
</div>
</div>
</div>
<!-- end col 1 -->
<!-- Show on large -->
<div class="col-12 col-lg-6 p-0 d-none d-lg-block">
<div class="px-lg-3 pb-3 pt-5 mt-5">
<div class="pt-1 mt-3">
<img id="funding-02" src="data:," />
<div class="pt-3">
<h6 class="mb-3">Required</h6>
<p><span style="color: #7919FF;">&bull;</span> Strong founding team <br/> <span style="color: #7919FF;">&bull;</span> Bold, ambitious vision <br/> <span style="color: #7919FF;">&bull;</span> Ideally an MVP and monetization strategy</p>
</div>
</div>
</div>
<div class="px-lg-3 pb-3 pt-5">
<img id="funding-04" src="data:," />
<div class="pt-3">
<h6 class="mb-3">Funding Levels</h6>
<p>$50,000 (grant) + pitch for venture funding</p>
</div>
</div>
</div>
<!-- end col 2 -->
</div>
</div>
<div class="d-lg-none order-3 mt-4 pt-3">
<a class="btn btn-primary btn-arrow" href="https://xrplaccelerator.org/">{% trans %}View XRPL Accelerator{% endtrans %}</a>
</div>
</div>
</section>
<div class="position-relative d-none-sm">
<img src="./img/backgrounds/funding-orange.svg" id="funding-orange">