mirror of
https://github.com/safing/web
synced 2025-04-16 17:09:09 +00:00
Configure top/bottom padding for section containers
This commit is contained in:
parent
87d01f540a
commit
7fc0d07ecc
5 changed files with 22 additions and 22 deletions
_includes
_sass/prebuilt/section-container
business-model
portmaster
spn
|
@ -1,4 +1,4 @@
|
||||||
<header class="header-one-container">
|
<header class="header-one-container mb-64">
|
||||||
<div class="header-one-left">
|
<div class="header-one-left">
|
||||||
<span style="margin-top: -8rem; margin-left: 14rem; z-index: -1;" class="absolute">
|
<span style="margin-top: -8rem; margin-left: 14rem; z-index: -1;" class="absolute">
|
||||||
<img src="{{ site.img_url }}/shapes/circle-md-2.png" alt="">
|
<img src="{{ site.img_url }}/shapes/circle-md-2.png" alt="">
|
||||||
|
|
|
@ -1,11 +1,11 @@
|
||||||
.section-container {
|
.section-container {
|
||||||
margin-top: 5rem;
|
margin-top: 10rem;
|
||||||
margin-bottom: 5rem;
|
margin-bottom: 16rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.section-container > div:first-child {
|
.section-container > div:first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.section-container > div {
|
.section-container > div {
|
||||||
margin-top: 15rem;
|
margin-top: 15rem;
|
||||||
}
|
}
|
||||||
|
|
|
@ -4,7 +4,7 @@ layout: page
|
||||||
---
|
---
|
||||||
|
|
||||||
<section class="space-y-80">
|
<section class="space-y-80">
|
||||||
<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/business-model/provide-local-value-for-free-forever.png" alt="">
|
<img src="{{ site.img_url }}page-specific/business-model/provide-local-value-for-free-forever.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
|
@ -13,9 +13,9 @@ layout: page
|
||||||
Provide Local Value for Free, Forever
|
Provide Local Value for Free, Forever
|
||||||
</h2>
|
</h2>
|
||||||
<p class="showcase-right-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
|
||||||
into FOSS, free and open source software.
|
into FOSS, free and open source software.
|
||||||
</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>
|
||||||
|
@ -30,9 +30,9 @@ layout: page
|
||||||
Sell Protection in Transit
|
Sell Protection in Transit
|
||||||
</h2>
|
</h2>
|
||||||
<p class="showcase-right-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,
|
||||||
we get to finance ourselves.
|
we get to finance ourselves.
|
||||||
</p>
|
</p>
|
||||||
<a class="btn-secondary" href="{{ site.spn_url }}">Discover the SPN</a>
|
<a class="btn-secondary" href="{{ site.spn_url }}">Discover the SPN</a>
|
||||||
|
@ -47,13 +47,13 @@ layout: page
|
||||||
Reinvest Earnings into Privacy
|
Reinvest Earnings into Privacy
|
||||||
</h2>
|
</h2>
|
||||||
<p class="showcase-right-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.
|
||||||
<br>
|
<br>
|
||||||
<br>
|
<br>
|
||||||
Repeat endlessly to spread privacy to the masses; strengthening
|
Repeat endlessly to spread privacy to the masses; strengthening
|
||||||
the Freedom of our societies.
|
the Freedom of our societies.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -66,8 +66,8 @@ layout: page
|
||||||
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
|
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>
|
||||||
|
|
|
@ -10,7 +10,7 @@ redirect_from:
|
||||||
<i class="icon-info"></i>
|
<i class="icon-info"></i>
|
||||||
<span>Portmaster is Alpha Software - expect hiccups here and there</span>
|
<span>Portmaster is Alpha Software - expect hiccups here and there</span>
|
||||||
</div>
|
</div>
|
||||||
<header class="header-two-container">
|
<header class="header-two-container mb-64">
|
||||||
<div class="header-two-top">
|
<div class="header-two-top">
|
||||||
<h1 class="header-two-top-title">
|
<h1 class="header-two-top-title">
|
||||||
Take Back Control of Your Computer
|
Take Back Control of Your Computer
|
||||||
|
|
|
@ -13,7 +13,7 @@ layout: page
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<header class="header-one-container-reverse my-40">
|
<header class="header-one-container-reverse mb-64">
|
||||||
<div class="header-one-left pl-12">
|
<div class="header-one-left pl-12">
|
||||||
<h1 class="header-one-left-title lg:max-w-md">
|
<h1 class="header-one-left-title lg:max-w-md">
|
||||||
Safing Privacy Network
|
Safing Privacy Network
|
||||||
|
@ -148,7 +148,7 @@ layout: page
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="packages-container" id="pricing">
|
<div class="packages-container" id="pricing">
|
||||||
<div class="alert-primary">
|
<div class="alert-primary mb-20">
|
||||||
<a data-method="get" href="{{ site.spn_alpha_status_page_url }}">
|
<a data-method="get" href="{{ site.spn_alpha_status_page_url }}">
|
||||||
<span>
|
<span>
|
||||||
SPN is in "Alpha". View
|
SPN is in "Alpha". View
|
||||||
|
|
Loading…
Add table
Reference in a new issue