Spacing in features section

This commit is contained in:
Thomas Smith 2023-02-02 14:07:24 -05:00
parent daa9ccf9c6
commit 77fb8fcb18

View file

@ -196,7 +196,7 @@
<!-- Teal Impact Section --> <!-- Teal Impact Section -->
<section class="teal-bg impact-section two-boxes"> <section class="teal-bg impact-section one-box">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
@ -226,32 +226,9 @@
</div> </div>
</section> </section>
<style>
i{
font-weight: 900 !important;
}
.single-grid-row{
margin-top: -1.6vw;
}
.box {
display: flex;
align-items: center;
justify-content: center;
}
.box div {
}
</style>
<!-- Features --> <!-- Features -->
<section class="two-boxes-up"> <section class="one-box">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-xl-8 col-lg-8 col-md-12 col-sm-12 col-12"> <div class="col-xl-8 col-lg-8 col-md-12 col-sm-12 col-12">
@ -292,18 +269,13 @@
</div> </div>
</section> </section>
<hr>
<!-- Homebrew v. tea Section --> <!-- Homebrew v. tea Section -->
<section class="features two-boxes-down"> <section>
<div class="container"> <div class="container">
<div class="row one-box-down">
<div class="divider two-boxes-down">
<hr>
</div>
<!-- First -->
<div class="row two-boxes-down">
<div class="col-xl-7 col-lg-6 col-md-12 col-sm-12 col-12 mb-xl-0 mb-lg-0 mb-md-5 mb-sm-5 mb-5 flex order-2"> <div class="col-xl-7 col-lg-6 col-md-12 col-sm-12 col-12 mb-xl-0 mb-lg-0 mb-md-5 mb-sm-5 mb-5 flex order-2">
<div class="feature-content ps-xl-5 ps-lg-3 ps-md-0 ps-sm-0 ps-0"> <div class="feature-content ps-xl-5 ps-lg-3 ps-md-0 ps-sm-0 ps-0">
<h2 class="display-4">tea magic</h2> <h2 class="display-4">tea magic</h2>
@ -330,13 +302,13 @@
</div> </div>
</div> </div>
<div class="divider two-boxes-down"> <div class="divider">
<hr> <hr>
</div> </div>
<!-- Second --> <!-- Second -->
<div class="row two-boxes-down"> <div class="row one-box">
<div class="col-xl-7 col-lg-6 col-md-12 col-sm-12 col-12 mb-xl-0 mb-lg-0 mb-md-5 mb-sm-5 mb-5 order-xl-1 order-lg-1 order-md-2 order-sm-2 order-2 flex"> <div class="col-xl-7 col-lg-6 col-md-12 col-sm-12 col-12 mb-xl-0 mb-lg-0 mb-md-5 mb-sm-5 mb-5 order-xl-1 order-lg-1 order-md-2 order-sm-2 order-2 flex">
<div class="feature-content pe-xl-5 pe-lg-3 pe-md-0 pe-sm-0 pe-0"> <div class="feature-content pe-xl-5 pe-lg-3 pe-md-0 pe-sm-0 pe-0">
<h2 class="display-4">Developer Environments</h2> <h2 class="display-4">Developer Environments</h2>
@ -363,13 +335,13 @@
</div> </div>
</div> </div>
<div class="divider two-boxes-down"> <div class="divider">
<hr> <hr>
</div> </div>
<!-- Third --> <!-- Third -->
<div class="row one-box-down"> <div class="row one-box">
<div class="col-xl-7 col-lg-6 col-md-12 col-sm-12 col-12 mb-xl-0 mb-lg-0 mb-md-5 mb-sm-5 mb-5 flex order-2"> <div class="col-xl-7 col-lg-6 col-md-12 col-sm-12 col-12 mb-xl-0 mb-lg-0 mb-md-5 mb-sm-5 mb-5 flex order-2">
<div class="feature-content ps-xl-5 ps-lg-3 ps-md-0 ps-sm-0 ps-0"> <div class="feature-content ps-xl-5 ps-lg-3 ps-md-0 ps-sm-0 ps-0">
<h2 class="display-4">tea scripts</h2> <h2 class="display-4">tea scripts</h2>
@ -450,7 +422,7 @@
<section class="gs-section"> <section class="gs-section">
<div class="container"> <div class="container">
<div class="row two-boxes"> <div class="row one-box">
<div class="col-xl-5 col-lg-5 col-md-12 col-sm-12 col-12 mb-5"> <div class="col-xl-5 col-lg-5 col-md-12 col-sm-12 col-12 mb-5">
<div class="gs-parent"> <div class="gs-parent">
<div class="gs-content"> <div class="gs-content">
@ -618,10 +590,7 @@
} }
</style> </style>
<hr>
<div class="full-width-cta-container">
{{- partial "full-width-cta-split.html" . -}}
</div>
<!-- <!--
@ -721,9 +690,7 @@
</div> </div>
</section> </section>
<div class="full-width-cta-container"> <hr>
{{- partial "full-width-cta-split.html" . -}}
</div>
<style> <style>
@ -800,17 +767,6 @@
</div> </div>
</section> </section>
<hr>
<div class="row button-container flex">
<a href="https://github.com/teaxyz/cli/graphs/contributors" class="ps-0 pe-0 btn-div" id="btn-div-top" >
<button class="sbtn sb-fill-top">VIEW ALL CONTRIBUTORS</button>
</a>
<a href="https://github.com/teaxyz/cli#contributing" class="ps-0 pe-0 btn-div" id="btn-div" >
<button class="sbtn sb-fill-top">LEARN HOW TO CONTRIBUTE</button>
</a>
</div>
<hr>
<script> <script>
$.getJSON("https://api.github.com/repos/teaxyz/cli/contributors", function(contributors) { $.getJSON("https://api.github.com/repos/teaxyz/cli/contributors", function(contributors) {