vikarti.anatra/safing-web
1
0
Fork 0
mirror of https://github.com/safing/web synced 2025-09-01 10:39:03 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Add new homepage design

Browse source
This commit is contained in:
davegson 2019-10-23 17:46:49 +02:00
parent 07e2f857b5
commit 0734e4122d
2 changed files with 204 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
_includes/header.html
View file

@ -1,3 +1,44 @@
<div class="header-bg">
</div>
<header>
<div class="h-video">
<figure>
<img src="{{ site.assets_url }}/img/v3/video-placeholder.png" width="100%" height="auto">
<figcaption>
<p>Supported by</p>
<ul>
<li><img id="resize" src="{{ site.assets_url }}/img/v3/esa.png" alt=""></li>
<li><img src="{{ site.assets_url }}/img/v3/netidee.png" alt=""></li>
<li><img src="{{ site.assets_url }}/img/v3/excellence.png" alt=""></li>
<li><img src="{{ site.assets_url }}/img/v3/ffg.png" alt=""></li>
</ul>
</figcaption>
</figure>
</div>
<div class="h-info">
<span>Take back control</span>
<h1>Privacy Network</h1>
<p>
Stay private while surfing the Web with Gate17. Now
you are in charge of where your traffic is going: you can
handle connections separately, choosing where each
shall leave the network.
</p>
<div class="h-stats">
<ul>
<li>
<span>917,188€</span>
<p>Raised</p>
</li>
<li>
<span>7,188</span>
<p>Backers</p>
</li>
</ul>
</div>
<div class="h-links">
<button><img src="{{ site.assets_url }}/img/v3/kickstarter.png" alt=""> kickstarter</button>
<span >or <a href="#">Sign up for beta</a></span>
</div>
</div>
</header>

163
index.html
View file

@ -9,6 +9,169 @@ home: true
</head>
<body>
{% include nav.html %}
{% include header.html %}
<content class="features">
<div class="features-list">
<img id="lock" src="{{ site.assets_url }}img/v3/lock.svg" alt="">
<h1>True Privacy</h1>
<p>
Stay private while surfing the Web with
you are in charge of where your traffic
handle connections
</p>
</div>
<div class="features-list">
<img id="shield" src="{{ site.assets_url }}img/v3/shield.svg" alt="">
<h1>Security</h1>
<p>
Stay private while surfing the Web with
you are in charge of where your traffic
handle connections
</p>
</div>
<div class="features-list">
<img id="community" src="{{ site.assets_url }}img/v3/community.svg" alt="">
<h1>Community</h1>
<p>
Stay private while surfing the Web with
you are in charge of where your traffic
handle connections
</p>
</div>
</content>
<content class="map-features">
<div class="map">
<img src="{{ site.assets_url }}img/v3/map.png" alt="">
</div>
<div class="map-info">
<h1>The next evolution of the internet.</h1>
<p>
it's the foundation we build our products on. We make
sacrifices on all other fronts to protect your privacyand
push the limits of technology to do so.
</p>
<br>
<p>
it's the foundation we build our products on. We make
other fronts to protect.
</p>
<div class="qoute">
<img src="{{ site.assets_url }}img/v3/edward.png" alt="">
<span>Edward Snowden</span>
<p>
“The way how VPNs work now are not good
enough. Safing is pushing forward in the right
direction for privacy.”
</p>
</div>
</div>
</content>
<content class="key-features">
<div class="key-info">
<h1>Explore behavior indivildual</h1>
<p>
it's the foundation we build our products on. We make
sacrifices on all other fronts to protect your privacy and
push the limits of technology to do so.
</p>
<br>
<p>
it's the foundation we build our products on. We make
other fronts to protect.
</p>
</div>
<div class="key-wrap">
<div class="key-one">
<img id="lock2" src="{{ site.assets_url }}img/v3/lock.svg" alt="">
<h1>Privacy First</h1>
<p>
it's the foundation we build our
sacrifices on all other fronts
push the limits of technology.
</p>
</div>
<div class="key-two">
<div>
<img id="shield2" src="{{ site.assets_url }}img/v3/shield.svg" alt="">
<h1>Open Source</h1>
<p>
it's the foundation we build our
sacrifices on all other fronts
push the limits of technology.
</p>
</div>
<div>
<img id="community2" src="{{ site.assets_url }}img/v3/community.svg" alt="">
<h1>Transparent</h1>
<p>
it's the foundation we build our
sacrifices on all other fronts
push the limits of technology.
</p>
</div>
</div>
</div>
</content>
<content class="line-features">
<h1>For us privacy isn't just a feature</h1>
<p>
it's the foundation we build our products on. We make
sacrifices on all other fronts to protect your privacy and
push the limits of technology to do so.
</p>
</content>
<content class="cast">
<div class="cast-info">
<h1>Stay up to dat with whats been going on</h1>
<p>
it's the foundation we build our products on. We make
sacrifices on all other fronts to protect your privacy and
push the limits of technology to do so.
</p>
<br>
<a href="">Check them out!</a>
</div>
<div class="cast-data">
<div class="cast-audio">
<img src="{{ site.assets_url }}img/v3/podcast.png" alt="">
<div>
<span>How to evaluate and trust a business?</span>
<p>
#004
</p>
</div>
</div>
<div class="cast-audio1">
<img src="{{ site.assets_url }}img/v3/podcast.png" alt="">
<div>
<span>Privacy journey: The story of Raphty</span>
<p>
#003
</p>
</div>
</div>
<div class="cast-audio1">
<img src="{{ site.assets_url }}img/v3/podcast.png" alt="">
<div>
<span>decisions that shift a company</span>
<p>
#002
</p>
</div>
</div>
<div class="cast-audio1">
<img src="{{ site.assets_url }}img/v3/podcast.png" alt="">
<div>
<span>How to fund a privacy oriented start up</span>
<p>
#001
</p>
</div>
</div>
</div>
</content>
</body>
<foot>
</foot>