center contribute section

This commit is contained in:
Jake
2021-12-03 18:29:34 -07:00
committed by mDuo13
parent 1eae37e095
commit e1c8fffe9e
3 changed files with 22 additions and 10 deletions

File diff suppressed because one or more lines are too long

View File

@@ -20,8 +20,19 @@
}
}
.code-contribute {
@include media-breakpoint-up(lg) {
width: 75vw;
position: relative;
left: 20%;
right: 20%;
margin-left: -30vw;
margin-right: -30vw;
}
}
.contribute_1 {
// border-top: 2px solid linear-gradient(to right rgba(255,0,0,.8), rgba(255,0,0,0));
&::before {
content:"";
background: -webkit-linear-gradient(left, rgba(254, 255, 1, 1), rgba(255, 45, 154, 1) );

View File

@@ -4,7 +4,7 @@
{% block mainclasses %}landing page-community{% endblock %}
{% block main %}
<div class="overflow-hidden">
<div class="">
{# <div class="position-relative">
<img src="./img/backgrounds/xrpl-overview-purple.svg" class="landing-bg" id="xrpl-overview-purple">
@@ -79,9 +79,10 @@
</div>
</section>
<section class="py-26 container">
<div class="col-lg-12 mx-auto ">
{# container #}
{# col-lg-12 mx-auto #}
<section class="py-26 code-contribute">
<div class=" ">
<div class="d-flex flex-column">
<h3 class="h4 h2-sm pb-4">{% trans %}Contribute Code Samples{% endtrans %}</h3>
@@ -89,10 +90,10 @@
</div>
<div class="row">
<div class=" col-lg-3 contribute_1"><h5 class="pb-4 md:pt-20">Fork and clone</h5><p class="pb-4">Fork the xrpl-dev-portal repo. Using git, clone the fork to your computer.</p></div>
<div class=" col-lg-3 contribute_2"><h5 class="pb-4 md:pt-20">Add to folder</h5><p class="pb-4">Add your sample code to the content/_code-samples folder. Be sure to include a README.md that summarizes what it does and anything else people should know about it.</p></div>
<div class=" col-lg-3 contribute_3"><h5 class="pb-4 md:pt-20">Commit and push</h5><p class="pb-4">Commit your changes and push them to your fork on GitHub.</p></div>
<div class=" col-lg-3 contribute_4"><h5 class="pb-4 md:pt-20">Open a pull request</h5><p class="pb-4">Open a pull request to the original repo. Maintainers will review your submission and suggest changes if necessary. If the code sample is helpful, itll be merged and added to XRPL.org!</p></div>
<div class=" col-lg-3 contribute_1"><h5 class="pb-4 pt-md-5">Fork and clone</h5><p class="pb-4">Fork the xrpl-dev-portal repo. Using git, clone the fork to your computer.</p></div>
<div class=" col-lg-3 contribute_2"><h5 class="pb-4 pt-md-5">Add to folder</h5><p class="pb-4">Add your sample code to the content/_code-samples folder. Be sure to include a README.md that summarizes what it does and anything else people should know about it.</p></div>
<div class=" col-lg-3 contribute_3"><h5 class="pb-4 pt-md-5">Commit and push</h5><p class="pb-4">Commit your changes and push them to your fork on GitHub.</p></div>
<div class=" col-lg-3 contribute_4"><h5 class="pb-4 pt-md-5">Open a pull request</h5><p class="pb-4">Open a pull request to the original repo. Maintainers will review your submission and suggest changes if necessary. If the code sample is helpful, itll be merged and added to XRPL.org!</p></div>
</div>
<a class="mt-12 btn btn-primary btn-arrow" href="#">Submit Code Samples</a>