Beautify new html

This commit is contained in:
davegson 2019-11-08 18:32:22 +01:00
parent d2b599bb84
commit 075762875d
9 changed files with 223 additions and 232 deletions

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -7,5 +7,4 @@ layout: page
{{ content }} {{ content }}
</div> </div>
</div> </div>
</content> </content>