Add section container class to about page

This commit is contained in:
davegson 2022-02-04 15:38:26 +01:00
parent af4ecc239c
commit 7f8d7d8720

View file

@ -6,8 +6,8 @@ redirect_from:
- /community-hub/ - /community-hub/
--- ---
<section class="space-y-52"> <section class="section-container">
<div class="showcase-container-reverse mt-32"> <div class="showcase-container-reverse">
<div class="showcase-left" style="max-width: 1050px;"> <div class="showcase-left" style="max-width: 1050px;">
<img src="{{ site.img_url }}page-specific/about/team_overview.png" alt=""> <img src="{{ site.img_url }}page-specific/about/team_overview.png" alt="">
</div> </div>
@ -16,16 +16,16 @@ redirect_from:
We <span class="text-safing-blue-500">love&nbsp;Freedom</span>, just like You We <span class="text-safing-blue-500">love&nbsp;Freedom</span>, just like You
</h2> </h2>
<p class="showcase-right-desc"> <p class="showcase-right-desc">
We are a bunch of ordinary people who want to change the world. Discontent with We are a bunch of ordinary people who want to change the world. Discontent with
the global state of mass surveillance, and seeing how it negatively impacts our the global state of mass surveillance, and seeing how it negatively impacts our
lives, we decided it was time to do something about it. lives, we decided it was time to do something about it.
<br> <br>
<br> <br>
We still have a long way to go. We hope you'll join the journey. We still have a long way to go. We hope you'll join the journey.
</p> </p>
<div class="col-container w-full text-left md:text-center lg:w-max lg:text-left"> <div class="col-container w-full text-left md:text-center lg:w-max lg:text-left">
<a class="btn-secondary" href="{{ site.team_url }}">View team overview</a> <a class="btn-secondary" href="{{ site.team_url }}">View team overview</a>
<a class="btn-tertiary hover-opacity-out" href="#">Follow along</a> <a class="btn-tertiary hover-opacity-out" href="#footer">Follow along</a>
</div> </div>
</div> </div>
</div> </div>
@ -55,7 +55,7 @@ redirect_from:
<i class="icon-heart feature-right-content-icon"></i> <i class="icon-heart feature-right-content-icon"></i>
<span class="feature-right-content-title">Transparency</span> <span class="feature-right-content-title">Transparency</span>
<p class="feature-right-content-desc"> <p class="feature-right-content-desc">
The trust to handle your sensitive data can only grow by being open The trust to handle your sensitive data can only grow by being open
about our company. In every aspect. about our company. In every aspect.
</p> </p>
</div> </div>
@ -63,7 +63,7 @@ redirect_from:
<i class="icon-users feature-right-content-icon"></i> <i class="icon-users feature-right-content-icon"></i>
<span class="feature-right-content-title">Our Quest</span> <span class="feature-right-content-title">Our Quest</span>
<p class="feature-right-content-desc"> <p class="feature-right-content-desc">
We chase freedom so our societies can flourish. Giving control back to We chase freedom so our societies can flourish. Giving control back to
the people is way overdue. the people is way overdue.
</p> </p>
</div> </div>
@ -75,12 +75,12 @@ redirect_from:
</div> </div>
<div class="showcase-right"> <div class="showcase-right">
<h2 class="showcase-right-title" style="max-width: 350px;"> <h2 class="showcase-right-title" style="max-width: 350px;">
A Simple Business Model A Simple Business Model
</h2> </h2>
<p class="showcase-right-desc"> <p class="showcase-right-desc">
Our business model is Freemium. First provide local privacy for free, forever. Our business model is Freemium. First provide local privacy for free, forever.
Then let happy users support us by paying for a powerful VPN alternative. Finally Then let happy users support us by paying for a powerful VPN alternative. Finally
reinvest earnings into making all our products better. reinvest earnings into making all our products better.
</p> </p>
<a class="btn-secondary" href="{{ site.business_model_url }}">Look At The Cycle</a> <a class="btn-secondary" href="{{ site.business_model_url }}">Look At The Cycle</a>
</div> </div>
@ -91,12 +91,12 @@ redirect_from:
</div> </div>
<div class="showcase-right"> <div class="showcase-right">
<h2 class="showcase-right-title" style="max-width: 450px;"> <h2 class="showcase-right-title" style="max-width: 450px;">
Clear Ownership & Transparent Funding Clear Ownership & Transparent Funding
</h2> </h2>
<p class="showcase-right-desc"> <p class="showcase-right-desc">
Taking money always means opening up to influences. Therefore, we see it as our duty Taking money always means opening up to influences. Therefore, we see it as our duty
to not only be open about our ownership, but also about how we financed our journey to not only be open about our ownership, but also about how we financed our journey
so far. so far.
</p> </p>
<a class="btn-secondary" href="{{ site.ownership_url }}">Explore our influences</a> <a class="btn-secondary" href="{{ site.ownership_url }}">Explore our influences</a>
</div> </div>