mirror of
https://github.com/safing/web
synced 2025-09-02 11:09:03 +00:00
Add new homepage design
This commit is contained in:
davegson
parent
07e2f857b5
commit
0734e4122d
2 changed files with 204 additions and 0 deletions
|
|
@ -1,3 +1,44 @@
|
||||||
|
<div class="header-bg">
|
||||||
</div>
|
</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>
|
||||||
</div>
|
</div>
|
||||||
|
</header>
|
||||||
|
|
|
||||||
163
index.html
163
index.html
|
|
@ -9,6 +9,169 @@ home: true
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
{% include nav.html %}
|
{% 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>
|
</body>
|
||||||
<foot>
|
<foot>
|
||||||
</foot>
|
</foot>
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue