style client logos
This commit is contained in:
parent
8a8f21536a
commit
0de1217f50
|
@ -272,20 +272,33 @@ footer .separator {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.cofunders{
|
.who-is-involved-content {
|
||||||
margin-top: 2rem;
|
.autonomic {
|
||||||
}
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
.cofunders p{
|
.cofunders {
|
||||||
margin-left: 1rem;
|
margin-top: 3rem;
|
||||||
margin-bottom: 0 !important;
|
p { margin-bottom: 0 !important; }
|
||||||
}
|
|
||||||
|
|
||||||
.client-logos{
|
.client-logos {
|
||||||
margin-top: 2rem;
|
margin-top: 4rem;
|
||||||
display: grid;
|
display: flex;
|
||||||
grid-template-rows: 1fr 1fr;
|
flex-direction: column;
|
||||||
grid-template-columns: 1fr 1fr 1fr;
|
justify-content: center;
|
||||||
gap: 1rem;
|
gap: 3rem;
|
||||||
justify-content: center;
|
|
||||||
|
.first-row{
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 1fr 1fr;
|
||||||
|
place-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.second-row {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
|
@ -4,28 +4,42 @@
|
||||||
<h1 class="is-uppercase is-size-3 has-text-weight-bold">Who is involved</h1>
|
<h1 class="is-uppercase is-size-3 has-text-weight-bold">Who is involved</h1>
|
||||||
<hr class="hr-header has-background-white">
|
<hr class="hr-header has-background-white">
|
||||||
</div>
|
</div>
|
||||||
<div class="columns is-multiline is-tablet is-variable is-vcentered">
|
<div class="who-is-involved-content">
|
||||||
<div class="column is-one-quarter is-full-mobile">
|
<div class="autonomic">
|
||||||
<img id="autonomic-logo" alt="Autonomic Logo" width="350px" src="/svg/autonomic_logo_white.svg">
|
|
||||||
</div>
|
|
||||||
<div class="column is-half-widescreen is-two-thirds-tablet is-offset-1 is-desktop">
|
|
||||||
<p class="is-size-4 block">{{ site.Data.who_is_involved.text }}</p>
|
|
||||||
<a href="{{ site.Params.links.autonomicSite }}"><button class="button is-autonomic has-text-white is-large">visit: autonomic.zone</button></a>
|
|
||||||
</div>
|
|
||||||
<div class="columns is-multiline is-tablet is-variable is-vcentered">
|
|
||||||
<div class="column is-one-quarter is-full-mobile">
|
<div class="column is-one-quarter is-full-mobile">
|
||||||
|
<img id="autonomic-logo" alt="Autonomic Logo" width="350px" src="/svg/autonomic_logo_white.svg">
|
||||||
|
</div>
|
||||||
|
<div class="column is-half-widescreen is-two-thirds-tablet is-offset-1 is-desktop">
|
||||||
|
<p class="is-size-4 block">{{ site.Data.who_is_involved.text }}</p>
|
||||||
|
<a href="{{ site.Params.links.autonomicSite }}"><button class="button is-autonomic has-text-white is-large">visit: autonomic.zone</button></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="cofunders">
|
||||||
|
<div class="d-flex">
|
||||||
|
<h2 class="is-uppercase is-size-4 has-text-weight-bold">co-funders</h2>
|
||||||
|
<p class="is-size-4 block">Autonomic is providing Co-op Cloud hosted services for these fine folks:</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="columns is-multiline is-tablet is-variable is-vcentered cofunders">
|
<div class="client-logos">
|
||||||
<h2 class="is-uppercase is-size-4 has-text-weight-bold">co-funders:</h2>
|
<div class="first-row">
|
||||||
<p class="is-size-4 block">Autonomic is providing Co-op Cloud hosted services for these fine folks:</p>
|
<div>
|
||||||
|
<a href="https://www.neuronicgames.com/"><img src='/logos/neuronic-games.png'></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="client-logos">
|
<div>
|
||||||
<div><a href="https://www.neuronicgames.com/"><img src='/logos/neuronic-games.png'></a></div>
|
<a href="https://www.fashionrevolution.org/"><img src='/logos/fashion-rev.svg' height="150px"></a>
|
||||||
<div><a href="https://www.fashionrevolution.org/"><img src='/logos/fashion-rev.svg' height="150px"></a></div>
|
</div>
|
||||||
<div><a href="https://biobulkbende.org/"><img src='/logos/biobulkbende.png'></a></div>
|
<div>
|
||||||
<div><a href="https://www.thirdsectoraccountancy.coop/"><img src='/logos/third-sector-accountancy.svg' style="height:150px;"></a></div>
|
<a href="https://biobulkbende.org/"><img src='/logos/biobulkbende.png'></a>
|
||||||
<div><a href="https://anarchyrules.info/"><img src='/logos/anarchy-rules.png' style="height:150px;"></a></div>
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="second-row">
|
||||||
|
<div>
|
||||||
|
<a href="https://www.thirdsectoraccountancy.coop/"><img src='/logos/third-sector-accountancy.svg' style="height:150px;"></a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="https://anarchyrules.info/"><img src='/logos/anarchy-rules.png' style="height:150px;"></a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue