mirror of
https://github.com/safing/web
synced 2025-09-02 02:59:03 +00:00
Beautify new html
This commit is contained in:
parent
d2b599bb84
commit
075762875d
9 changed files with 223 additions and 232 deletions
|
@ -1,10 +1,10 @@
|
||||||
<content>
|
<content>
|
||||||
<div class="about-short">
|
<div class="about-short">
|
||||||
<h1>For us, privacy isn't just a feature</h1>
|
<h1>For us, privacy isn't just a feature</h1>
|
||||||
<p>
|
<p>
|
||||||
it's the foundation we build our products on. We make
|
it's the foundation we build our products on. We make
|
||||||
sacrifices on all other fronts to protect your privacy and
|
sacrifices on all other fronts to protect your privacy and
|
||||||
push the limits of technology to do so.
|
push the limits of technology to do so.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</content>
|
</content>
|
|
@ -1,42 +1,42 @@
|
||||||
<content >
|
<content>
|
||||||
<div class="cast">
|
<div class="cast">
|
||||||
<div class="c-l">
|
<div class="c-l">
|
||||||
<a href="">
|
<a href="">
|
||||||
<img src="{{ site.img_url }}podcast.png" alt="">
|
<img src="{{ site.img_url }}podcast.png" alt="">
|
||||||
<div>
|
<div>
|
||||||
<span>How to evaluate and trust a business?</span>
|
<span>How to evaluate and trust a business?</span>
|
||||||
<p>#004</p>
|
<p>#004</p>
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
<a href="">
|
|
||||||
<img src="{{ site.img_url }}podcast.png" alt="">
|
|
||||||
<div>
|
|
||||||
<span>How to evaluate and trust a business?</span>
|
|
||||||
<p>#004</p>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
<a href="">
|
|
||||||
<img src="{{ site.img_url }}podcast.png" alt="">
|
|
||||||
<div>
|
|
||||||
<span>How to evaluate and trust a business?</span>
|
|
||||||
<p>#004</p>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
<a href="">
|
|
||||||
<img src="{{ site.img_url }}podcast.png" alt="">
|
|
||||||
<div>
|
|
||||||
<span>How to evaluate and trust a business?</span>
|
|
||||||
<p>#004</p>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="c-r">
|
</a>
|
||||||
<h1>Stay up to dat with whats been going on</h1>
|
<a href="">
|
||||||
<p>
|
<img src="{{ site.img_url }}podcast.png" alt="">
|
||||||
it's the foundation we build our products on. We make
|
<div>
|
||||||
sacrifices on all other fronts to protect your privacy and
|
<span>How to evaluate and trust a business?</span>
|
||||||
push the limits of technology to do so.
|
<p>#004</p>
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="">
|
||||||
|
<img src="{{ site.img_url }}podcast.png" alt="">
|
||||||
|
<div>
|
||||||
|
<span>How to evaluate and trust a business?</span>
|
||||||
|
<p>#004</p>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="">
|
||||||
|
<img src="{{ site.img_url }}podcast.png" alt="">
|
||||||
|
<div>
|
||||||
|
<span>How to evaluate and trust a business?</span>
|
||||||
|
<p>#004</p>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="c-r">
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</content>
|
</content>
|
|
@ -1,37 +1,37 @@
|
||||||
<content>
|
<content>
|
||||||
<div class="features">
|
<div class="features">
|
||||||
<div>
|
<div>
|
||||||
<img src="{{ site.icons_url }}lock.svg" alt="">
|
<img src="{{ site.icons_url }}lock.svg" alt="">
|
||||||
<div>
|
<div>
|
||||||
<span>True Privacy</span>
|
<span>True Privacy</span>
|
||||||
<p>
|
<p>
|
||||||
Stay private while surfing the Web with
|
Stay private while surfing the Web with
|
||||||
you are in charge of where your traffic
|
you are in charge of where your traffic
|
||||||
handle connections
|
handle connections
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<img src="{{ site.icons_url }}shield.svg" alt="">
|
|
||||||
<div>
|
|
||||||
<span>True Privacy</span>
|
|
||||||
<p>
|
|
||||||
Stay private while surfing the Web with
|
|
||||||
you are in charge of where your traffic
|
|
||||||
handle connections
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<img src="{{ site.icons_url }}community.svg" alt="">
|
|
||||||
<div>
|
|
||||||
<span>True Privacy</span>
|
|
||||||
<p>
|
|
||||||
Stay private while surfing the Web with
|
|
||||||
you are in charge of where your traffic
|
|
||||||
handle connections
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div>
|
||||||
|
<img src="{{ site.icons_url }}shield.svg" alt="">
|
||||||
|
<div>
|
||||||
|
<span>True Privacy</span>
|
||||||
|
<p>
|
||||||
|
Stay private while surfing the Web with
|
||||||
|
you are in charge of where your traffic
|
||||||
|
handle connections
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<img src="{{ site.icons_url }}community.svg" alt="">
|
||||||
|
<div>
|
||||||
|
<span>True Privacy</span>
|
||||||
|
<p>
|
||||||
|
Stay private while surfing the Web with
|
||||||
|
you are in charge of where your traffic
|
||||||
|
handle connections
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</content>
|
</content>
|
|
@ -1,32 +1,32 @@
|
||||||
<footer class="f-bg">
|
<footer class="f-bg">
|
||||||
<div class="list">
|
<div class="list">
|
||||||
<ul>
|
<ul>
|
||||||
<span>Company</span>
|
<span>Company</span>
|
||||||
<li><a href="{{ site.community_hub_url }}">Community Hub</a></li>
|
<li><a href="{{ site.community_hub_url }}">Community Hub</a></li>
|
||||||
<li><a href="{{ site.jobs_url }}">Jobs</a></li>
|
<li><a href="{{ site.jobs_url }}">Jobs</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
<ul>
|
<ul>
|
||||||
<span>Podcast</span>
|
<span>Podcast</span>
|
||||||
<li><a href="{{ site.podcast_url }}">Overview</a></li>
|
<li><a href="{{ site.podcast_url }}">Overview</a></li>
|
||||||
<li><a href="{{ site.podcast_feed_url }}">RSS</a></li>
|
<li><a href="{{ site.podcast_feed_url }}">RSS</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
<ul>
|
<ul>
|
||||||
<span>Resources</span>
|
<span>Resources</span>
|
||||||
<li><a href="{{ site.technology_url }}">Technology</a></li>
|
<li><a href="{{ site.technology_url }}">Technology</a></li>
|
||||||
<li><a href="{{ site.contact_url }}">Contact Us</a></li>
|
<li><a href="{{ site.contact_url }}">Contact Us</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
<ul>
|
<ul>
|
||||||
<span>Social</span>
|
<span>Social</span>
|
||||||
<li><a href="{{ site.podcast_url }}">Overview</a></li>
|
<li><a href="{{ site.podcast_url }}">Overview</a></li>
|
||||||
<li><a href="{{ site.podcast_feed_url }}">RSS</a></li>
|
<li><a href="{{ site.podcast_feed_url }}">RSS</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="legal">
|
<div class="legal">
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="{{ site.terms_url }}">Terms</a></li>
|
<li><a href="{{ site.terms_url }}">Terms</a></li>
|
||||||
<li><a href="{{ site.privacy_url }}">Privacy</a></li>
|
<li><a href="{{ site.privacy_url }}">Privacy</a></li>
|
||||||
<li><a href="{{ site.contact_url }}">Contact & Legal</a></li>
|
<li><a href="{{ site.contact_url }}">Contact & Legal</a></li>
|
||||||
<li>Safing NOC © 2019</li>
|
<li>Safing NOC © 2019</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
|
@ -1,43 +1,38 @@
|
||||||
<header class="h-bg">
|
<header class="h-bg">
|
||||||
<div class="h-l">
|
<div class="h-l">
|
||||||
<div class="h-l-i">
|
<div class="h-l-i">
|
||||||
<img src="{{ site.img_url }}video-placeholder.png" alt="">
|
<img src="{{ site.img_url }}video-placeholder.png" alt="">
|
||||||
</div>
|
|
||||||
<!--<div class="h-l-v">
|
|
||||||
<button><img src="{{ site.assets_url }}/assets/icons/play.svg" alt=""></button>
|
|
||||||
<video src="https://v.kickstarter.com/1572651585_3012d9a6f389c4f2e04ac2fe654ffa38ac2b6044/projects/3796355/video-994941-h264_high.mp4"></video> </div>
|
|
||||||
<div>-->
|
|
||||||
<span>Supported by</span>
|
|
||||||
<ul>
|
|
||||||
<li><img src="{{ site.img_url }}esa.png" alt=""></li>
|
|
||||||
<li><img src="{{ site.img_url }}netidee.png" alt=""></li>
|
|
||||||
<li><img src="{{ site.img_url }}excellence.png" alt=""></li>
|
|
||||||
<li><img src="{{ site.img_url }}ffg.png" alt=""></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="h-r">
|
<span>Supported by</span>
|
||||||
<span>Take back controll</span>
|
<ul>
|
||||||
<h1>Privacy Network</h1>
|
<li><img src="{{ site.img_url }}esa.png" alt=""></li>
|
||||||
<p>
|
<li><img src="{{ site.img_url }}netidee.png" alt=""></li>
|
||||||
Stay private while surfing the Web with Gate17. Now
|
<li><img src="{{ site.img_url }}excellence.png" alt=""></li>
|
||||||
you are in charge of where your traffic is going: you can
|
<li><img src="{{ site.img_url }}ffg.png" alt=""></li>
|
||||||
handle connections separately, choosing where each
|
</ul>
|
||||||
shall leave the network.
|
</div>
|
||||||
</p>
|
<div class="h-r">
|
||||||
<ul>
|
<span>Take back controll</span>
|
||||||
<li>
|
<h1>Privacy Network</h1>
|
||||||
<span>917,188</span>
|
<p>
|
||||||
<p>Raised</p>
|
Stay private while surfing the Web with Gate17. Now
|
||||||
</li>
|
you are in charge of where your traffic is going: you can
|
||||||
<li>
|
handle connections separately, choosing where each
|
||||||
<span>7,188</span>
|
shall leave the network.
|
||||||
<p>Backers</p>
|
</p>
|
||||||
</li>
|
<ul>
|
||||||
</ul>
|
<li>
|
||||||
<div>
|
<span>917,188</span>
|
||||||
<button><img src="{{ site.icons_url }}kickstarter.svg" alt=""><span>kickstarter</span></button>
|
<p>Raised</p>
|
||||||
<span>or <a href="#">sign up for beta</a></span>
|
</li>
|
||||||
</div>
|
<li>
|
||||||
|
<span>7,188</span>
|
||||||
|
<p>Backers</p>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div>
|
||||||
|
<button><img src="{{ site.icons_url }}kickstarter.svg" alt=""><span>kickstarter</span></button>
|
||||||
|
<span>or <a href="#">sign up for beta</a></span>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
|
@ -1,15 +1,15 @@
|
||||||
<content>
|
<content>
|
||||||
<div class="map">
|
<div class="map">
|
||||||
<div class="m-l">
|
<div class="m-l">
|
||||||
<img src="{{ site.img_url }}map.gif" alt="">
|
<img src="{{ site.img_url }}map.gif" alt="">
|
||||||
</div>
|
|
||||||
<div class="m-r">
|
|
||||||
<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 privacy and
|
|
||||||
push the limits of technology to do so.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="m-r">
|
||||||
|
<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 privacy and
|
||||||
|
push the limits of technology to do so.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</content>
|
</content>
|
|
@ -1,16 +1,13 @@
|
||||||
<nav>
|
<nav>
|
||||||
<a href="">
|
<a href="">
|
||||||
<div>
|
<div>
|
||||||
<img src="{{ site.img_url }}logo.png" alt="">
|
<img src="{{ site.img_url }}logo.png" alt="">
|
||||||
<p>Safing<span>.io</span></p>
|
<p>Safing<span>.io</span></p>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="#">Community</a></li>
|
<li><a href="#">Community</a></li>
|
||||||
<li><a href="#">Jobs</a></li>
|
<li><a href="#">Jobs</a></li>
|
||||||
<li><a href="#">About</a></li>
|
<li><a href="#">About</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -1,51 +1,51 @@
|
||||||
<content>
|
<content>
|
||||||
<div class="overview">
|
<div class="overview">
|
||||||
<div class="o-l">
|
<div class="o-l">
|
||||||
<h1>Explore user behavior on an individual level of detail</h1>
|
<h1>Explore user behavior on an individual level of detail</h1>
|
||||||
<p>
|
<p>
|
||||||
it's the foundation we build our products on. We make
|
it's the foundation we build our products on. We make
|
||||||
sacrifices on all other fronts to protect your privacy and
|
sacrifices on all other fronts to protect your privacy and
|
||||||
push the limits of technology to do so.
|
push the limits of technology to do so.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
|
||||||
<div class="o-r">
|
|
||||||
<div class="left">
|
|
||||||
<div>
|
|
||||||
<img src="{{ site.icons_url }}lock.svg" alt="">
|
|
||||||
<div>
|
|
||||||
<span>True Privacy</span>
|
|
||||||
<p>
|
|
||||||
Stay private while surfing the Web with
|
|
||||||
you are in charge of where your traffic
|
|
||||||
handle connections
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<img src="{{ site.icons_url }}shield.svg" alt="">
|
|
||||||
<div>
|
|
||||||
<span>True Privacy</span>
|
|
||||||
<p>
|
|
||||||
Stay private while surfing the Web with
|
|
||||||
you are in charge of where your traffic
|
|
||||||
handle connections
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<div class="right">
|
|
||||||
<img src="{{ site.icons_url }}community.svg" alt="">
|
|
||||||
<div>
|
|
||||||
<span>True Privacy</span>
|
|
||||||
<p>
|
|
||||||
Stay private while surfing the Web with
|
|
||||||
you are in charge of where your traffic
|
|
||||||
handle connections
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="o-r">
|
||||||
|
<div class="left">
|
||||||
|
<div>
|
||||||
|
<img src="{{ site.icons_url }}lock.svg" alt="">
|
||||||
|
<div>
|
||||||
|
<span>True Privacy</span>
|
||||||
|
<p>
|
||||||
|
Stay private while surfing the Web with
|
||||||
|
you are in charge of where your traffic
|
||||||
|
handle connections
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<img src="{{ site.icons_url }}shield.svg" alt="">
|
||||||
|
<div>
|
||||||
|
<span>True Privacy</span>
|
||||||
|
<p>
|
||||||
|
Stay private while surfing the Web with
|
||||||
|
you are in charge of where your traffic
|
||||||
|
handle connections
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="right">
|
||||||
|
<img src="{{ site.icons_url }}community.svg" alt="">
|
||||||
|
<div>
|
||||||
|
<span>True Privacy</span>
|
||||||
|
<p>
|
||||||
|
Stay private while surfing the Web with
|
||||||
|
you are in charge of where your traffic
|
||||||
|
handle connections
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</content>
|
</content>
|
|
@ -7,5 +7,4 @@ layout: page
|
||||||
{{ content }}
|
{{ content }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</content>
|
</content>
|
Loading…
Add table
Reference in a new issue