You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
89 lines
2.6 KiB
89 lines
2.6 KiB
7 years ago
|
---
|
||
|
|
layout: default
|
||
|
|
section_id: portfolio
|
||
|
|
title: Tor Style Guide
|
||
|
|
---
|
||
|
|
|
||
|
|
<div class="full light-grey">
|
||
|
|
<div class="four spacing"></div>
|
||
|
|
<div class="section-title">
|
||
|
|
<div class="row">
|
||
|
|
<div class="medium-10 medium-centered columns">
|
||
|
|
<h1 class="wow slideInUp">Case study</h1>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="full">
|
||
|
|
<div class="row">
|
||
|
|
<div class="large-8 columns">
|
||
|
|
<img src="images/@stock/slide-full-5.jpg" alt="">
|
||
|
|
<div class="spacing"></div>
|
||
|
|
<img src="images/@stock/work-big.jpg" alt="">
|
||
|
|
<div class="spacing"></div>
|
||
|
|
</div>
|
||
|
|
<div class="large-4 columns">
|
||
|
|
<div class="project-intro">
|
||
|
|
<h2>{{page.title}}</h2>
|
||
|
|
<p>The Tor network is a group of volunteer-operated servers that allows people to improve their privacy and security on the Internet. Tor's users employ this network by connecting through a series of virtual tunnels rather than making a direct connection, thus allowing both organizations and individuals to share information over public networks without compromising their privacy.</p>
|
||
|
|
<hr>
|
||
|
|
<div class="spacing"></div>
|
||
|
|
<h4>Date</h4>
|
||
|
|
<p><span>June, 2017</span></p>
|
||
|
|
<h4>Clients</h4>
|
||
|
|
<p><span>The Tor Project</span></p>
|
||
|
|
<h4>Category</h4>
|
||
|
|
<p><span>Style Guide</span></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<hr>
|
||
|
|
<div class="full">
|
||
|
|
<div class="section-title">
|
||
|
|
<div class="row">
|
||
|
|
<div class="medium-10 medium-centered columns">
|
||
|
|
<h2>Related projects</h2>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="related-works">
|
||
|
|
<div class="row">
|
||
|
|
<div class="large-4 columns">
|
||
|
|
<div class="work-wrapper">
|
||
|
|
<a href="work-single.html" class="work">
|
||
|
|
<img src="images/@stock/work-1.jpg" alt="">
|
||
|
|
<div class="info">
|
||
|
|
<h3>Cooco fashion</h3>
|
||
|
|
<p>Website, brand</p>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="large-4 columns">
|
||
|
|
<div class="work-wrapper">
|
||
|
|
<a href="work-single.html" class="work">
|
||
|
|
<img src="images/@stock/work-20.jpg" alt="">
|
||
|
|
<div class="info">
|
||
|
|
<h3>Dear god</h3>
|
||
|
|
<p>Website, print</p>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="large-4 columns">
|
||
|
|
<div class="work-wrapper">
|
||
|
|
<a href="work-single.html" class="work">
|
||
|
|
<img src="images/@stock/work-8.jpg" alt="">
|
||
|
|
<div class="info">
|
||
|
|
<h3>Help Five</h3>
|
||
|
|
<p>Photography</p>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|