Create tor-style-guide.html

works/tor-style-guide.html

@@ -0,0 +1,88 @@
+---
+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>