Styling, homepage progress

This commit is contained in:
Thomas Smith 2022-09-08 15:23:13 -04:00
parent a20716a5e9
commit 3c26c69996
2 changed files with 26 additions and 5 deletions

View file

@ -1,5 +1,5 @@
{{ define "main" }} {{ define "main" }}
<section> <section class="hero-section">
<div class="container hero-container"> <div class="container hero-container">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
@ -15,10 +15,18 @@
{{- partial "full-width-cta.html" . -}} {{- partial "full-width-cta.html" . -}}
</section> </section>
<section class="teal-bg"> <section class="teal-bg impact-section">
<div class="row"> <div class="container">
<div class="col"> <div class="row">
<h2 class="black text-center">equitable open-source for web3</h2> <div class="col">
<h2 class="black text-center">equitable open-source for web3</h2>
</div>
</div>
<div class="row">
<div class="col black-bg">
<h3 class="text-center">Lorem ipsum dolor sit amet</h3>
<p class="text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam porta dolor a nibh viverra, eget aliquam velit semper. Duis vestibulum lectus eu nisl semper.</p>
</div>
</div> </div>
</div> </div>
</section> </section>

View file

@ -144,6 +144,7 @@ h2{
h3{ h3{
font-family: "pp-neue-machina", sans-serif; font-family: "pp-neue-machina", sans-serif;
color:#00ffd0; color:#00ffd0;
text-transform: uppercase;
} }
h4{ h4{
@ -235,3 +236,15 @@ hr{
} }
/* Homepage */ /* Homepage */
@media only screen and (min-width: 1280px) {
.hero-section{
margin-bottom: 80px;
}
.impact-section{
padding: 160px 0px;
}
}