Update showcase-container layout

This commit is contained in:
Luke 2022-01-25 03:38:22 +01:00
parent 756fdea6dd
commit d938e3e52a

View file

@ -4,12 +4,15 @@ layout: page
---
<section class="space-y-80">
<div class="showcase-container mt-32">
<div class="showcase-left">
<h2 class="showcase-left-title" style="max-width: 450px;">
<div class="showcase-container-reverse mt-32">
<div class="showcase-left" style="max-width: 1050px;">
<img src="{{ site.img_url }}page-specific/business-model/provide-local-value-for-free-forever.png" alt="">
</div>
<div class="showcase-right">
<h2 class="showcase-right-title" style="max-width: 450px;">
Provide Local Value for Free, Forever
</h2>
<p class="showcase-left-desc">
<p class="showcase-right-desc">
Everybody deserves privacy, not only the wealthy. That is why
all local privacy features are free, and will remain so forever.
This fits perfectly into the Freemium business model as well as
@ -17,16 +20,16 @@ layout: page
</p>
<a class="btn-secondary" href="{{ site.portmaster_url }}">Discover the portmaster</a>
</div>
<div class="showcase-right" style="max-width: 1050px;">
<img src="{{ site.img_url }}page-specific/business-model/provide-local-value-for-free-forever.png" alt="">
</div>
</div>
<div class="showcase-container-reverse">
<div class="showcase-left">
<h2 class="showcase-left-title" style="max-width: 450px;">
<div class="showcase-container">
<div class="showcase-left" style="max-width: 850px;">
<img src="{{ site.img_url }}page-specific/business-model/only-pay-for-protection-in-transit.png" alt="">
</div>
<div class="showcase-right">
<h2 class="showcase-right-title" style="max-width: 450px;">
Sell Protection in Transit
</h2>
<p class="showcase-left-desc">
<p class="showcase-right-desc">
There is privacy that comes with a cost because it requires
additional server bandwidth. Naturally, this is where we charge
for our powerful VPN&nbsp;alternative. You get an extra service,
@ -34,16 +37,16 @@ layout: page
</p>
<a class="btn-secondary" href="#">Discover the spn</a>
</div>
<div class="showcase-right" style="max-width: 850px;">
<img src="{{ site.img_url }}page-specific/business-model/only-pay-for-protection-in-transit.png" alt="">
</div>
</div>
<div class="showcase-container ">
<div class="showcase-left">
<h2 class="showcase-left-title" style="max-width: 450px;">
<div class="showcase-container-reverse">
<div class="showcase-left" style="max-width: 850px;">
<img src="{{ site.img_url }}page-specific/business-model/reinvest-earnings-into-privacy.png" alt="">
</div>
<div class="showcase-right">
<h2 class="showcase-right-title" style="max-width: 450px;">
Reinvest Earnings into Privacy
</h2>
<p class="showcase-left-desc">
<p class="showcase-right-desc">
All our income is invested into the privacy cycle: Finance amazing
talent. Develop great, open source software - both free and paid.
Delight users so more people join and support the cycle.
@ -53,24 +56,21 @@ layout: page
the Freedom of our societies.
</p>
</div>
<div class="showcase-right" style="max-width: 850px;">
<img src="{{ site.img_url }}page-specific/business-model/reinvest-earnings-into-privacy.png" alt="">
</div>
</div>
<div class="showcase-container-reverse">
<div class="showcase-left">
<h2 class="showcase-left-title" style="max-width: 450px;">
<div class="showcase-container">
<div class="showcase-left" style="max-width: 850px;">
<img src="{{ site.img_url }}page-specific/about/safing-hand.gif" alt="">
</div>
<div class="showcase-right">
<h2 class="showcase-right-title" style="max-width: 450px;">
Clear Ownership & Transparent Funding
</h2>
<p class="showcase-left-desc">
<p class="showcase-right-desc">
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 so far.
</p>
<a class="btn-secondary" href="{{ site.ownership_url }}">Explore our influences</a>
</div>
<div class="showcase-right" style="max-width: 850px;">
<img src="{{ site.img_url }}page-specific/about/safing-hand.gif" alt="">
</div>
</div>
</section>