mirror of
https://github.com/safing/web
synced 2025-09-06 13:09:03 +00:00
Update showcase-container layout
This commit is contained in:
parent
756fdea6dd
commit
d938e3e52a
1 changed files with 28 additions and 28 deletions
|
@ -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 alternative. You get an extra service,
|
for our powerful VPN 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>
|
||||||
|
|
Loading…
Add table
Reference in a new issue