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