mirror of
https://github.com/safing/web
synced 2025-09-01 18:49:06 +00:00
Beautify new html
This commit is contained in:
davegson
parent
d2b599bb84
commit
075762875d
9 changed files with 223 additions and 232 deletions
|
|
@ -1,10 +1,10 @@
|
|||
<content>
|
||||
<div class="about-short">
|
||||
<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>
|
||||
</div>
|
||||
</content>
|
||||
<div class="about-short">
|
||||
<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>
|
||||
</div>
|
||||
</content>
|
||||
|
|
|
|||
|
|
@ -1,42 +1,42 @@
|
|||
<content >
|
||||
<div class="cast">
|
||||
<div class="c-l">
|
||||
<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>
|
||||
<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>
|
||||
<content>
|
||||
<div class="cast">
|
||||
<div class="c-l">
|
||||
<a href="">
|
||||
<img src="{{ site.img_url }}podcast.png" alt="">
|
||||
<div>
|
||||
<span>How to evaluate and trust a business?</span>
|
||||
<p>#004</p>
|
||||
</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>
|
||||
</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>
|
||||
</content>
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -1,37 +1,37 @@
|
|||
<content>
|
||||
<div class="features">
|
||||
<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>
|
||||
<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 class="features">
|
||||
<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>
|
||||
</content>
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -1,32 +1,32 @@
|
|||
<footer class="f-bg">
|
||||
<div class="list">
|
||||
<ul>
|
||||
<span>Company</span>
|
||||
<li><a href="{{ site.community_hub_url }}">Community Hub</a></li>
|
||||
<li><a href="{{ site.jobs_url }}">Jobs</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<span>Podcast</span>
|
||||
<li><a href="{{ site.podcast_url }}">Overview</a></li>
|
||||
<li><a href="{{ site.podcast_feed_url }}">RSS</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<span>Resources</span>
|
||||
<li><a href="{{ site.technology_url }}">Technology</a></li>
|
||||
<li><a href="{{ site.contact_url }}">Contact Us</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<span>Social</span>
|
||||
<li><a href="{{ site.podcast_url }}">Overview</a></li>
|
||||
<li><a href="{{ site.podcast_feed_url }}">RSS</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="legal">
|
||||
<ul>
|
||||
<li><a href="{{ site.terms_url }}">Terms</a></li>
|
||||
<li><a href="{{ site.privacy_url }}">Privacy</a></li>
|
||||
<li><a href="{{ site.contact_url }}">Contact & Legal</a></li>
|
||||
<li>Safing NOC © 2019</li>
|
||||
</ul>
|
||||
</div>
|
||||
</footer>
|
||||
<div class="list">
|
||||
<ul>
|
||||
<span>Company</span>
|
||||
<li><a href="{{ site.community_hub_url }}">Community Hub</a></li>
|
||||
<li><a href="{{ site.jobs_url }}">Jobs</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<span>Podcast</span>
|
||||
<li><a href="{{ site.podcast_url }}">Overview</a></li>
|
||||
<li><a href="{{ site.podcast_feed_url }}">RSS</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<span>Resources</span>
|
||||
<li><a href="{{ site.technology_url }}">Technology</a></li>
|
||||
<li><a href="{{ site.contact_url }}">Contact Us</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<span>Social</span>
|
||||
<li><a href="{{ site.podcast_url }}">Overview</a></li>
|
||||
<li><a href="{{ site.podcast_feed_url }}">RSS</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="legal">
|
||||
<ul>
|
||||
<li><a href="{{ site.terms_url }}">Terms</a></li>
|
||||
<li><a href="{{ site.privacy_url }}">Privacy</a></li>
|
||||
<li><a href="{{ site.contact_url }}">Contact & Legal</a></li>
|
||||
<li>Safing NOC © 2019</li>
|
||||
</ul>
|
||||
</div>
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -1,43 +1,38 @@
|
|||
<header class="h-bg">
|
||||
<div class="h-l">
|
||||
<div class="h-l-i">
|
||||
<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 class="h-l">
|
||||
<div class="h-l-i">
|
||||
<img src="{{ site.img_url }}video-placeholder.png" alt="">
|
||||
</div>
|
||||
<div class="h-r">
|
||||
<span>Take back controll</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>
|
||||
<ul>
|
||||
<li>
|
||||
<span>917,188</span>
|
||||
<p>Raised</p>
|
||||
</li>
|
||||
<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>
|
||||
<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 class="h-r">
|
||||
<span>Take back controll</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>
|
||||
<ul>
|
||||
<li>
|
||||
<span>917,188</span>
|
||||
<p>Raised</p>
|
||||
</li>
|
||||
<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>
|
||||
</header>
|
||||
|
|
|
|||
|
|
@ -1,15 +1,15 @@
|
|||
<content>
|
||||
<div class="map">
|
||||
<div class="m-l">
|
||||
<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 class="map">
|
||||
<div class="m-l">
|
||||
<img src="{{ site.img_url }}map.gif" alt="">
|
||||
</div>
|
||||
</content>
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -1,16 +1,13 @@
|
|||
<nav>
|
||||
<a href="">
|
||||
<div>
|
||||
<img src="{{ site.img_url }}logo.png" alt="">
|
||||
<p>Safing<span>.io</span></p>
|
||||
</div>
|
||||
</a>
|
||||
<ul>
|
||||
<li><a href="#">Community</a></li>
|
||||
<li><a href="#">Jobs</a></li>
|
||||
<li><a href="#">About</a></li>
|
||||
</ul>
|
||||
<a href="">
|
||||
<div>
|
||||
<img src="{{ site.img_url }}logo.png" alt="">
|
||||
<p>Safing<span>.io</span></p>
|
||||
</div>
|
||||
</a>
|
||||
<ul>
|
||||
<li><a href="#">Community</a></li>
|
||||
<li><a href="#">Jobs</a></li>
|
||||
<li><a href="#">About</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,51 +1,51 @@
|
|||
<content>
|
||||
<div class="overview">
|
||||
<div class="o-l">
|
||||
<h1>Explore user behavior on an individual level of detail</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 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 class="overview">
|
||||
<div class="o-l">
|
||||
<h1>Explore user behavior on an individual level of detail</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>
|
||||
</content>
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -7,5 +7,4 @@ layout: page
|
|||
{{ content }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</content>
|
||||
</content>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue